@charset "UTF-8";
@keyframes processing {
  0% {
    background-color: #fdb863;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #fdb863;
  }
}
@keyframes envwarning {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingdummy {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
:focus {
  outline-color: #89D621;
}

body {
  background-color: #fff3e7;
  font-family: "Roboto", Arial, sans-serif;
  height: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
}
h1 .icon,
h2 .icon,
h3 .icon,
h4 .icon,
h5 .icon,
h6 .icon {
  font-size: 1.4em;
}

h1,
h2,
h3 {
  font-weight: normal;
}

h4 {
  margin-top: 1em;
  margin-bottom: 0;
}

a:link, .submit-row a.deletelink:link, .object-tools a:link,
a:visited,
.submit-row a.deletelink:visited,
.object-tools a:visited {
  color: #fe9b35;
}

a:focus, .submit-row a.deletelink:focus, .object-tools a:focus:link,
.object-tools a:focus:visited,
a:hover,
.submit-row a.deletelink:hover,
.object-tools a:hover:link,
.object-tools a:hover:visited,
a:active,
.submit-row a.deletelink:active,
.object-tools a:active:link,
.object-tools a:active:visited {
  color: #89D621;
}

.show-on-mobile-sm-inline {
  display: none;
}

@media (max-width: 767px) {
  .show-on-mobile-sm-inline {
    display: inline;
  }
}
a.deletelink,
a.deletelink:link, .button, .submit-row a.closelink, .submit-row a.deletelink, .object-tools a:link,
.object-tools a:visited,
input[type=submit],
#changelist #toolbar form input[type=submit],
input[type=button],
.submit-row input,
a.button,
button,
.tab,
a.tab {
  display: inline-flex;
  box-sizing: content-box;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  margin: 0;
  min-height: 2.18em;
  background-color: #819ca9;
  border: 1px solid #819ca9;
  box-shadow: none;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  transition: all linear 0.2s;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none !important;
}
a.deletelink:hover, .button:hover, .submit-row a.closelink:hover, .object-tools a:hover:link,
.object-tools a:hover:visited,
input[type=submit]:hover,
#changelist #toolbar form input[type=submit]:hover,
input[type=button]:hover,
.submit-row input:hover,
button:hover,
.tab:hover, a.deletelink:focus, .button:focus, .submit-row a.closelink:focus, .object-tools a:focus:link,
.object-tools a:focus:visited,
input[type=submit]:focus,
#changelist #toolbar form input[type=submit]:focus,
input[type=button]:focus,
.submit-row input:focus,
button:focus,
.tab:focus, a.deletelink:active, .button:active, .submit-row a.closelink:active, .object-tools a:active:link,
.object-tools a:active:visited,
input[type=submit]:active,
#changelist #toolbar form input[type=submit]:active,
input[type=button]:active,
.submit-row input:active,
button:active,
.tab:active, a.active.deletelink, .active.button, .submit-row a.active.closelink, .object-tools a.active:link,
.object-tools a.active:visited,
input.active[type=submit],
#changelist #toolbar form input.active[type=submit],
input.active[type=button],
.submit-row input.active,
button.active,
.active.tab {
  background-color: #c4dce8;
  color: #546e7a;
}
a.disabled.deletelink, .disabled.button, .submit-row a.disabled.closelink, .object-tools a.disabled:link,
.object-tools a.disabled:visited,
input.disabled[type=submit],
#changelist #toolbar form input.disabled[type=submit],
input.disabled[type=button],
.submit-row input.disabled,
button.disabled,
.disabled.tab, a.deletelink:disabled, .button:disabled, .submit-row a.closelink:disabled, .object-tools a:disabled:link,
.object-tools a:disabled:visited,
input[type=submit]:disabled,
#changelist #toolbar form input[type=submit]:disabled,
input[type=button]:disabled,
.submit-row input:disabled,
button:disabled,
.tab:disabled {
  cursor: default;
  opacity: 0.25;
}
a.disabled.deletelink:hover, .disabled.button:hover, .submit-row a.disabled.closelink:hover, .object-tools a.disabled:hover:link,
.object-tools a.disabled:hover:visited,
input.disabled[type=submit]:hover,
#changelist #toolbar form input.disabled[type=submit]:hover,
input.disabled[type=button]:hover,
.submit-row input.disabled:hover,
button.disabled:hover,
.disabled.tab:hover, a.disabled.deletelink:focus, .disabled.button:focus, .submit-row a.disabled.closelink:focus, .object-tools a.disabled:focus:link,
.object-tools a.disabled:focus:visited,
input.disabled[type=submit]:focus,
#changelist #toolbar form input.disabled[type=submit]:focus,
input.disabled[type=button]:focus,
.submit-row input.disabled:focus,
button.disabled:focus,
.disabled.tab:focus, a.disabled.deletelink:active, .disabled.button:active, .submit-row a.disabled.closelink:active, .object-tools a.disabled:active:link,
.object-tools a.disabled:active:visited,
input.disabled[type=submit]:active,
#changelist #toolbar form input.disabled[type=submit]:active,
input.disabled[type=button]:active,
.submit-row input.disabled:active,
button.disabled:active,
.disabled.tab:active, a.deletelink:disabled:hover, .button:disabled:hover, .submit-row a.closelink:disabled:hover, .object-tools a:disabled:hover:link,
.object-tools a:disabled:hover:visited,
input[type=submit]:disabled:hover,
#changelist #toolbar form input[type=submit]:disabled:hover,
input[type=button]:disabled:hover,
.submit-row input:disabled:hover,
button:disabled:hover,
.tab:disabled:hover, a.deletelink:disabled:focus, .button:disabled:focus, .submit-row a.closelink:disabled:focus, .object-tools a:disabled:focus:link,
.object-tools a:disabled:focus:visited,
input[type=submit]:disabled:focus,
#changelist #toolbar form input[type=submit]:disabled:focus,
input[type=button]:disabled:focus,
.submit-row input:disabled:focus,
button:disabled:focus,
.tab:disabled:focus, a.deletelink:disabled:active, .button:disabled:active, .submit-row a.closelink:disabled:active, .object-tools a:disabled:active:link,
.object-tools a:disabled:active:visited,
input[type=submit]:disabled:active,
#changelist #toolbar form input[type=submit]:disabled:active,
input[type=button]:disabled:active,
.submit-row input:disabled:active,
button:disabled:active,
.tab:disabled:active {
  background-color: #819ca9;
  color: white;
}
a.disabled.disabled-green.deletelink, .disabled.disabled-green.button, .submit-row a.disabled.disabled-green.closelink, .object-tools a.disabled.disabled-green:link,
.object-tools a.disabled.disabled-green:visited,
input.disabled.disabled-green[type=submit],
#changelist #toolbar form input.disabled.disabled-green[type=submit],
input.disabled.disabled-green[type=button],
.submit-row input.disabled.disabled-green,
button.disabled.disabled-green,
.disabled.disabled-green.tab, a.deletelink:disabled.disabled-green, .button:disabled.disabled-green, .submit-row a.closelink:disabled.disabled-green, .object-tools a:disabled.disabled-green:link,
.object-tools a:disabled.disabled-green:visited,
input[type=submit]:disabled.disabled-green,
#changelist #toolbar form input[type=submit]:disabled.disabled-green,
input[type=button]:disabled.disabled-green,
.submit-row input:disabled.disabled-green,
button:disabled.disabled-green,
.tab:disabled.disabled-green {
  background-color: #89D621 !important;
}
a.disabled.disabled-red.deletelink, .disabled.disabled-red.button, .submit-row a.disabled.disabled-red.closelink, .object-tools a.disabled.disabled-red:link,
.object-tools a.disabled.disabled-red:visited,
input.disabled.disabled-red[type=submit],
#changelist #toolbar form input.disabled.disabled-red[type=submit],
input.disabled.disabled-red[type=button],
.submit-row input.disabled.disabled-red,
button.disabled.disabled-red,
.disabled.disabled-red.tab, a.deletelink:disabled.disabled-red, .button:disabled.disabled-red, .submit-row a.closelink:disabled.disabled-red, .object-tools a:disabled.disabled-red:link,
.object-tools a:disabled.disabled-red:visited,
input[type=submit]:disabled.disabled-red,
#changelist #toolbar form input[type=submit]:disabled.disabled-red,
input[type=button]:disabled.disabled-red,
.submit-row input:disabled.disabled-red,
button:disabled.disabled-red,
.tab:disabled.disabled-red {
  background-color: #ff6051 !important;
}
a.disabled.disabled-orange.deletelink, .disabled.disabled-orange.button, .submit-row a.disabled.disabled-orange.closelink, .object-tools a.disabled.disabled-orange:link,
.object-tools a.disabled.disabled-orange:visited,
input.disabled.disabled-orange[type=submit],
#changelist #toolbar form input.disabled.disabled-orange[type=submit],
input.disabled.disabled-orange[type=button],
.submit-row input.disabled.disabled-orange,
button.disabled.disabled-orange,
.disabled.disabled-orange.tab, a.deletelink:disabled.disabled-orange, .button:disabled.disabled-orange, .submit-row a.closelink:disabled.disabled-orange, .object-tools a:disabled.disabled-orange:link,
.object-tools a:disabled.disabled-orange:visited,
input[type=submit]:disabled.disabled-orange,
#changelist #toolbar form input[type=submit]:disabled.disabled-orange,
input[type=button]:disabled.disabled-orange,
.submit-row input:disabled.disabled-orange,
button:disabled.disabled-orange,
.tab:disabled.disabled-orange {
  background-color: #fe9b35 !important;
}

a.outline.deletelink, .outline.button, .submit-row a.outline.closelink, .object-tools a.outline:link,
.object-tools a.outline:visited,
input.outline[type=submit],
#changelist #toolbar form input.outline[type=submit],
input.outline[type=button],
.submit-row input.outline,
button.outline,
.tab {
  background-color: transparent;
}

a.outline.white.deletelink, .outline.white.button, .submit-row a.outline.white.closelink, .object-tools a.outline.white:link,
.object-tools a.outline.white:visited,
input.outline.white[type=submit],
#changelist #toolbar form input.outline.white[type=submit],
input.outline.white[type=button],
.submit-row input.outline.white,
button.outline.white,
.tab.white {
  background-color: white;
}

a.outline.deletelink, .outline.button, .submit-row a.outline.closelink, .object-tools a.outline:link,
.object-tools a.outline:visited,
input.outline[type=submit],
#changelist #toolbar form input.outline[type=submit],
input.outline[type=button],
.submit-row input.outline,
button.outline,
.tab,
.tab.white {
  border: 1px solid #819ca9;
  color: #546e7a;
}
a.outline.deletelink:hover, .outline.button:hover, .submit-row a.outline.closelink:hover, .object-tools a.outline:hover:link,
.object-tools a.outline:hover:visited,
input.outline[type=submit]:hover,
#changelist #toolbar form input.outline[type=submit]:hover,
input.outline[type=button]:hover,
.submit-row input.outline:hover,
button.outline:hover, a.outline.deletelink:focus, .outline.button:focus, .submit-row a.outline.closelink:focus, .object-tools a.outline:focus:link,
.object-tools a.outline:focus:visited,
input.outline[type=submit]:focus,
#changelist #toolbar form input.outline[type=submit]:focus,
input.outline[type=button]:focus,
.submit-row input.outline:focus,
button.outline:focus, a.outline.deletelink:active, .outline.button:active, .submit-row a.outline.closelink:active, .object-tools a.outline:active:link,
.object-tools a.outline:active:visited,
input.outline[type=submit]:active,
#changelist #toolbar form input.outline[type=submit]:active,
input.outline[type=button]:active,
.submit-row input.outline:active,
button.outline:active,
.tab:hover,
.tab:focus,
.tab:active,
.tab.white:hover,
.tab.white:focus,
.tab.white:active {
  border-color: #29434e;
  background-color: #c4dce8;
  color: #29434e;
}
a.outline.disabled.deletelink:hover, .outline.disabled.button:hover, .submit-row a.outline.disabled.closelink:hover, .object-tools a.outline.disabled:hover:link,
.object-tools a.outline.disabled:hover:visited,
input.outline.disabled[type=submit]:hover,
#changelist #toolbar form input.outline.disabled[type=submit]:hover,
input.outline.disabled[type=button]:hover,
.submit-row input.outline.disabled:hover,
button.outline.disabled:hover, a.outline.disabled.deletelink:focus, .outline.disabled.button:focus, .submit-row a.outline.disabled.closelink:focus, .object-tools a.outline.disabled:focus:link,
.object-tools a.outline.disabled:focus:visited,
input.outline.disabled[type=submit]:focus,
#changelist #toolbar form input.outline.disabled[type=submit]:focus,
input.outline.disabled[type=button]:focus,
.submit-row input.outline.disabled:focus,
button.outline.disabled:focus, a.outline.disabled.deletelink:active, .outline.disabled.button:active, .submit-row a.outline.disabled.closelink:active, .object-tools a.outline.disabled:active:link,
.object-tools a.outline.disabled:active:visited,
input.outline.disabled[type=submit]:active,
#changelist #toolbar form input.outline.disabled[type=submit]:active,
input.outline.disabled[type=button]:active,
.submit-row input.outline.disabled:active,
button.outline.disabled:active, a.outline.deletelink:disabled:hover, .outline.button:disabled:hover, .submit-row a.outline.closelink:disabled:hover, .object-tools a.outline:disabled:hover:link,
.object-tools a.outline:disabled:hover:visited,
input.outline[type=submit]:disabled:hover,
#changelist #toolbar form input.outline[type=submit]:disabled:hover,
input.outline[type=button]:disabled:hover,
.submit-row input.outline:disabled:hover,
button.outline:disabled:hover, a.outline.deletelink:disabled:focus, .outline.button:disabled:focus, .submit-row a.outline.closelink:disabled:focus, .object-tools a.outline:disabled:focus:link,
.object-tools a.outline:disabled:focus:visited,
input.outline[type=submit]:disabled:focus,
#changelist #toolbar form input.outline[type=submit]:disabled:focus,
input.outline[type=button]:disabled:focus,
.submit-row input.outline:disabled:focus,
button.outline:disabled:focus, a.outline.deletelink:disabled:active, .outline.button:disabled:active, .submit-row a.outline.closelink:disabled:active, .object-tools a.outline:disabled:active:link,
.object-tools a.outline:disabled:active:visited,
input.outline[type=submit]:disabled:active,
#changelist #toolbar form input.outline[type=submit]:disabled:active,
input.outline[type=button]:disabled:active,
.submit-row input.outline:disabled:active,
button.outline:disabled:active,
.tab.disabled:hover,
.tab.disabled:focus,
.tab.disabled:active,
.tab:disabled:hover,
.tab:disabled:focus,
.tab:disabled:active,
.tab.white.disabled:hover,
.tab.white.disabled:focus,
.tab.white.disabled:active,
.tab.white:disabled:hover,
.tab.white:disabled:focus,
.tab.white:disabled:active {
  background-color: transparent;
  border-color: #819ca9;
  color: #546e7a;
}

a.outline.ondark.deletelink, .outline.ondark.button, .submit-row a.outline.ondark.closelink, .object-tools a.outline.ondark:link,
.object-tools a.outline.ondark:visited,
input.outline.ondark[type=submit],
#changelist #toolbar form input.outline.ondark[type=submit],
input.outline.ondark[type=button],
.submit-row input.outline.ondark,
button.outline.ondark,
.tab.ondark {
  background-color: transparent;
  border-color: #819ca9;
  color: #c4dce8;
}
a.outline.ondark.deletelink:hover, .outline.ondark.button:hover, .submit-row a.outline.ondark.closelink:hover, .object-tools a.outline.ondark:hover:link,
.object-tools a.outline.ondark:hover:visited,
input.outline.ondark[type=submit]:hover,
#changelist #toolbar form input.outline.ondark[type=submit]:hover,
input.outline.ondark[type=button]:hover,
.submit-row input.outline.ondark:hover,
button.outline.ondark:hover, a.outline.ondark.deletelink:focus, .outline.ondark.button:focus, .submit-row a.outline.ondark.closelink:focus, .object-tools a.outline.ondark:focus:link,
.object-tools a.outline.ondark:focus:visited,
input.outline.ondark[type=submit]:focus,
#changelist #toolbar form input.outline.ondark[type=submit]:focus,
input.outline.ondark[type=button]:focus,
.submit-row input.outline.ondark:focus,
button.outline.ondark:focus, a.outline.ondark.deletelink:active, .outline.ondark.button:active, .submit-row a.outline.ondark.closelink:active, .object-tools a.outline.ondark:active:link,
.object-tools a.outline.ondark:active:visited,
input.outline.ondark[type=submit]:active,
#changelist #toolbar form input.outline.ondark[type=submit]:active,
input.outline.ondark[type=button]:active,
.submit-row input.outline.ondark:active,
button.outline.ondark:active,
.tab.ondark:hover,
.tab.ondark:focus,
.tab.ondark:active {
  color: #546e7a;
  border-color: #c4dce8;
  background-color: #c4dce8;
}
a.outline.ondark.disabled.deletelink:hover, .outline.ondark.disabled.button:hover, .submit-row a.outline.ondark.disabled.closelink:hover, .object-tools a.outline.ondark.disabled:hover:link,
.object-tools a.outline.ondark.disabled:hover:visited,
input.outline.ondark.disabled[type=submit]:hover,
#changelist #toolbar form input.outline.ondark.disabled[type=submit]:hover,
input.outline.ondark.disabled[type=button]:hover,
.submit-row input.outline.ondark.disabled:hover,
button.outline.ondark.disabled:hover, a.outline.ondark.disabled.deletelink:focus, .outline.ondark.disabled.button:focus, .submit-row a.outline.ondark.disabled.closelink:focus, .object-tools a.outline.ondark.disabled:focus:link,
.object-tools a.outline.ondark.disabled:focus:visited,
input.outline.ondark.disabled[type=submit]:focus,
#changelist #toolbar form input.outline.ondark.disabled[type=submit]:focus,
input.outline.ondark.disabled[type=button]:focus,
.submit-row input.outline.ondark.disabled:focus,
button.outline.ondark.disabled:focus, a.outline.ondark.disabled.deletelink:active, .outline.ondark.disabled.button:active, .submit-row a.outline.ondark.disabled.closelink:active, .object-tools a.outline.ondark.disabled:active:link,
.object-tools a.outline.ondark.disabled:active:visited,
input.outline.ondark.disabled[type=submit]:active,
#changelist #toolbar form input.outline.ondark.disabled[type=submit]:active,
input.outline.ondark.disabled[type=button]:active,
.submit-row input.outline.ondark.disabled:active,
button.outline.ondark.disabled:active, a.outline.ondark.deletelink:disabled:hover, .outline.ondark.button:disabled:hover, .submit-row a.outline.ondark.closelink:disabled:hover, .object-tools a.outline.ondark:disabled:hover:link,
.object-tools a.outline.ondark:disabled:hover:visited,
input.outline.ondark[type=submit]:disabled:hover,
#changelist #toolbar form input.outline.ondark[type=submit]:disabled:hover,
input.outline.ondark[type=button]:disabled:hover,
.submit-row input.outline.ondark:disabled:hover,
button.outline.ondark:disabled:hover, a.outline.ondark.deletelink:disabled:focus, .outline.ondark.button:disabled:focus, .submit-row a.outline.ondark.closelink:disabled:focus, .object-tools a.outline.ondark:disabled:focus:link,
.object-tools a.outline.ondark:disabled:focus:visited,
input.outline.ondark[type=submit]:disabled:focus,
#changelist #toolbar form input.outline.ondark[type=submit]:disabled:focus,
input.outline.ondark[type=button]:disabled:focus,
.submit-row input.outline.ondark:disabled:focus,
button.outline.ondark:disabled:focus, a.outline.ondark.deletelink:disabled:active, .outline.ondark.button:disabled:active, .submit-row a.outline.ondark.closelink:disabled:active, .object-tools a.outline.ondark:disabled:active:link,
.object-tools a.outline.ondark:disabled:active:visited,
input.outline.ondark[type=submit]:disabled:active,
#changelist #toolbar form input.outline.ondark[type=submit]:disabled:active,
input.outline.ondark[type=button]:disabled:active,
.submit-row input.outline.ondark:disabled:active,
button.outline.ondark:disabled:active,
.tab.ondark.disabled:hover,
.tab.ondark.disabled:focus,
.tab.ondark.disabled:active,
.tab.ondark:disabled:hover,
.tab.ondark:disabled:focus,
.tab.ondark:disabled:active {
  color: #c4dce8;
  border-color: #819ca9;
  background-color: transparent;
}

a.small.deletelink, .small.button, .submit-row a.small.closelink, .object-tools a.small:link,
.object-tools a.small:visited,
input.small[type=submit],
#changelist #toolbar form input.small[type=submit],
input.small[type=button],
.submit-row input.small,
button.small,
.small.tab {
  line-height: 12px;
  padding: 4px 6px 2px;
  min-height: initial;
}

a.big.deletelink, .big.button, .submit-row a.big.closelink, .object-tools a.big:link,
.object-tools a.big:visited,
input.big[type=submit],
#changelist #toolbar form input.big[type=submit],
input.big[type=button],
.submit-row input.big,
button.big,
.big.tab {
  line-height: 36px;
  padding: 3px 12px;
  border-radius: 6px;
}

a.big-text.deletelink, .big-text.button, .submit-row a.big-text.closelink, .object-tools a.big-text:link,
.object-tools a.big-text:visited,
input.big-text[type=submit],
#changelist #toolbar form input.big-text[type=submit],
input.big-text[type=button],
.submit-row input.big-text,
button.big-text,
.big-text.tab {
  line-height: 36px;
  padding: 3px 12px;
  border-radius: 6px;
  font-size: 1.2em;
}

a.lower.deletelink, .lower.button, .submit-row a.lower.closelink, .object-tools a.lower:link,
.object-tools a.lower:visited,
input.lower[type=submit],
#changelist #toolbar form input.lower[type=submit],
input.lower[type=button],
.submit-row input.lower,
button.lower,
.lower.tab {
  text-transform: lowercase;
}

a.heading-button.deletelink, .heading-button.button, .submit-row a.heading-button.closelink, .object-tools a.heading-button:link,
.object-tools a.heading-button:visited,
input.heading-button[type=submit],
#changelist #toolbar form input.heading-button[type=submit],
input.heading-button[type=button],
.submit-row input.heading-button,
button.heading-button,
.heading-button.tab {
  background-color: rgba(0, 0, 0, 0.1);
}
a.heading-button.deletelink:hover, .heading-button.button:hover, .submit-row a.heading-button.closelink:hover, .object-tools a.heading-button:hover:link,
.object-tools a.heading-button:hover:visited,
input.heading-button[type=submit]:hover,
#changelist #toolbar form input.heading-button[type=submit]:hover,
input.heading-button[type=button]:hover,
.submit-row input.heading-button:hover,
button.heading-button:hover,
.heading-button.tab:hover, a.heading-button.deletelink:focus, .heading-button.button:focus, .submit-row a.heading-button.closelink:focus, .object-tools a.heading-button:focus:link,
.object-tools a.heading-button:focus:visited,
input.heading-button[type=submit]:focus,
#changelist #toolbar form input.heading-button[type=submit]:focus,
input.heading-button[type=button]:focus,
.submit-row input.heading-button:focus,
button.heading-button:focus,
.heading-button.tab:focus, a.heading-button.deletelink:active, .heading-button.button:active, .submit-row a.heading-button.closelink:active, .object-tools a.heading-button:active:link,
.object-tools a.heading-button:active:visited,
input.heading-button[type=submit]:active,
#changelist #toolbar form input.heading-button[type=submit]:active,
input.heading-button[type=button]:active,
.submit-row input.heading-button:active,
button.heading-button:active,
.heading-button.tab:active {
  background-color: #89D621;
  border-color: #89D621;
  color: white;
}
a.heading-button.ondark.deletelink, .heading-button.ondark.button, .submit-row a.heading-button.ondark.closelink, .object-tools a.heading-button.ondark:link,
.object-tools a.heading-button.ondark:visited,
input.heading-button.ondark[type=submit],
#changelist #toolbar form input.heading-button.ondark[type=submit],
input.heading-button.ondark[type=button],
.submit-row input.heading-button.ondark,
button.heading-button.ondark,
.heading-button.ondark.tab {
  background-color: rgba(255, 255, 255, 0.1);
}
a.heading-button.ondark.deletelink:hover, .heading-button.ondark.button:hover, .submit-row a.heading-button.ondark.closelink:hover, .object-tools a.heading-button.ondark:hover:link,
.object-tools a.heading-button.ondark:hover:visited,
input.heading-button.ondark[type=submit]:hover,
#changelist #toolbar form input.heading-button.ondark[type=submit]:hover,
input.heading-button.ondark[type=button]:hover,
.submit-row input.heading-button.ondark:hover,
button.heading-button.ondark:hover,
.heading-button.ondark.tab:hover, a.heading-button.ondark.deletelink:focus, .heading-button.ondark.button:focus, .submit-row a.heading-button.ondark.closelink:focus, .object-tools a.heading-button.ondark:focus:link,
.object-tools a.heading-button.ondark:focus:visited,
input.heading-button.ondark[type=submit]:focus,
#changelist #toolbar form input.heading-button.ondark[type=submit]:focus,
input.heading-button.ondark[type=button]:focus,
.submit-row input.heading-button.ondark:focus,
button.heading-button.ondark:focus,
.heading-button.ondark.tab:focus, a.heading-button.ondark.deletelink:active, .heading-button.ondark.button:active, .submit-row a.heading-button.ondark.closelink:active, .object-tools a.heading-button.ondark:active:link,
.object-tools a.heading-button.ondark:active:visited,
input.heading-button.ondark[type=submit]:active,
#changelist #toolbar form input.heading-button.ondark[type=submit]:active,
input.heading-button.ondark[type=button]:active,
.submit-row input.heading-button.ondark:active,
button.heading-button.ondark:active,
.heading-button.ondark.tab:active {
  background-color: #89D621;
  border-color: #89D621;
  color: white;
}

a.block-button.deletelink, .block-button.button, .submit-row a.block-button.closelink, .object-tools a.block-button:link,
.object-tools a.block-button:visited,
input.block-button[type=submit],
#changelist #toolbar form input.block-button[type=submit],
input.block-button[type=button],
.submit-row input.block-button,
button.block-button,
.block-button.tab {
  display: block;
  text-align: center;
  margin: 6px 0;
}
a.block-button.deletelink:last-child, .block-button.button:last-child, .submit-row a.block-button.closelink:last-child, .object-tools a.block-button:last-child:link,
.object-tools a.block-button:last-child:visited,
input.block-button[type=submit]:last-child,
#changelist #toolbar form input.block-button[type=submit]:last-child,
input.block-button[type=button]:last-child,
.submit-row input.block-button:last-child,
button.block-button:last-child,
.block-button.tab:last-child {
  margin-bottom: 0;
}

a.orange.deletelink, .orange.button, .submit-row a.orange.closelink, .object-tools a.orange:link,
.object-tools a.orange:visited,
input.orange[type=submit],
#changelist #toolbar form input.orange[type=submit],
input.orange[type=button],
.submit-row input.orange,
button.orange,
.orange.tab,
a.default.deletelink,
.default.button,
.submit-row a.default.closelink,
.object-tools a.default:link,
.object-tools a.default:visited,
input.default[type=submit],
#changelist #toolbar form input.default[type=submit],
input.default[type=button],
.submit-row input.default,
button.default,
.default.tab {
  background-color: #fe9b35 !important;
  color: white !important;
  border-color: #fe9b35 !important;
}
a.orange.deletelink:hover, .orange.button:hover, .submit-row a.orange.closelink:hover, .object-tools a.orange:hover:link,
.object-tools a.orange:hover:visited,
input.orange[type=submit]:hover,
#changelist #toolbar form input.orange[type=submit]:hover,
input.orange[type=button]:hover,
.submit-row input.orange:hover,
button.orange:hover,
.orange.tab:hover, a.orange.deletelink:focus, .orange.button:focus, .submit-row a.orange.closelink:focus, .object-tools a.orange:focus:link,
.object-tools a.orange:focus:visited,
input.orange[type=submit]:focus,
#changelist #toolbar form input.orange[type=submit]:focus,
input.orange[type=button]:focus,
.submit-row input.orange:focus,
button.orange:focus,
.orange.tab:focus, a.orange.deletelink:active, .orange.button:active, .submit-row a.orange.closelink:active, .object-tools a.orange:active:link,
.object-tools a.orange:active:visited,
input.orange[type=submit]:active,
#changelist #toolbar form input.orange[type=submit]:active,
input.orange[type=button]:active,
.submit-row input.orange:active,
button.orange:active,
.orange.tab:active,
a.default.deletelink:hover,
.default.button:hover,
.submit-row a.default.closelink:hover,
.object-tools a.default:hover:link,
.object-tools a.default:hover:visited,
input.default[type=submit]:hover,
#changelist #toolbar form input.default[type=submit]:hover,
input.default[type=button]:hover,
.submit-row input.default:hover,
button.default:hover,
.default.tab:hover,
a.default.deletelink:focus,
.default.button:focus,
.submit-row a.default.closelink:focus,
.object-tools a.default:focus:link,
.object-tools a.default:focus:visited,
input.default[type=submit]:focus,
#changelist #toolbar form input.default[type=submit]:focus,
input.default[type=button]:focus,
.submit-row input.default:focus,
button.default:focus,
.default.tab:focus,
a.default.deletelink:active,
.default.button:active,
.submit-row a.default.closelink:active,
.object-tools a.default:active:link,
.object-tools a.default:active:visited,
input.default[type=submit]:active,
#changelist #toolbar form input.default[type=submit]:active,
input.default[type=button]:active,
.submit-row input.default:active,
button.default:active,
.default.tab:active {
  background-color: #89D621 !important;
  color: white !important;
  border-color: #89D621 !important;
}

a.green.deletelink, .green.button, .submit-row a.green.closelink, .object-tools a.green:link,
.object-tools a.green:visited,
input.green[type=submit],
#changelist #toolbar form input.green[type=submit],
input.green[type=button],
.submit-row input.green,
button.green,
.green.tab {
  background-color: #89D621 !important;
  color: white !important;
  border-color: #89D621 !important;
}
a.green.deletelink:hover, .green.button:hover, .submit-row a.green.closelink:hover, .object-tools a.green:hover:link,
.object-tools a.green:hover:visited,
input.green[type=submit]:hover,
#changelist #toolbar form input.green[type=submit]:hover,
input.green[type=button]:hover,
.submit-row input.green:hover,
button.green:hover,
.green.tab:hover, a.green.deletelink:focus, .green.button:focus, .submit-row a.green.closelink:focus, .object-tools a.green:focus:link,
.object-tools a.green:focus:visited,
input.green[type=submit]:focus,
#changelist #toolbar form input.green[type=submit]:focus,
input.green[type=button]:focus,
.submit-row input.green:focus,
button.green:focus,
.green.tab:focus, a.green.deletelink:active, .green.button:active, .submit-row a.green.closelink:active, .object-tools a.green:active:link,
.object-tools a.green:active:visited,
input.green[type=submit]:active,
#changelist #toolbar form input.green[type=submit]:active,
input.green[type=button]:active,
.submit-row input.green:active,
button.green:active,
.green.tab:active {
  background-color: #54a400 !important;
  color: white !important;
  border-color: #54a400 !important;
}

.red.button, .submit-row a.red.closelink, .object-tools a.red:link,
.object-tools a.red:visited,
input.red[type=submit],
#changelist #toolbar form input.red[type=submit],
input.red[type=button],
.submit-row input.red,
button.red,
.red.tab,
a.deletelink,
.submit-row a.deletelink,
.object-tools a.deletelink:visited,
a.deletelink:link {
  background-color: #ff6051 !important;
  color: white !important;
  border-color: #ff6051 !important;
}
.red.button:hover, .submit-row a.red.closelink:hover, .object-tools a.red:hover:link,
.object-tools a.red:hover:visited,
input.red[type=submit]:hover,
#changelist #toolbar form input.red[type=submit]:hover,
input.red[type=button]:hover,
.submit-row input.red:hover,
button.red:hover,
.red.tab:hover, .red.button:focus, .submit-row a.red.closelink:focus, .object-tools a.red:focus:link,
.object-tools a.red:focus:visited,
input.red[type=submit]:focus,
#changelist #toolbar form input.red[type=submit]:focus,
input.red[type=button]:focus,
.submit-row input.red:focus,
button.red:focus,
.red.tab:focus, .red.button:active, .submit-row a.red.closelink:active, .object-tools a.red:active:link,
.object-tools a.red:active:visited,
input.red[type=submit]:active,
#changelist #toolbar form input.red[type=submit]:active,
input.red[type=button]:active,
.submit-row input.red:active,
button.red:active,
.red.tab:active,
a.deletelink:hover,
a.deletelink:focus,
a.deletelink:active {
  background-color: #c52a27 !important;
  color: white !important;
  border-color: #c52a27 !important;
}
.red.outline.button, .submit-row a.red.outline.closelink, .object-tools a.red.outline:link,
.object-tools a.red.outline:visited,
input.red.outline[type=submit],
#changelist #toolbar form input.red.outline[type=submit],
input.red.outline[type=button],
.submit-row input.red.outline,
button.red.outline,
.red.outline.tab,
a.outline.deletelink {
  background-color: transparent !important;
  color: #c52a27 !important;
}
.red.outline.button:hover, .submit-row a.red.outline.closelink:hover, .object-tools a.red.outline:hover:link,
.object-tools a.red.outline:hover:visited,
input.red.outline[type=submit]:hover,
#changelist #toolbar form input.red.outline[type=submit]:hover,
input.red.outline[type=button]:hover,
.submit-row input.red.outline:hover,
button.red.outline:hover,
.red.outline.tab:hover, .red.outline.button:focus, .submit-row a.red.outline.closelink:focus, .object-tools a.red.outline:focus:link,
.object-tools a.red.outline:focus:visited,
input.red.outline[type=submit]:focus,
#changelist #toolbar form input.red.outline[type=submit]:focus,
input.red.outline[type=button]:focus,
.submit-row input.red.outline:focus,
button.red.outline:focus,
.red.outline.tab:focus, .red.outline.button:active, .submit-row a.red.outline.closelink:active, .object-tools a.red.outline:active:link,
.object-tools a.red.outline:active:visited,
input.red.outline[type=submit]:active,
#changelist #toolbar form input.red.outline[type=submit]:active,
input.red.outline[type=button]:active,
.submit-row input.red.outline:active,
button.red.outline:active,
.red.outline.tab:active,
a.outline.deletelink:hover,
a.outline.deletelink:focus,
a.outline.deletelink:active {
  background-color: #c52a27 !important;
  border-color: #c52a27 !important;
  color: white !important;
}
.red.outline.button:disabled, .submit-row a.red.outline.closelink:disabled, .object-tools a.red.outline:disabled:link,
.object-tools a.red.outline:disabled:visited,
input.red.outline[type=submit]:disabled,
#changelist #toolbar form input.red.outline[type=submit]:disabled,
input.red.outline[type=button]:disabled,
.submit-row input.red.outline:disabled,
button.red.outline:disabled,
.red.outline.tab:disabled,
a.outline.deletelink:disabled {
  background-color: transparent !important;
}

a.transparent.deletelink, .transparent.button, .submit-row a.transparent.closelink, .object-tools a.transparent:link,
.object-tools a.transparent:visited,
input.transparent[type=submit],
#changelist #toolbar form input.transparent[type=submit],
input.transparent[type=button],
.submit-row input.transparent,
button.transparent,
.transparent.tab {
  background-color: transparent !important;
  color: #546e7a;
  border-color: transparent;
}
a.transparent.deletelink:hover, .transparent.button:hover, .submit-row a.transparent.closelink:hover, .object-tools a.transparent:hover:link,
.object-tools a.transparent:hover:visited,
input.transparent[type=submit]:hover,
#changelist #toolbar form input.transparent[type=submit]:hover,
input.transparent[type=button]:hover,
.submit-row input.transparent:hover,
button.transparent:hover,
.transparent.tab:hover, a.transparent.deletelink:focus, .transparent.button:focus, .submit-row a.transparent.closelink:focus, .object-tools a.transparent:focus:link,
.object-tools a.transparent:focus:visited,
input.transparent[type=submit]:focus,
#changelist #toolbar form input.transparent[type=submit]:focus,
input.transparent[type=button]:focus,
.submit-row input.transparent:focus,
button.transparent:focus,
.transparent.tab:focus, a.transparent.deletelink:active, .transparent.button:active, .submit-row a.transparent.closelink:active, .object-tools a.transparent:active:link,
.object-tools a.transparent:active:visited,
input.transparent[type=submit]:active,
#changelist #toolbar form input.transparent[type=submit]:active,
input.transparent[type=button]:active,
.submit-row input.transparent:active,
button.transparent:active,
.transparent.tab:active {
  background-color: #c4dce8 !important;
  color: #546e7a;
  border-color: #546e7a;
}

a.warning-button.deletelink, .warning-button.button, .submit-row a.warning-button.closelink, .object-tools a.warning-button:link,
.object-tools a.warning-button:visited,
input.warning-button[type=submit],
#changelist #toolbar form input.warning-button[type=submit],
input.warning-button[type=button],
.submit-row input.warning-button,
button.warning-button,
.warning-button.tab,
a.button-warning.deletelink,
.button-warning.button,
.submit-row a.button-warning.closelink,
.object-tools a.button-warning:link,
.object-tools a.button-warning:visited,
input.button-warning[type=submit],
#changelist #toolbar form input.button-warning[type=submit],
input.button-warning[type=button],
.submit-row input.button-warning,
button.button-warning,
.button-warning.tab {
  background-color: #819ca9 !important;
}
a.warning-button.deletelink:hover, .warning-button.button:hover, .submit-row a.warning-button.closelink:hover, .object-tools a.warning-button:hover:link,
.object-tools a.warning-button:hover:visited,
input.warning-button[type=submit]:hover,
#changelist #toolbar form input.warning-button[type=submit]:hover,
input.warning-button[type=button]:hover,
.submit-row input.warning-button:hover,
button.warning-button:hover,
.warning-button.tab:hover, a.warning-button.deletelink:focus, .warning-button.button:focus, .submit-row a.warning-button.closelink:focus, .object-tools a.warning-button:focus:link,
.object-tools a.warning-button:focus:visited,
input.warning-button[type=submit]:focus,
#changelist #toolbar form input.warning-button[type=submit]:focus,
input.warning-button[type=button]:focus,
.submit-row input.warning-button:focus,
button.warning-button:focus,
.warning-button.tab:focus, a.warning-button.deletelink:active, .warning-button.button:active, .submit-row a.warning-button.closelink:active, .object-tools a.warning-button:active:link,
.object-tools a.warning-button:active:visited,
input.warning-button[type=submit]:active,
#changelist #toolbar form input.warning-button[type=submit]:active,
input.warning-button[type=button]:active,
.submit-row input.warning-button:active,
button.warning-button:active,
.warning-button.tab:active,
a.button-warning.deletelink:hover,
.button-warning.button:hover,
.submit-row a.button-warning.closelink:hover,
.object-tools a.button-warning:hover:link,
.object-tools a.button-warning:hover:visited,
input.button-warning[type=submit]:hover,
#changelist #toolbar form input.button-warning[type=submit]:hover,
input.button-warning[type=button]:hover,
.submit-row input.button-warning:hover,
button.button-warning:hover,
.button-warning.tab:hover,
a.button-warning.deletelink:focus,
.button-warning.button:focus,
.submit-row a.button-warning.closelink:focus,
.object-tools a.button-warning:focus:link,
.object-tools a.button-warning:focus:visited,
input.button-warning[type=submit]:focus,
#changelist #toolbar form input.button-warning[type=submit]:focus,
input.button-warning[type=button]:focus,
.submit-row input.button-warning:focus,
button.button-warning:focus,
.button-warning.tab:focus,
a.button-warning.deletelink:active,
.button-warning.button:active,
.submit-row a.button-warning.closelink:active,
.object-tools a.button-warning:active:link,
.object-tools a.button-warning:active:visited,
input.button-warning[type=submit]:active,
#changelist #toolbar form input.button-warning[type=submit]:active,
input.button-warning[type=button]:active,
.submit-row input.button-warning:active,
button.button-warning:active,
.button-warning.tab:active {
  background-color: #ff6051 !important;
  color: white;
  border-color: #ff6051;
}
a.warning-button.default.deletelink, .warning-button.default.button, .submit-row a.warning-button.default.closelink, .object-tools a.warning-button.default:link,
.object-tools a.warning-button.default:visited,
input.warning-button.default[type=submit],
#changelist #toolbar form input.warning-button.default[type=submit],
input.warning-button.default[type=button],
.submit-row input.warning-button.default,
button.warning-button.default,
.warning-button.default.tab,
a.button-warning.default.deletelink,
.button-warning.default.button,
.submit-row a.button-warning.default.closelink,
.object-tools a.button-warning.default:link,
.object-tools a.button-warning.default:visited,
input.button-warning.default[type=submit],
#changelist #toolbar form input.button-warning.default[type=submit],
input.button-warning.default[type=button],
.submit-row input.button-warning.default,
button.button-warning.default,
.button-warning.default.tab {
  background-color: #ff6051 !important;
}
a.warning-button.default.ondark.deletelink, .warning-button.default.ondark.button, .submit-row a.warning-button.default.ondark.closelink, .object-tools a.warning-button.default.ondark:link,
.object-tools a.warning-button.default.ondark:visited,
input.warning-button.default.ondark[type=submit],
#changelist #toolbar form input.warning-button.default.ondark[type=submit],
input.warning-button.default.ondark[type=button],
.submit-row input.warning-button.default.ondark,
button.warning-button.default.ondark,
.warning-button.default.ondark.tab,
a.button-warning.default.ondark.deletelink,
.button-warning.default.ondark.button,
.submit-row a.button-warning.default.ondark.closelink,
.object-tools a.button-warning.default.ondark:link,
.object-tools a.button-warning.default.ondark:visited,
input.button-warning.default.ondark[type=submit],
#changelist #toolbar form input.button-warning.default.ondark[type=submit],
input.button-warning.default.ondark[type=button],
.submit-row input.button-warning.default.ondark,
button.button-warning.default.ondark,
.button-warning.default.ondark.tab {
  border: 1px solid white;
}
a.warning-button.default.deletelink:hover, .warning-button.default.button:hover, .submit-row a.warning-button.default.closelink:hover, .object-tools a.warning-button.default:hover:link,
.object-tools a.warning-button.default:hover:visited,
input.warning-button.default[type=submit]:hover,
#changelist #toolbar form input.warning-button.default[type=submit]:hover,
input.warning-button.default[type=button]:hover,
.submit-row input.warning-button.default:hover,
button.warning-button.default:hover,
.warning-button.default.tab:hover, a.warning-button.default.deletelink:focus, .warning-button.default.button:focus, .submit-row a.warning-button.default.closelink:focus, .object-tools a.warning-button.default:focus:link,
.object-tools a.warning-button.default:focus:visited,
input.warning-button.default[type=submit]:focus,
#changelist #toolbar form input.warning-button.default[type=submit]:focus,
input.warning-button.default[type=button]:focus,
.submit-row input.warning-button.default:focus,
button.warning-button.default:focus,
.warning-button.default.tab:focus, a.warning-button.default.deletelink:active, .warning-button.default.button:active, .submit-row a.warning-button.default.closelink:active, .object-tools a.warning-button.default:active:link,
.object-tools a.warning-button.default:active:visited,
input.warning-button.default[type=submit]:active,
#changelist #toolbar form input.warning-button.default[type=submit]:active,
input.warning-button.default[type=button]:active,
.submit-row input.warning-button.default:active,
button.warning-button.default:active,
.warning-button.default.tab:active,
a.button-warning.default.deletelink:hover,
.button-warning.default.button:hover,
.submit-row a.button-warning.default.closelink:hover,
.object-tools a.button-warning.default:hover:link,
.object-tools a.button-warning.default:hover:visited,
input.button-warning.default[type=submit]:hover,
#changelist #toolbar form input.button-warning.default[type=submit]:hover,
input.button-warning.default[type=button]:hover,
.submit-row input.button-warning.default:hover,
button.button-warning.default:hover,
.button-warning.default.tab:hover,
a.button-warning.default.deletelink:focus,
.button-warning.default.button:focus,
.submit-row a.button-warning.default.closelink:focus,
.object-tools a.button-warning.default:focus:link,
.object-tools a.button-warning.default:focus:visited,
input.button-warning.default[type=submit]:focus,
#changelist #toolbar form input.button-warning.default[type=submit]:focus,
input.button-warning.default[type=button]:focus,
.submit-row input.button-warning.default:focus,
button.button-warning.default:focus,
.button-warning.default.tab:focus,
a.button-warning.default.deletelink:active,
.button-warning.default.button:active,
.submit-row a.button-warning.default.closelink:active,
.object-tools a.button-warning.default:active:link,
.object-tools a.button-warning.default:active:visited,
input.button-warning.default[type=submit]:active,
#changelist #toolbar form input.button-warning.default[type=submit]:active,
input.button-warning.default[type=button]:active,
.submit-row input.button-warning.default:active,
button.button-warning.default:active,
.button-warning.default.tab:active {
  background-color: #c52a27 !important;
}
a.warning-button.default.deletelink:disabled, .warning-button.default.button:disabled, .submit-row a.warning-button.default.closelink:disabled, .object-tools a.warning-button.default:disabled:link,
.object-tools a.warning-button.default:disabled:visited,
input.warning-button.default[type=submit]:disabled,
#changelist #toolbar form input.warning-button.default[type=submit]:disabled,
input.warning-button.default[type=button]:disabled,
.submit-row input.warning-button.default:disabled,
button.warning-button.default:disabled,
.warning-button.default.tab:disabled,
a.button-warning.default.deletelink:disabled,
.button-warning.default.button:disabled,
.submit-row a.button-warning.default.closelink:disabled,
.object-tools a.button-warning.default:disabled:link,
.object-tools a.button-warning.default:disabled:visited,
input.button-warning.default[type=submit]:disabled,
#changelist #toolbar form input.button-warning.default[type=submit]:disabled,
input.button-warning.default[type=button]:disabled,
.submit-row input.button-warning.default:disabled,
button.button-warning.default:disabled,
.button-warning.default.tab:disabled {
  background-color: #ff6051 !important;
}
a.warning-button.outline.deletelink, .warning-button.outline.button, .submit-row a.warning-button.outline.closelink, .object-tools a.warning-button.outline:link,
.object-tools a.warning-button.outline:visited,
input.warning-button.outline[type=submit],
#changelist #toolbar form input.warning-button.outline[type=submit],
input.warning-button.outline[type=button],
.submit-row input.warning-button.outline,
button.warning-button.outline,
.warning-button.outline.tab,
a.button-warning.outline.deletelink,
.button-warning.outline.button,
.submit-row a.button-warning.outline.closelink,
.object-tools a.button-warning.outline:link,
.object-tools a.button-warning.outline:visited,
input.button-warning.outline[type=submit],
#changelist #toolbar form input.button-warning.outline[type=submit],
input.button-warning.outline[type=button],
.submit-row input.button-warning.outline,
button.button-warning.outline,
.button-warning.outline.tab {
  background-color: transparent !important;
}
a.warning-button.outline.deletelink:hover, .warning-button.outline.button:hover, .submit-row a.warning-button.outline.closelink:hover, .object-tools a.warning-button.outline:hover:link,
.object-tools a.warning-button.outline:hover:visited,
input.warning-button.outline[type=submit]:hover,
#changelist #toolbar form input.warning-button.outline[type=submit]:hover,
input.warning-button.outline[type=button]:hover,
.submit-row input.warning-button.outline:hover,
button.warning-button.outline:hover,
.warning-button.outline.tab:hover, a.warning-button.outline.deletelink:focus, .warning-button.outline.button:focus, .submit-row a.warning-button.outline.closelink:focus, .object-tools a.warning-button.outline:focus:link,
.object-tools a.warning-button.outline:focus:visited,
input.warning-button.outline[type=submit]:focus,
#changelist #toolbar form input.warning-button.outline[type=submit]:focus,
input.warning-button.outline[type=button]:focus,
.submit-row input.warning-button.outline:focus,
button.warning-button.outline:focus,
.warning-button.outline.tab:focus, a.warning-button.outline.deletelink:active, .warning-button.outline.button:active, .submit-row a.warning-button.outline.closelink:active, .object-tools a.warning-button.outline:active:link,
.object-tools a.warning-button.outline:active:visited,
input.warning-button.outline[type=submit]:active,
#changelist #toolbar form input.warning-button.outline[type=submit]:active,
input.warning-button.outline[type=button]:active,
.submit-row input.warning-button.outline:active,
button.warning-button.outline:active,
.warning-button.outline.tab:active,
a.button-warning.outline.deletelink:hover,
.button-warning.outline.button:hover,
.submit-row a.button-warning.outline.closelink:hover,
.object-tools a.button-warning.outline:hover:link,
.object-tools a.button-warning.outline:hover:visited,
input.button-warning.outline[type=submit]:hover,
#changelist #toolbar form input.button-warning.outline[type=submit]:hover,
input.button-warning.outline[type=button]:hover,
.submit-row input.button-warning.outline:hover,
button.button-warning.outline:hover,
.button-warning.outline.tab:hover,
a.button-warning.outline.deletelink:focus,
.button-warning.outline.button:focus,
.submit-row a.button-warning.outline.closelink:focus,
.object-tools a.button-warning.outline:focus:link,
.object-tools a.button-warning.outline:focus:visited,
input.button-warning.outline[type=submit]:focus,
#changelist #toolbar form input.button-warning.outline[type=submit]:focus,
input.button-warning.outline[type=button]:focus,
.submit-row input.button-warning.outline:focus,
button.button-warning.outline:focus,
.button-warning.outline.tab:focus,
a.button-warning.outline.deletelink:active,
.button-warning.outline.button:active,
.submit-row a.button-warning.outline.closelink:active,
.object-tools a.button-warning.outline:active:link,
.object-tools a.button-warning.outline:active:visited,
input.button-warning.outline[type=submit]:active,
#changelist #toolbar form input.button-warning.outline[type=submit]:active,
input.button-warning.outline[type=button]:active,
.submit-row input.button-warning.outline:active,
button.button-warning.outline:active,
.button-warning.outline.tab:active {
  background-color: #ff6051 !important;
  border-color: #ff6051 !important;
  color: white;
}
a.warning-button.outline.deletelink:disabled, .warning-button.outline.button:disabled, .submit-row a.warning-button.outline.closelink:disabled, .object-tools a.warning-button.outline:disabled:link,
.object-tools a.warning-button.outline:disabled:visited,
input.warning-button.outline[type=submit]:disabled,
#changelist #toolbar form input.warning-button.outline[type=submit]:disabled,
input.warning-button.outline[type=button]:disabled,
.submit-row input.warning-button.outline:disabled,
button.warning-button.outline:disabled,
.warning-button.outline.tab:disabled,
a.button-warning.outline.deletelink:disabled,
.button-warning.outline.button:disabled,
.submit-row a.button-warning.outline.closelink:disabled,
.object-tools a.button-warning.outline:disabled:link,
.object-tools a.button-warning.outline:disabled:visited,
input.button-warning.outline[type=submit]:disabled,
#changelist #toolbar form input.button-warning.outline[type=submit]:disabled,
input.button-warning.outline[type=button]:disabled,
.submit-row input.button-warning.outline:disabled,
button.button-warning.outline:disabled,
.button-warning.outline.tab:disabled {
  background-color: transparent !important;
}

a.action-cancel-daypart.deletelink, .action-cancel-daypart.button, .submit-row a.action-cancel-daypart.closelink, .object-tools a.action-cancel-daypart:link,
.object-tools a.action-cancel-daypart:visited,
input.action-cancel-daypart[type=submit],
#changelist #toolbar form input.action-cancel-daypart[type=submit],
input.action-cancel-daypart[type=button],
.submit-row input.action-cancel-daypart,
button.action-cancel-daypart,
.action-cancel-daypart.tab {
  background-color: #f8f8f8;
  color: #819ca9;
}

a.whatsapp.deletelink, .whatsapp.button, .submit-row a.whatsapp.closelink, .object-tools a.whatsapp:link,
.object-tools a.whatsapp:visited,
input.whatsapp[type=submit],
#changelist #toolbar form input.whatsapp[type=submit],
input.whatsapp[type=button],
.submit-row input.whatsapp,
button.whatsapp,
.whatsapp.tab {
  background-color: #1ebea5 !important;
}
a.whatsapp.deletelink .whatsapp-logo, .whatsapp.button .whatsapp-logo, .submit-row a.whatsapp.closelink .whatsapp-logo, .object-tools a.whatsapp:link .whatsapp-logo,
.object-tools a.whatsapp:visited .whatsapp-logo,
input.whatsapp[type=submit] .whatsapp-logo,
#changelist #toolbar form input.whatsapp[type=submit] .whatsapp-logo,
input.whatsapp[type=button] .whatsapp-logo,
.submit-row input.whatsapp .whatsapp-logo,
button.whatsapp .whatsapp-logo,
.whatsapp.tab .whatsapp-logo {
  display: inline-block;
  vertical-align: middle;
  margin-left: -8px;
  margin-right: 3px;
}
a.whatsapp.deletelink .icon, .whatsapp.button .icon, .submit-row a.whatsapp.closelink .icon, .object-tools a.whatsapp:link .icon,
.object-tools a.whatsapp:visited .icon,
input.whatsapp[type=submit] .icon,
#changelist #toolbar form input.whatsapp[type=submit] .icon,
input.whatsapp[type=button] .icon,
.submit-row input.whatsapp .icon,
button.whatsapp .icon,
.whatsapp.tab .icon {
  background: url("../img/whatsapp-logo.05d73ac315e2.svg");
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  opacity: 1;
  margin-top: -2px;
}
a.whatsapp.deletelink:hover, .whatsapp.button:hover, .submit-row a.whatsapp.closelink:hover, .object-tools a.whatsapp:hover:link,
.object-tools a.whatsapp:hover:visited,
input.whatsapp[type=submit]:hover,
#changelist #toolbar form input.whatsapp[type=submit]:hover,
input.whatsapp[type=button]:hover,
.submit-row input.whatsapp:hover,
button.whatsapp:hover,
.whatsapp.tab:hover, a.whatsapp.deletelink:focus, .whatsapp.button:focus, .submit-row a.whatsapp.closelink:focus, .object-tools a.whatsapp:focus:link,
.object-tools a.whatsapp:focus:visited,
input.whatsapp[type=submit]:focus,
#changelist #toolbar form input.whatsapp[type=submit]:focus,
input.whatsapp[type=button]:focus,
.submit-row input.whatsapp:focus,
button.whatsapp:focus,
.whatsapp.tab:focus, a.whatsapp.deletelink:active, .whatsapp.button:active, .submit-row a.whatsapp.closelink:active, .object-tools a.whatsapp:active:link,
.object-tools a.whatsapp:active:visited,
input.whatsapp[type=submit]:active,
#changelist #toolbar form input.whatsapp[type=submit]:active,
input.whatsapp[type=button]:active,
.submit-row input.whatsapp:active,
button.whatsapp:active,
.whatsapp.tab:active {
  background-color: #00E676 !important;
}
a.whatsapp.outline.deletelink, .whatsapp.outline.button, .submit-row a.whatsapp.outline.closelink, .object-tools a.whatsapp.outline:link,
.object-tools a.whatsapp.outline:visited,
input.whatsapp.outline[type=submit],
#changelist #toolbar form input.whatsapp.outline[type=submit],
input.whatsapp.outline[type=button],
.submit-row input.whatsapp.outline,
button.whatsapp.outline,
.whatsapp.outline.tab {
  color: #1ebea5 !important;
  border-color: #1ebea5 !important;
  background-color: transparent !important;
}
a.whatsapp.outline.deletelink:hover, .whatsapp.outline.button:hover, .submit-row a.whatsapp.outline.closelink:hover, .object-tools a.whatsapp.outline:hover:link,
.object-tools a.whatsapp.outline:hover:visited,
input.whatsapp.outline[type=submit]:hover,
#changelist #toolbar form input.whatsapp.outline[type=submit]:hover,
input.whatsapp.outline[type=button]:hover,
.submit-row input.whatsapp.outline:hover,
button.whatsapp.outline:hover,
.whatsapp.outline.tab:hover, a.whatsapp.outline.deletelink:focus, .whatsapp.outline.button:focus, .submit-row a.whatsapp.outline.closelink:focus, .object-tools a.whatsapp.outline:focus:link,
.object-tools a.whatsapp.outline:focus:visited,
input.whatsapp.outline[type=submit]:focus,
#changelist #toolbar form input.whatsapp.outline[type=submit]:focus,
input.whatsapp.outline[type=button]:focus,
.submit-row input.whatsapp.outline:focus,
button.whatsapp.outline:focus,
.whatsapp.outline.tab:focus, a.whatsapp.outline.deletelink:active, .whatsapp.outline.button:active, .submit-row a.whatsapp.outline.closelink:active, .object-tools a.whatsapp.outline:active:link,
.object-tools a.whatsapp.outline:active:visited,
input.whatsapp.outline[type=submit]:active,
#changelist #toolbar form input.whatsapp.outline[type=submit]:active,
input.whatsapp.outline[type=button]:active,
.submit-row input.whatsapp.outline:active,
button.whatsapp.outline:active,
.whatsapp.outline.tab:active {
  background-color: #00E676 !important;
  color: white !important;
}

a.anwb.deletelink, .anwb.button, .submit-row a.anwb.closelink, .object-tools a.anwb:link,
.object-tools a.anwb:visited,
input.anwb[type=submit],
#changelist #toolbar form input.anwb[type=submit],
input.anwb[type=button],
.submit-row input.anwb,
button.anwb,
.anwb.tab {
  background-color: #1e87cc !important;
}
a.anwb.deletelink .icon-anwb, .anwb.button .icon-anwb, .submit-row a.anwb.closelink .icon-anwb, .object-tools a.anwb:link .icon-anwb,
.object-tools a.anwb:visited .icon-anwb,
input.anwb[type=submit] .icon-anwb,
#changelist #toolbar form input.anwb[type=submit] .icon-anwb,
input.anwb[type=button] .icon-anwb,
.submit-row input.anwb .icon-anwb,
button.anwb .icon-anwb,
.anwb.tab .icon-anwb {
  background: url("../img/icon-anwb.e2f2025644e0.svg");
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  opacity: 1;
  margin-top: 0;
  margin-left: 0;
  border-radius: 3px;
  border: 1px solid white;
}
a.anwb.deletelink:hover, .anwb.button:hover, .submit-row a.anwb.closelink:hover, .object-tools a.anwb:hover:link,
.object-tools a.anwb:hover:visited,
input.anwb[type=submit]:hover,
#changelist #toolbar form input.anwb[type=submit]:hover,
input.anwb[type=button]:hover,
.submit-row input.anwb:hover,
button.anwb:hover,
.anwb.tab:hover, a.anwb.deletelink:focus, .anwb.button:focus, .submit-row a.anwb.closelink:focus, .object-tools a.anwb:focus:link,
.object-tools a.anwb:focus:visited,
input.anwb[type=submit]:focus,
#changelist #toolbar form input.anwb[type=submit]:focus,
input.anwb[type=button]:focus,
.submit-row input.anwb:focus,
button.anwb:focus,
.anwb.tab:focus, a.anwb.deletelink:active, .anwb.button:active, .submit-row a.anwb.closelink:active, .object-tools a.anwb:active:link,
.object-tools a.anwb:active:visited,
input.anwb[type=submit]:active,
#changelist #toolbar form input.anwb[type=submit]:active,
input.anwb[type=button]:active,
.submit-row input.anwb:active,
button.anwb:active,
.anwb.tab:active {
  background-color: #003c85 !important;
}
a.anwb.outline.deletelink, .anwb.outline.button, .submit-row a.anwb.outline.closelink, .object-tools a.anwb.outline:link,
.object-tools a.anwb.outline:visited,
input.anwb.outline[type=submit],
#changelist #toolbar form input.anwb.outline[type=submit],
input.anwb.outline[type=button],
.submit-row input.anwb.outline,
button.anwb.outline,
.anwb.outline.tab {
  color: #003c85 !important;
  border-color: #1e87cc !important;
  background-color: transparent !important;
}
a.anwb.outline.deletelink:hover, .anwb.outline.button:hover, .submit-row a.anwb.outline.closelink:hover, .object-tools a.anwb.outline:hover:link,
.object-tools a.anwb.outline:hover:visited,
input.anwb.outline[type=submit]:hover,
#changelist #toolbar form input.anwb.outline[type=submit]:hover,
input.anwb.outline[type=button]:hover,
.submit-row input.anwb.outline:hover,
button.anwb.outline:hover,
.anwb.outline.tab:hover, a.anwb.outline.deletelink:focus, .anwb.outline.button:focus, .submit-row a.anwb.outline.closelink:focus, .object-tools a.anwb.outline:focus:link,
.object-tools a.anwb.outline:focus:visited,
input.anwb.outline[type=submit]:focus,
#changelist #toolbar form input.anwb.outline[type=submit]:focus,
input.anwb.outline[type=button]:focus,
.submit-row input.anwb.outline:focus,
button.anwb.outline:focus,
.anwb.outline.tab:focus, a.anwb.outline.deletelink:active, .anwb.outline.button:active, .submit-row a.anwb.outline.closelink:active, .object-tools a.anwb.outline:active:link,
.object-tools a.anwb.outline:active:visited,
input.anwb.outline[type=submit]:active,
#changelist #toolbar form input.anwb.outline[type=submit]:active,
input.anwb.outline[type=button]:active,
.submit-row input.anwb.outline:active,
button.anwb.outline:active,
.anwb.outline.tab:active {
  background-color: #003c85 !important;
  color: white !important;
}

.page-header a.deletelink, .page-header .button, .page-header .submit-row a.closelink, .submit-row .page-header a.closelink, .page-header .object-tools a:link, .object-tools .page-header a:link,
.page-header .object-tools a:visited,
.object-tools .page-header a:visited,
.page-header input[type=submit],
.page-header #changelist #toolbar form input[type=submit],
#changelist #toolbar form .page-header input[type=submit],
.page-header input[type=button],
.page-header .submit-row input,
.submit-row .page-header input,
.page-header button,
.page-header .tab {
  background-color: transparent;
  border: 1px solid #819ca9;
}
.page-header a.deletelink:hover, .page-header .button:hover, .page-header .submit-row a.closelink:hover, .submit-row .page-header a.closelink:hover, .page-header .object-tools a:hover:link, .object-tools .page-header a:hover:link,
.page-header .object-tools a:hover:visited,
.object-tools .page-header a:hover:visited,
.page-header input[type=submit]:hover,
.page-header #changelist #toolbar form input[type=submit]:hover,
#changelist #toolbar form .page-header input[type=submit]:hover,
.page-header input[type=button]:hover,
.page-header .submit-row input:hover,
.submit-row .page-header input:hover,
.page-header button:hover,
.page-header .tab:hover, .page-header a.deletelink:focus, .page-header .button:focus, .page-header .submit-row a.closelink:focus, .submit-row .page-header a.closelink:focus, .page-header .object-tools a:focus:link, .object-tools .page-header a:focus:link,
.page-header .object-tools a:focus:visited,
.object-tools .page-header a:focus:visited,
.page-header input[type=submit]:focus,
.page-header #changelist #toolbar form input[type=submit]:focus,
#changelist #toolbar form .page-header input[type=submit]:focus,
.page-header input[type=button]:focus,
.page-header .submit-row input:focus,
.submit-row .page-header input:focus,
.page-header button:focus,
.page-header .tab:focus, .page-header a.deletelink:active, .page-header .button:active, .page-header .submit-row a.closelink:active, .submit-row .page-header a.closelink:active, .page-header .object-tools a:active:link, .object-tools .page-header a:active:link,
.page-header .object-tools a:active:visited,
.object-tools .page-header a:active:visited,
.page-header input[type=submit]:active,
.page-header #changelist #toolbar form input[type=submit]:active,
#changelist #toolbar form .page-header input[type=submit]:active,
.page-header input[type=button]:active,
.page-header .submit-row input:active,
.submit-row .page-header input:active,
.page-header button:active,
.page-header .tab:active {
  background-color: #89D621;
  border-color: #89D621;
}
.page-header a.disabled.deletelink:hover, .page-header .disabled.button:hover, .page-header .submit-row a.disabled.closelink:hover, .submit-row .page-header a.disabled.closelink:hover, .page-header .object-tools a.disabled:hover:link, .object-tools .page-header a.disabled:hover:link,
.page-header .object-tools a.disabled:hover:visited,
.object-tools .page-header a.disabled:hover:visited,
.page-header input.disabled[type=submit]:hover,
.page-header #changelist #toolbar form input.disabled[type=submit]:hover,
#changelist #toolbar form .page-header input.disabled[type=submit]:hover,
.page-header input.disabled[type=button]:hover,
.page-header .submit-row input.disabled:hover,
.submit-row .page-header input.disabled:hover,
.page-header button.disabled:hover,
.page-header .disabled.tab:hover, .page-header a.disabled.deletelink:focus, .page-header .disabled.button:focus, .page-header .submit-row a.disabled.closelink:focus, .submit-row .page-header a.disabled.closelink:focus, .page-header .object-tools a.disabled:focus:link, .object-tools .page-header a.disabled:focus:link,
.page-header .object-tools a.disabled:focus:visited,
.object-tools .page-header a.disabled:focus:visited,
.page-header input.disabled[type=submit]:focus,
.page-header #changelist #toolbar form input.disabled[type=submit]:focus,
#changelist #toolbar form .page-header input.disabled[type=submit]:focus,
.page-header input.disabled[type=button]:focus,
.page-header .submit-row input.disabled:focus,
.submit-row .page-header input.disabled:focus,
.page-header button.disabled:focus,
.page-header .disabled.tab:focus, .page-header a.disabled.deletelink:active, .page-header .disabled.button:active, .page-header .submit-row a.disabled.closelink:active, .submit-row .page-header a.disabled.closelink:active, .page-header .object-tools a.disabled:active:link, .object-tools .page-header a.disabled:active:link,
.page-header .object-tools a.disabled:active:visited,
.object-tools .page-header a.disabled:active:visited,
.page-header input.disabled[type=submit]:active,
.page-header #changelist #toolbar form input.disabled[type=submit]:active,
#changelist #toolbar form .page-header input.disabled[type=submit]:active,
.page-header input.disabled[type=button]:active,
.page-header .submit-row input.disabled:active,
.submit-row .page-header input.disabled:active,
.page-header button.disabled:active,
.page-header .disabled.tab:active, .page-header a.deletelink:disabled:hover, .page-header .button:disabled:hover, .page-header .submit-row a.closelink:disabled:hover, .submit-row .page-header a.closelink:disabled:hover, .page-header .object-tools a:disabled:hover:link, .object-tools .page-header a:disabled:hover:link,
.page-header .object-tools a:disabled:hover:visited,
.object-tools .page-header a:disabled:hover:visited,
.page-header input[type=submit]:disabled:hover,
.page-header #changelist #toolbar form input[type=submit]:disabled:hover,
#changelist #toolbar form .page-header input[type=submit]:disabled:hover,
.page-header input[type=button]:disabled:hover,
.page-header .submit-row input:disabled:hover,
.submit-row .page-header input:disabled:hover,
.page-header button:disabled:hover,
.page-header .tab:disabled:hover, .page-header a.deletelink:disabled:focus, .page-header .button:disabled:focus, .page-header .submit-row a.closelink:disabled:focus, .submit-row .page-header a.closelink:disabled:focus, .page-header .object-tools a:disabled:focus:link, .object-tools .page-header a:disabled:focus:link,
.page-header .object-tools a:disabled:focus:visited,
.object-tools .page-header a:disabled:focus:visited,
.page-header input[type=submit]:disabled:focus,
.page-header #changelist #toolbar form input[type=submit]:disabled:focus,
#changelist #toolbar form .page-header input[type=submit]:disabled:focus,
.page-header input[type=button]:disabled:focus,
.page-header .submit-row input:disabled:focus,
.submit-row .page-header input:disabled:focus,
.page-header button:disabled:focus,
.page-header .tab:disabled:focus, .page-header a.deletelink:disabled:active, .page-header .button:disabled:active, .page-header .submit-row a.closelink:disabled:active, .submit-row .page-header a.closelink:disabled:active, .page-header .object-tools a:disabled:active:link, .object-tools .page-header a:disabled:active:link,
.page-header .object-tools a:disabled:active:visited,
.object-tools .page-header a:disabled:active:visited,
.page-header input[type=submit]:disabled:active,
.page-header #changelist #toolbar form input[type=submit]:disabled:active,
#changelist #toolbar form .page-header input[type=submit]:disabled:active,
.page-header input[type=button]:disabled:active,
.page-header .submit-row input:disabled:active,
.submit-row .page-header input:disabled:active,
.page-header button:disabled:active,
.page-header .tab:disabled:active {
  background-color: #546e7a;
}

a.deletelink .icon, .button .icon, .submit-row a.closelink .icon, .object-tools a:link .icon,
.object-tools a:visited .icon,
input[type=submit] .icon,
#changelist #toolbar form input[type=submit] .icon,
input[type=button] .icon,
.submit-row input .icon,
button .icon,
.tab .icon {
  font-size: 1.5em;
  margin: 0 3px 0 -3px;
  opacity: 0.5;
  transition: all linear 0.2s;
}
a.deletelink .icon.right, .button .icon.right, .submit-row a.closelink .icon.right, .object-tools a:link .icon.right,
.object-tools a:visited .icon.right,
input[type=submit] .icon.right,
#changelist #toolbar form input[type=submit] .icon.right,
input[type=button] .icon.right,
.submit-row input .icon.right,
button .icon.right,
.tab .icon.right {
  float: right;
  margin: 4px -6px 0 6px;
}
a.deletelink .icon.right-inline, .button .icon.right-inline, .submit-row a.closelink .icon.right-inline, .object-tools a:link .icon.right-inline,
.object-tools a:visited .icon.right-inline,
input[type=submit] .icon.right-inline,
#changelist #toolbar form input[type=submit] .icon.right-inline,
input[type=button] .icon.right-inline,
.submit-row input .icon.right-inline,
button .icon.right-inline,
.tab .icon.right-inline {
  margin: 0px -6px 0 6px;
}
a.deletelink:hover .icon, .button:hover .icon, .submit-row a.closelink:hover .icon, .object-tools a:hover:link .icon,
.object-tools a:hover:visited .icon,
input[type=submit]:hover .icon,
#changelist #toolbar form input[type=submit]:hover .icon,
input[type=button]:hover .icon,
.submit-row input:hover .icon,
button:hover .icon,
.tab:hover .icon {
  opacity: 1;
}
a.no-text.deletelink .icon, .no-text.button .icon, .submit-row a.no-text.closelink .icon, .object-tools a.no-text:link .icon,
.object-tools a.no-text:visited .icon,
input.no-text[type=submit] .icon,
#changelist #toolbar form input.no-text[type=submit] .icon,
input.no-text[type=button] .icon,
.submit-row input.no-text .icon,
button.no-text .icon,
.no-text.tab .icon {
  margin: -4px 0 0;
}
form a.deletelink, form .submit-row a.deletelink, .submit-row form a.deletelink,
form a.deletelink:link, form .button, form .submit-row a.closelink, .submit-row form a.closelink, form .object-tools a:link, .object-tools form a:link,
form .object-tools a:visited,
.object-tools form a:visited,
form input[type=submit],
#changelist #toolbar form input[type=submit],
form input[type=button],
form .submit-row input,
.submit-row form input,
form button,
form .tab {
  font-size: 11px;
  padding: 2px 12px;
  margin: 0;
}

.tab .icon {
  margin: 0;
  opacity: 1;
}

.icon.new-window,
.icon-new-window {
  font-size: 10px !important;
}

#changelist #toolbar form #searchbar {
  height: 24px;
  padding: 2px 6px;
  line-height: 24px;
}

.next-button .icon {
  float: right;
  margin: 4px -6px 0 6px;
}

table {
  border-collapse: collapse;
  border-color: #ccc;
}

td, th {
  font-size: 13px;
  line-height: 16px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  padding: 8px;
  font-family: "Roboto", Arial, sans-serif;
}
td.right, th.right {
  text-align: right;
}
td.center, th.center {
  text-align: center;
}
td.empty:first-child:last-child, th.empty:first-child:last-child {
  text-align: center;
  font-style: italic;
  padding: 3em;
  font-size: 13px;
}

th {
  font-weight: 600;
  text-align: left;
}

thead th,
.thead th,
tfoot td,
.tfoot td {
  color: #666;
  padding: 5px 10px;
  font-size: 11px;
  background: #fff;
  border: none;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

tfoot td,
.tfoot td {
  border-bottom: none;
  border-top: 1px solid #eee;
}

thead th.required,
.thead th.required {
  color: #000;
}

tr.alt {
  background: #f6f6f6;
}

.row1 {
  background: #fff;
}

.row2 {
  background: #f9f9f9;
}

table.zebra thead tr,
table.zebra thead tr th,
table.zebra thead tr td,
table.zebra tr.thead,
table.zebra tr.thead th,
table.zebra tr.thead td {
  background-color: #c4dce8;
}
table.zebra tbody tr:nth-child(2n+1) {
  background-color: #f8f8f8;
}

.no-zebras tr:nth-child(2n),
.no-zebras tr:nth-child(2n) .errorlist,
.no-zebras tr:nth-child(2n+1) + .row-form-errors,
.no-zebras tr:nth-child(2n+1) + .row-form-errors .errorlist {
  background-color: unset;
}

/* SORTABLE TABLES */
table thead th,
table .thead th {
  padding: 5px 10px;
  line-height: normal;
  text-transform: uppercase;
  background: #f6f6f6;
}
table thead th a:link, table thead th .submit-row a.deletelink:link, .submit-row table thead th a.deletelink:link, table thead th .object-tools a:link, .object-tools table thead th a:link,
table thead th a:visited,
table thead th .submit-row a.deletelink:visited,
.submit-row table thead th a.deletelink:visited,
table thead th .object-tools a:visited,
.object-tools table thead th a:visited,
table .thead th a:link,
table .thead th a:visited {
  color: #666;
}
table thead th .text span,
table .thead th .text span {
  padding: 8px 10px;
  display: block;
}
table thead th .text a, table thead th .text .submit-row a.deletelink, .submit-row table thead th .text a.deletelink, table thead th .text .object-tools a:link, .object-tools table thead th .text a:link,
table thead th .text .object-tools a:visited,
.object-tools table thead th .text a:visited,
table .thead th .text a {
  display: block;
  cursor: pointer;
  padding: 8px 10px;
}
table thead th .text a:focus, table thead th .text a:hover,
table .thead th .text a:focus,
table .thead th .text a:hover {
  background: #eee;
}
table thead th.sorted,
table .thead th.sorted {
  background: #eee;
}
table thead th.sorted .text,
table .thead th.sorted .text {
  padding-right: 42px;
}
table thead th.sorted a.sortremove,
table .thead th.sorted a.sortremove {
  visibility: hidden;
}
table thead th.sorted:hover a.sortremove,
table .thead th.sorted:hover a.sortremove {
  visibility: visible;
}
table thead th.sorted .sortoptions,
table .thead th.sorted .sortoptions {
  display: block;
  padding: 9px 5px 0 5px;
  float: right;
  text-align: right;
}
table thead th.sorted .sortoptions a,
table .thead th.sorted .sortoptions a {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url("../img/sorting-icons.3a097b59f104.svg") 0 0 no-repeat;
  background-size: 14px auto;
}
table thead th.sorted .sortoptions a.sortremove,
table .thead th.sorted .sortoptions a.sortremove {
  background-position: 0 0;
}
table thead th.sorted .sortoptions a.sortremove:after,
table .thead th.sorted .sortoptions a.sortremove:after {
  content: "\\";
  position: absolute;
  top: -6px;
  left: 3px;
  font-weight: 200;
  font-size: 18px;
  color: #999;
}
table thead th.sorted .sortoptions a.sortremove:focus:after, table thead th.sorted .sortoptions a.sortremove:hover:after,
table .thead th.sorted .sortoptions a.sortremove:focus:after,
table .thead th.sorted .sortoptions a.sortremove:hover:after {
  color: #EECF6D;
}
table thead th.sorted .sortoptions a.sortremove:focus, table thead th.sorted .sortoptions a.sortremove:hover,
table .thead th.sorted .sortoptions a.sortremove:focus,
table .thead th.sorted .sortoptions a.sortremove:hover {
  background-position: 0 -14px;
}
table thead th.sorted .sortoptions a.ascending,
table .thead th.sorted .sortoptions a.ascending {
  background-position: 0 -28px;
}
table thead th.sorted .sortoptions a.ascending:focus, table thead th.sorted .sortoptions a.ascending:hover,
table .thead th.sorted .sortoptions a.ascending:focus,
table .thead th.sorted .sortoptions a.ascending:hover {
  background-position: 0 -42px;
}
table thead th.sorted .sortoptions a.descending,
table .thead th.sorted .sortoptions a.descending {
  top: 1px;
  background-position: 0 -56px;
}
table thead th.sorted .sortoptions a.descending:focus, table thead th.sorted .sortoptions a.descending:hover,
table .thead th.sorted .sortoptions a.descending:focus,
table .thead th.sorted .sortoptions a.descending:hover {
  background-position: 0 -70px;
}
table thead th.sorted .sortpriority,
table .thead th.sorted .sortpriority {
  font-size: 0.8em;
  min-width: 12px;
  text-align: center;
  vertical-align: 3px;
  margin-left: 2px;
  margin-right: 2px;
}

table th .module-header,
table th .module-footer,
table th .module-bar,
table td .module-header,
table td .module-footer,
table td .module-bar {
  margin: -8px;
}

@media (max-width: 767px) {
  table,
  thead,
  tfoot,
  tbody,
  tr {
    display: flex;
    flex-direction: column;
  }
  td, th {
    border-bottom: none;
    padding: 2px 8px;
    text-align: center;
  }
  td:last-child, th:last-child {
    border-bottom: 1px solid #ddd;
  }
  td.right,
  th.right {
    text-align: center;
  }
  td.empty,
  th.empty {
    height: 0;
    padding: 0;
  }
  table.mobile-ok,
  .calendarbox table,
  .clockbox table {
    display: table;
  }
  table.mobile-ok thead,
  .calendarbox table thead,
  .clockbox table thead {
    display: table-header-group;
  }
  table.mobile-ok tfoot,
  .calendarbox table tfoot,
  .clockbox table tfoot {
    display: table-footer-group;
  }
  table.mobile-ok tbody,
  .calendarbox table tbody,
  .clockbox table tbody {
    display: table-row-group;
  }
  table.mobile-ok tr,
  .calendarbox table tr,
  .clockbox table tr {
    display: table-row;
  }
  table.mobile-ok td, table.mobile-ok th,
  .calendarbox table td,
  .calendarbox table th,
  .clockbox table td,
  .clockbox table th {
    border-bottom: 1px solid #eee;
    padding: 8px;
    text-align: inherit;
  }
  table.mobile-ok td:last-child, table.mobile-ok th:last-child,
  .calendarbox table td:last-child,
  .calendarbox table th:last-child,
  .clockbox table td:last-child,
  .clockbox table th:last-child {
    border-bottom: 1px solid #eee;
  }
  table.mobile-ok td.right,
  table.mobile-ok th.right,
  .calendarbox table td.right,
  .calendarbox table th.right,
  .clockbox table td.right,
  .clockbox table th.right {
    text-align: right;
  }
  table.mobile-ok td.empty,
  table.mobile-ok th.empty,
  .calendarbox table td.empty,
  .calendarbox table th.empty,
  .clockbox table td.empty,
  .clockbox table th.empty {
    height: auto;
    padding: 8px;
  }
}
ul.messagelist {
  margin: 0;
  position: fixed;
  z-index: 2000;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
ul.messagelist li {
  background-color: #54a400;
  background-position: 6px 5px;
  padding-left: 24px;
  color: white;
  border-radius: 3px;
  padding: 3px 6px 3px 24px;
  margin: 0 6px 12px;
  box-shadow: 0 0 6px 1px white;
  border: 1px solid white;
}
ul.messagelist li > * {
  margin: 0 0.25em;
}
ul.messagelist li a, ul.messagelist li .submit-row a.deletelink, .submit-row ul.messagelist li a.deletelink, ul.messagelist li .object-tools a:link, .object-tools ul.messagelist li a:link,
ul.messagelist li .object-tools a:visited,
.object-tools ul.messagelist li a:visited {
  color: white;
  text-decoration: underline;
}
ul.messagelist li.success {
  background-color: #54a400;
}
ul.messagelist li.error {
  background-color: #ff6051;
  box-shadow: 0 0 6px 1px #ff937e;
}
ul.messagelist li.info {
  background: #546e7a;
  padding-left: 6px;
}
ul.messagelist li.warning {
  background-color: #ffcc66;
}
ul.messagelist li.error,
ul.messagelist li.warning {
  background-position: 6px 5px;
}
ul.messagelist .button.outline, ul.messagelist .submit-row a.outline.closelink, .submit-row ul.messagelist a.outline.closelink, ul.messagelist .submit-row a.outline.deletelink, .submit-row ul.messagelist a.outline.deletelink, ul.messagelist .object-tools a.outline:link, .object-tools ul.messagelist a.outline:link,
ul.messagelist .object-tools a.outline:visited,
.object-tools ul.messagelist a.outline:visited {
  border-color: white;
  background-color: transparent;
  color: white;
  text-decoration: none;
  margin: 0 -3px 0 6px;
}
ul.messagelist .button.outline:hover, ul.messagelist .submit-row a.outline.closelink:hover, .submit-row ul.messagelist a.outline.closelink:hover, ul.messagelist .submit-row a.outline.deletelink:hover, .submit-row ul.messagelist a.outline.deletelink:hover, ul.messagelist .object-tools a.outline:hover:link, .object-tools ul.messagelist a.outline:hover:link,
ul.messagelist .object-tools a.outline:hover:visited,
.object-tools ul.messagelist a.outline:hover:visited, ul.messagelist .button.outline:focus, ul.messagelist .submit-row a.outline.closelink:focus, .submit-row ul.messagelist a.outline.closelink:focus, ul.messagelist .submit-row a.outline.deletelink:focus, .submit-row ul.messagelist a.outline.deletelink:focus, ul.messagelist .object-tools a.outline:focus:link, .object-tools ul.messagelist a.outline:focus:link,
ul.messagelist .object-tools a.outline:focus:visited,
.object-tools ul.messagelist a.outline:focus:visited, ul.messagelist .button.outline:active, ul.messagelist .submit-row a.outline.closelink:active, .submit-row ul.messagelist a.outline.closelink:active, ul.messagelist .submit-row a.outline.deletelink:active, .submit-row ul.messagelist a.outline.deletelink:active, ul.messagelist .object-tools a.outline:active:link, .object-tools ul.messagelist a.outline:active:link,
ul.messagelist .object-tools a.outline:active:visited,
.object-tools ul.messagelist a.outline:active:visited {
  background-color: #89D621;
  border-color: #89D621;
}

.errornote,
ul.errorlist {
  color: #ff6051;
  border-color: #ff6051;
}

.errors input, .errors #changelist #toolbar form input[type=submit], #changelist #toolbar form .errors input[type=submit],
.errors select,
.errors textarea {
  border-color: #ff6051;
}

.messagenote {
  font-size: 14px;
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: stretch;
  padding: 10px 12px;
  margin: 0 0 12px 0;
  border: 1px solid #89D621;
  border-radius: 4px;
  background-color: #fff;
  background-position: 5px 12px;
}
.messagenote .message-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5em;
  align-items: flex-start;
}
.messagenote p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.messagenote p {
  max-width: 60em;
  margin: 0;
  padding: 0;
}
.module .messagenote {
  margin: 0 0 12px 0;
}
.messagenote.info {
  border: 1px solid #fe9b35;
  background-color: #fe9b35;
  color: white;
}

.module .messagenote {
  margin: 12px;
}

.page-info {
  padding: 12px;
}
.page-info > * {
  margin: 12px 0;
}
.page-info p {
  max-width: 60em;
}
.page-info .warning {
  background-color: #ffc5ad;
  padding: 1px 10px;
  color: #c52a27;
  border-radius: 3px;
  margin: 10px 10px 0;
  max-width: 60em;
}
.page-info .info {
  background-color: #c4dce8;
  padding: 1px 10px;
  border-radius: 3px;
  margin: 10px 10px 0;
  max-width: 60em;
}
.page-info .info .icon {
  color: #546e7a;
}
.page-info .with-icon {
  display: flex;
  align-items: center;
}
.page-info .with-icon .icon {
  font-size: 24px;
}

.faq {
  padding: 6px 0;
  position: relative;
  border-bottom: 1px solid #c4dce8;
}
.faq:last-child {
  border-bottom: none;
}
.faq input[type=checkbox], .faq #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .faq input[type=checkbox][type=submit] {
  position: absolute;
  left: -100vw;
}
.faq label.question {
  font-weight: bold;
  display: block;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  color: inherit;
  font-size: inherit;
}
.faq label.question:before {
  color: #819ca9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq label.question:hover, .faq label.question:hover:before, .faq label.question:focus, .faq label.question:focus:before, .faq label.question:active, .faq label.question:active:before {
  color: #fe9b35;
}
.faq .answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
}
.faq input[type=checkbox]:checked ~ .answer, .faq #changelist #toolbar form input[type=checkbox][type=submit]:checked ~ .answer, #changelist #toolbar form .faq input[type=checkbox][type=submit]:checked ~ .answer {
  max-height: 300px;
}

.faq .faq {
  margin-left: 24px;
}

a.deletelink:link,
a.deletelink:visited {
  color: #ff6051;
}

#content {
  padding: 24px;
  margin: 0;
  margin-top: 0;
  position: relative;
  min-height: calc(100vh - 124px);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  #content {
    padding: 0;
  }
}
body.change-form #content:after {
  content: "";
  display: block;
  position: fixed;
  background: #fff3e7;
  left: -24px;
  right: -24px;
  bottom: 0;
  height: 30px;
  z-index: 1;
}
.dashboard #content {
  margin: 0 24px 24px;
}
.popup #content {
  padding: 0;
}

.module,
.submodule {
  background: none;
  margin-bottom: 0;
  float: none;
  width: auto;
}
.module.calendarbox, .module.clockbox,
.submodule.calendarbox,
.submodule.clockbox {
  background-color: white;
}
.module p,
.module h3,
.module h4,
.submodule p,
.submodule h3,
.submodule h4 {
  margin: 10px;
}
.module + .module,
.module + .submodule,
.submodule + .module,
.submodule + .submodule {
  margin-top: 24px;
}
.module table,
.submodule table {
  width: 100%;
}
.module .module-header,
.submodule .module-header {
  background-color: #546e7a;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .module .module-header,
  .submodule .module-header {
    border-radius: 0;
  }
}
.module .module-header h1, .module .module-header h1:first-child,
.module .module-header h2,
.module .module-header h2:first-child,
.module .module-header h3,
.module .module-header h3:first-child,
.module .module-header h4,
.module .module-header h4:first-child,
.submodule .module-header h1,
.submodule .module-header h1:first-child,
.submodule .module-header h2,
.submodule .module-header h2:first-child,
.submodule .module-header h3,
.submodule .module-header h3:first-child,
.submodule .module-header h4,
.submodule .module-header h4:first-child {
  background-color: transparent !important;
}
.module .module-header h1,
.module .module-header h2,
.submodule .module-header h1,
.submodule .module-header h2 {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 12px;
  color: white;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
.module.no-spacing,
.submodule.no-spacing {
  margin-top: 0;
}

.module-header,
.module-footer,
.module-bar {
  border-radius: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.module-header:first-child,
.module-footer:first-child,
.module-bar:first-child {
  border-radius: 6px 6px 0 0;
}
@media (max-width: 767px) {
  .module-header,
  .module-footer,
  .module-bar {
    border-radius: 0;
  }
}
.module-header h1,
.module-header h2,
.module-header h3,
.module-header h4,
.module-footer h1,
.module-footer h2,
.module-footer h3,
.module-footer h4,
.module-bar h1,
.module-bar h2,
.module-bar h3,
.module-bar h4 {
  color: inherit;
}
.module-header h1, .module-header h1:first-child,
.module-header h2,
.module-header h2:first-child,
.module-header h3,
.module-header h3:first-child,
.module-header h4,
.module-header h4:first-child,
.module-footer h1,
.module-footer h1:first-child,
.module-footer h2,
.module-footer h2:first-child,
.module-footer h3,
.module-footer h3:first-child,
.module-footer h4,
.module-footer h4:first-child,
.module-bar h1,
.module-bar h1:first-child,
.module-bar h2,
.module-bar h2:first-child,
.module-bar h3,
.module-bar h3:first-child,
.module-bar h4,
.module-bar h4:first-child {
  background-color: transparent !important;
}
.module-header h1,
.module-header h2,
.module-footer h1,
.module-footer h2,
.module-bar h1,
.module-bar h2 {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 12px;
}
.module-header .module-actions,
.module-footer .module-actions,
.module-bar .module-actions {
  padding-right: 6px;
}

.module-header {
  border-bottom: 1px solid #c4dce8;
}

.module-footer {
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #c4dce8;
}

.module-bar {
  border-top: 2px solid #c4dce8;
  border-bottom: 2px solid #c4dce8;
}

.module-header + .module-bar {
  border-top: 0;
}

.module h2,
.module caption,
.inline-group h2 {
  border: none;
}
.module h2 .heading-button,
.module caption .heading-button,
.inline-group h2 .heading-button {
  margin: -4px 0 -4px 2em;
  position: relative;
  top: -1px;
}

.module h3,
.inline-group h3 {
  background-color: #EAF2F7;
  border: none;
}

#content-main {
  margin: 0;
  border-radius: 6px;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  background-color: white;
}
@media (max-width: 1024px) {
  #content-main {
    border-radius: 0;
    box-shadow: none;
  }
}
body.change-list #content-main {
  box-shadow: none;
  background: none;
}
body.change-list #content-main .module {
  background-color: white;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  float: none;
  width: auto;
  border-radius: 6px;
  min-height: 0;
}
body.change-list #content-main .module.filtered .results,
body.change-list #content-main .module.filtered .paginator,
body.change-list #content-main .module.filtered #toolbar,
body.change-list #content-main .module.filtered div.xfull {
  margin-right: 0;
}
body.change-list #content-main .module.filtered #changelist-filter:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  border-radius: 6px;
}
@media (max-width: 767px) {
  body.change-list #content-main .module.filtered {
    margin-right: 0;
  }
}
body.change-list #content-main #toolbar {
  border-radius: 6px 6px 0 0;
}
body.change-list #content-main .paginator {
  background: none;
  border: none;
  padding: 12px;
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}
body.change-list #content-main .paginator .paginator-submit {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
body.change-form #content-main {
  min-height: calc(100vh - 228px);
  padding-bottom: 80px;
}
body.change-form #content-main p {
  margin: 10px;
}
body.change-form #content-main h3,
body.change-form #content-main h4 {
  margin: 0;
  padding: 0.5em;
}

#content.new-modules {
  padding: 0;
}

.new-modules #content-main {
  box-shadow: none;
  border: none;
  background: none;
}

.new-modules .module,
.new-modules .submodule {
  background: none;
  margin-bottom: 0;
  float: none;
  width: auto;
}

.new-modules .submodule {
  border-top: 1px solid #c4dce8;
}

.new-modules .module {
  background-color: white;
  margin: 24px;
  border-radius: 6px;
  box-shadow: 0 0 3px 1px #ffcc66;
}
.new-modules .module .module-header h1,
.new-modules .module .module-header h2,
.new-modules .module .module-footer h1,
.new-modules .module .module-footer h2 {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  gap: 0.5em;
  align-items: center;
}
.new-modules .module .module-header p,
.new-modules .module .module-footer p {
  margin: 0;
  padding: 12px;
}
.new-modules .module .module-header .colour-tag,
.new-modules .module .module-header .colour-icon,
.new-modules .module .module-footer .colour-tag,
.new-modules .module .module-footer .colour-icon {
  height: auto;
}
.new-modules .module .module-header h1,
.new-modules .module .module-header h2,
.new-modules .module .module-header h3,
.new-modules .module .module-header h4,
.new-modules .module .module-header h5,
.new-modules .module .module-footer h1,
.new-modules .module .module-footer h2,
.new-modules .module .module-footer h3,
.new-modules .module .module-footer h4,
.new-modules .module .module-footer h5 {
  color: inherit;
}
.new-modules .module .module-header .module-actions,
.new-modules .module .module-footer .module-actions {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding: 6px;
  gap: 6px;
}
.new-modules .module .module-header .module-actions .button em, .new-modules .module .module-header .module-actions .submit-row a.closelink em, .submit-row .new-modules .module .module-header .module-actions a.closelink em, .new-modules .module .module-header .module-actions .submit-row a.deletelink em, .submit-row .new-modules .module .module-header .module-actions a.deletelink em, .new-modules .module .module-header .module-actions .object-tools a:link em, .object-tools .new-modules .module .module-header .module-actions a:link em,
.new-modules .module .module-header .module-actions .object-tools a:visited em,
.object-tools .new-modules .module .module-header .module-actions a:visited em,
.new-modules .module .module-footer .module-actions .button em,
.new-modules .module .module-footer .module-actions .submit-row a.closelink em,
.submit-row .new-modules .module .module-footer .module-actions a.closelink em,
.new-modules .module .module-footer .module-actions .submit-row a.deletelink em,
.submit-row .new-modules .module .module-footer .module-actions a.deletelink em,
.new-modules .module .module-footer .module-actions .object-tools a:link em,
.object-tools .new-modules .module .module-footer .module-actions a:link em,
.new-modules .module .module-footer .module-actions .object-tools a:visited em,
.object-tools .new-modules .module .module-footer .module-actions a:visited em {
  font-weight: bold;
}
.new-modules .module .module-header {
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
  border-bottom: 1px solid #c4dce8;
  color: #333;
}
.new-modules .module .module-footer {
  border-radius: 0 0 6px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #c4dce8;
  color: #333;
}
.new-modules .module .module-body {
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.new-modules .module .module-body.layout-horizontal {
  flex-direction: row;
  gap: 12px;
}
.new-modules .module .module-body.layout-horizontal .layout-group {
  flex: 2;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
@media (max-width: 1024px) {
  .new-modules .module .module-body.layout-horizontal .layout-group {
    flex-direction: column;
  }
}
.new-modules .module .module-messages {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
}
.new-modules .module .module-messages .journal-message,
.new-modules .module .module-messages .status-message {
  border-top: 1px solid #c4dce8;
  padding: 3px 0;
}
.new-modules .module .module-messages .journal-message:first-child,
.new-modules .module .module-messages .status-message:first-child {
  border-top: 0;
}
.new-modules .module .module-messages .journal-message .message-type-icon,
.new-modules .module .module-messages .status-message .message-type-icon {
  align-self: flex-start;
  margin-top: 3px;
  color: #546e7a;
  font-size: 24px;
}
.new-modules .module .module-messages .journal-message .message-body,
.new-modules .module .module-messages .status-message .message-body {
  padding: 6px 12px 6px 0;
  margin: 0;
  flex: 1 0 30em;
  align-self: flex-start;
}
.new-modules .module .module-messages .journal-message.pinned .message-type-icon {
  color: #c66c00;
}
.new-modules .module .application-props {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.new-modules .module .application-props .prop {
  flex: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 6px 48px;
  margin: 0;
  text-align: left;
  position: relative;
  min-height: 24px;
}
.new-modules .module .application-props .icon {
  font-size: 16px;
  background-color: #819ca9;
  color: white;
  margin-right: 17px;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  flex: 0 0 24px;
  text-align: center;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.new-modules .module .application-props .label {
  font-weight: bold;
}
.new-modules .module .application-props .label + .value {
  margin-left: 0.5em;
}
.new-modules .module .mediation-requests {
  order: 2;
  flex: 1;
}
.new-modules .module .mediation-requests h3 {
  margin: 0 0 12px;
  padding: 0 0 6px;
  border-bottom: 1px solid #c4dce8;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
}
.new-modules .module .mediation-requests .requests {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.new-modules .module .mediation-requests .request {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-modules .module .mediation-requests .request .status {
  padding: 0 0.5em;
}
.new-modules .module .mediation-requests .button, .new-modules .module .mediation-requests .submit-row a.closelink, .submit-row .new-modules .module .mediation-requests a.closelink, .new-modules .module .mediation-requests .submit-row a.deletelink, .submit-row .new-modules .module .mediation-requests a.deletelink, .new-modules .module .mediation-requests .object-tools a:link, .object-tools .new-modules .module .mediation-requests a:link,
.new-modules .module .mediation-requests .object-tools a:visited,
.object-tools .new-modules .module .mediation-requests a:visited,
.new-modules .module .mediation-requests a.button,
.new-modules .module .mediation-requests button {
  padding: 1px 12px;
}
.new-modules .module.module-replacements .module-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: 24px;
}
@media (max-width: 1024px) {
  .new-modules .module.module-replacements .module-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.new-modules .module.module-replacements .module-body .contact {
  flex: 1 0 20em;
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding-right: 24px;
  border-right: 1px solid #c4dce8;
  justify-content: space-between;
}
.new-modules .module.module-replacements .module-body .contact:nth-child(3n+3) {
  padding-right: 0;
  border-right: none;
}
@media (max-width: 1024px) {
  .new-modules .module.module-replacements .module-body .contact:nth-child(2n+2) {
    padding-right: 0;
    border-right: none;
  }
  .new-modules .module.module-replacements .module-body .contact:nth-child(3n+3) {
    padding-right: 24px;
    border-right: 1px solid #c4dce8;
  }
}
.new-modules .module.module-replacements .module-body .contact .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

#footer {
  display: none;
}

body.dashboard #content {
  margin: 0;
}
body.dashboard h1.dashboard-title {
  margin: 0;
}
body.dashboard .dashboard-container {
  margin: 0 -10px;
}
body.dashboard .dashboard-module {
  background-color: white;
  border-radius: 6px;
  border: none;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
}
body.dashboard .dashboard-module h2 {
  background: none;
}

.upcoming-assignment .icon {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 6px;
}

.prev-assignments .board-info-container {
  background-color: #f6f6f6;
}
.prev-assignments table:first-child .board-info-container {
  border-radius: 6px 6px 0 0;
}
.prev-assignments .board-info {
  position: relative;
}
.prev-assignments .board-info .board-name {
  font-size: 18px;
}
.prev-assignments .board-info .board-name .icon {
  font-size: 24px;
  vertical-align: middle;
}
.prev-assignments .board-info .adminoffice {
  margin-left: 28px;
}
.prev-assignments .board-info .adminoffice-phone {
  font-weight: bold;
}
.prev-assignments .board-info .dates {
  position: absolute;
  right: 6px;
  bottom: 3px;
  text-align: right;
}
.prev-assignments .board-info .dates .value {
  display: inline-block;
  width: 10em;
}
.prev-assignments .board-info .title {
  text-transform: uppercase;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
}
.prev-assignments .applications {
  white-space: nowrap;
}
.prev-assignments .day-container {
  padding-bottom: 0;
}
.prev-assignments .days {
  display: flex;
  flex-wrap: wrap;
}
.prev-assignments .days .day {
  border: 1px solid #819ca9;
  border-radius: 6px;
  margin: 0 6px 6px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  min-width: 6em;
  color: #546e7a;
}
.prev-assignments .days a.day {
  border-color: #89D621;
}
.prev-assignments .days a.day .expenses {
  background-color: #89D621;
}
.prev-assignments .days .date {
  display: block;
  padding: 3px;
}
.prev-assignments .days .expenses {
  display: block;
  padding: 3px;
  background-color: #819ca9;
  color: white;
}
.prev-assignments .days .expenses a {
  color: white;
}

.module.with-info-panels {
  padding: 24px;
}

.info-panels {
  display: flex;
  margin-right: -24px;
  margin-bottom: -24px;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .info-panels {
    flex-direction: column;
  }
}
.info-panels .info-panel {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  flex: 1;
  margin-bottom: 24px;
  margin-right: 24px;
}
.info-panels .info-panel .info-panel-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.info-panels .info-panel h1 {
  margin-bottom: 6px;
}
.info-panels .info-panel h1 .right {
  float: right;
}
.info-panels .info-panel h1:last-child {
  margin-bottom: 0;
}
.info-panels .info-panel table {
  border-radius: 6px;
  overflow: hidden;
}
.info-panels .info-panel table > tfoot:last-child tr:last-child th,
.info-panels .info-panel table > tfoot:last-child tr:last-child td,
.info-panels .info-panel table > tbody:last-child tr:last-child th,
.info-panels .info-panel table > tbody:last-child tr:last-child td,
.info-panels .info-panel table > tr:last-child th,
.info-panels .info-panel table > tr:last-child td {
  border-bottom: none;
}
.info-panels .info-panel .text {
  max-width: 24em;
}
.info-panels .column {
  margin-right: 24px;
  flex-direction: column;
  display: flex;
}
@media (max-width: 1024px) {
  .info-panels .column {
    width: auto !important;
  }
}
.info-panels .column .info-panel {
  margin-right: 0;
}
.info-panels .column.col-1-3 {
  width: 33.3333%;
}
.info-panels .column.col-2-3 {
  width: 66.6667%;
}

.interest-buttons .info-panels {
  margin-bottom: 0;
  align-items: stretch;
}
.interest-buttons .info-panel {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.interest-buttons .info-panel h1 {
  text-align: center;
}
.interest-buttons .info-panel p.note {
  font-size: 0.8em;
  font-style: italic;
  color: #aaa;
  padding: 0.25em 0 0;
}

.application-substitutes h1 small {
  display: block;
}
.application-substitutes p {
  margin: 0;
  padding: 12px 0;
  font-style: italic;
}
.application-substitutes p:first-child {
  padding-top: 0;
}
.application-substitutes p:last-child {
  padding-bottom: 0;
}
.application-substitutes .empty {
  text-align: center;
  font-style: italic;
  padding: 1em 0;
}
.application-substitutes .substitute {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.application-substitutes .substitute:first-child {
  border-top: 1px solid #eee;
}
.application-substitutes .substitute > .icon {
  font-size: 32px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  flex: 0 0 48px;
  background-color: #eee;
  color: #546e7a;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
}
.application-substitutes .substitute .info {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.application-substitutes .substitute .nameinfo {
  font-size: 16px;
  flex: 1;
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.application-substitutes .substitute .nameinfo .city {
  color: #546e7a;
  opacity: 0.5;
}
.application-substitutes .substitute .type {
  font-style: italic;
  padding: 3px 0;
}
.application-substitutes .substitute .contact-info {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 6px;
}
.application-substitutes .substitutes:last-child .substitute:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.info-panel.application-props {
  flex-direction: column;
}
.info-panel.application-props .prop {
  display: flex;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  align-items: center;
  text-align: left;
}
.info-panel.application-props .prop .icon {
  font-size: 24px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  flex: 0 0 32px;
  background-color: #eee;
  color: #546e7a;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
}

.info-panel.application-status {
  flex: 0;
}

body.replacement-application-detail .module {
  padding: 24px;
}
body.replacement-application-detail .column {
  flex-direction: row;
  margin-right: 0;
  flex: 1;
}
body.replacement-application-detail .column .info-panel {
  margin-right: 24px;
}
@media (max-width: 767px) {
  body.replacement-application-detail .column {
    flex-direction: column;
  }
}
body.replacement-application-detail .calendar-panel + .column {
  margin-right: 24px;
  flex-direction: column;
  display: flex;
  flex: none;
}
body.replacement-application-detail .calendar-panel + .column .info-panel {
  margin-right: 0;
  max-width: 24em;
}
body.replacement-application-detail .calendar-panel + .column .info-panel.contact-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.replacement-application-detail #branding {
  float: right;
  text-align: center;
}
@media (max-width: 1024px) {
  body.replacement-application-detail #branding {
    float: none;
  }
}
body.replacement-application-detail #branding h1 {
  display: inline-block;
  background: transparent url("../img/slim-online-logo.81ef335cfbbe.svg") center center no-repeat;
  height: 72px;
  width: 250px;
  background-size: 250px 72px;
  margin: 0;
  font-size: 18px;
}
body.replacement-application-detail #branding h1 a {
  color: #fff;
}
body.replacement-application-detail h4, body.replacement-application-detail p {
  margin: 0;
  padding: 0;
}
body.replacement-application-detail .messagenote {
  padding: 10px 12px;
  margin-bottom: 24px;
}
body.replacement-application-detail h1 {
  line-height: 1.5;
}
body.replacement-application-detail h1 .props {
  display: block;
  font-style: italic;
  margin-top: 6px;
  font-size: 14px;
  line-height: 2em;
}
body.replacement-application-detail h1 .prop {
  display: inline-block;
  margin-right: 18px;
}
body.replacement-application-detail h1 em {
  font-style: inherit;
  font-weight: bold;
}
@media (max-width: 1024px) {
  body.replacement-application-detail h1 span,
  body.replacement-application-detail h1 .props {
    display: block;
  }
}
body.replacement-application-detail h1 .icon {
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
body.replacement-application-detail table.opening-hours {
  width: 100%;
}
body.replacement-application-detail table.opening-hours .hours {
  text-align: right;
}
body.replacement-application-detail table.opening-hours tr:last-child td {
  border-bottom: 0;
}
body.replacement-application-detail .assignment-number h1 {
  margin-bottom: 0;
}
body.replacement-application-detail .assignment-number h1 strong {
  float: right;
}
body.replacement-application-detail .assignment-info .map-button {
  margin-left: auto;
}
body.replacement-application-detail .assignment-info .prop.openinghours {
  align-items: flex-start;
}
body.replacement-application-detail .assignment-info .prop.openinghours .prop-value {
  width: 100%;
}
body.replacement-application-detail .assignment-info .prop.openinghours .title {
  line-height: 32px;
}
body.replacement-application-detail .assignment-info table.openinghours {
  margin-top: 1em;
}
body.replacement-application-detail .calendar-panel h1 {
  margin-bottom: 1em !important;
}
body.replacement-application-detail .custom-week-schedule-inline {
  flex-direction: column;
}
body.replacement-application-detail .custom-week-schedule-inline .days {
  display: flex;
  flex-wrap: nowrap;
}
body.replacement-application-detail .custom-week-schedule-inline .day {
  border-color: #819ca9;
}
body.replacement-application-detail .custom-week-schedule-inline .day.inactive {
  background-color: #c4dce8;
  opacity: 1;
  border-color: #c4dce8;
}
body.replacement-application-detail .custom-week-schedule-inline .day.inactive .name {
  color: #c4dce8;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart {
  line-height: 24px;
  height: 24px;
  padding: 0 3px;
  background-color: #89D621;
  color: white;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart.inactive {
  text-indent: -999em;
  overflow: hidden;
  background-color: #c4dce8;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart.assigned {
  background-color: #54a400;
  color: white;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart.unavailable {
  background-color: #819ca9;
  color: white;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart.available {
  background-color: #89D621;
  color: white;
}
body.replacement-application-detail .custom-week-schedule-inline .daypart.occupied {
  background-color: #819ca9;
  color: white;
}
body.replacement-application-detail .custom-week-schedule-inline .weeks {
  display: flex;
  flex-direction: column;
}
body.replacement-application-detail .custom-week-schedule-inline .week {
  margin: 0 0 6px 100px;
}
body.replacement-application-detail .custom-week-schedule-inline .weeknumber {
  float: left;
  margin-left: -100px;
  padding: 0;
  width: 90px;
}
body.replacement-application-detail .legend .title {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 6px;
}
body.replacement-application-detail .legend .daypart {
  border-radius: 3px;
  margin-bottom: 3px;
  height: auto;
  min-height: 12px;
  line-height: 18px;
  padding: 6px 6px 6px 24px;
  border: 2px solid #819ca9;
}
body.replacement-application-detail .legend .daypart:before {
  float: left;
  margin-left: -20px;
}
body.replacement-application-detail .legend .daypart.inactive {
  background-color: #c4dce8;
  text-indent: 0;
}
body.replacement-application-detail .buttons {
  display: flex;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  body.replacement-application-detail .buttons {
    flex-direction: column;
  }
}
body.replacement-application-detail .buttons .button-panel {
  flex: 0 1 300px;
  margin-right: 48px;
}
body.replacement-application-detail .buttons .button-panel:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  body.replacement-application-detail .buttons .button-panel {
    margin-right: 0;
  }
}
body.replacement-application-detail .buttons button, body.replacement-application-detail .buttons a, body.replacement-application-detail .buttons .submit-row a.deletelink, .submit-row body.replacement-application-detail .buttons a.deletelink, body.replacement-application-detail .buttons .object-tools a:link, .object-tools body.replacement-application-detail .buttons a:link,
body.replacement-application-detail .buttons .object-tools a:visited,
.object-tools body.replacement-application-detail .buttons a:visited {
  text-align: center;
  font-size: 18px;
  text-transform: none;
  line-height: 1em;
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}
body.replacement-application-detail .buttons button.accept-button, body.replacement-application-detail .buttons a.accept-button, body.replacement-application-detail .buttons .submit-row a.accept-button.deletelink, .submit-row body.replacement-application-detail .buttons a.accept-button.deletelink, body.replacement-application-detail .buttons .object-tools a.accept-button:link, .object-tools body.replacement-application-detail .buttons a.accept-button:link,
body.replacement-application-detail .buttons .object-tools a.accept-button:visited,
.object-tools body.replacement-application-detail .buttons a.accept-button:visited {
  background-color: #89D621;
}
body.replacement-application-detail .buttons button.accept-button:hover, body.replacement-application-detail .buttons a.accept-button:hover {
  background-color: #54a400;
}
body.replacement-application-detail .buttons button.decline-button, body.replacement-application-detail .buttons a.decline-button, body.replacement-application-detail .buttons .submit-row a.decline-button.deletelink, .submit-row body.replacement-application-detail .buttons a.decline-button.deletelink, body.replacement-application-detail .buttons .object-tools a.decline-button:link, .object-tools body.replacement-application-detail .buttons a.decline-button:link,
body.replacement-application-detail .buttons .object-tools a.decline-button:visited,
.object-tools body.replacement-application-detail .buttons a.decline-button:visited {
  background-color: #ff6051;
}
body.replacement-application-detail .buttons button.decline-button:hover, body.replacement-application-detail .buttons a.decline-button:hover {
  background-color: #c52a27;
}
body.replacement-application-detail .buttons button.call-button, body.replacement-application-detail .buttons a.call-button, body.replacement-application-detail .buttons .submit-row a.call-button.deletelink, .submit-row body.replacement-application-detail .buttons a.call-button.deletelink, body.replacement-application-detail .buttons .object-tools a.call-button:link, .object-tools body.replacement-application-detail .buttons a.call-button:link,
body.replacement-application-detail .buttons .object-tools a.call-button:visited,
.object-tools body.replacement-application-detail .buttons a.call-button:visited {
  background-color: #fe9b35;
}
body.replacement-application-detail .buttons button.call-button:hover, body.replacement-application-detail .buttons a.call-button:hover {
  background-color: #c66c00;
}
body.replacement-application-detail .buttons .info {
  margin: 12px 0;
}
@media (max-width: 1024px) {
  body.replacement-application-detail .buttons .info {
    margin: 6px 0 24px;
  }
}

.large-calendar {
  display: flex;
  flex-direction: column;
}

.large-calendar .week {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-bottom: 1px solid #eee;
  padding: 6px 12px;
}

.large-calendar .weeknumber {
  font-size: 1.5em;
  padding: 0;
  min-width: 4em;
}
.large-calendar .weeknumber .year {
  display: block;
  opacity: 0.25;
}

.large-calendar .days {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 0 12px;
}

.large-calendar .day {
  display: flex;
  flex-direction: column;
}

.large-calendar .date {
  color: #546e7a;
  border: 1px solid transparent;
}
.large-calendar .date input[type=checkbox] + label, .large-calendar .date #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar .date input[type=checkbox][type=submit] + label {
  font-size: 0.8em;
  padding: 2px 10px 2px 30px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.large-calendar .date input[type=checkbox] + label:before, .large-calendar .date #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar .date input[type=checkbox][type=submit] + label:before {
  font-size: 1.75em;
  top: 50%;
  transform: translateY(-50%);
}

.large-calendar .dayparts {
  border: 1px solid white;
  border-right: none;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.large-calendar .day:nth-child(2) .dayparts {
  border-radius: 6px 0 0 6px;
}
.large-calendar .day:nth-child(2) .dayparts .daypart:first-child label {
  border-radius: 6px 0 0 0;
}
.large-calendar .day:nth-child(2) .dayparts .daypart:last-child label {
  border-radius: 0 0 0 6px;
}

.large-calendar .day:last-child .dayparts {
  border-radius: 0 6px 6px 0;
}
.large-calendar .day:last-child .dayparts .daypart:first-child label {
  border-radius: 0 6px 0 0;
}
.large-calendar .day:last-child .dayparts .daypart:last-child label {
  border-radius: 0 0 6px 0;
}

.large-calendar input[type=checkbox], .large-calendar #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}

.large-calendar label {
  display: block;
  padding: 6px;
  position: relative;
  border: 2px solid transparent;
  min-width: 7em;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.04em;
  color: #333;
}

.large-calendar .labels {
  display: flex;
  flex-direction: column;
}
.large-calendar .labels .dayparts {
  justify-content: flex-end;
  background-color: transparent;
  padding-right: 4px;
}
.large-calendar .labels label {
  color: #546e7a;
  font-size: 0.8em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: right;
  padding-right: 0;
}
.large-calendar .labels input[type=checkbox] + label, .large-calendar .labels #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar .labels input[type=checkbox][type=submit] + label {
  padding: 6px 24px 6px 0;
}
.large-calendar .labels input[type=checkbox] + label:before, .large-calendar .labels #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar .labels input[type=checkbox][type=submit] + label:before {
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.75em;
  margin-right: 0;
}
.large-calendar .labels .daypart:first-child label {
  border-bottom: 1px solid #c4dce8 !important;
}

.large-calendar input[type=checkbox] + label, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label {
  padding: 6px 6px 6px 30px;
  position: relative;
}
.large-calendar input[type=checkbox] + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  margin-right: 0;
  transform: translateY(-50%);
  font-size: 1.225rem;
  color: #29434e;
}
.large-calendar input[type=checkbox] + label:after, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:after, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:after {
  content: "";
  position: absolute;
  background-color: inherit;
  left: 30px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  font-style: italic;
  opacity: 0;
}

.large-calendar input[type=checkbox]:checked + label:after, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:checked + label:after {
  opacity: 1;
}

.large-calendar .daypart input[type=checkbox] + label span, .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit] + label span, #changelist #toolbar form .large-calendar .daypart input[type=checkbox][type=submit] + label span {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid transparent;
  pointer-events: none;
}

.large-calendar .daypart:first-child input[type=checkbox] + label span, .large-calendar .daypart:first-child #changelist #toolbar form input[type=checkbox][type=submit] + label span, #changelist #toolbar form .large-calendar .daypart:first-child input[type=checkbox][type=submit] + label span {
  border-bottom: none;
}

.large-calendar .daypart:last-child input[type=checkbox] + label span, .large-calendar .daypart:last-child #changelist #toolbar form input[type=checkbox][type=submit] + label span, #changelist #toolbar form .large-calendar .daypart:last-child input[type=checkbox][type=submit] + label span {
  border-top: none;
}

.status-assigned-form .daypart input[type=checkbox]:checked + label:after, .status-assigned-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .status-assigned-form .daypart input[type=checkbox][type=submit]:checked + label:after,
.status-resolved-form .daypart input[type=checkbox]:checked + label:after,
.status-resolved-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after,
#changelist #toolbar form .status-resolved-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Oplossen";
}

.status-failed-form .daypart input[type=checkbox]:checked + label:after, .status-failed-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .status-failed-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Mislukken";
}

.status-cancelled-form .daypart input[type=checkbox]:checked + label:after, .status-cancelled-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .status-cancelled-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Annuleren";
}

.status-open-form .daypart input[type=checkbox]:checked + label:after, .status-open-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .status-open-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Heropenen";
}

.status-open-form .daypart input[type=checkbox].status-non-required:checked + label:after, .status-open-form .daypart #changelist #toolbar form input[type=checkbox].status-non-required[type=submit]:checked + label:after, #changelist #toolbar form .status-open-form .daypart input[type=checkbox].status-non-required[type=submit]:checked + label:after {
  content: "Toevoegen";
}

.update-application-form .daypart input[type=checkbox]:checked + label:after, .update-application-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .update-application-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Open";
}

.assign-enrollment-form .daypart input[type=checkbox]:checked + label:after, .assign-enrollment-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .assign-enrollment-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Koppelen";
}

.unassign-enrollment-form .daypart input[type=checkbox]:checked + label:after, .unassign-enrollment-form .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:after, #changelist #toolbar form .unassign-enrollment-form .daypart input[type=checkbox][type=submit]:checked + label:after {
  content: "Ontkoppelen";
}

.large-calendar .daypart:first-child input[type=checkbox] + label, .large-calendar .daypart:first-child #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar .daypart:first-child input[type=checkbox][type=submit] + label {
  border-bottom: none;
}

.large-calendar .daypart:last-child input[type=checkbox] + label, .large-calendar .daypart:last-child #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar .daypart:last-child input[type=checkbox][type=submit] + label {
  border-top: none;
}

.large-calendar input[type=checkbox]:enabled + label, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:enabled + label, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:enabled + label {
  cursor: pointer;
}

.large-calendar input[type=checkbox]:enabled + label:hover, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:enabled + label:hover, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:enabled + label:hover {
  opacity: 0.8;
}

.large-calendar input[type=checkbox].enrollment-unavailable:enabled + label, .large-calendar #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:enabled + label, #changelist #toolbar form .large-calendar input[type=checkbox].enrollment-unavailable[type=submit]:enabled + label,
.large-calendar input[type=checkbox].status-non-required:enabled + label,
.large-calendar #changelist #toolbar form input[type=checkbox].status-non-required[type=submit]:enabled + label,
#changelist #toolbar form .large-calendar input[type=checkbox].status-non-required[type=submit]:enabled + label {
  border-color: rgb(249, 90, 78) !important;
}
.large-calendar input[type=checkbox].enrollment-unavailable:enabled + label span, .large-calendar #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:enabled + label span, #changelist #toolbar form .large-calendar input[type=checkbox].enrollment-unavailable[type=submit]:enabled + label span,
.large-calendar input[type=checkbox].status-non-required:enabled + label span,
.large-calendar #changelist #toolbar form input[type=checkbox].status-non-required[type=submit]:enabled + label span,
#changelist #toolbar form .large-calendar input[type=checkbox].status-non-required[type=submit]:enabled + label span {
  border-color: white;
}

.large-calendar input[type=checkbox]:disabled + label, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.large-calendar input[type=checkbox]:disabled + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:disabled + label:before {
  opacity: 0.2;
}

.large-calendar input.status-assigned + label, .large-calendar #changelist #toolbar form input.status-assigned[type=submit] + label, #changelist #toolbar form .large-calendar input.status-assigned[type=submit] + label,
.large-calendar input.status-resolved + label,
.large-calendar #changelist #toolbar form input.status-resolved[type=submit] + label,
#changelist #toolbar form .large-calendar input.status-resolved[type=submit] + label, .status-assigned-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-assigned-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-assigned-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-resolved-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-resolved-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-resolved-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .assign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: #A6D07A;
  border-color: #7DBA3D;
}
.large-calendar input.status-assigned + label, .large-calendar #changelist #toolbar form input.status-assigned[type=submit] + label, #changelist #toolbar form .large-calendar input.status-assigned[type=submit] + label, .large-calendar input.status-assigned + label:before, .large-calendar #changelist #toolbar form input.status-assigned[type=submit] + label:before, #changelist #toolbar form .large-calendar input.status-assigned[type=submit] + label:before,
.large-calendar input.status-resolved + label,
.large-calendar #changelist #toolbar form input.status-resolved[type=submit] + label,
#changelist #toolbar form .large-calendar input.status-resolved[type=submit] + label,
.large-calendar input.status-resolved + label:before,
.large-calendar #changelist #toolbar form input.status-resolved[type=submit] + label:before,
#changelist #toolbar form .large-calendar input.status-resolved[type=submit] + label:before, .status-assigned-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-assigned-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-assigned-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-assigned-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-assigned-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-assigned-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before, .status-resolved-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-resolved-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-resolved-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-resolved-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-resolved-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-resolved-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before, .assign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .assign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: #366900;
}
.assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable:checked + label, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:checked + label, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable[type=submit]:checked + label {
  background-color: rgb(255, 183, 117);
  border-color: rgb(255, 155, 53);
}
.assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable:checked + label, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:checked + label, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable[type=submit]:checked + label, .assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable:checked + label:before, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:checked + label:before, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable[type=submit]:checked + label:before {
  color: rgb(128, 68, 0);
}
.assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable:checked + label span, .assign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox].enrollment-unavailable[type=submit]:checked + label span, #changelist #toolbar form .assign-enrollment-form .large-calendar .daypart input[type=checkbox].enrollment-unavailable[type=submit]:checked + label span {
  border-color: transparent;
}
.large-calendar input.status-open + label, .large-calendar #changelist #toolbar form input.status-open[type=submit] + label, #changelist #toolbar form .large-calendar input.status-open[type=submit] + label, .status-open-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-open-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-open-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .update-application-form .large-calendar .daypart input[type=checkbox]:checked + label, .update-application-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .update-application-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: rgb(130, 177, 206);
  border-color: rgb(104, 151, 179);
}
.large-calendar input.status-open + label, .large-calendar #changelist #toolbar form input.status-open[type=submit] + label, #changelist #toolbar form .large-calendar input.status-open[type=submit] + label, .large-calendar input.status-open + label:before, .large-calendar #changelist #toolbar form input.status-open[type=submit] + label:before, #changelist #toolbar form .large-calendar input.status-open[type=submit] + label:before, .status-open-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-open-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-open-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-open-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-open-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-open-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before, .update-application-form .large-calendar .daypart input[type=checkbox]:checked + label, .update-application-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .update-application-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .update-application-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .update-application-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .update-application-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: rgb(1, 64, 89);
}
.large-calendar input.status-cancelled + label, .large-calendar #changelist #toolbar form input.status-cancelled[type=submit] + label, #changelist #toolbar form .large-calendar input.status-cancelled[type=submit] + label, .status-cancelled-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-cancelled-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-cancelled-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: rgb(195, 232, 255);
  border-color: rgb(157, 205, 235);
}
.large-calendar input.status-cancelled + label, .large-calendar #changelist #toolbar form input.status-cancelled[type=submit] + label, #changelist #toolbar form .large-calendar input.status-cancelled[type=submit] + label, .large-calendar input.status-cancelled + label:before, .large-calendar #changelist #toolbar form input.status-cancelled[type=submit] + label:before, #changelist #toolbar form .large-calendar input.status-cancelled[type=submit] + label:before, .status-cancelled-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-cancelled-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-cancelled-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-cancelled-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-cancelled-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-cancelled-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: rgb(37, 87, 113);
}
.large-calendar input.status-failed + label, .large-calendar #changelist #toolbar form input.status-failed[type=submit] + label, #changelist #toolbar form .large-calendar input.status-failed[type=submit] + label, .status-failed-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-failed-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-failed-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: rgb(255, 180, 169);
  border-color: rgb(255, 137, 122);
}
.large-calendar input.status-failed + label, .large-calendar #changelist #toolbar form input.status-failed[type=submit] + label, #changelist #toolbar form .large-calendar input.status-failed[type=submit] + label, .large-calendar input.status-failed + label:before, .large-calendar #changelist #toolbar form input.status-failed[type=submit] + label:before, #changelist #toolbar form .large-calendar input.status-failed[type=submit] + label:before, .status-failed-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-failed-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-failed-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-failed-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-failed-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-failed-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: rgb(162, 27, 25);
}
.large-calendar input.status-non-required + label, .large-calendar #changelist #toolbar form input.status-non-required[type=submit] + label, #changelist #toolbar form .large-calendar input.status-non-required[type=submit] + label, .status-non-required-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-non-required-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-non-required-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: transparent;
}
.large-calendar input.status-non-required + label, .large-calendar #changelist #toolbar form input.status-non-required[type=submit] + label, #changelist #toolbar form .large-calendar input.status-non-required[type=submit] + label, .large-calendar input.status-non-required + label:before, .large-calendar #changelist #toolbar form input.status-non-required[type=submit] + label:before, #changelist #toolbar form .large-calendar input.status-non-required[type=submit] + label:before, .status-non-required-form .large-calendar .daypart input[type=checkbox]:checked + label, .status-non-required-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .status-non-required-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .status-non-required-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .status-non-required-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .status-non-required-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: #999;
}
.unassign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label, .unassign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .unassign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label {
  background-color: rgb(255, 183, 117);
  border-color: rgb(255, 155, 53);
}
.unassign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label, .unassign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .unassign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label, .unassign-enrollment-form .large-calendar .daypart input[type=checkbox]:checked + label:before, .unassign-enrollment-form .large-calendar .daypart #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .unassign-enrollment-form .large-calendar .daypart input[type=checkbox][type=submit]:checked + label:before {
  color: rgb(128, 68, 0);
}
.large-calendar input.status-expired + label, .large-calendar #changelist #toolbar form input.status-expired[type=submit] + label, #changelist #toolbar form .large-calendar input.status-expired[type=submit] + label {
  background-color: #ffc5ad;
}

.large-calendar .week-actions {
  display: flex;
  flex-direction: row;
  padding-top: 1px;
  gap: 3px;
  flex-wrap: wrap;
}
.large-calendar .week-actions .week-action {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.large-calendar .week-actions input[type=checkbox] + label, .large-calendar .week-actions #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .large-calendar .week-actions input[type=checkbox][type=submit] + label {
  font-size: 0.8em;
  padding: 2px 10px 2px 30px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #546e7a;
}
.large-calendar .week-actions input[type=checkbox] + label:before, .large-calendar .week-actions #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar .week-actions input[type=checkbox][type=submit] + label:before {
  font-size: 1.75em;
  top: 50%;
  transform: translateY(-50%);
}

.large-calendar .base-calendar {
  position: sticky;
  top: 0;
  background: white;
  z-index: 100;
  margin-bottom: 24px;
}
.large-calendar .base-calendar .week {
  border-bottom: 2px solid #819ca9;
}

#changelist table {
  width: 100%;
}

.upcoming-assignments .thead .weeknumber .year {
  opacity: 0.3;
}
@media (max-width: 767px) {
  .upcoming-assignments thead {
    display: none;
  }
}

@media (max-width: 767px) {
  .vertical-calendar {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .vertical-calendar td,
  .vertical-calendar th {
    flex: 0 0 100%;
    box-sizing: border-box;
  }
  .vertical-calendar td.application-route, .vertical-calendar td.application-phone,
  .vertical-calendar th.application-route,
  .vertical-calendar th.application-phone {
    flex: none;
  }
  .vertical-calendar td:last-child,
  .vertical-calendar th:last-child {
    border-bottom: none;
  }
  .vertical-calendar.new-assignment td.day-container + td,
  .vertical-calendar.new-assignment td.day-container + th {
    border-top: 1px solid #ddd;
  }
  .vertical-calendar.assignment + .vertical-calendar.no-assignment td.day-container + td,
  .vertical-calendar.assignment + .vertical-calendar.no-assignment td.day-container + th {
    border-top: 1px solid #ddd;
  }
  .vertical-calendar td.application {
    font-weight: bold;
    padding-top: 12px;
  }
}
.vertical-calendar td.day-container {
  padding: 3px 6px;
  order: 1;
}
.vertical-calendar td.day-container.no-dayparts {
  width: 160px;
}
.vertical-calendar td.day-container.no-dayparts .date {
  width: auto;
  flex: 1;
}
.vertical-calendar .week {
  padding: 0 0 0 100px;
  margin-bottom: 0;
}
.vertical-calendar .weeknumber {
  width: 90px;
  overflow: hidden;
  font-size: 1.6em;
  line-height: 1.2;
  padding-top: 3px;
}
.vertical-calendar .weeknumber .year {
  display: block;
  opacity: 0.25;
}
.vertical-calendar .day {
  border: 1px solid #819ca9;
  background-color: #819ca9;
  color: white;
  border-radius: 3px;
  display: flex;
  overflow: hidden;
  margin: 0;
  width: 280px;
}
@media (max-width: 767px) {
  .vertical-calendar .day {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.vertical-calendar .day.inactive {
  opacity: 0.3;
  font-style: italic;
}
.vertical-calendar .date {
  padding: 3px 6px;
  width: 6em;
  text-align: right;
  white-space: nowrap;
  background-color: white;
  color: #819ca9;
  display: flex;
  justify-content: space-between;
}
.vertical-calendar .date .dow {
  width: 2em;
  display: inline-block;
  text-align: left;
}
.vertical-calendar .daypart-label {
  display: none;
}
@media (max-width: 767px) {
  .vertical-calendar .daypart-label {
    display: inline;
  }
}
.vertical-calendar .daypart {
  padding: 3px 6px;
  color: white;
  flex: 1;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  background-color: #546e7a;
}
.vertical-calendar .daypart:before {
  position: absolute;
  left: 6px;
  top: 4px;
}
.vertical-calendar .daypart.with-checkbox {
  padding: 0;
  display: flex;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox], .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit] {
  position: absolute;
  visibility: hidden;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox] + label, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit] + label {
  flex: 1;
  padding: 3px 6px;
  color: white;
  cursor: pointer;
  position: relative;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox] + label.no-click, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit] + label.no-click, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit] + label.no-click {
  cursor: default;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox] + label .hover, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit] + label .hover, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit] + label .hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 3px 6px;
  background-color: #ff6051;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox] + label:hover .hover, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit] + label:hover .hover, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit] + label:hover .hover {
  display: block;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label {
  background-color: #ff6051;
  font-style: italic;
}
.vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label:before, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label:before {
  position: absolute;
  left: 6px;
  top: 4px;
}
.vertical-calendar .daypart.morning {
  border-right: 1px solid #546e7a;
  border-left: 1px solid #546e7a;
}
.vertical-calendar .daypart.confirmed, .vertical-calendar .daypart.required.confirmed {
  background-color: #89D621;
}
.vertical-calendar .daypart.invited {
  background-color: #fe9b35;
}
.vertical-calendar .daypart.inactive {
  background-color: #c4dce8;
}
.vertical-calendar .daypart.closed, .vertical-calendar .daypart.confirmed.closed {
  background-color: #54a400;
  font-style: italic;
}
.vertical-calendar .daypart.assigned {
  background-color: #89D621;
}
.vertical-calendar .daypart.cancelled {
  background-color: #c4dce8;
  color: #819ca9;
}
.vertical-calendar .daypart.failed {
  background-color: #ff6051;
}
.vertical-calendar .unfilled,
.vertical-calendar .empty {
  font-style: italic;
  color: #ccc;
  text-align: left;
}
.vertical-calendar td.day-container.two-assignments .date {
  line-height: 3em;
}
.vertical-calendar td.day-container.two-assignments .day {
  background-color: #fff;
}
.vertical-calendar td.day-container.two-assignments .daypart.morning {
  align-self: flex-start;
  border-bottom: 1px solid #546e7a;
}
.vertical-calendar td.day-container.two-assignments .daypart.afternoon {
  align-self: flex-end;
  border-left: 1px solid #546e7a;
  border-top: 1px solid #546e7a;
}

td.spacer {
  padding: 0 0 12px;
}
td.spacer div.spacer {
  background: #fff3e7;
  position: absolute;
  left: 18px;
  right: 18px;
  height: 12px;
  box-shadow: inset 0 0 3px 1px rgba(255, 204, 102, 0.5);
}
td.spacer div.spacer:before, td.spacer div.spacer:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff3e7;
  height: 12px;
  width: 4px;
}
td.spacer div.spacer:after {
  right: 0;
}

table.assignments-overview thead th {
  vertical-align: bottom;
}
table.assignments-overview thead .weekhours,
table.assignments-overview thead .balance-before,
table.assignments-overview thead .balance-after,
table.assignments-overview thead .payout,
table.assignments-overview thead .correction {
  background-color: #eee;
}
table.assignments-overview thead .balance-after {
  background-color: #ddd;
}
table.assignments-overview tbody td {
  vertical-align: middle;
}
table.assignments-overview .name .icon-warning, table.assignments-overview .name .journal-message.status-medreq-failed .message-type-icon, .journal-message.status-medreq-failed table.assignments-overview .name .message-type-icon,
table.assignments-overview .name .status-message.status-medreq-failed .message-type-icon,
.status-message.status-medreq-failed table.assignments-overview .name .message-type-icon, table.assignments-overview .name .page-help.page-help-warning, table.assignments-overview .name .Toastify__toast-container .Toastify__toast--error, .Toastify__toast-container table.assignments-overview .name .Toastify__toast--error {
  float: right;
  line-height: 32px;
  font-size: 24px;
  color: #ff6051;
}
table.assignments-overview .contract {
  display: block;
  font-size: 12px;
}
table.assignments-overview .contract em {
  font-weight: bold;
  font-style: normal;
  color: #ff6051;
}
table.assignments-overview .changed-hours {
  font-size: 10px;
  font-weight: bold;
  color: #ff6051;
}
table.assignments-overview .weekhours {
  text-align: center;
  width: 2em;
  background-color: #f8f8f8;
}
table.assignments-overview .weekhours em {
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  height: 28px;
  width: 28px;
  line-height: 28px;
  border-radius: 28px;
  border: 1px solid transparent;
}
table.assignments-overview .weekhours.over-hours em {
  color: #fe9b35;
}
table.assignments-overview .weekhours.under-hours {
  color: #ff6051;
  background-color: #ffe4d0;
}
table.assignments-overview .weekhours .on-leave {
  font-size: 10px;
  font-style: italic;
}
table.assignments-overview .balance-before {
  text-align: right;
  border-right: 1px solid #ddd;
  background-color: #f8f8f8;
}
table.assignments-overview .payout {
  border-left: 1px solid #ddd;
  background-color: #f8f8f8;
  width: 2em;
  text-align: center;
}
table.assignments-overview .correction {
  background-color: #f8f8f8;
  text-align: center;
}
table.assignments-overview .correction.correction-warning {
  color: #c52a27;
  font-weight: bold;
  background-color: #ffc5ad;
}
table.assignments-overview .balance-after {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #f3f3f3;
  text-align: right;
}
table.assignments-overview .balance-after em {
  font-style: normal;
  text-align: left;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border-radius: 15px;
  border: 1px solid transparent;
}
table.assignments-overview .balance-after.balance-warning {
  color: #c52a27;
  font-weight: bold;
  background-color: #ffc5ad;
}
table.assignments-overview .balance-after.balance-positive {
  color: #fe9b35;
  font-weight: bold;
}
table.assignments-overview .conclusion {
  white-space: nowrap;
}
table.assignments-overview .conclusion,
table.assignments-overview .view-details,
table.assignments-overview .conclusion-hours {
  text-align: right;
}
table.assignments-overview .secondment,
table.assignments-overview .declarable,
table.assignments-overview .absence {
  text-align: center;
}
table.assignments-overview .conclusion-hours {
  width: 2em;
}

table.proposed-assignments .actions {
  text-align: right;
}
table.proposed-assignments div.actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
table.proposed-assignments .dates {
  white-space: nowrap;
}

.contact-incentive {
  font-size: 1.5em;
  text-align: center;
  padding: 0.5em 0.5em 1em;
}
.contact-incentive .button, .contact-incentive .submit-row a.closelink, .submit-row .contact-incentive a.closelink, .contact-incentive .submit-row a.deletelink, .submit-row .contact-incentive a.deletelink, .contact-incentive .object-tools a:link, .object-tools .contact-incentive a:link,
.contact-incentive .object-tools a:visited,
.object-tools .contact-incentive a:visited {
  font-size: 1em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 0.5em;
}
.contact-incentive .button.whatsapp .whatsapp-logo, .contact-incentive .submit-row a.whatsapp.closelink .whatsapp-logo, .submit-row .contact-incentive a.whatsapp.closelink .whatsapp-logo, .contact-incentive .submit-row a.whatsapp.deletelink .whatsapp-logo, .submit-row .contact-incentive a.whatsapp.deletelink .whatsapp-logo, .contact-incentive .object-tools a.whatsapp:link .whatsapp-logo, .object-tools .contact-incentive a.whatsapp:link .whatsapp-logo,
.contact-incentive .object-tools a.whatsapp:visited .whatsapp-logo,
.object-tools .contact-incentive a.whatsapp:visited .whatsapp-logo {
  margin: -5px 3px 0 0;
}
.contact-incentive .button.default, .contact-incentive .submit-row a.default.closelink, .submit-row .contact-incentive a.default.closelink, .contact-incentive .submit-row a.default.deletelink, .submit-row .contact-incentive a.default.deletelink, .contact-incentive .object-tools a.default:link, .object-tools .contact-incentive a.default:link,
.contact-incentive .object-tools a.default:visited,
.object-tools .contact-incentive a.default:visited {
  float: none;
}

.substitute-contracts tbody th,
.substitute-contracts tbody td {
  vertical-align: middle;
}
.substitute-contracts .warning {
  font-weight: bold;
  font-style: normal;
  color: #ff6051;
  background-color: #ffe4d0;
}
.substitute-contracts .action.interrupted {
  padding-left: 40px;
}
.substitute-contracts .interruption {
  background-color: #ffe4d0;
}
.substitute-contracts .interruption .schoolboard {
  background-color: white;
}
.substitute-contracts .icon-prohibited, .substitute-contracts .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed + label, .module.status-change-form .custom-week-schedule-inline .substitute-contracts input[type=checkbox].status-failed + label, .substitute-contracts .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-failed[type=submit] + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form .substitute-contracts input[type=checkbox].status-failed[type=submit] + label, .substitute-contracts #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed[type=submit] + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline .substitute-contracts input[type=checkbox].status-failed[type=submit] + label, .substitute-contracts .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed:disabled + label:hover, .module.status-change-form .custom-week-schedule-inline .substitute-contracts input[type=checkbox].status-failed:disabled + label:hover, .substitute-contracts .icon-pref-match_ignored, .substitute-contracts table.replacement-context .custom-icon-absence, table.replacement-context .substitute-contracts .custom-icon-absence, .substitute-contracts .vertical-calendar .daypart.failed, .vertical-calendar .substitute-contracts .daypart.failed {
  font-size: 32px;
  float: left;
  margin-left: -36px;
}
.substitute-contracts .details {
  text-align: right;
}

.Toastify__toast-container {
  position: absolute;
  left: 0;
  right: 0;
}
.Toastify__toast-container .Toastify__toast {
  background-color: #546e7a;
  color: white;
  border: 1px solid white;
  border-radius: 6px;
  padding: 6px 40px 6px 12px;
  position: relative;
  min-height: 20px;
  margin-bottom: 12px;
  z-index: 1000;
  width: 30em;
  margin: 1em auto 0;
}
.Toastify__toast-container .Toastify__toast--error {
  background-color: #ff6051;
  padding-left: 40px;
}
.Toastify__toast-container .Toastify__toast--error:before {
  position: absolute;
  left: 6px;
  top: 4px;
  font-size: 24px;
}
.Toastify__toast-container .Toastify__close-button {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  font-size: 1.2em;
  padding: 0;
  width: 32px;
  height: 32px;
}

table.pooler-registration tbody th,
table.pooler-registration tbody td {
  vertical-align: middle;
}
table.pooler-registration .day-container {
  width: auto;
}
table.pooler-registration .day-container .date {
  flex: 1;
}
table.pooler-registration input.hours, table.pooler-registration #changelist #toolbar form input.hours[type=submit], #changelist #toolbar form table.pooler-registration input.hours[type=submit] {
  width: 4em;
  text-align: right;
}
table.pooler-registration tr.disabled input.disabled, table.pooler-registration tr.disabled #changelist #toolbar form input.disabled[type=submit], #changelist #toolbar form table.pooler-registration tr.disabled input.disabled[type=submit],
table.pooler-registration tr.disabled select.disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
  background-color: transparent;
  color: inherit;
}

table.temporary-interruptions-explanation,
#changelist table.temporary-interruptions-explanation {
  width: auto !important;
  margin: 2em auto;
  border: 1px solid #eee;
}
table.temporary-interruptions-explanation caption,
#changelist table.temporary-interruptions-explanation caption {
  text-align: center !important;
}
table.temporary-interruptions-explanation thead th,
table.temporary-interruptions-explanation thead td,
#changelist table.temporary-interruptions-explanation thead th,
#changelist table.temporary-interruptions-explanation thead td {
  text-align: center;
  border-right: 1px solid #eee;
}
table.temporary-interruptions-explanation tfoot td,
#changelist table.temporary-interruptions-explanation tfoot td {
  text-align: center;
  font-weight: normal;
  font-size: inherit;
}
table.temporary-interruptions-explanation tfoot th,
table.temporary-interruptions-explanation tfoot td,
#changelist table.temporary-interruptions-explanation tfoot th,
#changelist table.temporary-interruptions-explanation tfoot td {
  border-top: none;
  font-style: italic;
  border-right: 1px solid #eee;
}
table.temporary-interruptions-explanation tfoot tr:first-child th,
table.temporary-interruptions-explanation tfoot tr:first-child td,
#changelist table.temporary-interruptions-explanation tfoot tr:first-child th,
#changelist table.temporary-interruptions-explanation tfoot tr:first-child td {
  border-top: 1px solid #666;
}
table.temporary-interruptions-explanation tfoot .note,
#changelist table.temporary-interruptions-explanation tfoot .note {
  font-size: 11px;
}
table.temporary-interruptions-explanation tbody td,
#changelist table.temporary-interruptions-explanation tbody td {
  text-align: center;
  vertical-align: middle;
}
table.temporary-interruptions-explanation tbody th,
table.temporary-interruptions-explanation tbody td,
#changelist table.temporary-interruptions-explanation tbody th,
#changelist table.temporary-interruptions-explanation tbody td {
  border-right: 1px solid #eee;
}
table.temporary-interruptions-explanation tbody th.separate,
table.temporary-interruptions-explanation tbody td.separate,
#changelist table.temporary-interruptions-explanation tbody th.separate,
#changelist table.temporary-interruptions-explanation tbody td.separate {
  border-bottom-color: #666;
}
table.temporary-interruptions-explanation tbody tr:last-child th,
table.temporary-interruptions-explanation tbody tr:last-child td,
#changelist table.temporary-interruptions-explanation tbody tr:last-child th,
#changelist table.temporary-interruptions-explanation tbody tr:last-child td {
  border-bottom: none;
}

table.availability_absences {
  width: 100%;
}

.availability_absences .absence-add-form label {
  display: none;
}

.action-row {
  padding: 6px;
}
@media (max-width: 767px) {
  .action-row {
    text-align: center;
  }
}

.pagination-nav {
  border: 1px solid #819ca9;
  border-radius: 6px;
  display: inline-flex;
  overflow: hidden;
  align-items: flex-start;
}
.pagination-nav .button, .pagination-nav .submit-row a.closelink, .submit-row .pagination-nav a.closelink, .pagination-nav .submit-row a.deletelink, .submit-row .pagination-nav a.deletelink, .pagination-nav .object-tools a:link, .object-tools .pagination-nav a:link,
.pagination-nav .object-tools a:visited,
.object-tools .pagination-nav a:visited {
  background-color: transparent;
  color: inherit;
  border-radius: 0;
  padding: 3px 6px;
  min-width: 20px;
  text-align: center;
}
.pagination-nav .button.active, .pagination-nav .submit-row a.active.closelink, .submit-row .pagination-nav a.active.closelink, .pagination-nav .submit-row a.active.deletelink, .submit-row .pagination-nav a.active.deletelink, .pagination-nav .object-tools a.active:link, .object-tools .pagination-nav a.active:link,
.pagination-nav .object-tools a.active:visited,
.object-tools .pagination-nav a.active:visited {
  background-color: #c4dce8;
  font-weight: bold;
}
.pagination-nav .goto-first {
  position: relative;
  margin-right: 1em;
}
.pagination-nav .goto-first:after {
  content: "…";
  display: inline-block;
  position: absolute;
  left: 100%;
  width: 1em;
  text-align: center;
}
.pagination-nav .goto-last {
  position: relative;
  margin-left: 1em;
}
.pagination-nav .goto-last:before {
  content: "…";
  display: inline-block;
  position: absolute;
  right: 100%;
  width: 1em;
  text-align: center;
}

.page-header .pagination-nav {
  margin-right: 24px;
}
.page-header .pagination-nav .button, .page-header .pagination-nav .submit-row a.closelink, .submit-row .page-header .pagination-nav a.closelink, .page-header .pagination-nav .submit-row a.deletelink, .submit-row .page-header .pagination-nav a.deletelink, .page-header .pagination-nav .object-tools a:link, .object-tools .page-header .pagination-nav a:link,
.page-header .pagination-nav .object-tools a:visited,
.object-tools .page-header .pagination-nav a:visited {
  border: none;
  color: white;
}
.page-header .pagination-nav .button.active, .page-header .pagination-nav .submit-row a.active.closelink, .submit-row .page-header .pagination-nav a.active.closelink, .page-header .pagination-nav .submit-row a.active.deletelink, .submit-row .page-header .pagination-nav a.active.deletelink, .page-header .pagination-nav .object-tools a.active:link, .object-tools .page-header .pagination-nav a.active:link,
.page-header .pagination-nav .object-tools a.active:visited,
.object-tools .page-header .pagination-nav a.active:visited {
  background-color: #546e7a;
  color: white;
}

.matches-pagination .pagination-nav {
  background-color: white;
}
.matches-pagination .pagination-nav .button, .matches-pagination .pagination-nav .submit-row a.closelink, .submit-row .matches-pagination .pagination-nav a.closelink, .matches-pagination .pagination-nav .submit-row a.deletelink, .submit-row .matches-pagination .pagination-nav a.deletelink, .matches-pagination .pagination-nav .object-tools a:link, .object-tools .matches-pagination .pagination-nav a:link,
.matches-pagination .pagination-nav .object-tools a:visited,
.object-tools .matches-pagination .pagination-nav a:visited {
  border: none;
}

body.app-timesheets #result_list .nowrap {
  white-space: normal;
}

#changelist-form .results {
  overflow-x: auto;
}

#result_list .icon.icon-warning.has-warning, #result_list .journal-message.status-medreq-failed .icon.has-warning.message-type-icon, .journal-message.status-medreq-failed #result_list .icon.has-warning.message-type-icon,
#result_list .status-message.status-medreq-failed .icon.has-warning.message-type-icon,
.status-message.status-medreq-failed #result_list .icon.has-warning.message-type-icon, #result_list .icon.has-warning.page-help.page-help-warning, #result_list .Toastify__toast-container .icon.has-warning.Toastify__toast--error, .Toastify__toast-container #result_list .icon.has-warning.Toastify__toast--error {
  color: #ff6051;
  font-size: 24px;
}

body.pooler-registration-page.change-form #content-main,
body.pooler-timesheet-overview-page.change-form #content-main,
body.planning-overview-page.change-form #content-main {
  min-height: calc(100vh - 250px);
}
body.pooler-registration-page.change-form #changelist .this-week-context,
body.pooler-timesheet-overview-page.change-form #changelist .this-week-context,
body.planning-overview-page.change-form #changelist .this-week-context {
  padding: 24px;
}
body.pooler-registration-page.change-form #changelist .this-week-context table,
body.pooler-timesheet-overview-page.change-form #changelist .this-week-context table,
body.planning-overview-page.change-form #changelist .this-week-context table {
  width: auto;
  margin: 0 auto;
  border: 1px solid #eee;
}

table.replacement-context [class*=custom-icon-],
table.workweek-settings [class*=custom-icon-] {
  vertical-align: middle;
  font-size: 24px;
}
table.replacement-context .column-type,
table.workweek-settings .column-type {
  width: 5em;
}
table.replacement-context .column-label,
table.workweek-settings .column-label {
  width: 8em;
}
table.replacement-context .desc-warning,
table.workweek-settings .desc-warning {
  color: #c52a27;
  font-weight: bold;
}

table.replacement-context .custom-icon-contract:before {
  color: #546e7a;
}
table.replacement-context .custom-icon-absence:before {
  color: #ff937e;
}
table.replacement-context .custom-icon-holiday:before {
  color: #54a400;
}
table.replacement-context .custom-icon-correction:before {
  color: #c52a27;
}

table.workweek-settings .custom-icon-clock:before {
  color: #fe9b35;
}
table.workweek-settings .custom-icon-correction:before {
  color: #c52a27;
}
table.workweek-settings input#hours_required, table.workweek-settings #changelist #toolbar form input#hours_required[type=submit], #changelist #toolbar form table.workweek-settings input#hours_required[type=submit],
table.workweek-settings input#hours_correction,
table.workweek-settings #changelist #toolbar form input#hours_correction[type=submit],
#changelist #toolbar form table.workweek-settings input#hours_correction[type=submit] {
  width: 4em;
  text-align: right;
}

.pooler-registration table select,
.school-planning table select {
  width: 100%;
  min-width: 12em;
}
.pooler-registration table input.hours, .pooler-registration table #changelist #toolbar form input.hours[type=submit], #changelist #toolbar form .pooler-registration table input.hours[type=submit],
.school-planning table input.hours,
.school-planning table #changelist #toolbar form input.hours[type=submit],
#changelist #toolbar form .school-planning table input.hours[type=submit] {
  width: 3em;
}
.pooler-registration table .application,
.school-planning table .application {
  white-space: nowrap;
}
.pooler-registration table .application input[type=text], .pooler-registration table .application #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form .pooler-registration table .application input[type=text][type=submit],
.school-planning table .application input[type=text],
.school-planning table .application #changelist #toolbar form input[type=text][type=submit],
#changelist #toolbar form .school-planning table .application input[type=text][type=submit] {
  width: 5em;
}
.pooler-registration table [class*=action-],
.school-planning table [class*=action-] {
  text-align: center;
}
.pooler-registration table .daypart-morning td,
.pooler-registration table .daypart-morning th,
.school-planning table .daypart-morning td,
.school-planning table .daypart-morning th {
  border-bottom: none;
  padding-bottom: 0;
  border-top: 1px solid #ddd;
}
.pooler-registration table .daypart-afternoon td,
.pooler-registration table .daypart-afternoon th,
.school-planning table .daypart-afternoon td,
.school-planning table .daypart-afternoon th {
  border-bottom: none;
}

.pooler-registration table tbody td.activity, .pooler-registration table tbody td.hours, .pooler-registration table tbody td.application, .pooler-registration table tbody td.absence-reason, .pooler-registration table tbody td.school-location, .pooler-registration table tbody td.board,
.pooler-registration table tbody th.activity,
.pooler-registration table tbody th.hours,
.pooler-registration table tbody th.application,
.pooler-registration table tbody th.absence-reason,
.pooler-registration table tbody th.school-location,
.pooler-registration table tbody th.board {
  vertical-align: top;
}
.pooler-registration table .vertical-date {
  margin-bottom: 8px;
}

.school-planning table .same-application td,
.school-planning table .same-application th {
  border-bottom: none;
}
.school-planning table .day .date {
  vertical-align: top;
  border-bottom: 1px solid #aaa;
}
.school-planning table .day .date {
  width: 4em;
}
.school-planning table .day .daypart-status {
  width: 8em;
}
.school-planning table .day .application-id {
  width: 5em;
}
.school-planning table .day .daypart {
  width: 5em;
}
.school-planning table tbody.day tr:last-child th,
.school-planning table tbody.day tr:last-child td {
  border-bottom: 1px solid #aaa;
}
.school-planning table .empty {
  font-style: italic;
}

p.empty {
  font-style: italic;
  text-align: center;
}

.module-header .planning-actions {
  display: flex;
  padding: 6px;
}

.module-header .module-actions {
  display: flex;
  padding: 6px;
  gap: 6px;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.module-header .module-actions .filter-form label {
  display: none;
}

table.pooler-timesheet-overview th.secondment, table.pooler-timesheet-overview th.substitution, table.pooler-timesheet-overview th.declarable, table.pooler-timesheet-overview th.payout, table.pooler-timesheet-overview th.weeknumber,
table.pooler-timesheet-overview td.secondment,
table.pooler-timesheet-overview td.substitution,
table.pooler-timesheet-overview td.declarable,
table.pooler-timesheet-overview td.payout,
table.pooler-timesheet-overview td.weeknumber {
  text-align: center;
}
table.pooler-timesheet-overview th.hours, table.pooler-timesheet-overview th.date, table.pooler-timesheet-overview th.dow,
table.pooler-timesheet-overview td.hours,
table.pooler-timesheet-overview td.date,
table.pooler-timesheet-overview td.dow {
  text-align: right;
}
table.pooler-timesheet-overview th.hours,
table.pooler-timesheet-overview td.hours {
  font-weight: bold;
}
table.pooler-timesheet-overview th.date,
table.pooler-timesheet-overview td.date {
  white-space: nowrap;
}
table.pooler-timesheet-overview tr.has-warning {
  background-color: rgba(255, 197, 173, 0.25);
}
table.pooler-timesheet-overview tr.has-warning th,
table.pooler-timesheet-overview tr.has-warning td {
  border-bottom-color: #ffc5ad;
}
table.pooler-timesheet-overview tr.has-warning th.status,
table.pooler-timesheet-overview tr.has-warning td.status {
  padding: 2px 2px 2px 8px;
}
table.pooler-timesheet-overview tr.has-warning th.date,
table.pooler-timesheet-overview tr.has-warning td.date {
  color: #c52a27;
  font-weight: bold;
}
table.pooler-timesheet-overview tr.has-warning th .icon-warning, table.pooler-timesheet-overview tr.has-warning th .journal-message.status-medreq-failed .message-type-icon, .journal-message.status-medreq-failed table.pooler-timesheet-overview tr.has-warning th .message-type-icon,
table.pooler-timesheet-overview tr.has-warning th .status-message.status-medreq-failed .message-type-icon,
.status-message.status-medreq-failed table.pooler-timesheet-overview tr.has-warning th .message-type-icon, table.pooler-timesheet-overview tr.has-warning th .page-help.page-help-warning, table.pooler-timesheet-overview tr.has-warning th .Toastify__toast-container .Toastify__toast--error, .Toastify__toast-container table.pooler-timesheet-overview tr.has-warning th .Toastify__toast--error,
table.pooler-timesheet-overview tr.has-warning td .icon-warning,
table.pooler-timesheet-overview tr.has-warning td .journal-message.status-medreq-failed .message-type-icon,
.journal-message.status-medreq-failed table.pooler-timesheet-overview tr.has-warning td .message-type-icon,
table.pooler-timesheet-overview tr.has-warning td .status-message.status-medreq-failed .message-type-icon,
.status-message.status-medreq-failed table.pooler-timesheet-overview tr.has-warning td .message-type-icon,
table.pooler-timesheet-overview tr.has-warning td .page-help.page-help-warning,
table.pooler-timesheet-overview tr.has-warning td .Toastify__toast-container .Toastify__toast--error,
.Toastify__toast-container table.pooler-timesheet-overview tr.has-warning td .Toastify__toast--error {
  color: #c52a27;
  font-size: 24px;
}
table.pooler-timesheet-overview tr.has-warning th a:link,
table.pooler-timesheet-overview tr.has-warning th a:visited,
table.pooler-timesheet-overview tr.has-warning td a:link,
table.pooler-timesheet-overview tr.has-warning td a:visited {
  color: #c66c00;
}
table.pooler-timesheet-overview tr.has-warning th a:focus,
table.pooler-timesheet-overview tr.has-warning th a:hover,
table.pooler-timesheet-overview tr.has-warning th a:active,
table.pooler-timesheet-overview tr.has-warning td a:focus,
table.pooler-timesheet-overview tr.has-warning td a:hover,
table.pooler-timesheet-overview tr.has-warning td a:active {
  color: #54a400;
}
table.pooler-timesheet-overview.zebra tbody tr.has-warning:nth-child(2n+1) {
  background-color: rgba(255, 197, 173, 0.5);
}

.vertical-date {
  border: 1px solid #546e7a;
  border-radius: 6px;
}
.vertical-date .dow,
.vertical-date .day,
.vertical-date .month,
.vertical-date .year {
  display: block;
  text-align: center;
}
.vertical-date .dow {
  font-size: 0.8em;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 0 3px;
  background-color: #546e7a;
  color: white;
}
.vertical-date .day {
  font-size: 1.8em;
  line-height: 1.2;
}
.vertical-date .month {
  text-transform: uppercase;
}
.vertical-date .uglyday {
  text-align: center;
  display: block;
  padding: 18px 0;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.overlay .page-help {
  border: 2px solid rgba(255, 204, 102, 0.5);
}

.page-help {
  max-width: 50em;
  margin: 12px auto !important;
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-style: italic;
  text-align: center;
  background-color: #fff3e7;
  border-radius: 6px;
  position: relative;
}
.page-help:before {
  color: #c66c00;
  font-size: 24px;
  margin: 0 !important;
}
.page-help h1 {
  margin: 0;
}
.page-help.small-padding {
  padding: 6px;
}
.page-help.page-help-warning {
  background-color: #ffc5ad;
  color: #c52a27;
  transition: all 0.2s linear;
}
.page-help.page-help-warning:before {
  color: #ff6051;
  background-color: white;
  border-radius: 2em;
  padding: 4px;
  border: 4px solid #ff6051;
  line-height: 20px;
  height: 24px;
  width: 24px;
  transition: all 0.2s linear;
  transition: line-height 0s;
}
.page-help.neutral {
  background-color: #c4dce8;
}
.page-help.neutral:before {
  color: #546e7a;
}
.page-help .spacer {
  flex: 1;
}

.workweek-warning input.reviewed, .workweek-warning #changelist #toolbar form input.reviewed[type=submit], #changelist #toolbar form .workweek-warning input.reviewed[type=submit] {
  position: absolute;
  visibility: hidden;
}
.workweek-warning .page-help.page-help-warning label {
  margin-right: 3px;
}
.workweek-warning .page-help.page-help-warning label:before {
  font-size: 1.5em;
  opacity: 0.5;
  margin: -4px 3px 0 -3px;
  display: inline-block;
  vertical-align: middle;
}
.workweek-warning .page-help.page-help-warning label .checked {
  display: none;
}
.workweek-warning input.reviewed:checked + .page-help.page-help-warning, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning {
  background-color: #89D621;
  color: white;
}
.workweek-warning input.reviewed:checked + .page-help.page-help-warning .checked, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning .checked, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning .checked {
  display: inline;
}
.workweek-warning input.reviewed:checked + .page-help.page-help-warning .unchecked, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning .unchecked, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning .unchecked {
  display: none;
}
.workweek-warning input.reviewed:checked + .page-help.page-help-warning label, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning label, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning label {
  color: white;
  border-color: white;
}
.workweek-warning input.reviewed:checked + .page-help.page-help-warning:before, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning:before, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning:before {
  color: #89D621;
  border-color: #89D621;
  line-height: 24px;
}

body.model-workweekwarning.change-list table#result_list th.column-timesheets_link,
body.model-workweekwarning.change-list table#result_list td.field-timesheets_link {
  text-align: right !important;
}

body.model-replacementmatch.change-list table#result_list .column-available_days_display,
body.model-replacementmatch.change-list table#result_list .field-available_days_display,
body.model-replacementmatch.change-list table#result_list .column-match_count,
body.model-replacementmatch.change-list table#result_list .field-match_count,
body.model-replacementmatch.change-list table#result_list .column-process_from,
body.model-replacementmatch.change-list table#result_list .field-process_from,
body.model-replacementmatch.change-list table#result_list .column-end_date,
body.model-replacementmatch.change-list table#result_list .field-end_date,
body.model-replacementmatch.change-list table#result_list .column-travel_time_display,
body.model-replacementmatch.change-list table#result_list .field-travel_time_display {
  text-align: right;
}
body.model-replacementmatch.change-list table#result_list .field-travel_time_display div {
  white-space: nowrap;
}

.form-help {
  margin: 12px;
  padding: 12px 12px 12px calc(16em - 12px);
  background-color: #fff3e7;
  border-radius: 6px;
}
.form-help h1 {
  margin: 0;
}
.form-help .title {
  float: left;
  margin-left: calc(-16em + 12px);
  width: calc(15em - 12px);
  padding-left: 12px;
  font-weight: bold;
}
.form-help .title:before {
  color: #c66c00;
  font-size: 24px;
  float: left;
}
.form-help p {
  margin: 0 0 12px !important;
  padding: 0 !important;
}
.form-help ol,
.form-help ul {
  margin: 0 0 12px;
  padding: 0 0 0 2em;
}
.form-field .form-help {
  margin: 0 0 6px;
  padding-left: 16em;
}

.page-submit-travel-expenses input#id_url, .page-submit-travel-expenses #changelist #toolbar form input#id_url[type=submit], #changelist #toolbar form .page-submit-travel-expenses input#id_url[type=submit],
.page-submit-travel-expenses input#id_remark,
.page-submit-travel-expenses #changelist #toolbar form input#id_remark[type=submit],
#changelist #toolbar form .page-submit-travel-expenses input#id_remark[type=submit] {
  width: 30em;
}
.page-submit-travel-expenses label .note {
  display: block;
  font-weight: normal;
  margin: 6px 0;
  font-style: italic;
}

table.travel-expenses {
  width: auto !important;
}
table.travel-expenses .date {
  width: 4em;
  text-align: center;
}
table.travel-expenses .select-checkbox {
  text-align: center;
  width: 1em;
}
table.travel-expenses .application {
  width: 6em;
  text-align: center;
}
table.travel-expenses .activity {
  width: 12em;
}

body.app-applications.change-list #result_list .column-process_from,
body.app-applications.change-list #result_list .column-partial_days_display,
body.app-applications.change-list #result_list .column-end_date,
body.app-applications.change-list #result_list .column-match_count,
body.app-applications.change-list #result_list .column-start_date,
body.app-applications.change-list #result_list .column-created,
body.app-applications.change-list #result_list .field-process_from,
body.app-applications.change-list #result_list .field-partial_days_display,
body.app-applications.change-list #result_list .field-end_date,
body.app-applications.change-list #result_list .field-match_count,
body.app-applications.change-list #result_list .field-start_date,
body.app-applications.change-list #result_list .field-created {
  text-align: right;
}
body.app-applications.change-list #result_list .partial-days .partial-days-total {
  width: 3em;
}
body.app-applications.change-list #result_list .column-required_job_title,
body.app-applications.change-list #result_list .field-required_job_title {
  text-align: center;
}

body.delete-confirmation #content-main {
  padding: 1em 1em 80px;
  box-sizing: border-box;
}
body.delete-confirmation form input[type=submit], body.delete-confirmation #changelist #toolbar form input[type=submit], #changelist #toolbar body.delete-confirmation form input[type=submit] {
  background-color: #ff6051;
}

#accounting-remarks {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 10px;
}
#accounting-remarks > div {
  display: flex;
  flex-wrap: wrap;
}
#accounting-remarks label {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  font-size: 11px;
  text-transform: uppercase;
  color: #666;
  margin: 0 0 3px;
  font-weight: bold;
}
#accounting-remarks textarea {
  height: 5.2em;
  flex: 1;
  margin: 0 6px 0 0;
}
#accounting-remarks input[type=submit], #accounting-remarks #changelist #toolbar form input[type=submit], #changelist #toolbar form #accounting-remarks input[type=submit] {
  flex: 0;
  height: 6.6em;
}

.distance-difference {
  font-weight: bold;
  color: #c52a27;
  background-color: #ffe4d0;
  display: inline-block;
  padding: 3px 12px;
  margin: -3px 0;
  border-radius: 6px;
}

span.phone {
  display: inline-block;
  font-weight: bold;
  color: #546e7a;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 13px;
}
span.phone .icon {
  color: #819ca9;
}

.availability-state-module th,
.availability-state-module td {
  white-space: nowrap;
}
.availability-state-module th.original,
.availability-state-module td.original {
  display: none;
}
.availability-state-module th.row-filler,
.availability-state-module td.row-filler {
  width: 100%;
}

.availability-state .days {
  display: flex;
}

.inline-availability-day {
  padding: 4px 0;
}
.inline-availability-day .day {
  display: block;
  text-align: center;
  border: 1px solid #819ca9;
  border-right: none;
}
.inline-availability-day.monday .day {
  border-radius: 0.25em 0 0 0.25em;
}
.inline-availability-day.friday .day {
  border-radius: 0 0.25em 0.25em 0;
  border-right: 1px solid #819ca9;
}
.inline-availability-day .name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
}
.inline-availability-day [class*=_morning],
.inline-availability-day [class*=_afternoon],
.inline-availability-day .morning,
.inline-availability-day .afternoon {
  border-color: white;
  text-transform: lowercase;
  position: relative;
  border: 2px solid transparent;
}
.inline-availability-day [class*=_morning]:before,
.inline-availability-day [class*=_afternoon]:before,
.inline-availability-day .morning:before,
.inline-availability-day .afternoon:before {
  vertical-align: middle;
  margin-right: 0 !important;
}
.inline-availability-day [class*=_morning],
.inline-availability-day .morning {
  border-bottom: none;
}
.inline-availability-day input[type=checkbox], .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}
.inline-availability-day input[type=checkbox] + label, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label {
  position: relative;
  cursor: pointer;
  transition: all 0.1s linear;
  border-color: white;
  text-transform: lowercase;
  border-radius: 0.15em;
  padding: 2px 6px 2px 4px;
  position: relative;
  display: block;
  background-color: #819ca9;
  color: white;
  text-align: left;
}
.inline-availability-day input[type=checkbox] + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label:before {
  vertical-align: middle;
}
.inline-availability-day input[type=checkbox]:checked + label, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:checked + label {
  background-color: #89D621;
  color: white;
}
.inline-availability-day input[type=checkbox]:disabled + label, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:disabled + label, .inline-availability-day input[type=checkbox].disabled + label, .inline-availability-day #changelist #toolbar form input[type=checkbox].disabled[type=submit] + label, #changelist #toolbar form .inline-availability-day input[type=checkbox].disabled[type=submit] + label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.inline-availability-day input[type=checkbox]:readonly + label, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:readonly + label, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:readonly + label {
  cursor: not-allowed;
  opacity: 0.5;
}
.inline-availability-day .partofday-available,
.inline-availability-day .partofday-unavailable {
  position: relative;
  transition: all 0.1s linear;
  border-color: white;
  text-transform: lowercase;
  border-radius: 0.15em;
  padding: 2px 6px 2px 4px;
  position: relative;
  display: block;
  background-color: #819ca9;
  color: white;
  text-align: left;
}
.inline-availability-day .partofday-available:before,
.inline-availability-day .partofday-unavailable:before {
  padding-right: 0.25em;
}
.inline-availability-day .partofday-available {
  background-color: #89D621;
  color: white;
}

fieldset.form-row-fieldset {
  padding: 12px;
  font-size: 13px;
  padding-left: calc(12px + 16em);
  overflow: hidden;
  max-width: calc(100vw - 24px);
  border-bottom: 1px solid #eee;
}
fieldset.form-row-fieldset h2 {
  float: left;
  font-size: 13px;
  margin-left: -16em;
  width: 15em;
  padding: 6px 1em 0 0;
  line-height: 1;
  background: none;
  font-weight: bold;
  color: #333;
}
fieldset.form-row-fieldset h2:first-child {
  background: none;
}
.module + fieldset.form-row-fieldset {
  margin-top: 0;
}

fieldset.week-availability-module .form-row {
  padding: 0;
  border: none;
  display: flex;
  float: left;
  flex-direction: column;
  text-align: center;
  border: 1px solid #819ca9;
  border-right: none;
}
fieldset.week-availability-module .form-row .flex-container {
  flex-direction: column;
  gap: 0;
}
fieldset.week-availability-module .form-row .form-field.fieldBox {
  width: auto;
  padding: 0;
  margin: 0;
  float: none;
}
fieldset.week-availability-module .form-row label {
  width: auto;
}
fieldset.week-availability-module .form-row[class*=monday] {
  border-radius: 0.25em 0 0 0.25em;
}
fieldset.week-availability-module .form-row[class*=friday] {
  border-radius: 0 0.25em 0.25em 0;
  border-right: 1px solid #819ca9;
}
fieldset.week-availability-module .form-row:before {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 16px;
  display: block;
}
fieldset.week-availability-module .form-row[class*=monday]:before {
  content: "Maandag";
}
fieldset.week-availability-module .form-row[class*=tuesday]:before {
  content: "Dinsdag";
}
fieldset.week-availability-module .form-row[class*=wednesday]:before {
  content: "Woensdag";
}
fieldset.week-availability-module .form-row[class*=thursday]:before {
  content: "Donderdag";
}
fieldset.week-availability-module .form-row[class*=friday]:before {
  content: "Vrijdag";
}
fieldset.week-availability-module .form-field[class*=_morning],
fieldset.week-availability-module .form-field[class*=_afternoon] {
  border-color: white;
  text-transform: lowercase;
  position: relative;
  border: 2px solid transparent;
}
fieldset.week-availability-module .form-field[class*=_morning]:before,
fieldset.week-availability-module .form-field[class*=_afternoon]:before {
  vertical-align: middle;
  margin-right: 0 !important;
}
fieldset.week-availability-module .form-field[class*=_morning] {
  border-bottom: none;
}
fieldset.week-availability-module .form-field.checkbox-row {
  align-items: stretch;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox], fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox] + label, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label {
  position: relative;
  cursor: pointer;
  transition: all 0.1s linear;
  border-color: white;
  text-transform: lowercase;
  border-radius: 0.15em;
  padding: 2px 6px 2px 4px;
  margin: 0;
  position: relative;
  display: block;
  background-color: #819ca9;
  color: white;
  text-align: left;
  float: none;
  user-select: none;
  flex: 1;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox] + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label:before {
  vertical-align: middle;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox]:checked + label, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:checked + label {
  background-color: #89D621;
  color: white;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox]:disabled + label, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:disabled + label, fieldset.week-availability-module .checkbox-row input[type=checkbox].disabled + label, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox].disabled[type=submit] + label, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox].disabled[type=submit] + label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
fieldset.week-availability-module .checkbox-row input[type=checkbox]:readonly + label, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:readonly + label, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:readonly + label {
  cursor: not-allowed;
  opacity: 0.5;
}

body.planning-overview-page #result_list td.column-day, body.planning-overview-page #result_list td.field-day,
body.planning-overview-page #result_list th.column-day,
body.planning-overview-page #result_list th.field-day {
  width: 3.4545em;
  text-align: center;
  border-right: 1px solid #eee;
  font-size: 11px;
  padding: 0;
  position: relative;
}
body.planning-overview-page #result_list td.column-day a:link, body.planning-overview-page #result_list td.column-day .submit-row a.deletelink:link, .submit-row body.planning-overview-page #result_list td.column-day a.deletelink:link, body.planning-overview-page #result_list td.column-day .object-tools a:link, .object-tools body.planning-overview-page #result_list td.column-day a:link,
body.planning-overview-page #result_list td.column-day a:visited,
body.planning-overview-page #result_list td.column-day .submit-row a.deletelink:visited,
.submit-row body.planning-overview-page #result_list td.column-day a.deletelink:visited,
body.planning-overview-page #result_list td.column-day .object-tools a:visited,
.object-tools body.planning-overview-page #result_list td.column-day a:visited, body.planning-overview-page #result_list td.field-day a:link, body.planning-overview-page #result_list td.field-day .submit-row a.deletelink:link, .submit-row body.planning-overview-page #result_list td.field-day a.deletelink:link, body.planning-overview-page #result_list td.field-day .object-tools a:link, .object-tools body.planning-overview-page #result_list td.field-day a:link,
body.planning-overview-page #result_list td.field-day a:visited,
body.planning-overview-page #result_list td.field-day .submit-row a.deletelink:visited,
.submit-row body.planning-overview-page #result_list td.field-day a.deletelink:visited,
body.planning-overview-page #result_list td.field-day .object-tools a:visited,
.object-tools body.planning-overview-page #result_list td.field-day a:visited,
body.planning-overview-page #result_list th.column-day a:link,
body.planning-overview-page #result_list th.column-day .submit-row a.deletelink:link,
.submit-row body.planning-overview-page #result_list th.column-day a.deletelink:link,
body.planning-overview-page #result_list th.column-day .object-tools a:link,
.object-tools body.planning-overview-page #result_list th.column-day a:link,
body.planning-overview-page #result_list th.column-day a:visited,
body.planning-overview-page #result_list th.column-day .submit-row a.deletelink:visited,
.submit-row body.planning-overview-page #result_list th.column-day a.deletelink:visited,
body.planning-overview-page #result_list th.column-day .object-tools a:visited,
.object-tools body.planning-overview-page #result_list th.column-day a:visited,
body.planning-overview-page #result_list th.field-day a:link,
body.planning-overview-page #result_list th.field-day .submit-row a.deletelink:link,
.submit-row body.planning-overview-page #result_list th.field-day a.deletelink:link,
body.planning-overview-page #result_list th.field-day .object-tools a:link,
.object-tools body.planning-overview-page #result_list th.field-day a:link,
body.planning-overview-page #result_list th.field-day a:visited,
body.planning-overview-page #result_list th.field-day .submit-row a.deletelink:visited,
.submit-row body.planning-overview-page #result_list th.field-day a.deletelink:visited,
body.planning-overview-page #result_list th.field-day .object-tools a:visited,
.object-tools body.planning-overview-page #result_list th.field-day a:visited {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 3em;
}
body.planning-overview-page #result_list td.column-day a:hover, body.planning-overview-page #result_list td.column-day .submit-row a.deletelink:hover, .submit-row body.planning-overview-page #result_list td.column-day a.deletelink:hover, body.planning-overview-page #result_list td.column-day .object-tools a:hover:link, .object-tools body.planning-overview-page #result_list td.column-day a:hover:link,
body.planning-overview-page #result_list td.column-day .object-tools a:hover:visited,
.object-tools body.planning-overview-page #result_list td.column-day a:hover:visited,
body.planning-overview-page #result_list td.column-day a:focus,
body.planning-overview-page #result_list td.column-day .submit-row a.deletelink:focus,
.submit-row body.planning-overview-page #result_list td.column-day a.deletelink:focus,
body.planning-overview-page #result_list td.column-day .object-tools a:focus:link,
.object-tools body.planning-overview-page #result_list td.column-day a:focus:link,
body.planning-overview-page #result_list td.column-day .object-tools a:focus:visited,
.object-tools body.planning-overview-page #result_list td.column-day a:focus:visited, body.planning-overview-page #result_list td.field-day a:hover, body.planning-overview-page #result_list td.field-day .submit-row a.deletelink:hover, .submit-row body.planning-overview-page #result_list td.field-day a.deletelink:hover, body.planning-overview-page #result_list td.field-day .object-tools a:hover:link, .object-tools body.planning-overview-page #result_list td.field-day a:hover:link,
body.planning-overview-page #result_list td.field-day .object-tools a:hover:visited,
.object-tools body.planning-overview-page #result_list td.field-day a:hover:visited,
body.planning-overview-page #result_list td.field-day a:focus,
body.planning-overview-page #result_list td.field-day .submit-row a.deletelink:focus,
.submit-row body.planning-overview-page #result_list td.field-day a.deletelink:focus,
body.planning-overview-page #result_list td.field-day .object-tools a:focus:link,
.object-tools body.planning-overview-page #result_list td.field-day a:focus:link,
body.planning-overview-page #result_list td.field-day .object-tools a:focus:visited,
.object-tools body.planning-overview-page #result_list td.field-day a:focus:visited,
body.planning-overview-page #result_list th.column-day a:hover,
body.planning-overview-page #result_list th.column-day .submit-row a.deletelink:hover,
.submit-row body.planning-overview-page #result_list th.column-day a.deletelink:hover,
body.planning-overview-page #result_list th.column-day .object-tools a:hover:link,
.object-tools body.planning-overview-page #result_list th.column-day a:hover:link,
body.planning-overview-page #result_list th.column-day .object-tools a:hover:visited,
.object-tools body.planning-overview-page #result_list th.column-day a:hover:visited,
body.planning-overview-page #result_list th.column-day a:focus,
body.planning-overview-page #result_list th.column-day .submit-row a.deletelink:focus,
.submit-row body.planning-overview-page #result_list th.column-day a.deletelink:focus,
body.planning-overview-page #result_list th.column-day .object-tools a:focus:link,
.object-tools body.planning-overview-page #result_list th.column-day a:focus:link,
body.planning-overview-page #result_list th.column-day .object-tools a:focus:visited,
.object-tools body.planning-overview-page #result_list th.column-day a:focus:visited,
body.planning-overview-page #result_list th.field-day a:hover,
body.planning-overview-page #result_list th.field-day .submit-row a.deletelink:hover,
.submit-row body.planning-overview-page #result_list th.field-day a.deletelink:hover,
body.planning-overview-page #result_list th.field-day .object-tools a:hover:link,
.object-tools body.planning-overview-page #result_list th.field-day a:hover:link,
body.planning-overview-page #result_list th.field-day .object-tools a:hover:visited,
.object-tools body.planning-overview-page #result_list th.field-day a:hover:visited,
body.planning-overview-page #result_list th.field-day a:focus,
body.planning-overview-page #result_list th.field-day .submit-row a.deletelink:focus,
.submit-row body.planning-overview-page #result_list th.field-day a.deletelink:focus,
body.planning-overview-page #result_list th.field-day .object-tools a:focus:link,
.object-tools body.planning-overview-page #result_list th.field-day a:focus:link,
body.planning-overview-page #result_list th.field-day .object-tools a:focus:visited,
.object-tools body.planning-overview-page #result_list th.field-day a:focus:visited {
  background-color: #89D621;
  color: white !important;
}
body.planning-overview-page #result_list td abbr,
body.planning-overview-page #result_list th abbr {
  display: block;
  overflow: hidden;
  width: 36px;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid tranparent;
}
body.planning-overview-page #result_list td .day-details-popover,
body.planning-overview-page #result_list th .day-details-popover {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: -3px;
  height: 0;
  white-space: nowrap;
  line-height: 1.4;
  box-sizing: border-box;
  border-radius: 3px;
  border: 0 solid white;
  z-index: 10;
  color: white;
  opacity: 0;
  transition: opacity 0.1s linear;
  pointer-events: none;
  padding: 3px;
}
body.planning-overview-page #result_list td .day-details-popover .application,
body.planning-overview-page #result_list td .day-details-popover .info,
body.planning-overview-page #result_list td .day-details-popover .status-icon,
body.planning-overview-page #result_list td .day-details-popover .location,
body.planning-overview-page #result_list th .day-details-popover .application,
body.planning-overview-page #result_list th .day-details-popover .info,
body.planning-overview-page #result_list th .day-details-popover .status-icon,
body.planning-overview-page #result_list th .day-details-popover .location {
  padding: 3px 6px;
  display: block;
}
body.planning-overview-page #result_list td .day-details-popover .application,
body.planning-overview-page #result_list td .day-details-popover .status-icon,
body.planning-overview-page #result_list th .day-details-popover .application,
body.planning-overview-page #result_list th .day-details-popover .status-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: black;
  border-radius: 3px 0 0 3px;
  font-weight: bold;
}
body.planning-overview-page #result_list td .day-details-popover .status-icon,
body.planning-overview-page #result_list th .day-details-popover .status-icon {
  border-radius: 3px;
}
body.planning-overview-page #result_list td .day-details-popover .location,
body.planning-overview-page #result_list td .day-details-popover .info,
body.planning-overview-page #result_list th .day-details-popover .location,
body.planning-overview-page #result_list th .day-details-popover .info {
  text-transform: capitalize;
}
body.planning-overview-page #result_list td:hover .day-details-popover, body.planning-overview-page #result_list td:focus .day-details-popover,
body.planning-overview-page #result_list th:hover .day-details-popover,
body.planning-overview-page #result_list th:focus .day-details-popover {
  border-width: 1px;
  height: auto;
  opacity: 1;
  transition: all 0.3s linear;
}
body.planning-overview-page #result_list td .appid,
body.planning-overview-page #result_list th .appid {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 4px;
  left: 15px;
  width: 8px;
  border-radius: 4px;
  overflow: hidden;
}
body.planning-overview-page #result_list td .appid [class*=appid-],
body.planning-overview-page #result_list th .appid [class*=appid-] {
  height: 4px;
  width: 4px;
}
body.planning-overview-page #result_list td .appid [class*=appid-]:nth-child(6n+1), body.planning-overview-page #result_list td .appid [class*=appid-]:nth-child(6n+2),
body.planning-overview-page #result_list th .appid [class*=appid-]:nth-child(6n+1),
body.planning-overview-page #result_list th .appid [class*=appid-]:nth-child(6n+2) {
  display: none;
}
body.planning-overview-page #result_list td .appid .appid-0,
body.planning-overview-page #result_list th .appid .appid-0 {
  background-color: rgba(255, 255, 255, 0);
}
body.planning-overview-page #result_list td .appid .appid-1,
body.planning-overview-page #result_list th .appid .appid-1 {
  background-color: rgba(255, 255, 255, 0.1);
}
body.planning-overview-page #result_list td .appid .appid-2,
body.planning-overview-page #result_list th .appid .appid-2 {
  background-color: rgba(255, 255, 255, 0.2);
}
body.planning-overview-page #result_list td .appid .appid-3,
body.planning-overview-page #result_list th .appid .appid-3 {
  background-color: rgba(255, 255, 255, 0.3);
}
body.planning-overview-page #result_list td .appid .appid-4,
body.planning-overview-page #result_list th .appid .appid-4 {
  background-color: rgba(255, 255, 255, 0.4);
}
body.planning-overview-page #result_list td .appid .appid-5,
body.planning-overview-page #result_list th .appid .appid-5 {
  background-color: rgba(255, 255, 255, 0.5);
}
body.planning-overview-page #result_list td .appid .appid-6,
body.planning-overview-page #result_list th .appid .appid-6 {
  background-color: rgba(255, 255, 255, 0.6);
}
body.planning-overview-page #result_list td .appid .appid-7,
body.planning-overview-page #result_list th .appid .appid-7 {
  background-color: rgba(255, 255, 255, 0.7);
}
body.planning-overview-page #result_list td .appid .appid-8,
body.planning-overview-page #result_list th .appid .appid-8 {
  background-color: rgba(255, 255, 255, 0.8);
}
body.planning-overview-page #result_list td .appid .appid-9,
body.planning-overview-page #result_list th .appid .appid-9 {
  background-color: rgba(255, 255, 255, 0.9);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-0,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-0,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-0,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-0 {
  background-color: rgba(0, 0, 0, 0);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-1,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-1,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-1,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-1 {
  background-color: rgba(0, 0, 0, 0.1);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-2,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-2,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-2,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-2 {
  background-color: rgba(0, 0, 0, 0.2);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-3,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-3,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-3,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-3 {
  background-color: rgba(0, 0, 0, 0.3);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-4,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-4,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-4,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-4 {
  background-color: rgba(0, 0, 0, 0.4);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-5,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-5,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-5,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-5 {
  background-color: rgba(0, 0, 0, 0.5);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-6,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-6,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-6,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-6 {
  background-color: rgba(0, 0, 0, 0.6);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-7,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-7,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-7,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-7 {
  background-color: rgba(0, 0, 0, 0.7);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-8,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-8,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-8,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-8 {
  background-color: rgba(0, 0, 0, 0.8);
}
body.planning-overview-page #result_list td [class*=dataviz-][class*="4"] .appid .appid-9,
body.planning-overview-page #result_list td [class*=dataviz-][class*="5"] .appid .appid-9,
body.planning-overview-page #result_list th [class*=dataviz-][class*="4"] .appid .appid-9,
body.planning-overview-page #result_list th [class*=dataviz-][class*="5"] .appid .appid-9 {
  background-color: rgba(0, 0, 0, 0.9);
}
body.planning-overview-page #result_list td.fri,
body.planning-overview-page #result_list th.fri {
  border-right: 6px solid #eee;
}
body.planning-overview-page #result_list td.new-week,
body.planning-overview-page #result_list th.new-week {
  border-left: 6px solid #eee;
}
body.planning-overview-page #result_list td.na abbr, body.planning-overview-page #result_list td.unavailable abbr,
body.planning-overview-page #result_list th.na abbr,
body.planning-overview-page #result_list th.unavailable abbr {
  line-height: 28px;
  border: 1px solid #c4dce8;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #c4dce8 3px, #c4dce8 4px);
}
body.planning-overview-page #result_list td.na abbr:hover, body.planning-overview-page #result_list td.na abbr:focus, body.planning-overview-page #result_list td.unavailable abbr:hover, body.planning-overview-page #result_list td.unavailable abbr:focus,
body.planning-overview-page #result_list th.na abbr:hover,
body.planning-overview-page #result_list th.na abbr:focus,
body.planning-overview-page #result_list th.unavailable abbr:hover,
body.planning-overview-page #result_list th.unavailable abbr:focus {
  border: 1px solid #546e7a;
}
body.planning-overview-page #result_list td.na abbr + .day-details-popover, body.planning-overview-page #result_list td.unavailable abbr + .day-details-popover,
body.planning-overview-page #result_list th.na abbr + .day-details-popover,
body.planning-overview-page #result_list th.unavailable abbr + .day-details-popover {
  background-color: #819ca9;
}
body.planning-overview-page #result_list td.na abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.unavailable abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.na abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.unavailable abbr + .day-details-popover .status-icon:before {
  font-family: "Roboto", Arial, sans-serif;
  color: #546e7a;
  margin-right: 0 !important;
  content: "-";
  font-weight: bold;
  font-size: 16px;
}
body.planning-overview-page #result_list td.na abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.unavailable abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.na abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.unavailable abbr + .day-details-popover .status-icon:before {
  font-size: 20px;
  line-height: 0.5;
  margin-top: 2px;
  display: block;
}
body.planning-overview-page #result_list td.absent abbr, body.planning-overview-page #result_list td.occupied abbr, body.planning-overview-page #result_list td.blocked abbr,
body.planning-overview-page #result_list th.absent abbr,
body.planning-overview-page #result_list th.occupied abbr,
body.planning-overview-page #result_list th.blocked abbr {
  border: 1px solid #ffc5ad;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #ffc5ad 3px, #ffc5ad 4px);
  line-height: 30px;
}
body.planning-overview-page #result_list td.absent abbr:hover, body.planning-overview-page #result_list td.absent abbr:focus, body.planning-overview-page #result_list td.occupied abbr:hover, body.planning-overview-page #result_list td.occupied abbr:focus, body.planning-overview-page #result_list td.blocked abbr:hover, body.planning-overview-page #result_list td.blocked abbr:focus,
body.planning-overview-page #result_list th.absent abbr:hover,
body.planning-overview-page #result_list th.absent abbr:focus,
body.planning-overview-page #result_list th.occupied abbr:hover,
body.planning-overview-page #result_list th.occupied abbr:focus,
body.planning-overview-page #result_list th.blocked abbr:hover,
body.planning-overview-page #result_list th.blocked abbr:focus {
  border: 1px solid #c52a27;
}
body.planning-overview-page #result_list td.absent abbr + .day-details-popover, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover {
  background-color: #ff6051;
}
body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon {
  font-size: 16px;
  line-height: 0.8;
}
body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before {
  color: #ff6051;
  margin-right: 0 !important;
  position: relative;
  top: 2px;
}
body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before {
  top: 0;
}
body.planning-overview-page #result_list td.available abbr:hover, body.planning-overview-page #result_list td.available abbr:focus,
body.planning-overview-page #result_list th.available abbr:hover,
body.planning-overview-page #result_list th.available abbr:focus {
  border: 1px solid #89D621;
  line-height: 30px;
}
body.planning-overview-page #result_list td.available abbr + .day-details-popover,
body.planning-overview-page #result_list th.available abbr + .day-details-popover {
  background-color: #89D621;
}
body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon {
  font-size: 16px;
  line-height: 0.8;
}
body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon:before {
  color: #89D621;
  margin-right: 0 !important;
}
body.planning-overview-page #result_list td.resolved abbr,
body.planning-overview-page #result_list th.resolved abbr {
  background-color: #eee !important;
  color: #54a400 !important;
}
body.planning-overview-page #result_list td.resolved abbr abbr,
body.planning-overview-page #result_list th.resolved abbr abbr {
  display: none;
}
body.planning-overview-page table .column-application_display,
body.planning-overview-page table .field-application_display,
body.planning-overview-page table .field-application,
body.planning-overview-page table .column-location,
body.planning-overview-page table .field-location {
  text-align: center;
}
body.planning-overview-page input[type=checkbox], body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}
body.planning-overview-page input[type=checkbox] + label, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label {
  position: relative;
  cursor: pointer;
  display: block;
  line-height: 32px;
  height: 32px;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #819ca9;
  transition: all 0.1s linear;
}
body.planning-overview-page input[type=checkbox] + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label:before {
  margin-right: 0 !important;
}
body.planning-overview-page input[type=checkbox]:checked + label, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:checked + label {
  color: #546e7a;
}
body.planning-overview-page input[type=checkbox]:disabled + label, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:disabled + label {
  cursor: not-allowed;
  color: #e6e6e6;
}
body.planning-overview-page input[type=checkbox].na:disabled + label, body.planning-overview-page #changelist #toolbar form input[type=checkbox].na[type=submit]:disabled + label, #changelist #toolbar form body.planning-overview-page input[type=checkbox].na[type=submit]:disabled + label {
  cursor: pointer;
  visibility: hidden;
}
body.planning-overview-page input[type=checkbox]:disabled:checked + label, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:disabled:checked + label, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:disabled:checked + label {
  color: #54a400;
  background-color: #beff5b;
}

td.field-colour_icon,
th.field-colour_icon {
  padding: 0;
}

.colour-icon,
.colour-tag {
  display: inline-block;
  text-align: center;
  min-width: 3em;
  padding: 6px 0;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  color: #666;
}
.colour-icon abbr,
.colour-icon span,
.colour-tag abbr,
.colour-tag span {
  display: block;
  overflow: hidden;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
}
.colour-icon.wide-padding,
.colour-tag.wide-padding {
  padding: 6px;
}
.colour-icon.medium, .colour-icon .medium,
.colour-tag.medium,
.colour-tag .medium {
  min-width: 5.25em;
}
.colour-icon.wide, .colour-icon .wide,
.colour-tag.wide,
.colour-tag .wide {
  min-width: 6em;
}
.colour-icon.xwide, .colour-icon .xwide,
.colour-tag.xwide,
.colour-tag .xwide {
  min-width: 8em;
}
.colour-icon.stretch,
.colour-tag.stretch {
  width: auto;
  display: flex !important;
}
.colour-icon.stretch > *,
.colour-tag.stretch > * {
  flex: 1 1 auto;
  padding: 6px;
}
.colour-icon.small, .colour-icon .small,
.colour-tag.small,
.colour-tag .small {
  padding: 3px 6px;
  line-height: 1;
}
.colour-icon .white-50,
.colour-tag .white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.colour-icon.with-group, .colour-icon.grouped,
.colour-tag.with-group,
.colour-tag.grouped {
  display: inline-flex;
  padding: 0 !important;
  position: relative;
}
.colour-icon.with-group > *, .colour-icon.grouped > *,
.colour-tag.with-group > *,
.colour-tag.grouped > * {
  padding: 6px 3px;
  border-color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colour-icon.with-group.vertical, .colour-icon.grouped.vertical,
.colour-tag.with-group.vertical,
.colour-tag.grouped.vertical {
  flex-direction: column;
  height: auto;
}
.colour-icon.with-group.vertical .group-tag:first-child, .colour-icon.with-group.vertical .tag:first-child, .colour-icon.grouped.vertical .group-tag:first-child, .colour-icon.grouped.vertical .tag:first-child,
.colour-tag.with-group.vertical .group-tag:first-child,
.colour-tag.with-group.vertical .tag:first-child,
.colour-tag.grouped.vertical .group-tag:first-child,
.colour-tag.grouped.vertical .tag:first-child {
  border-radius: 4px 4px 0 0;
  border-right: none;
}
.colour-icon.with-group.vertical .group-tag + .tag, .colour-icon.with-group.vertical .tag:last-child, .colour-icon.grouped.vertical .group-tag + .tag, .colour-icon.grouped.vertical .tag:last-child,
.colour-tag.with-group.vertical .group-tag + .tag,
.colour-tag.with-group.vertical .tag:last-child,
.colour-tag.grouped.vertical .group-tag + .tag,
.colour-tag.grouped.vertical .tag:last-child {
  border-radius: 0 0 4px 4px;
}
.colour-icon.with-group.small > *, .colour-icon.grouped.small > *,
.colour-tag.with-group.small > *,
.colour-tag.grouped.small > * {
  padding: 3px 6px;
}
.colour-icon.with-group.wide-padding > *, .colour-icon.grouped.wide-padding > *,
.colour-tag.with-group.wide-padding > *,
.colour-tag.grouped.wide-padding > * {
  padding: 6px;
}
.colour-icon.with-group.small.wide-padding > *, .colour-icon.grouped.small.wide-padding > *,
.colour-tag.with-group.small.wide-padding > *,
.colour-tag.grouped.small.wide-padding > * {
  padding: 3px 9px;
}
.colour-icon.with-group .group-tag:first-child, .colour-icon.with-group .tag:first-child, .colour-icon.grouped .group-tag:first-child, .colour-icon.grouped .tag:first-child,
.colour-tag.with-group .group-tag:first-child,
.colour-tag.with-group .tag:first-child,
.colour-tag.grouped .group-tag:first-child,
.colour-tag.grouped .tag:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid white;
}
.colour-icon.with-group .group-tag + .tag, .colour-icon.with-group .tag:last-child, .colour-icon.grouped .group-tag + .tag, .colour-icon.grouped .tag:last-child,
.colour-tag.with-group .group-tag + .tag,
.colour-tag.with-group .tag:last-child,
.colour-tag.grouped .group-tag + .tag,
.colour-tag.grouped .tag:last-child {
  border-radius: 0 4px 4px 0;
}
.colour-icon.with-group .tag:first-child:last-child, .colour-icon.with-group .group-tag:first-child:last-child, .colour-icon.grouped .tag:first-child:last-child, .colour-icon.grouped .group-tag:first-child:last-child,
.colour-tag.with-group .tag:first-child:last-child,
.colour-tag.with-group .group-tag:first-child:last-child,
.colour-tag.grouped .tag:first-child:last-child,
.colour-tag.grouped .group-tag:first-child:last-child {
  border-right: none;
}
.colour-icon.with-group.wide-padding > *, .colour-icon.grouped.wide-padding > *,
.colour-tag.with-group.wide-padding > *,
.colour-tag.grouped.wide-padding > * {
  padding: 4px 5px;
}
.colour-icon.with-group .group-colour, .colour-icon.grouped .group-colour,
.colour-tag.with-group .group-colour,
.colour-tag.grouped .group-colour {
  display: block;
  width: 5em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 6px 0;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid white;
}
.colour-icon.with-group.wide, .colour-icon.grouped.wide,
.colour-tag.with-group.wide,
.colour-tag.grouped.wide {
  min-width: 11em;
}
.colour-icon.with-group.xwide, .colour-icon.grouped.xwide,
.colour-tag.with-group.xwide,
.colour-tag.grouped.xwide {
  min-width: 13em;
}
.colour-icon.with-group.disabled, .colour-icon.grouped.disabled,
.colour-tag.with-group.disabled,
.colour-tag.grouped.disabled {
  opacity: 0.5;
}
.colour-icon.with-group.disabled .icon, .colour-icon.grouped.disabled .icon,
.colour-tag.with-group.disabled .icon,
.colour-tag.grouped.disabled .icon {
  position: absolute;
  color: black;
  font-size: 2em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
}
.colour-icon.with-group.draft, .colour-icon.grouped.draft,
.colour-tag.with-group.draft,
.colour-tag.grouped.draft {
  opacity: 0.3;
}
.colour-icon.with-group.vertical, .colour-icon.grouped.vertical,
.colour-tag.with-group.vertical,
.colour-tag.grouped.vertical {
  flex-direction: column;
  height: auto;
}
.colour-icon.with-group.vertical .group-tag, .colour-icon.with-group.vertical .tag:first-child, .colour-icon.grouped.vertical .group-tag, .colour-icon.grouped.vertical .tag:first-child,
.colour-tag.with-group.vertical .group-tag,
.colour-tag.with-group.vertical .tag:first-child,
.colour-tag.grouped.vertical .group-tag,
.colour-tag.grouped.vertical .tag:first-child {
  border-radius: 4px 4px 0 0;
  margin-right: 0;
}
.colour-icon.with-group.vertical .group-tag + .tag, .colour-icon.with-group.vertical .tag:last-child, .colour-icon.grouped.vertical .group-tag + .tag, .colour-icon.grouped.vertical .tag:last-child,
.colour-tag.with-group.vertical .group-tag + .tag,
.colour-tag.with-group.vertical .tag:last-child,
.colour-tag.grouped.vertical .group-tag + .tag,
.colour-tag.grouped.vertical .tag:last-child {
  border-radius: 0 0 4px 4px;
}
.colour-icon.with-group.with-border, .colour-icon.with-group[class*=dataviz_b-], .colour-icon.grouped.with-border, .colour-icon.grouped[class*=dataviz_b-],
.colour-tag.with-group.with-border,
.colour-tag.with-group[class*=dataviz_b-],
.colour-tag.grouped.with-border,
.colour-tag.grouped[class*=dataviz_b-] {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}
.colour-icon.with-group.with-border > *, .colour-icon.with-group[class*=dataviz_b-] > *, .colour-icon.grouped.with-border > *, .colour-icon.grouped[class*=dataviz_b-] > *,
.colour-tag.with-group.with-border > *,
.colour-tag.with-group[class*=dataviz_b-] > *,
.colour-tag.grouped.with-border > *,
.colour-tag.grouped[class*=dataviz_b-] > * {
  padding: 4px 3px;
  border-color: inherit;
  border-radius: 2px;
}
.colour-icon.with-group.with-border.wide-padding > *, .colour-icon.with-group[class*=dataviz_b-].wide-padding > *, .colour-icon.grouped.with-border.wide-padding > *, .colour-icon.grouped[class*=dataviz_b-].wide-padding > *,
.colour-tag.with-group.with-border.wide-padding > *,
.colour-tag.with-group[class*=dataviz_b-].wide-padding > *,
.colour-tag.grouped.with-border.wide-padding > *,
.colour-tag.grouped[class*=dataviz_b-].wide-padding > * {
  padding: 4px 6px;
}
.colour-icon.with-group.with-border.vertical.wide-padding > *, .colour-icon.with-group[class*=dataviz_b-].vertical.wide-padding > *, .colour-icon.grouped.with-border.vertical.wide-padding > *, .colour-icon.grouped[class*=dataviz_b-].vertical.wide-padding > *,
.colour-tag.with-group.with-border.vertical.wide-padding > *,
.colour-tag.with-group[class*=dataviz_b-].vertical.wide-padding > *,
.colour-tag.grouped.with-border.vertical.wide-padding > *,
.colour-tag.grouped[class*=dataviz_b-].vertical.wide-padding > * {
  padding: 3px 12px;
}
.colour-icon.with-group.with-border.small, .colour-icon.with-group[class*=dataviz_b-].small, .colour-icon.grouped.with-border.small, .colour-icon.grouped[class*=dataviz_b-].small,
.colour-tag.with-group.with-border.small,
.colour-tag.with-group[class*=dataviz_b-].small,
.colour-tag.grouped.with-border.small,
.colour-tag.grouped[class*=dataviz_b-].small {
  border-width: 1px;
}
.colour-icon.with-group.with-border.small > *, .colour-icon.with-group[class*=dataviz_b-].small > *, .colour-icon.grouped.with-border.small > *, .colour-icon.grouped[class*=dataviz_b-].small > *,
.colour-tag.with-group.with-border.small > *,
.colour-tag.with-group[class*=dataviz_b-].small > *,
.colour-tag.grouped.with-border.small > *,
.colour-tag.grouped[class*=dataviz_b-].small > * {
  padding: 6px 9px;
}
.colour-icon.with-group.with-border .group-tag, .colour-icon.with-group.with-border .tag:first-child, .colour-icon.with-group[class*=dataviz_b-] .group-tag, .colour-icon.with-group[class*=dataviz_b-] .tag:first-child, .colour-icon.grouped.with-border .group-tag, .colour-icon.grouped.with-border .tag:first-child, .colour-icon.grouped[class*=dataviz_b-] .group-tag, .colour-icon.grouped[class*=dataviz_b-] .tag:first-child,
.colour-tag.with-group.with-border .group-tag,
.colour-tag.with-group.with-border .tag:first-child,
.colour-tag.with-group[class*=dataviz_b-] .group-tag,
.colour-tag.with-group[class*=dataviz_b-] .tag:first-child,
.colour-tag.grouped.with-border .group-tag,
.colour-tag.grouped.with-border .tag:first-child,
.colour-tag.grouped[class*=dataviz_b-] .group-tag,
.colour-tag.grouped[class*=dataviz_b-] .tag:first-child {
  border-radius: 2px 0 0 2px;
}
.colour-icon.with-group.with-border.small .group-tag, .colour-icon.with-group.with-border.small .tag:first-child, .colour-icon.with-group[class*=dataviz_b-].small .group-tag, .colour-icon.with-group[class*=dataviz_b-].small .tag:first-child, .colour-icon.grouped.with-border.small .group-tag, .colour-icon.grouped.with-border.small .tag:first-child, .colour-icon.grouped[class*=dataviz_b-].small .group-tag, .colour-icon.grouped[class*=dataviz_b-].small .tag:first-child,
.colour-tag.with-group.with-border.small .group-tag,
.colour-tag.with-group.with-border.small .tag:first-child,
.colour-tag.with-group[class*=dataviz_b-].small .group-tag,
.colour-tag.with-group[class*=dataviz_b-].small .tag:first-child,
.colour-tag.grouped.with-border.small .group-tag,
.colour-tag.grouped.with-border.small .tag:first-child,
.colour-tag.grouped[class*=dataviz_b-].small .group-tag,
.colour-tag.grouped[class*=dataviz_b-].small .tag:first-child {
  border-radius: 3px 0 0 3px;
}
.colour-icon.with-group.with-border .group-tag + .tag, .colour-icon.with-group.with-border .tag:last-child, .colour-icon.with-group[class*=dataviz_b-] .group-tag + .tag, .colour-icon.with-group[class*=dataviz_b-] .tag:last-child, .colour-icon.grouped.with-border .group-tag + .tag, .colour-icon.grouped.with-border .tag:last-child, .colour-icon.grouped[class*=dataviz_b-] .group-tag + .tag, .colour-icon.grouped[class*=dataviz_b-] .tag:last-child,
.colour-tag.with-group.with-border .group-tag + .tag,
.colour-tag.with-group.with-border .tag:last-child,
.colour-tag.with-group[class*=dataviz_b-] .group-tag + .tag,
.colour-tag.with-group[class*=dataviz_b-] .tag:last-child,
.colour-tag.grouped.with-border .group-tag + .tag,
.colour-tag.grouped.with-border .tag:last-child,
.colour-tag.grouped[class*=dataviz_b-] .group-tag + .tag,
.colour-tag.grouped[class*=dataviz_b-] .tag:last-child {
  border-radius: 0 2px 2px 0;
}
.colour-icon.with-group.with-border.small .group-tag + .tag, .colour-icon.with-group.with-border.small .tag:last-child, .colour-icon.with-group[class*=dataviz_b-].small .group-tag + .tag, .colour-icon.with-group[class*=dataviz_b-].small .tag:last-child, .colour-icon.grouped.with-border.small .group-tag + .tag, .colour-icon.grouped.with-border.small .tag:last-child, .colour-icon.grouped[class*=dataviz_b-].small .group-tag + .tag, .colour-icon.grouped[class*=dataviz_b-].small .tag:last-child,
.colour-tag.with-group.with-border.small .group-tag + .tag,
.colour-tag.with-group.with-border.small .tag:last-child,
.colour-tag.with-group[class*=dataviz_b-].small .group-tag + .tag,
.colour-tag.with-group[class*=dataviz_b-].small .tag:last-child,
.colour-tag.grouped.with-border.small .group-tag + .tag,
.colour-tag.grouped.with-border.small .tag:last-child,
.colour-tag.grouped[class*=dataviz_b-].small .group-tag + .tag,
.colour-tag.grouped[class*=dataviz_b-].small .tag:last-child {
  border-radius: 0 3px 3px 0;
}
.colour-icon.with-group.with-border.vertical .group-tag:first-child, .colour-icon.with-group.with-border.vertical .tag:first-child, .colour-icon.with-group[class*=dataviz_b-].vertical .group-tag:first-child, .colour-icon.with-group[class*=dataviz_b-].vertical .tag:first-child, .colour-icon.grouped.with-border.vertical .group-tag:first-child, .colour-icon.grouped.with-border.vertical .tag:first-child, .colour-icon.grouped[class*=dataviz_b-].vertical .group-tag:first-child, .colour-icon.grouped[class*=dataviz_b-].vertical .tag:first-child,
.colour-tag.with-group.with-border.vertical .group-tag:first-child,
.colour-tag.with-group.with-border.vertical .tag:first-child,
.colour-tag.with-group[class*=dataviz_b-].vertical .group-tag:first-child,
.colour-tag.with-group[class*=dataviz_b-].vertical .tag:first-child,
.colour-tag.grouped.with-border.vertical .group-tag:first-child,
.colour-tag.grouped.with-border.vertical .tag:first-child,
.colour-tag.grouped[class*=dataviz_b-].vertical .group-tag:first-child,
.colour-tag.grouped[class*=dataviz_b-].vertical .tag:first-child {
  border-radius: 2px 2px 0 0;
  border-right: none;
}
.colour-icon.with-group.with-border.vertical .group-tag + .tag, .colour-icon.with-group.with-border.vertical .tag:last-child, .colour-icon.with-group[class*=dataviz_b-].vertical .group-tag + .tag, .colour-icon.with-group[class*=dataviz_b-].vertical .tag:last-child, .colour-icon.grouped.with-border.vertical .group-tag + .tag, .colour-icon.grouped.with-border.vertical .tag:last-child, .colour-icon.grouped[class*=dataviz_b-].vertical .group-tag + .tag, .colour-icon.grouped[class*=dataviz_b-].vertical .tag:last-child,
.colour-tag.with-group.with-border.vertical .group-tag + .tag,
.colour-tag.with-group.with-border.vertical .tag:last-child,
.colour-tag.with-group[class*=dataviz_b-].vertical .group-tag + .tag,
.colour-tag.with-group[class*=dataviz_b-].vertical .tag:last-child,
.colour-tag.grouped.with-border.vertical .group-tag + .tag,
.colour-tag.grouped.with-border.vertical .tag:last-child,
.colour-tag.grouped[class*=dataviz_b-].vertical .group-tag + .tag,
.colour-tag.grouped[class*=dataviz_b-].vertical .tag:last-child {
  border-radius: 0 0 2px 2px;
}
.colour-icon.with-group.with-border.vertical.wide-padding > *, .colour-icon.with-group[class*=dataviz_b-].vertical.wide-padding > *, .colour-icon.grouped.with-border.vertical.wide-padding > *, .colour-icon.grouped[class*=dataviz_b-].vertical.wide-padding > *,
.colour-tag.with-group.with-border.vertical.wide-padding > *,
.colour-tag.with-group[class*=dataviz_b-].vertical.wide-padding > *,
.colour-tag.grouped.with-border.vertical.wide-padding > *,
.colour-tag.grouped[class*=dataviz_b-].vertical.wide-padding > * {
  padding: 0 5px;
}

a.colour-icon, .submit-row a.colour-icon.deletelink, .object-tools a.colour-icon:link,
.object-tools a.colour-icon:visited,
a.colour-tag,
.submit-row a.colour-tag.deletelink,
.object-tools a.colour-tag:link,
.object-tools a.colour-tag:visited,
.colour-icon a,
.colour-icon .submit-row a.deletelink,
.submit-row .colour-icon a.deletelink,
.colour-icon .object-tools a:link,
.object-tools .colour-icon a:link,
.colour-icon .object-tools a:visited,
.object-tools .colour-icon a:visited,
.colour-tag a,
.colour-tag .submit-row a.deletelink,
.submit-row .colour-tag a.deletelink,
.colour-tag .object-tools a:link,
.object-tools .colour-tag a:link,
.colour-tag .object-tools a:visited,
.object-tools .colour-tag a:visited {
  color: #666;
}
a.colour-icon:hover, a.colour-icon:focus,
a.colour-tag:hover,
a.colour-tag:focus,
.colour-icon a:hover,
.colour-icon a:focus,
.colour-tag a:hover,
.colour-tag a:focus {
  background-color: #89D621 !important;
  color: white !important;
}

.select2-results__option [class*=dataviz-] {
  padding: 2px 4px;
  border-radius: 4px;
  margin: -4px -2px;
}

.select2-selection__rendered [class*=dataviz-] {
  padding: 0 6px;
  border-radius: 3px;
  margin-left: -8px;
  margin-right: -20px;
  line-height: 26px;
  border: 2px solid white;
}

select.select2-colour + .select2 {
  min-width: 16.5em;
  max-width: 100%;
}
select.select2-colour + .select2 .select2-selection--single {
  height: 32px;
}
select.select2-colour + .select2 .select2-selection__arrow b {
  border-top-color: white !important;
  border-bottom-color: white !important;
}

.number-label,
.enrollment-hours {
  display: inline-flex;
  background-color: #ddd;
  border-radius: 0.75em;
  overflow: hidden;
  width: 4em;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #ddd;
}
.number-label > span,
.enrollment-hours > span {
  width: 2em;
  text-align: center;
  padding: 0.2em 0.3em 0.1em;
}
.number-label .single,
.number-label .minmax,
.enrollment-hours .single,
.enrollment-hours .minmax {
  flex-grow: 1;
}
.number-label .max,
.enrollment-hours .max {
  background-color: #f6f6f6;
  color: rgba(0, 0, 0, 0.5);
}

.number-label {
  width: 3em;
  margin: 0 0.3em;
  background-color: #eee;
  border-color: #eee;
  color: #aaa;
}
.number-label.active {
  color: #29434e;
  background-color: #c4dce8;
  border-color: #c4dce8;
}
.number-label.warning {
  color: #c52a27;
  background-color: #ffc5ad;
  border-color: #ffc5ad;
}

.hours-details-popover {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: -3px;
  height: 0;
  white-space: nowrap;
  line-height: 1.4;
  box-sizing: border-box;
  border-radius: 3px;
  border: 0 solid white;
  z-index: 10;
  color: #333;
  opacity: 0;
  transition: opacity 0.1s linear;
  pointer-events: none;
  padding: 3px;
  background-color: #ddd;
  text-align: right;
}

.enrollment-hours-container {
  position: relative;
  display: inline-block;
}
.enrollment-hours-container:hover .hours-details-popover, .enrollment-hours-container:focus .hours-details-popover {
  border-width: 1px;
  height: auto;
  opacity: 1;
  transition: all 0.3s linear;
}

table .column-enrollmenthours,
table .field-enrollmenthours,
table .column-school-numclasses,
table .field-school-numclasses,
table .column-school-total,
table .field-school-total,
table .column-employee-hours,
table .field-employee-hours,
table .column-employee-total,
table .field-employee-total {
  text-align: center;
}

table .field-enrollmenthours,
table .field-school-numclasses,
table .field-school-total,
table .field-employee-hours,
table .field-employee-total {
  padding-top: 0;
  padding-bottom: 0;
}

table#result_list.enrollment-planning {
  width: auto;
}

.replacement_absent {
  text-decoration: line-through;
}

.document_list .document-type .icon {
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px;
}
.document_list .status-icon .icon {
  font-size: 24px;
}
.document_list .status-ok {
  color: #54a400;
}
.document_list .status-notok {
  color: #c52a27;
}

.object-tools-top .object-tools {
  justify-content: flex-start;
  margin: 0;
  padding: 12px;
}

.mediation-prefs {
  display: flex;
  gap: 1px;
}
.mediation-prefs .mediation-pref {
  background: rgb(104, 151, 179);
  display: flex;
  align-items: stretch;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  position: relative;
}
.mediation-prefs .mediation-pref:first-child {
  border-radius: 6px 0 0 6px;
}
.mediation-prefs .mediation-pref:last-child {
  border-radius: 0 6px 6px 0;
}
.mediation-prefs .mediation-pref.info {
  background-color: rgb(104, 151, 179);
}
.mediation-prefs .mediation-pref.warning {
  background-color: rgb(255, 155, 53);
}
.mediation-prefs .mediation-pref.success {
  background-color: rgb(104, 151, 179);
}
.mediation-prefs .mediation-pref.error {
  background-color: rgb(249, 90, 78);
}
.mediation-prefs .mediation-pref.disabled {
  background-color: rgba(104, 151, 179, 0.5);
}
.mediation-prefs .mediation-pref.unknown {
  background-color: rgba(104, 151, 179, 0.2);
}
.mediation-prefs .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: white;
}
.mediation-prefs .text {
  line-height: 1;
  padding: 3px 6px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.mediation-prefs .explanation {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 3px;
  transform: translateX(-50%);
  background-color: #2166ac;
  color: white;
  z-index: 2;
  padding: 3px 6px;
  white-space: nowrap;
  border: 1px solid white;
  border-radius: 3px;
}
.mediation-prefs .explanation:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid #2166ac;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.mediation-prefs.right .explanation {
  left: auto;
  right: 0;
  transform: none;
}
.mediation-prefs.right .explanation:before {
  left: auto;
  right: 0;
}
.mediation-prefs.left .explanation {
  left: 0;
  transform: none;
}
.mediation-prefs.left .explanation:before {
  left: 14px;
}
.mediation-prefs .mediation-pref:hover .explanation,
.mediation-prefs .mediation-pref:active .explanation {
  display: block;
}

#content-main.has-grid {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  float: none;
}

.has-grid, .has-grid .row, .has-grid .col {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .has-grid, .has-grid .row {
    display: flex;
    flex-direction: column;
  }
}
.has-grid .row {
  grid-column: 1/span 2;
}
.has-grid .module {
  margin: 0;
  border-radius: 6px;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  background-color: white;
}
.has-grid .module h2:first-child {
  border-radius: 6px 6px 0 0;
}
.has-grid.cols-1-2, .has-grid.cols-1-2 > .row {
  grid-template-columns: 1fr 2fr;
}
.has-grid.cols-2-1, .has-grid.cols-2-1 > .row {
  grid-template-columns: 2fr 1fr;
}
.has-grid.cols-2-2, .has-grid.cols-2-2 > .row, .has-grid.cols-2, .has-grid.cols-2 > .row, .has-grid.cols-1-1, .has-grid.cols-1-1 > .row {
  grid-template-columns: 1fr 1fr;
}
.has-grid .span-2 {
  grid-column-end: span 2;
}

body.dashboard #content {
  width: auto;
}

ul.todo-list,
ul.module-actions-old {
  margin: 0;
  padding: 6px;
}
ul.todo-list li,
ul.module-actions-old li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
ul.todo-list li:last-child,
ul.module-actions-old li:last-child {
  border-bottom: none;
}
ul.todo-list a, ul.todo-list .submit-row a.deletelink, .submit-row ul.todo-list a.deletelink, ul.todo-list .object-tools a:link, .object-tools ul.todo-list a:link,
ul.todo-list .object-tools a:visited,
.object-tools ul.todo-list a:visited,
ul.module-actions-old a,
ul.module-actions-old .submit-row a.deletelink,
.submit-row ul.module-actions-old a.deletelink,
ul.module-actions-old .object-tools a:link,
.object-tools ul.module-actions-old a:link,
ul.module-actions-old .object-tools a:visited,
.object-tools ul.module-actions-old a:visited {
  display: flex;
  padding: 1em;
  color: inherit;
  flex-direction: row;
  align-items: center;
  transition: all 0.2s linear;
}
ul.todo-list a:link:hover, ul.todo-list a:link:focus,
ul.todo-list a:visited:hover,
ul.todo-list a:visited:focus,
ul.module-actions-old a:link:hover,
ul.module-actions-old a:link:focus,
ul.module-actions-old a:visited:hover,
ul.module-actions-old a:visited:focus {
  background-color: #f8f8f8;
}
ul.todo-list a.emphasized,
ul.module-actions-old a.emphasized {
  background-color: #c4dce8;
}
ul.todo-list a.emphasized:link:hover, ul.todo-list a.emphasized:link:focus, ul.todo-list a.emphasized:visited:hover, ul.todo-list a.emphasized:visited:focus,
ul.module-actions-old a.emphasized:link:hover,
ul.module-actions-old a.emphasized:link:focus,
ul.module-actions-old a.emphasized:visited:hover,
ul.module-actions-old a.emphasized:visited:focus {
  background-color: #819ca9;
}
ul.todo-list a.warning,
ul.module-actions-old a.warning {
  background-color: #ffc5ad;
  color: #c52a27;
}
ul.todo-list a.warning:link:hover, ul.todo-list a.warning:link:focus, ul.todo-list a.warning:visited:hover, ul.todo-list a.warning:visited:focus,
ul.module-actions-old a.warning:link:hover,
ul.module-actions-old a.warning:link:focus,
ul.module-actions-old a.warning:visited:hover,
ul.module-actions-old a.warning:visited:focus {
  background-color: #ff937e;
}
ul.todo-list a.done,
ul.module-actions-old a.done {
  opacity: 0.3;
}
ul.todo-list .todo-description,
ul.todo-list .action-description,
ul.module-actions-old .todo-description,
ul.module-actions-old .action-description {
  flex: 1;
}
ul.todo-list .todo-action,
ul.module-actions-old .todo-action {
  display: block;
  font-weight: bold;
}
ul.todo-list .icon,
ul.module-actions-old .icon {
  flex: 0;
  margin-right: 0.3em;
}
ul.todo-list .icon:before,
ul.module-actions-old .icon:before {
  margin: 0;
}
ul.todo-list .icon-pdf,
ul.module-actions-old .icon-pdf {
  color: #C40012;
}
ul.todo-list .icon-docx,
ul.module-actions-old .icon-docx {
  color: #1441A8;
}
ul.todo-list .icon-arrow-right,
ul.module-actions-old .icon-arrow-right {
  color: inherit;
}
ul.todo-list .todo-icon,
ul.todo-list .action-icon,
ul.module-actions-old .todo-icon,
ul.module-actions-old .action-icon {
  font-size: 2em;
}

ul.module-actions-old {
  padding: 6px 12px;
}
ul.module-actions-old a, ul.module-actions-old .submit-row a.deletelink, .submit-row ul.module-actions-old a.deletelink, ul.module-actions-old .object-tools a:link, .object-tools ul.module-actions-old a:link,
ul.module-actions-old .object-tools a:visited,
.object-tools ul.module-actions-old a:visited {
  border-radius: 6px;
}

body.grid-layout {
  display: grid;
  height: 100vh;
  overflow: hidden;
  grid-template-areas: "header" "pageheader" "content";
  grid-template-rows: min-content min-content auto;
}
body.grid-layout #header {
  grid-area: header;
  z-index: 9000;
}
body.grid-layout .page-header {
  grid-area: pageheader;
}
body.grid-layout #container {
  width: 100vw;
  grid-area: content;
  display: flex;
  height: 100%;
  overflow: hidden;
}
body.grid-layout #content {
  min-height: 0 !important;
  display: flex;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
body.grid-layout #content-main {
  min-height: 0 !important;
  padding-bottom: 0 !important;
  float: none;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  overflow: auto;
}
body.grid-layout #changelist {
  display: grid;
  grid-template-areas: "moduleheader" "results" "footer";
  grid-template-rows: min-content auto min-content;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
body.grid-layout .module .module-header {
  grid-area: "moduleheader";
}
body.grid-layout .results {
  display: grid;
  grid-template-areas: "content" "footer";
  grid-template-rows: min-content;
  width: 100%;
  height: 100%;
  overflow: auto;
}
body.grid-layout .results table#result_list {
  grid-area: content;
}
body.grid-layout .submit-row {
  grid-area: footer;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}
body.grid-layout .submit-row:before {
  display: none;
}
body.grid-layout .submit-row .button.default, body.grid-layout .submit-row a.default.closelink, body.grid-layout .submit-row a.default.deletelink, body.grid-layout .submit-row .object-tools a.default:link, .object-tools body.grid-layout .submit-row a.default:link,
body.grid-layout .submit-row .object-tools a.default:visited,
.object-tools body.grid-layout .submit-row a.default:visited,
body.grid-layout .submit-row input[type=submit].default,
body.grid-layout .submit-row #changelist #toolbar form input[type=submit].default,
#changelist #toolbar form body.grid-layout .submit-row input[type=submit].default,
body.grid-layout .submit-row input[type=button].default,
body.grid-layout .submit-row #changelist #toolbar form input[type=button].default[type=submit],
#changelist #toolbar form body.grid-layout .submit-row input[type=button].default[type=submit],
body.grid-layout .submit-row .submit-row input.default,
body.grid-layout .submit-row .submit-row #changelist #toolbar form input.default[type=submit],
#changelist #toolbar form body.grid-layout .submit-row .submit-row input.default[type=submit],
body.grid-layout .submit-row a.button.default,
body.grid-layout .submit-row button.default {
  float: none;
  margin: 0;
}

@keyframes processing {
  0% {
    background-color: #fdb863;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #fdb863;
  }
}
@keyframes envwarning {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingdummy {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.grid-layout #content {
  padding: 0;
}
.grid-layout #content-main {
  box-shadow: none;
  border: none;
  background: none;
}
.grid-layout .page-header {
  border-bottom: 4px solid #ffcc66;
}
.grid-layout .page-header:after {
  display: none;
}
.grid-layout .module {
  background-color: white;
  margin: 24px;
  border-radius: 6px;
  border: 2px solid rgba(255, 204, 102, 0.5);
  box-shadow: none;
}
.grid-layout .module.calendarbox, .grid-layout .module.clockbox {
  width: 19em;
  margin: 5px auto;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.grid-layout .submodule {
  border-top: 1px solid #c4dce8;
  background-color: white;
}
.grid-layout .module,
.grid-layout .submodule {
  display: flex;
  flex-direction: column;
  position: relative;
}
.grid-layout .module + .submodule,
.grid-layout .module + .module,
.grid-layout .submodule + .submodule,
.grid-layout .submodule + .module {
  margin-top: 0;
}
.grid-layout .module.closed .closable,
.grid-layout .submodule.closed .closable {
  display: none;
}
.grid-layout .module .module-toggle .close,
.grid-layout .submodule .module-toggle .close {
  display: inline;
}
.grid-layout .module .module-toggle .open,
.grid-layout .submodule .module-toggle .open {
  display: none;
}
.grid-layout .module.closed .module-toggle .close,
.grid-layout .submodule.closed .module-toggle .close {
  display: none;
}
.grid-layout .module.closed .module-toggle .open,
.grid-layout .submodule.closed .module-toggle .open {
  display: inline;
}
.grid-layout .module.sticky {
  position: sticky;
  top: -2px;
  z-index: 1002;
}
.grid-layout .module.stick-to-next {
  margin-bottom: 0;
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}
.grid-layout .module.stick-to-next + .module {
  border-radius: 0 0 6px 6px;
  border-top: none;
}
.grid-layout .module.stretch {
  flex: 1;
}
.grid-layout .module-body {
  flex: 1;
}
.grid-layout .module-header.sticky {
  position: sticky;
  top: 45px;
  z-index: 1001;
}
.grid-layout .module-footer.sticky {
  position: sticky;
  bottom: 0;
  z-index: 1001;
  border-top: 2px solid #819ca9;
}
.grid-layout .module-header,
.grid-layout .module-footer {
  background: #f8f8f8;
}
.grid-layout .module-bar {
  background: white;
}
.grid-layout .module-header {
  border-bottom: 1px solid #c4dce8;
}
.grid-layout .module-footer {
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #c4dce8;
}
.grid-layout .module-bar {
  border-top: 2px solid #c4dce8;
  border-bottom: 2px solid #c4dce8;
}
.grid-layout .module-header + .module-bar {
  border-top: 0;
}
.grid-layout .module-bar.tabcontent {
  border-top: 6px solid #c4dce8;
  border-bottom: 2px solid #c4dce8 !important;
}
.grid-layout .module-header,
.grid-layout .module-footer,
.grid-layout .module-bar {
  display: flex;
  align-items: stretch;
  border-radius: none;
}
.grid-layout .module-header:first-child,
.grid-layout .module-footer:first-child,
.grid-layout .module-bar:first-child {
  border-radius: 4px 4px 0 0;
}
.grid-layout .module-header h1, .grid-layout .module-header h2,
.grid-layout .module-footer h1,
.grid-layout .module-footer h2,
.grid-layout .module-bar h1,
.grid-layout .module-bar h2 {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  align-items: center;
  padding: 12px;
  color: #333;
}
.grid-layout .module-header h1 .icon, .grid-layout .module-header h2 .icon,
.grid-layout .module-footer h1 .icon,
.grid-layout .module-footer h2 .icon,
.grid-layout .module-bar h1 .icon,
.grid-layout .module-bar h2 .icon {
  font-size: 1.2em;
  color: #819ca9;
}
.grid-layout .module-header .module-toggle,
.grid-layout .module-footer .module-toggle,
.grid-layout .module-bar .module-toggle {
  margin-left: 6px;
  border-color: white;
  align-self: center;
}
.grid-layout .module-header .module-toggle .icon,
.grid-layout .module-footer .module-toggle .icon,
.grid-layout .module-bar .module-toggle .icon {
  font-size: 2em;
  margin: -4px 14px 0 0;
  display: inline-block;
}
.grid-layout .module-header .module-actions,
.grid-layout .module-header .module-form,
.grid-layout .module-header p,
.grid-layout .module-footer .module-actions,
.grid-layout .module-footer .module-form,
.grid-layout .module-footer p,
.grid-layout .module-bar .module-actions,
.grid-layout .module-bar .module-form,
.grid-layout .module-bar p {
  flex: 1;
  display: flex;
  padding: 6px;
  margin: 0;
  gap: 6px;
  justify-content: flex-end;
}
.grid-layout .module-header .module-actions.align-left,
.grid-layout .module-header .module-form.align-left,
.grid-layout .module-header p.align-left,
.grid-layout .module-footer .module-actions.align-left,
.grid-layout .module-footer .module-form.align-left,
.grid-layout .module-footer p.align-left,
.grid-layout .module-bar .module-actions.align-left,
.grid-layout .module-bar .module-form.align-left,
.grid-layout .module-bar p.align-left {
  justify-content: flex-start;
}
.grid-layout .module-header .module-actions,
.grid-layout .module-header .module-form,
.grid-layout .module-footer .module-actions,
.grid-layout .module-footer .module-form,
.grid-layout .module-bar .module-actions,
.grid-layout .module-bar .module-form {
  align-items: center;
}
.grid-layout .module-header p,
.grid-layout .module-header .module-form,
.grid-layout .module-footer p,
.grid-layout .module-footer .module-form,
.grid-layout .module-bar p,
.grid-layout .module-bar .module-form {
  justify-content: flex-start;
}
.grid-layout .module-header form,
.grid-layout .module-footer form,
.grid-layout .module-bar form {
  display: flex;
  align-items: stretch;
}
.grid-layout .module-header div.filter-bar,
.grid-layout .module-footer div.filter-bar,
.grid-layout .module-bar div.filter-bar {
  background: none;
}
.grid-layout .module-header div.filter-bar ul,
.grid-layout .module-footer div.filter-bar ul,
.grid-layout .module-bar div.filter-bar ul {
  margin: 0;
  padding: 0;
}
.grid-layout .module-header div.filter-bar input[type=text], .grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=text][type=submit],
.grid-layout .module-header div.filter-bar input[type=password],
.grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=password][type=submit],
#changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=password][type=submit],
.grid-layout .module-header div.filter-bar input[type=email],
.grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=email][type=submit],
#changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=email][type=submit],
.grid-layout .module-header div.filter-bar input[type=url],
.grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=url][type=submit],
#changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=url][type=submit],
.grid-layout .module-header div.filter-bar input[type=number],
.grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=number][type=submit],
#changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=number][type=submit],
.grid-layout .module-header div.filter-bar input[type=tel],
.grid-layout .module-header div.filter-bar #changelist #toolbar form input[type=tel][type=submit],
#changelist #toolbar form .grid-layout .module-header div.filter-bar input[type=tel][type=submit],
.grid-layout .module-header div.filter-bar textarea,
.grid-layout .module-header div.filter-bar select,
.grid-layout .module-header div.filter-bar .vTextField,
.grid-layout .module-footer div.filter-bar input[type=text],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=text][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=text][type=submit],
.grid-layout .module-footer div.filter-bar input[type=password],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=password][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=password][type=submit],
.grid-layout .module-footer div.filter-bar input[type=email],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=email][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=email][type=submit],
.grid-layout .module-footer div.filter-bar input[type=url],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=url][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=url][type=submit],
.grid-layout .module-footer div.filter-bar input[type=number],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=number][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=number][type=submit],
.grid-layout .module-footer div.filter-bar input[type=tel],
.grid-layout .module-footer div.filter-bar #changelist #toolbar form input[type=tel][type=submit],
#changelist #toolbar form .grid-layout .module-footer div.filter-bar input[type=tel][type=submit],
.grid-layout .module-footer div.filter-bar textarea,
.grid-layout .module-footer div.filter-bar select,
.grid-layout .module-footer div.filter-bar .vTextField,
.grid-layout .module-bar div.filter-bar input[type=text],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=text][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=text][type=submit],
.grid-layout .module-bar div.filter-bar input[type=password],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=password][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=password][type=submit],
.grid-layout .module-bar div.filter-bar input[type=email],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=email][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=email][type=submit],
.grid-layout .module-bar div.filter-bar input[type=url],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=url][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=url][type=submit],
.grid-layout .module-bar div.filter-bar input[type=number],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=number][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=number][type=submit],
.grid-layout .module-bar div.filter-bar input[type=tel],
.grid-layout .module-bar div.filter-bar #changelist #toolbar form input[type=tel][type=submit],
#changelist #toolbar form .grid-layout .module-bar div.filter-bar input[type=tel][type=submit],
.grid-layout .module-bar div.filter-bar textarea,
.grid-layout .module-bar div.filter-bar select,
.grid-layout .module-bar div.filter-bar .vTextField {
  margin: 0;
}
.grid-layout .module-header .admin-filter,
.grid-layout .module-footer .admin-filter,
.grid-layout .module-bar .admin-filter {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
}
.grid-layout .module-header .admin-filter.scrollable,
.grid-layout .module-footer .admin-filter.scrollable,
.grid-layout .module-bar .admin-filter.scrollable {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  align-items: stretch;
  gap: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.grid-layout .module-header .admin-filter.scrollable::-webkit-scrollbar,
.grid-layout .module-footer .admin-filter.scrollable::-webkit-scrollbar,
.grid-layout .module-bar .admin-filter.scrollable::-webkit-scrollbar {
  display: none;
}
.grid-layout .module-header .admin-filter.scrollable .scroll-left,
.grid-layout .module-header .admin-filter.scrollable .scroll-right,
.grid-layout .module-footer .admin-filter.scrollable .scroll-left,
.grid-layout .module-footer .admin-filter.scrollable .scroll-right,
.grid-layout .module-bar .admin-filter.scrollable .scroll-left,
.grid-layout .module-bar .admin-filter.scrollable .scroll-right {
  position: sticky;
  display: flex;
  align-items: center;
  padding: 6px;
  z-index: 20;
  background-color: #f8f8f8;
  cursor: pointer;
}
.grid-layout .module-header .admin-filter.scrollable .scroll-left,
.grid-layout .module-footer .admin-filter.scrollable .scroll-left,
.grid-layout .module-bar .admin-filter.scrollable .scroll-left {
  order: 1;
  left: 0;
}
.grid-layout .module-header .admin-filter.scrollable .scroll-content,
.grid-layout .module-footer .admin-filter.scrollable .scroll-content,
.grid-layout .module-bar .admin-filter.scrollable .scroll-content {
  order: 2;
  flex: 1;
}
.grid-layout .module-header .admin-filter.scrollable .scroll-right,
.grid-layout .module-footer .admin-filter.scrollable .scroll-right,
.grid-layout .module-bar .admin-filter.scrollable .scroll-right {
  order: 3;
  right: 0;
}
.grid-layout .module-header .admin-filter.scrollable.scrolling,
.grid-layout .module-footer .admin-filter.scrollable.scrolling,
.grid-layout .module-bar .admin-filter.scrollable.scrolling {
  padding: 6px 0;
}
.grid-layout .module-header .admin-filter.scrollable.scrolling .scroll-left,
.grid-layout .module-header .admin-filter.scrollable.scrolling .scroll-right,
.grid-layout .module-footer .admin-filter.scrollable.scrolling .scroll-left,
.grid-layout .module-footer .admin-filter.scrollable.scrolling .scroll-right,
.grid-layout .module-bar .admin-filter.scrollable.scrolling .scroll-left,
.grid-layout .module-bar .admin-filter.scrollable.scrolling .scroll-right {
  display: flex;
}
.grid-layout .module-header .admin-filter.scrollable.noscrolling .scroll-left,
.grid-layout .module-header .admin-filter.scrollable.noscrolling .scroll-right,
.grid-layout .module-footer .admin-filter.scrollable.noscrolling .scroll-left,
.grid-layout .module-footer .admin-filter.scrollable.noscrolling .scroll-right,
.grid-layout .module-bar .admin-filter.scrollable.noscrolling .scroll-left,
.grid-layout .module-bar .admin-filter.scrollable.noscrolling .scroll-right {
  display: none;
}
.grid-layout .module-header .module-actions > .spacer,
.grid-layout .module-footer .module-actions > .spacer,
.grid-layout .module-bar .module-actions > .spacer {
  flex: 1;
  padding: 6px;
}
.grid-layout .module-header.warning,
.grid-layout .module-footer.warning,
.grid-layout .module-bar.warning {
  border-color: rgb(249, 90, 78);
  background-color: rgb(255, 180, 169);
  background-image: repeating-linear-gradient(-45deg, rgb(255, 180, 169), rgb(255, 180, 169) 12px, rgba(255, 218, 212, 0.3) 12px, rgba(255, 218, 212, 0.3) 24px);
}
.grid-layout .module.warning {
  border-color: rgb(249, 90, 78);
}
.grid-layout .module-header.warning.extra,
.grid-layout .module-footer.warning.extra,
.grid-layout .module-bar.warning.extra {
  background: rgb(249, 90, 78);
}
.grid-layout .module-header.warning.extra + .module-header.warning, .grid-layout .module-header.warning.extra + .module-footer.warning, .grid-layout .module-header.warning.extra + .module-bar.warning,
.grid-layout .module-footer.warning.extra + .module-header.warning,
.grid-layout .module-footer.warning.extra + .module-footer.warning,
.grid-layout .module-footer.warning.extra + .module-bar.warning,
.grid-layout .module-bar.warning.extra + .module-header.warning,
.grid-layout .module-bar.warning.extra + .module-footer.warning,
.grid-layout .module-bar.warning.extra + .module-bar.warning {
  border-top-color: rgb(162, 27, 25);
}
.grid-layout form.flex-form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.grid-layout .module-action {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}
.grid-layout .module-action .remark {
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.04em;
  color: #333;
  padding: 0 0.6em;
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.grid-layout .module-action .remark .icon {
  font-size: 1.5em;
}
.grid-layout .module-action .remark.warning {
  color: rgb(162, 27, 25);
  font-weight: bold;
}
.grid-layout .module-action .remark.good {
  color: #54a400;
}
.grid-layout .module-action input[type=checkbox], .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}
.grid-layout .module-action input[type=checkbox] + label, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label {
  display: block;
  padding: 6px 6px 6px 30px;
  position: relative;
  border: 2px solid transparent;
  min-width: 7em;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.04em;
  color: #333;
  cursor: pointer;
}
.grid-layout .module-action input[type=checkbox] + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  margin-right: 0;
  transform: translateY(-50%);
  font-size: 1.225rem;
  color: #29434e;
}
.grid-layout .module-action input[type=checkbox] + label.warning, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label.warning, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label.warning {
  color: rgb(162, 27, 25);
}
.grid-layout .module-action input[type=checkbox] + label.warning:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label.warning:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label.warning:before {
  color: rgb(125, 0, 4);
}
.grid-layout .module-form-field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
.grid-layout .module-form-field input[type=text], .grid-layout .module-form-field #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form .grid-layout .module-form-field input[type=text][type=submit],
.grid-layout .module-form-field input[type=password],
.grid-layout .module-form-field #changelist #toolbar form input[type=password][type=submit],
#changelist #toolbar form .grid-layout .module-form-field input[type=password][type=submit],
.grid-layout .module-form-field input[type=email],
.grid-layout .module-form-field #changelist #toolbar form input[type=email][type=submit],
#changelist #toolbar form .grid-layout .module-form-field input[type=email][type=submit],
.grid-layout .module-form-field input[type=url],
.grid-layout .module-form-field #changelist #toolbar form input[type=url][type=submit],
#changelist #toolbar form .grid-layout .module-form-field input[type=url][type=submit],
.grid-layout .module-form-field input[type=number],
.grid-layout .module-form-field #changelist #toolbar form input[type=number][type=submit],
#changelist #toolbar form .grid-layout .module-form-field input[type=number][type=submit],
.grid-layout .module-form-field input[type=tel],
.grid-layout .module-form-field #changelist #toolbar form input[type=tel][type=submit],
#changelist #toolbar form .grid-layout .module-form-field input[type=tel][type=submit] {
  margin: 0;
  flex: 1;
}
.grid-layout .module-form-field label {
  font-weight: bold;
  font-size: 0.75em;
  padding: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.grid-layout .module-form-field.hor {
  flex-direction: row;
  align-items: center;
}
.grid-layout .module-form-field.stretch {
  flex: 1;
}
.grid-layout .warning.extra .module-form-field label {
  color: white;
}

.grid-layout .module-header.has-tabs,
.grid-layout .module-footer.has-tabs,
.grid-layout .module-bar.has-tabs {
  border-bottom: 1px solid #546e7a;
}
.grid-layout .module-header.has-scrollable-tabs .admin-filter,
.grid-layout .module-footer.has-scrollable-tabs .admin-filter,
.grid-layout .module-bar.has-scrollable-tabs .admin-filter {
  border-bottom: 1px solid #546e7a;
}
.grid-layout .module-header.has-scrollable-tabs .module-tabs-filter.scrollable,
.grid-layout .module-footer.has-scrollable-tabs .module-tabs-filter.scrollable,
.grid-layout .module-bar.has-scrollable-tabs .module-tabs-filter.scrollable {
  border-bottom: none;
}
.grid-layout .module-header.has-scrollable-tabs .module-tabs-filter.scrollable > *,
.grid-layout .module-footer.has-scrollable-tabs .module-tabs-filter.scrollable > *,
.grid-layout .module-bar.has-scrollable-tabs .module-tabs-filter.scrollable > * {
  border-bottom: 1px solid #546e7a;
}
.grid-layout .module-header .module-tabs-filter,
.grid-layout .module-header .module-tabs-filter.scrollable.scrolling,
.grid-layout .module-header .module-tabs-filter.scrollable.noscrolling,
.grid-layout .module-footer .module-tabs-filter,
.grid-layout .module-footer .module-tabs-filter.scrollable.scrolling,
.grid-layout .module-footer .module-tabs-filter.scrollable.noscrolling,
.grid-layout .module-bar .module-tabs-filter,
.grid-layout .module-bar .module-tabs-filter.scrollable.scrolling,
.grid-layout .module-bar .module-tabs-filter.scrollable.noscrolling {
  padding: 0;
}
.grid-layout .module-header .module-tabs-filter .module-tabs,
.grid-layout .module-header .module-tabs-filter.scrollable.scrolling .module-tabs,
.grid-layout .module-header .module-tabs-filter.scrollable.noscrolling .module-tabs,
.grid-layout .module-footer .module-tabs-filter .module-tabs,
.grid-layout .module-footer .module-tabs-filter.scrollable.scrolling .module-tabs,
.grid-layout .module-footer .module-tabs-filter.scrollable.noscrolling .module-tabs,
.grid-layout .module-bar .module-tabs-filter .module-tabs,
.grid-layout .module-bar .module-tabs-filter.scrollable.scrolling .module-tabs,
.grid-layout .module-bar .module-tabs-filter.scrollable.noscrolling .module-tabs {
  padding: 6px;
}
.grid-layout .module-header .module-tabs-filter.scrollable.scrolling .tab.active,
.grid-layout .module-footer .module-tabs-filter.scrollable.scrolling .tab.active,
.grid-layout .module-bar .module-tabs-filter.scrollable.scrolling .tab.active {
  position: sticky;
  z-index: 10;
  left: 26px;
  right: 26px;
}

.module-tabs {
  display: flex;
  gap: 6px;
}

.tab {
  position: relative;
}
.tab:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  margin-top: -2px;
  height: 0;
  transition: all 0.2s linear;
  background-color: inherit;
  border: inherit;
  border-top: none;
  border-bottom: none;
  opacity: 0;
}
.tab:hover:after, .tab:focus:after {
  opacity: 1;
  height: 9px;
  border-bottom: inherit;
}

.tab.active {
  border-color: #546e7a;
}
.tab.active:after {
  height: 10px;
  opacity: 1;
}

.tab.noclick {
  cursor: default;
}

.tab.colourtag {
  gap: 0;
  padding: 0;
  border-color: rgba(0, 0, 0, 0.3) !important;
  overflow: visible;
}
.tab.colourtag.vertical > * {
  padding: 0.2em 6px;
  border-bottom: none;
}
.tab.colourtag.vertical > *:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.tab.colourtag.vertical > *:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.tab-spacer {
  flex: 1;
}

.mediation-step.active,
.mediation-step:hover,
.mediation-step:focus {
  opacity: 1 !important;
}
.mediation-step.active:after,
.mediation-step:hover:after,
.mediation-step:focus:after {
  opacity: 1 !important;
}

.mediation-step.status-unopened,
.mediation-step.status-closed {
  opacity: 0.3;
}

.mediation-step.status-queued,
.mediation-step.status-processing,
.mediation-step.status-failed,
.mediation-step.status-closed {
  margin-left: 7px;
}
.mediation-step.status-queued:before,
.mediation-step.status-processing:before,
.mediation-step.status-failed:before,
.mediation-step.status-closed:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -8px;
  background-color: white;
  width: 10px;
  border-radius: 3px 0 0 3px;
  border: 1px solid #546e7a;
  z-index: -1;
}
.mediation-step.status-queued.vertical > *:first-child,
.mediation-step.status-processing.vertical > *:first-child,
.mediation-step.status-failed.vertical > *:first-child,
.mediation-step.status-closed.vertical > *:first-child {
  border-top-left-radius: 0;
}
.mediation-step.status-queued.vertical > *:last-child,
.mediation-step.status-processing.vertical > *:last-child,
.mediation-step.status-failed.vertical > *:last-child,
.mediation-step.status-closed.vertical > *:last-child {
  border-bottom-left-radius: 0;
}

.mediation-step.status-closed:before {
  width: 6px;
}

.mediation-step.status-queued:before {
  background-color: #fdb863;
}

.mediation-step.status-processing:before {
  background-color: #fdb863;
  animation: processing 1.5s infinite;
}

.mediation-step.status-failed:before {
  background-color: #ff6051;
}

.mediation-step.status-closed:before {
  background-color: #878787;
}

.mediation-step.status-open:before {
  background-color: #4393c3;
}

.result.match h3.toggle:before, .journal-message .message-type-icon:before,
.status-message .message-type-icon:before, body.page-matching .messages .journal-message .message-body.warning > .icon:before,
body.page-matching .messages .journal-message .message-body.attention > .icon:before,
body.page-matching .messages .status-message .message-body.warning > .icon:before,
body.page-matching .messages .status-message .message-body.attention > .icon:before, body.page-matching .messages .journal-message .message-body .title .icon:before,
body.page-matching .messages .status-message .message-body .title .icon:before, .custom-week-schedule-inline input[type=checkbox] + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:before, input[type=checkbox].autosave + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, .object-tools a.addlink:before, .module-menu .toggle:before, [class*=custom-icon-]:before, .action-cancel-daypart.button:before, .submit-row a.action-cancel-daypart.closelink:before, .object-tools a.action-cancel-daypart:link:before,
.object-tools a.action-cancel-daypart:visited:before,
input.action-cancel-daypart[type=submit]:before,
input.action-cancel-daypart[type=button]:before,
.submit-row input.action-cancel-daypart:before,
button.action-cancel-daypart:before,
.action-cancel-daypart.tab:before,
#changelist #toolbar form input.action-cancel-daypart[type=submit]:before, a.action-cancel-daypart.deletelink:before, .faq label.question:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.assigned:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.unavailable:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.available:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.occupied:before, .large-calendar input[type=checkbox] + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:before, .vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label:before, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label:before, .vertical-calendar .daypart.confirmed:before, .vertical-calendar .daypart.required.confirmed:before, .vertical-calendar .daypart.invited:before, .vertical-calendar .daypart.closed:before, .vertical-calendar .daypart.confirmed.closed:before, .vertical-calendar .daypart.assigned:before, .vertical-calendar .daypart.cancelled:before, .vertical-calendar .daypart.failed:before, button.button-unassign:before, .Toastify__toast-container .Toastify__toast--error:before, table.replacement-context [class*=custom-icon-]:before,
table.workweek-settings [class*=custom-icon-]:before, .page-help:before, .workweek-warning .page-help.page-help-warning label:before, .form-help .title:before, .inline-availability-day input[type=checkbox] + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label:before, .inline-availability-day input[type=checkbox]:checked + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:checked + label:before, .inline-availability-day .partofday-unavailable:before, .inline-availability-day .partofday-available:before, fieldset.week-availability-module .checkbox-row input[type=checkbox] + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label:before, fieldset.week-availability-module .checkbox-row input[type=checkbox]:checked + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.resolved abbr:before,
body.planning-overview-page #result_list th.resolved abbr:before, body.planning-overview-page input[type=checkbox] + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label:before, .grid-layout .module-action input[type=checkbox] + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "slim-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 0.3em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.module-menu .toggle:before {
  margin: 0;
  order: 99;
}

[class^=icon-].hero-icon,
[class*=" icon-"].hero-icon {
  font-size: 3em;
  text-align: center;
}
[class^=icon-].orange,
[class*=" icon-"].orange {
  color: #fe9b35 !important;
}
[class^=icon-].green,
[class*=" icon-"].green {
  color: #54a400 !important;
}
[class^=icon-].grey,
[class*=" icon-"].grey {
  color: #9ab8cc !important;
}
[class^=icon-].darkgrey,
[class*=" icon-"].darkgrey {
  color: #546e7a !important;
}
[class^=icon-].bg-orange,
[class*=" icon-"].bg-orange {
  background-color: #fe9b35 !important;
  color: white !important;
}
[class^=icon-].bg-green,
[class*=" icon-"].bg-green {
  background-color: #89D621 !important;
  color: white !important;
}
[class^=icon-].xs,
[class*=" icon-"].xs {
  font-size: 0.85em;
}
[class^=icon-].s,
[class*=" icon-"].s {
  font-size: 1em;
}
[class^=icon-].m,
[class*=" icon-"].m {
  font-size: 1.25em;
}
[class^=icon-].l,
[class*=" icon-"].l {
  font-size: 1.5em;
}
[class^=icon-].xl,
[class*=" icon-"].xl {
  font-size: 2em;
}
[class^=icon-].no-margin,
[class*=" icon-"].no-margin {
  margin: 0;
}

@font-face {
  font-family: "slim-icons";
  src: url("../fonts/slim-icons/fonts/slim-icons.603789699c62.eot?3shqet");
  src: url("../fonts/slim-icons/fonts/slim-icons.603789699c62.eot?3shqet#iefix") format("embedded-opentype"), url("../fonts/slim-icons/fonts/slim-icons.0515d4d799a5.ttf?3shqet") format("truetype"), url("../fonts/slim-icons/fonts/slim-icons.6ea35ed3665e.woff?3shqet") format("woff"), url("../fonts/slim-icons/fonts/slim-icons.5226a9e00318.svg?3shqet#slim-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "slim-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;
}

.icon-fa-calendar-pen:before, .icon-mediation-rescheduled:before, .journal-message.type-mediation_rescheduled .message-type-icon:before,
.status-message.type-mediation_rescheduled .message-type-icon:before {
  content: "\e971";
}

.icon-fa-calendar-check:before, .icon-mediation-resolved:before, .journal-message.type-mediation_resolved .message-type-icon:before,
.status-message.type-mediation_resolved .message-type-icon:before {
  content: "\e972";
}

.icon-fa-magnifying-glass-arrow-right:before, .icon-mediation-verify:before {
  content: "\e96e";
}

.icon-fa-trash:before, .icon-mediation-deleted:before {
  content: "\e96f";
}

.icon-fa-badge-check:before, .icon-mediation-closed:before {
  content: "\e970";
}

.icon-fa-calendar-star:before, .icon-mediation-today:before {
  content: "\e967";
}

.icon-fa-calendar-circle-plus:before {
  content: "\e968";
}

.icon-fa-calendar-circle-exclamation:before {
  content: "\e969";
}

.icon-fa-calendar-clock:before {
  content: "\e96a";
}

.icon-fa-calendar-exclamation:before, .icon-mediation-expired:before {
  content: "\e96b";
}

.icon-fa-calendar-plus:before, .icon-task-add:before, .icon-mediation-scheduled:before, .journal-message.type-mediation_scheduled .message-type-icon:before,
.status-message.type-mediation_scheduled .message-type-icon:before {
  content: "\e96c";
}

.icon-fa-calendar:before, .icon-mediation-tomorrow:before, .icon-mediation-two_days:before, .icon-mediation-three_days:before, .icon-mediation-four_days:before, .icon-mediation-five_days:before, .icon-mediation-six_days:before, .icon-mediation-seven_days:before, .icon-mediation-eight_days:before, .icon-mediation-nine_days:before, .icon-mediation-future:before {
  content: "\e96d";
}

.icon-eyes:before {
  content: "\e966";
}

.icon-category:before {
  content: "\e965";
}

.icon-thumbs-down:before, .icon-pref-not_interested:before {
  content: "\e963";
}

.icon-thumbs-up:before, .icon-pref-interested:before {
  content: "\e964";
}

.icon-hourglass:before, .journal-message.status-medreq-queued .message-type-icon:before,
.status-message.status-medreq-queued .message-type-icon:before {
  content: "\e962";
}

.icon-location-warning:before, .icon-pref-limited_availability:before, .icon-pref-favorite_exclusive:before {
  content: "\e961";
}

.icon-copy:before {
  content: "\e960";
}

.icon-pdf:before {
  content: "\e95e";
}

.icon-docx:before {
  content: "\e95f";
}

.icon-download:before {
  content: "\e95d";
}

.icon-month:before {
  content: "\e956";
}

.icon-halfday:before {
  content: "\e957";
}

.icon-fast:before {
  content: "\e958";
}

.icon-day:before {
  content: "\e959";
}

.icon-basket:before {
  content: "\e95a";
}

.icon-cart:before {
  content: "\e95b";
}

.icon-whatsapp-logo-outline:before {
  content: "\e95c";
}

.icon-pin:before, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label:before,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label:before, .journal-message .message-pin input[type=checkbox].autosave + label:before, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:before,
.status-message .message-pin input[type=checkbox].autosave + label:before,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:before, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label:before,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label:before {
  content: "\e954";
}

.icon-unpin:before, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label:before,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label:before, .journal-message .message-pin input[type=checkbox].autosave:checked + label:before, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:before,
.status-message .message-pin input[type=checkbox].autosave:checked + label:before,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:before, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label:before,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label:before {
  content: "\e955";
}

.icon-refresh:before, table.replacement-context .custom-icon-correction:before, table.workweek-settings .custom-icon-correction:before {
  content: "\e953";
}

.icon-payroll:before {
  content: "\e952";
}

.icon-bicycle2:before, .icon-prop-commutes-bicycle:before,
.icon-bicycle:before {
  content: "\e951";
}

.icon-holiday1:before {
  content: "\e94f";
}

.icon-holiday2:before, table.replacement-context .custom-icon-holiday:before {
  content: "\e950";
}

.icon-trello:before, .journal-message.type-trello .message-type-icon:before,
.status-message.type-trello .message-type-icon:before {
  content: "\e94e";
}

.icon-eye:before, .journal-message.type-viewed .message-type-icon:before,
.status-message.type-viewed .message-type-icon:before {
  content: "\e94d";
}

.icon-checkbox-unchecked:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox] + label:hover:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-] + label:hover:before, input[type=checkbox].autosave + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, .large-calendar input[type=checkbox] + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:before, body.planning-overview-page input[type=checkbox] + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label:before, .grid-layout .module-action input[type=checkbox] + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label:before {
  content: "\e94b";
}

.icon-checkbox-checked:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox]:checked + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-]:checked + label:before, input[type=checkbox].autosave:checked + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before, .large-calendar input[type=checkbox]:checked + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page input[type=checkbox]:enabled + label:hover:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:enabled + label:hover:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:enabled + label:hover:before, body.planning-overview-page input[type=checkbox]:checked + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:checked + label:before, .grid-layout .module-action input[type=checkbox]:checked + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit]:checked + label:before {
  content: "\e94c";
}

.icon-add2:before {
  content: "\e946";
}

.icon-add1:before, .object-tools a.addlink:before {
  content: "\e947";
}

.icon-unlocked:before {
  content: "\e948";
}

.icon-locked:before, .custom-week-schedule-inline input[type=checkbox]:disabled + label:hover:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:hover:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox]:disabled + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:before, .vertical-calendar .daypart.closed:before, .vertical-calendar .daypart.confirmed.closed:before {
  content: "\e949";
}

.icon-menu:before {
  content: "\e94a";
}

.icon-id-documents:before, .document_list .custom-icon-passport:before, .icon-prop-documents:before {
  content: "\e944";
}

.icon-contract3:before, table.replacement-context .custom-icon-contract:before, .icon-prop-contracts:before {
  content: "\e945";
}

.icon-message-love:before {
  content: "\e93a";
}

.icon-message-user:before {
  content: "\e93b";
}

.icon-message-star:before {
  content: "\e93c";
}

.icon-message-happy:before {
  content: "\e93d";
}

.icon-message-ok:before {
  content: "\e93e";
}

.icon-message-typing:before {
  content: "\e93f";
}

.icon-message:before, .new-journal-message label .icon.icon-custom-message:before, .journal-message.type-comment .message-type-icon:before,
.status-message.type-comment .message-type-icon:before {
  content: "\e940";
}

.icon-system:before, .journal-message.type-system .message-type-icon:before,
.status-message.type-system .message-type-icon:before {
  content: "\e941";
}

.icon-system-timed:before {
  content: "\e942";
}

.icon-link:before {
  content: "\e943";
}

.icon-calendar2:before {
  content: "\e939";
}

.icon-swap:before {
  content: "\e936";
}

.icon-replace1:before {
  content: "\e937";
}

.icon-replace2:before, .journal-message.type-alternative .message-type-icon:before,
.status-message.type-alternative .message-type-icon:before {
  content: "\e938";
}

.icon-prohibited:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-failed[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed:disabled + label:hover:before, .vertical-calendar .daypart.failed:before, table.replacement-context .custom-icon-absence:before, .icon-pref-match_ignored:before {
  content: "\e935";
}

.icon-education:before {
  content: "\e934";
}

.icon-job-title:before {
  content: "\e933";
}

.icon-person:before, .icon-prop-job_title:before {
  content: "\e932";
}

.icon-email:before {
  content: "\e930";
}

.icon-questionmark:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-open[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open:disabled + label:hover:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.unavailable:before, .vertical-calendar .daypart.invited:before {
  content: "\e931";
}

.icon-checkmark:before, .journal-message.type-assignment .message-type-icon:before,
.status-message.type-assignment .message-type-icon:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-assigned[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox]:checked + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.assigned:before, .vertical-calendar .daypart.confirmed:before, .vertical-calendar .daypart.required.confirmed:before, .vertical-calendar .daypart.assigned:before, .workweek-warning .page-help.page-help-warning label:before, .workweek-warning input.reviewed:checked + .page-help.page-help-warning:before, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning:before, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning:before, .inline-availability-day input[type=checkbox]:checked + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:checked + label:before, .inline-availability-day .partofday-available:before, fieldset.week-availability-module .checkbox-row input[type=checkbox]:checked + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.resolved abbr:before,
body.planning-overview-page #result_list th.resolved abbr:before, .icon-pref-interest_processed:before {
  content: "\e92f";
}

.icon-phone:before {
  content: "\e92e";
}

.icon-archive:before {
  content: "\e900";
}

.icon-arrow-down:before, .result.match h3.toggle:before, .module-menu .toggle:before, .faq label.question:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-up:before, .result.match.open h3.toggle:before, .module-menu .open .toggle:before, .faq input[type=checkbox]:checked ~ label.question:before, .faq #changelist #toolbar form input[type=checkbox][type=submit]:checked ~ label.question:before, #changelist #toolbar form .faq input[type=checkbox][type=submit]:checked ~ label.question:before {
  content: "\e904";
}

.icon-bookmark:before {
  content: "\e905";
}

.icon-building:before {
  content: "\e906";
}

.icon-calendar-add:before {
  content: "\e907";
}

.icon-calendar:before {
  content: "\e908";
}

.icon-calendar-ok:before {
  content: "\e909";
}

.icon-calendar-schedule:before {
  content: "\e90a";
}

.icon-car:before, .icon-prop-commutes-car:before {
  content: "\e90b";
}

.icon-clock:before, table.workweek-settings .custom-icon-clock:before {
  content: "\e90c";
}

.icon-contact1:before {
  content: "\e90d";
}

.icon-contact2:before {
  content: "\e90e";
}

.icon-contract:before {
  content: "\e90f";
}

.icon-contract2:before {
  content: "\e910";
}

.icon-delete:before, .journal-message.type-unassignment .message-type-icon:before,
.status-message.type-unassignment .message-type-icon:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-cancelled[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox] + label:hover:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover:before, .custom-week-schedule-inline input[type=checkbox] + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:before, .action-cancel-daypart.button:before, .submit-row a.action-cancel-daypart.closelink:before, .object-tools a.action-cancel-daypart:link:before,
.object-tools a.action-cancel-daypart:visited:before,
input.action-cancel-daypart[type=submit]:before,
input.action-cancel-daypart[type=button]:before,
.submit-row input.action-cancel-daypart:before,
button.action-cancel-daypart:before,
.action-cancel-daypart.tab:before,
#changelist #toolbar form input.action-cancel-daypart[type=submit]:before, a.action-cancel-daypart.deletelink:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.occupied:before, .vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label:before, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label:before, .vertical-calendar .daypart.cancelled:before, button.button-unassign:before, .workweek-warning input.reviewed:checked + .page-help.page-help-warning label:before, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning label:before, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning label:before, .inline-availability-day input[type=checkbox] + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label:before, .inline-availability-day .partofday-unavailable:before, fieldset.week-availability-module .checkbox-row input[type=checkbox] + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label:before, body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before {
  content: "\e911";
}

.icon-diploma1:before, .icon-prop-diplomas:before, .icon-prop-education_types:before {
  content: "\e912";
}

.icon-diploma2:before {
  content: "\e913";
}

.icon-diploma4:before, .document_list .custom-icon-vog:before {
  content: "\e914";
}

.icon-doc-resume:before {
  content: "\e915";
}

.icon-edit:before, .journal-message.type-action .message-type-icon:before, .journal-message.type-partial .message-type-icon:before,
.status-message.type-action .message-type-icon:before,
.status-message.type-partial .message-type-icon:before {
  content: "\e916";
}

.icon-favorite:before {
  content: "\e917";
}

.icon-gauge:before {
  content: "\e918";
}

.icon-gauge2:before {
  content: "\e919";
}

.icon-history1:before {
  content: "\e91a";
}

.icon-id:before {
  content: "\e91b";
}

.icon-information2:before, .page-help:before, .form-help .title:before {
  content: "\e91c";
}

.icon-information3:before, .journal-message.type-application-note .message-type-icon:before,
.status-message.type-application-note .message-type-icon:before {
  content: "\e91d";
}

.icon-map:before, .icon-pref-favorite:before {
  content: "\e91e";
}

.icon-new-window:before {
  content: "\e91f";
}

.icon-phone2:before {
  content: "\e920";
}

.icon-recurring:before, .icon-pref-recurring:before {
  content: "\e921";
}

.icon-recurring2:before {
  content: "\e922";
}

.icon-resume:before {
  content: "\e923";
}

.icon-school:before, .journal-message.type-location-note .message-type-icon:before,
.status-message.type-location-note .message-type-icon:before {
  content: "\e924";
}

.icon-schoolboard:before, .journal-message.type-board-note .message-type-icon:before,
.status-message.type-board-note .message-type-icon:before {
  content: "\e925";
}

.icon-search:before {
  content: "\e926";
}

.icon-star2:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.available:before {
  content: "\e927";
}

.icon-talking:before {
  content: "\e928";
}

.icon-teacher:before {
  content: "\e929";
}

.icon-teacher2:before, .new-journal-message label .icon.icon-custom-replacement:before, .icon-prop-grades:before {
  content: "\e92a";
}

.icon-transit:before, .icon-prop-commutes-transit:before {
  content: "\e92b";
}

.icon-upload:before {
  content: "\e92c";
}

.icon-warning:before, .journal-message.status-medreq-failed .message-type-icon:before,
.status-message.status-medreq-failed .message-type-icon:before, .Toastify__toast-container .Toastify__toast--error:before, .page-help.page-help-warning:before {
  content: "\e92d";
}

.module-menu {
  position: relative;
  display: flex;
  gap: 6px;
}
.module-menu, .module .module-menu,
.module-menu ol,
.module-menu ul,
.module-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.module-menu .toggle {
  padding-right: 8px;
}
.module-menu .toggle:before {
  order: 2;
  margin-right: 0;
}
.module-menu .open .toggle {
  border-radius: 3px 3px 0 0;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  background-color: #fe9b35;
  border-color: #fe9b35;
  color: white;
}
.module-menu ul {
  border-top: 4px solid #fe9b35;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
  min-width: 100%;
}
.module-menu li {
  padding: 0;
  list-style: none;
  position: relative;
}
.module-menu li.spacer {
  border-bottom: 3px solid #ededed;
}
.module-menu li.spacer span {
  padding: 0 !important;
  border: none;
}
.module-menu li.title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ededed;
  color: #546e7a;
  padding: 0 12px;
  white-space: nowrap;
  font-size: 0.6em;
  background-color: #fafafa;
}
.module-menu ul li {
  background-color: white;
}
.module-menu li li > a, .module-menu li .submit-row li > a.deletelink, .submit-row .module-menu li li > a.deletelink, .module-menu li .object-tools li > a:link, .object-tools .module-menu li li > a:link,
.module-menu li .object-tools li > a:visited,
.object-tools .module-menu li li > a:visited,
.module-menu li li > span {
  text-decoration: none;
  color: #555;
  white-space: nowrap;
  background-color: white;
  border-bottom: 1px solid #ededed;
  padding: 6px 12px;
  display: block;
  line-height: 24px;
  transition: all 0.2s linear;
}
.module-menu li li > a:hover {
  background-color: #c4dce8;
}
.module-menu li li > span {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.module-menu li li > span.row {
  flex-direction: row;
}

.module-menu .menu-form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.module-menu .form-field,
.module-menu .field-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.module-menu .form-field.row,
.module-menu .field-controls.row {
  flex-direction: row;
}

.module-menu.with-icons li li a {
  padding-left: 40px;
}
.module-menu.with-icons li li a .icon {
  float: left;
  margin-left: -32px;
  font-size: 20px;
  width: 24px;
  text-align: center;
  line-height: 24px;
}

.month-pagination {
  display: flex;
  gap: 6px;
  padding: 0;
  align-items: flex-end;
}
.month-pagination .month-select,
.month-pagination .year-select {
  display: flex;
  gap: 0;
  margin-left: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.month-pagination select {
  border-radius: unset;
  border: 1px solid #c4dce8;
  border-top: none;
  border-bottom: none;
  background-image: url("../img/icon-arrow-down.8628709ea03f.svg");
  color: #333;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  text-transform: none;
  letter-spacing: initial;
  padding: 0 28px 0 12px;
  transition: all linear 0.2s;
}
.month-pagination select:hover, .month-pagination select:focus, .month-pagination select:active {
  background-color: #c4dce8;
}
.month-pagination a.button.outline, .month-pagination .submit-row a.outline.closelink, .submit-row .month-pagination a.outline.closelink, .month-pagination .submit-row a.outline.deletelink, .submit-row .month-pagination a.outline.deletelink, .month-pagination .object-tools a.outline:link, .object-tools .month-pagination a.outline:link,
.month-pagination .object-tools a.outline:visited,
.object-tools .month-pagination a.outline:visited {
  background-color: transparent;
  border: none;
  color: #546e7a;
  padding: 0 6px;
  line-height: 26px;
}
.month-pagination a.button.outline:hover, .month-pagination .submit-row a.outline.closelink:hover, .submit-row .month-pagination a.outline.closelink:hover, .month-pagination .submit-row a.outline.deletelink:hover, .submit-row .month-pagination a.outline.deletelink:hover, .month-pagination .object-tools a.outline:hover:link, .object-tools .month-pagination a.outline:hover:link,
.month-pagination .object-tools a.outline:hover:visited,
.object-tools .month-pagination a.outline:hover:visited, .month-pagination a.button.outline:focus, .month-pagination .submit-row a.outline.closelink:focus, .submit-row .month-pagination a.outline.closelink:focus, .month-pagination .submit-row a.outline.deletelink:focus, .submit-row .month-pagination a.outline.deletelink:focus, .month-pagination .object-tools a.outline:focus:link, .object-tools .month-pagination a.outline:focus:link,
.month-pagination .object-tools a.outline:focus:visited,
.object-tools .month-pagination a.outline:focus:visited, .month-pagination a.button.outline:active, .month-pagination .submit-row a.outline.closelink:active, .submit-row .month-pagination a.outline.closelink:active, .month-pagination .submit-row a.outline.deletelink:active, .submit-row .month-pagination a.outline.deletelink:active, .month-pagination .object-tools a.outline:active:link, .object-tools .month-pagination a.outline:active:link,
.month-pagination .object-tools a.outline:active:visited,
.object-tools .month-pagination a.outline:active:visited {
  background-color: #c4dce8;
  border-color: #c4dce8;
}
.month-pagination a.button.outline .icon, .month-pagination .submit-row a.outline.closelink .icon, .submit-row .month-pagination a.outline.closelink .icon, .month-pagination .submit-row a.outline.deletelink .icon, .submit-row .month-pagination a.outline.deletelink .icon, .month-pagination .object-tools a.outline:link .icon, .object-tools .month-pagination a.outline:link .icon,
.month-pagination .object-tools a.outline:visited .icon,
.object-tools .month-pagination a.outline:visited .icon {
  margin: 0;
  opacity: 1;
  font-size: 1.4em;
}

@media (min-width: 768px) {
  table tr.sticky {
    top: 0;
  }
  table tr.sticky th, table tr.sticky td {
    position: sticky !important;
    top: inherit;
    z-index: 11;
  }
  table tr.sticky th.sticky, table tr.sticky td.sticky {
    z-index: 12;
  }
  table th.sticky,
  table td.sticky {
    position: sticky !important;
    left: 0;
    z-index: 10;
  }
  table .row1 th.sticky,
  table .row1 td.sticky {
    background-color: #fff;
  }
  table .row2 th.sticky,
  table .row2 td.sticky {
    background-color: #f9f9f9;
  }
}
.agenda .week {
  border-bottom: 1px solid #eee;
}
.agenda .weeknumber {
  text-transform: uppercase;
  background-color: #eee;
  font-size: 0.8em;
  padding: 6px;
}
.agenda .weeknumber .year {
  opacity: 0.25;
}
.agenda .days {
  padding: 6px;
}
.agenda .day {
  border-bottom: 1px solid #eee;
  padding: 6px;
  display: flex;
}
@media (max-width: 1024px) {
  .agenda .day {
    flex-direction: column;
  }
}
.agenda .day:last-child {
  border-bottom: none;
}
.agenda .date {
  font-weight: bold;
  flex: 5em 0 0;
  padding: 6px;
}
@media (max-width: 1024px) {
  .agenda .date {
    flex: 0;
  }
}
.agenda a, .agenda .submit-row a.deletelink, .submit-row .agenda a.deletelink, .agenda .object-tools a:link, .object-tools .agenda a:link,
.agenda .object-tools a:visited,
.object-tools .agenda a:visited {
  color: inherit;
}
.agenda .events {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.agenda .event-wrapper {
  display: flex;
  flex: 1;
  align-items: stretch;
  gap: 6px;
}
.agenda .event-wrapper > a {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s linear;
  border-bottom: 1px solid #eee;
  background-color: #f8f8f8;
}
.agenda .event-wrapper > a:hover, .agenda .event-wrapper > a:focus {
  background-color: #c4dce8;
}
.agenda .vacancy {
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  text-align: left;
  font-weight: bold;
}
.agenda .route {
  font-size: 20px;
  color: #819ca9;
}
.agenda .event {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s linear;
  border-bottom: 1px solid #eee;
  background-color: #f8f8f8;
}
.agenda .event:last-child {
  border-bottom: none;
}
.agenda a.event:hover,
.agenda a.event:focus,
.agenda a.route:hover,
.agenda a.route:focus {
  background-color: #c4dce8;
}
.agenda .event.warning {
  background-color: #ffc5ad;
  color: #c52a27;
}
.agenda a.event.warning:hover,
.agenda a.event.warning:focus {
  background-color: #ff937e;
}
.agenda .event-description {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.agenda .jobtitle {
  font-weight: bold;
}
.agenda .time {
  width: 6em;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #819ca9;
}
.agenda .icon {
  font-size: 20px;
}
.agenda .icon-arrow-right {
  color: black;
  font-size: 1.3333em;
  margin-left: 0.3em;
}
.agenda .warning .time {
  color: #ff6051;
}
.agenda .color-id {
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.75em;
  border: 2px solid white;
  margin-right: 0.3em;
}
.agenda .colour-tag {
  margin-right: 0.5em;
}
.agenda .location,
.agenda .replacement {
  flex: 1;
}
.agenda .replacement {
  font-weight: bold;
}
.agenda .city,
.agenda .replaces {
  white-space: nowrap;
  color: #546e7a;
}
.agenda .warning .city,
.agenda .warning .replaces {
  color: #c52a27;
}
.agenda .application {
  color: #819ca9;
  flex: 0;
  white-space: nowrap;
  font-size: 0.75em;
  display: flex;
  align-items: center;
}
.agenda .application .icon {
  color: black;
  font-size: 1.3333em;
  margin-left: 0.3em;
}

.application-stats .stats {
  padding: 6px;
}

.bargraph {
  display: flex;
  flex-direction: column;
}
.bargraph .item {
  display: flex;
  align-items: center;
}
.bargraph .name {
  flex: 6em 0 0;
}
.bargraph .bar {
  flex: 1;
  flex-direction: row-reverse;
  border: 1px solid #eee;
  padding: 2px 1px 2px 2px;
  min-height: 3em;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  position: relative;
}
.bargraph .bar .bar {
  border: none;
  border-right: 1px solid white;
  padding: 0;
  min-height: 3px;
  min-width: 3px;
}
.bargraph .bar .pivot {
  display: flex;
  flex-direction: column-reverse;
  min-height: 0;
  width: 100%;
}
.bargraph .bar .pivot .bar {
  min-height: 0;
  border-right: 0;
  border-radius: 0;
}
.bargraph .bar .pivot .bar:last-child {
  border-top: none;
}
.bargraph .bar .bar.assigned {
  background-color: #89D621;
}
.bargraph .bar .bar.open {
  background-color: #ffcc66;
}
.bargraph .bar .bar.failed {
  background-color: #ff937e;
}
.bargraph .bar .label {
  padding: 3px 6px;
  position: absolute;
  display: none;
}
.bargraph .legend-description {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.bargraph .value {
  background-color: #eee;
  border-radius: 1em;
  padding: 0 0.4em;
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  color: #546e7a;
}

.bargraph .blue1 {
  background-color: #053061 !important;
}
.bargraph .blue2 {
  background-color: #2166ac !important;
}
.bargraph .blue3 {
  background-color: #4393c3 !important;
}
.bargraph .blue4 {
  background-color: #92c5de !important;
}
.bargraph .blue5 {
  background-color: #d1e5f0 !important;
}
.bargraph .green1 {
  background-color: #276419 !important;
}
.bargraph .green2 {
  background-color: #4d9221 !important;
}
.bargraph .green3 {
  background-color: #7fbc41 !important;
}
.bargraph .green4 {
  background-color: #b8e186 !important;
}
.bargraph .green5 {
  background-color: #e6f5d0 !important;
}
.bargraph .orange1 {
  background-color: #7f3b08 !important;
}
.bargraph .orange2 {
  background-color: #b35806 !important;
}
.bargraph .orange3 {
  background-color: #e08214 !important;
}
.bargraph .orange4 {
  background-color: #fdb863 !important;
}
.bargraph .orange5 {
  background-color: #fee0b6 !important;
}
.bargraph .red1 {
  background-color: #67001f !important;
}
.bargraph .red2 {
  background-color: #b2182b !important;
}
.bargraph .red3 {
  background-color: #d6604d !important;
}
.bargraph .red4 {
  background-color: #f4a582 !important;
}
.bargraph .red5 {
  background-color: #fddbc7 !important;
}
.bargraph .grey1 {
  background-color: #1a1a1a !important;
}
.bargraph .grey2 {
  background-color: #4d4d4d !important;
}
.bargraph .grey3 {
  background-color: #878787 !important;
}
.bargraph .grey4 {
  background-color: #bababa !important;
}
.bargraph .grey5 {
  background-color: #e0e0e0 !important;
}
.bargraph .pink1 {
  background-color: #8e0152 !important;
}
.bargraph .pink2 {
  background-color: #c51b7d !important;
}
.bargraph .pink3 {
  background-color: #de77ae !important;
}
.bargraph .pink4 {
  background-color: #f1b6da !important;
}
.bargraph .pink5 {
  background-color: #fde0ef !important;
}
.bargraph .yellow {
  background-color: #ffffcc !important;
}

.bargraph.vertical {
  flex-direction: row;
  min-height: 3em;
}
.bargraph.vertical .item {
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #eee;
  padding: 1px 1px 2px;
}
.bargraph.vertical .bar {
  flex-direction: column;
  min-width: 3em;
  min-height: 0;
  padding: 0 1px;
  border: none;
}
.bargraph.vertical .bar .bar {
  min-height: 4px;
  min-width: 4px;
  padding: 0;
  border-top: 1px solid white;
}
.bargraph.vertical .bar .bar:last-child {
  margin-right: 0;
}
.bargraph.vertical .pivot {
  flex-direction: row;
}
.bargraph.vertical.no-min-width > .item > .bar {
  min-width: 3px;
}

.bargraph.inline {
  flex-direction: row;
  gap: 6px;
}
.bargraph.inline .item {
  align-items: center;
}
.bargraph.inline .bar {
  flex-direction: row-reverse;
  min-height: 1.1em;
  min-width: 6em;
}
.bargraph.inline .bar .bar {
  border-right: 1px solid white;
  border-top: none;
}
.bargraph.inline .bar .bar:first-child {
  border-right: none;
}

ul.legend {
  margin: 0;
  padding: 6px;
  display: flex;
  flex-direction: column;
}
ul.legend li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
  display: flex;
  padding: 0.5em;
  color: inherit;
  flex-direction: row;
  align-items: center;
  transition: all 0.2s linear;
}
ul.legend li:last-child {
  border-bottom: none;
}
ul.legend .legend-title {
  font-weight: bold;
  padding-top: 0;
}

ul.legend.horizontal {
  flex-direction: row-reverse;
}
ul.legend.horizontal li {
  border-bottom: none;
  border-right: 1px solid #eee;
}
ul.legend.horizontal li:first-child {
  border-right: none;
}

.color-id {
  display: block;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.75em;
  border: 2px solid white;
  margin-right: 0.3em;
}

.assigned-dayparts .bargraph .bar .label {
  display: block;
}

.bargraph-todo {
  display: flex;
}
.bargraph-todo .bargraph {
  margin: 6px;
}
.bargraph-todo .todo-list {
  flex: 1;
}

.bargraph-todo .blue1 {
  background-color: #053061 !important;
}
.bargraph-todo .blue2 {
  background-color: #2166ac !important;
}
.bargraph-todo .blue3 {
  background-color: #4393c3 !important;
}
.bargraph-todo .blue4 {
  background-color: #92c5de !important;
}
.bargraph-todo .blue5 {
  background-color: #d1e5f0 !important;
}
.bargraph-todo .bargraph {
  margin: 6px 0 3.75em 6px;
}

.application-stats {
  grid-column: 1/span 2;
}
.application-stats .stats {
  display: grid;
  grid-template-areas: "total assigned assignees" "type coverage assignees";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 12px;
}
@media (max-width: 767px) {
  .application-stats .stats {
    grid-template-areas: "total assigned" "type coverage" "assignees assignees";
    grid-template-columns: 1fr 1fr;
  }
}
.application-stats .stat {
  display: flex;
}
.application-stats .stat .bargraph,
.application-stats .stat .legend {
  flex: 1;
}

.stat.total-dayparts {
  grid-area: total;
}

.stat.assigned-dayparts {
  grid-area: assigned;
}

.stat.assignees {
  grid-area: assignees;
}

.stat.coverage {
  grid-area: coverage;
}

.stat.application-type {
  grid-area: type;
}

.stat.coverage .legend {
  margin-left: -18px;
  padding-left: 0;
}
.stat.coverage .legend li {
  padding-left: 18px;
}

.inline-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
}

.soc-actions button:disabled {
  opacity: 0;
}
.soc-actions button:disabled.disabled-green, .soc-actions button:disabled.disabled-red {
  opacity: 0.3;
}
.soc-actions button:disabled.disabled-green .icon, .soc-actions button:disabled.disabled-red .icon {
  opacity: 1;
}

.soc-spinner {
  background-image: url("../img/spinner-red.6848c27c843b.svg");
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}

[x-cloak] {
  display: none !important;
}

.nowrap {
  white-space: nowrap;
}

.section > .mediation-requests-status {
  margin-top: 12px;
}

.mediation-requests-status {
  order: 2;
  flex: 1;
}
.mediation-requests-status h3 {
  margin: 0 0 12px;
  padding: 0 0 6px;
  border-bottom: 1px solid #c4dce8;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
}
.mediation-requests-status .requests {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mediation-requests-status .request {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 6px;
  gap: 6px;
  border-bottom: 1px solid #eee;
}
.mediation-requests-status .request .status {
  flex: 1;
  display: flex;
  gap: 6px;
}
.mediation-requests-status .request .status .status-dot {
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #e0e0e0;
}
.mediation-requests-status .request .status .status-text {
  font-size: 0.8em;
}
.mediation-requests-status .request .status-closed .status-dot {
  background-color: #878787;
}
.mediation-requests-status .request .status-open .status-dot {
  background-color: #4393c3;
}
.mediation-requests-status .request .status-queued .status-dot {
  background-color: #fdb863;
}
.mediation-requests-status .request .status-processing .status-dot {
  background-color: #fdb863;
}
.mediation-requests-status .request .status-failed .status-dot {
  background-color: #ff6051;
}
.mediation-requests-status .request .status-processing .status-dot {
  animation: processing 1.5s infinite;
}
.mediation-requests-status .button, .mediation-requests-status .submit-row a.closelink, .submit-row .mediation-requests-status a.closelink, .mediation-requests-status .submit-row a.deletelink, .submit-row .mediation-requests-status a.deletelink, .mediation-requests-status .object-tools a:link, .object-tools .mediation-requests-status a:link,
.mediation-requests-status .object-tools a:visited,
.object-tools .mediation-requests-status a:visited,
.mediation-requests-status a.button,
.mediation-requests-status button {
  padding: 1px 12px;
}

.mediation-progress {
  position: relative;
}
.mediation-progress.with-popout {
  cursor: pointer;
}
.mediation-progress .bar {
  display: flex;
  border: 1px solid #819ca9;
  padding: 1px;
  border-radius: 3px;
}
.mediation-progress.status-done, .mediation-progress.status-deleted {
  display: none;
}
.mediation-progress .status {
  flex: 1 1;
  margin-right: 1px;
  padding: 6px 0;
}
.mediation-progress .status:first-child {
  border-radius: 2px 0 0 2px;
}
.mediation-progress .status:last-child {
  margin-right: 0;
  border-radius: 0 2px 2px 0;
}
.mediation-progress .status-closed {
  background-color: #878787;
}
.mediation-progress .status-open {
  background-color: #4393c3;
}
.mediation-progress .status-queued {
  background-color: #fdb863;
}
.mediation-progress .status-processing {
  background-color: #fdb863;
}
.mediation-progress .status-failed {
  background-color: #ff6051;
}
.mediation-progress .status-unopened {
  background-color: #e0e0e0;
}
.mediation-progress .status-processing {
  animation: processing 1.5s infinite;
}
.mediation-progress .popout {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  padding: 6px;
  z-index: 300;
  border-radius: 3px;
}
.mediation-progress .legend {
  display: flex;
  padding: 3px;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}
.mediation-progress .legend:last-child {
  border-bottom: none;
}
.mediation-progress .legend.legend-title {
  font-style: italic;
  border-bottom-width: 2px;
}
.mediation-progress .legend .count {
  margin: 0 0.4em 0 0;
}
.mediation-progress .legend-value {
  display: block;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.75em;
  border: 2px solid white;
  margin-right: 0.3em;
}

.sticky {
  position: sticky;
  z-index: 999;
}

.sticky.bottom {
  bottom: 0;
}

.sticky.top {
  top: 0;
}

.env-warning {
  display: flex;
  align-items: center;
}
.env-warning .env-label {
  padding: 0.25em 0.75em;
  background-color: #819ca9;
  border: 2px solid white;
  border-radius: 0.3em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 0.7em;
}
.env-warning .env-production,
.env-warning .env-live {
  background-color: #f00;
  animation: envwarning 2s infinite;
}
.env-warning .env-acceptance {
  background-color: #f0f;
}
.env-warning .env-staging {
  background-color: #0dd;
}

.env-border-production,
.env-border-live {
  border-top: 4px solid #f00;
}

.env-border-acceptance {
  border-top: 4px solid #f0f;
}

.env-border-staging {
  border-top: 4px solid #0ff;
}

.result.match h3.toggle:before, .journal-message .message-type-icon:before,
.status-message .message-type-icon:before, body.page-matching .messages .journal-message .message-body.warning > .icon:before,
body.page-matching .messages .journal-message .message-body.attention > .icon:before,
body.page-matching .messages .status-message .message-body.warning > .icon:before,
body.page-matching .messages .status-message .message-body.attention > .icon:before, body.page-matching .messages .journal-message .message-body .title .icon:before,
body.page-matching .messages .status-message .message-body .title .icon:before, .custom-week-schedule-inline input[type=checkbox] + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:before, input[type=checkbox].autosave + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, .object-tools a.addlink:before, .action-cancel-daypart.button:before, .submit-row a.action-cancel-daypart.closelink:before, .object-tools a.action-cancel-daypart:link:before,
.object-tools a.action-cancel-daypart:visited:before,
input.action-cancel-daypart[type=submit]:before,
input.action-cancel-daypart[type=button]:before,
.submit-row input.action-cancel-daypart:before,
button.action-cancel-daypart:before,
.action-cancel-daypart.tab:before,
#changelist #toolbar form input.action-cancel-daypart[type=submit]:before, a.action-cancel-daypart.deletelink:before, .faq label.question:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.assigned:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.unavailable:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.available:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.occupied:before, .large-calendar input[type=checkbox] + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:before, .vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label:before, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label:before, .vertical-calendar .daypart.confirmed:before, .vertical-calendar .daypart.required.confirmed:before, .vertical-calendar .daypart.invited:before, .vertical-calendar .daypart.closed:before, .vertical-calendar .daypart.confirmed.closed:before, .vertical-calendar .daypart.assigned:before, .vertical-calendar .daypart.cancelled:before, .vertical-calendar .daypart.failed:before, button.button-unassign:before, .Toastify__toast-container .Toastify__toast--error:before, table.replacement-context [class*=custom-icon-]:before,
table.workweek-settings [class*=custom-icon-]:before, .page-help:before, .workweek-warning .page-help.page-help-warning label:before, .form-help .title:before, .inline-availability-day input[type=checkbox] + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label:before, .inline-availability-day input[type=checkbox]:checked + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:checked + label:before, .inline-availability-day .partofday-unavailable:before, .inline-availability-day .partofday-available:before, fieldset.week-availability-module .checkbox-row input[type=checkbox] + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label:before, fieldset.week-availability-module .checkbox-row input[type=checkbox]:checked + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.resolved abbr:before,
body.planning-overview-page #result_list th.resolved abbr:before, body.planning-overview-page input[type=checkbox] + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label:before, .grid-layout .module-action input[type=checkbox] + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label:before, [class*=custom-icon-]:before, .module-menu .toggle:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "slim-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 0.3em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.module-menu .toggle:before {
  margin: 0;
  order: 99;
}

[class^=icon-].hero-icon,
[class*=" icon-"].hero-icon {
  font-size: 3em;
  text-align: center;
}
[class^=icon-].orange,
[class*=" icon-"].orange {
  color: #fe9b35 !important;
}
[class^=icon-].green,
[class*=" icon-"].green {
  color: #54a400 !important;
}
[class^=icon-].grey,
[class*=" icon-"].grey {
  color: #9ab8cc !important;
}
[class^=icon-].darkgrey,
[class*=" icon-"].darkgrey {
  color: #546e7a !important;
}
[class^=icon-].bg-orange,
[class*=" icon-"].bg-orange {
  background-color: #fe9b35 !important;
  color: white !important;
}
[class^=icon-].bg-green,
[class*=" icon-"].bg-green {
  background-color: #89D621 !important;
  color: white !important;
}
[class^=icon-].xs,
[class*=" icon-"].xs {
  font-size: 0.85em;
}
[class^=icon-].s,
[class*=" icon-"].s {
  font-size: 1em;
}
[class^=icon-].m,
[class*=" icon-"].m {
  font-size: 1.25em;
}
[class^=icon-].l,
[class*=" icon-"].l {
  font-size: 1.5em;
}
[class^=icon-].xl,
[class*=" icon-"].xl {
  font-size: 2em;
}
[class^=icon-].no-margin,
[class*=" icon-"].no-margin {
  margin: 0;
}

@font-face {
  font-family: "slim-icons";
  src: url("../fonts/slim-icons/fonts/slim-icons.603789699c62.eot?3shqet");
  src: url("../fonts/slim-icons/fonts/slim-icons.603789699c62.eot?3shqet#iefix") format("embedded-opentype"), url("../fonts/slim-icons/fonts/slim-icons.0515d4d799a5.ttf?3shqet") format("truetype"), url("../fonts/slim-icons/fonts/slim-icons.6ea35ed3665e.woff?3shqet") format("woff"), url("../fonts/slim-icons/fonts/slim-icons.5226a9e00318.svg?3shqet#slim-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "slim-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;
}

.icon-fa-calendar-pen:before, .icon-mediation-rescheduled:before, .journal-message.type-mediation_rescheduled .message-type-icon:before,
.status-message.type-mediation_rescheduled .message-type-icon:before {
  content: "\e971";
}

.icon-fa-calendar-check:before, .icon-mediation-resolved:before, .journal-message.type-mediation_resolved .message-type-icon:before,
.status-message.type-mediation_resolved .message-type-icon:before {
  content: "\e972";
}

.icon-fa-magnifying-glass-arrow-right:before, .icon-mediation-verify:before {
  content: "\e96e";
}

.icon-fa-trash:before, .icon-mediation-deleted:before {
  content: "\e96f";
}

.icon-fa-badge-check:before, .icon-mediation-closed:before {
  content: "\e970";
}

.icon-fa-calendar-star:before, .icon-mediation-today:before {
  content: "\e967";
}

.icon-fa-calendar-circle-plus:before {
  content: "\e968";
}

.icon-fa-calendar-circle-exclamation:before {
  content: "\e969";
}

.icon-fa-calendar-clock:before {
  content: "\e96a";
}

.icon-fa-calendar-exclamation:before, .icon-mediation-expired:before {
  content: "\e96b";
}

.icon-fa-calendar-plus:before, .icon-task-add:before, .icon-mediation-scheduled:before, .journal-message.type-mediation_scheduled .message-type-icon:before,
.status-message.type-mediation_scheduled .message-type-icon:before {
  content: "\e96c";
}

.icon-fa-calendar:before, .icon-mediation-tomorrow:before, .icon-mediation-two_days:before, .icon-mediation-three_days:before, .icon-mediation-four_days:before, .icon-mediation-five_days:before, .icon-mediation-six_days:before, .icon-mediation-seven_days:before, .icon-mediation-eight_days:before, .icon-mediation-nine_days:before, .icon-mediation-future:before {
  content: "\e96d";
}

.icon-eyes:before {
  content: "\e966";
}

.icon-category:before {
  content: "\e965";
}

.icon-thumbs-down:before, .icon-pref-not_interested:before {
  content: "\e963";
}

.icon-thumbs-up:before, .icon-pref-interested:before {
  content: "\e964";
}

.icon-hourglass:before, .journal-message.status-medreq-queued .message-type-icon:before,
.status-message.status-medreq-queued .message-type-icon:before {
  content: "\e962";
}

.icon-location-warning:before, .icon-pref-limited_availability:before, .icon-pref-favorite_exclusive:before {
  content: "\e961";
}

.icon-copy:before {
  content: "\e960";
}

.icon-pdf:before {
  content: "\e95e";
}

.icon-docx:before {
  content: "\e95f";
}

.icon-download:before {
  content: "\e95d";
}

.icon-month:before {
  content: "\e956";
}

.icon-halfday:before {
  content: "\e957";
}

.icon-fast:before {
  content: "\e958";
}

.icon-day:before {
  content: "\e959";
}

.icon-basket:before {
  content: "\e95a";
}

.icon-cart:before {
  content: "\e95b";
}

.icon-whatsapp-logo-outline:before {
  content: "\e95c";
}

.icon-pin:before, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label:before,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label:before, .journal-message .message-pin input[type=checkbox].autosave + label:before, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:before,
.status-message .message-pin input[type=checkbox].autosave + label:before,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:before, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label:before,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label:before {
  content: "\e954";
}

.icon-unpin:before, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label:before,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label:before, .journal-message .message-pin input[type=checkbox].autosave:checked + label:before, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:before,
.status-message .message-pin input[type=checkbox].autosave:checked + label:before,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:before, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label:before,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label:before {
  content: "\e955";
}

.icon-refresh:before, table.replacement-context .custom-icon-correction:before, table.workweek-settings .custom-icon-correction:before {
  content: "\e953";
}

.icon-payroll:before {
  content: "\e952";
}

.icon-bicycle2:before, .icon-prop-commutes-bicycle:before,
.icon-bicycle:before {
  content: "\e951";
}

.icon-holiday1:before {
  content: "\e94f";
}

.icon-holiday2:before, table.replacement-context .custom-icon-holiday:before {
  content: "\e950";
}

.icon-trello:before, .journal-message.type-trello .message-type-icon:before,
.status-message.type-trello .message-type-icon:before {
  content: "\e94e";
}

.icon-eye:before, .journal-message.type-viewed .message-type-icon:before,
.status-message.type-viewed .message-type-icon:before {
  content: "\e94d";
}

.icon-checkbox-unchecked:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox] + label:hover:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-] + label:hover:before, input[type=checkbox].autosave + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before, .large-calendar input[type=checkbox] + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit] + label:before, body.planning-overview-page input[type=checkbox] + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit] + label:before, .grid-layout .module-action input[type=checkbox] + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit] + label:before {
  content: "\e94b";
}

.icon-checkbox-checked:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox]:checked + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-]:checked + label:before, input[type=checkbox].autosave:checked + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:before, .large-calendar input[type=checkbox]:checked + label:before, .large-calendar #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .large-calendar input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page input[type=checkbox]:enabled + label:hover:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:enabled + label:hover:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:enabled + label:hover:before, body.planning-overview-page input[type=checkbox]:checked + label:before, body.planning-overview-page #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form body.planning-overview-page input[type=checkbox][type=submit]:checked + label:before, .grid-layout .module-action input[type=checkbox]:checked + label:before, .grid-layout .module-action #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .grid-layout .module-action input[type=checkbox][type=submit]:checked + label:before {
  content: "\e94c";
}

.icon-add2:before {
  content: "\e946";
}

.icon-add1:before, .object-tools a.addlink:before {
  content: "\e947";
}

.icon-unlocked:before {
  content: "\e948";
}

.icon-locked:before, .custom-week-schedule-inline input[type=checkbox]:disabled + label:hover:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:hover:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox]:disabled + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:before, .vertical-calendar .daypart.closed:before, .vertical-calendar .daypart.confirmed.closed:before {
  content: "\e949";
}

.icon-menu:before {
  content: "\e94a";
}

.icon-id-documents:before, .document_list .custom-icon-passport:before, .icon-prop-documents:before {
  content: "\e944";
}

.icon-contract3:before, table.replacement-context .custom-icon-contract:before, .icon-prop-contracts:before {
  content: "\e945";
}

.icon-message-love:before {
  content: "\e93a";
}

.icon-message-user:before {
  content: "\e93b";
}

.icon-message-star:before {
  content: "\e93c";
}

.icon-message-happy:before {
  content: "\e93d";
}

.icon-message-ok:before {
  content: "\e93e";
}

.icon-message-typing:before {
  content: "\e93f";
}

.icon-message:before, .new-journal-message label .icon.icon-custom-message:before, .journal-message.type-comment .message-type-icon:before,
.status-message.type-comment .message-type-icon:before {
  content: "\e940";
}

.icon-system:before, .journal-message.type-system .message-type-icon:before,
.status-message.type-system .message-type-icon:before {
  content: "\e941";
}

.icon-system-timed:before {
  content: "\e942";
}

.icon-link:before {
  content: "\e943";
}

.icon-calendar2:before {
  content: "\e939";
}

.icon-swap:before {
  content: "\e936";
}

.icon-replace1:before {
  content: "\e937";
}

.icon-replace2:before, .journal-message.type-alternative .message-type-icon:before,
.status-message.type-alternative .message-type-icon:before {
  content: "\e938";
}

.icon-prohibited:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-failed[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-failed:disabled + label:hover:before, .vertical-calendar .daypart.failed:before, table.replacement-context .custom-icon-absence:before, .icon-pref-match_ignored:before {
  content: "\e935";
}

.icon-education:before {
  content: "\e934";
}

.icon-job-title:before {
  content: "\e933";
}

.icon-person:before, .icon-prop-job_title:before {
  content: "\e932";
}

.icon-email:before {
  content: "\e930";
}

.icon-questionmark:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-open[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-open:disabled + label:hover:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.unavailable:before, .vertical-calendar .daypart.invited:before {
  content: "\e931";
}

.icon-checkmark:before, .journal-message.type-assignment .message-type-icon:before,
.status-message.type-assignment .message-type-icon:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-assigned[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-assigned:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox]:checked + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.assigned:before, .vertical-calendar .daypart.confirmed:before, .vertical-calendar .daypart.required.confirmed:before, .vertical-calendar .daypart.assigned:before, .workweek-warning .page-help.page-help-warning label:before, .workweek-warning input.reviewed:checked + .page-help.page-help-warning:before, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning:before, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning:before, .inline-availability-day input[type=checkbox]:checked + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit]:checked + label:before, .inline-availability-day .partofday-available:before, fieldset.week-availability-module .checkbox-row input[type=checkbox]:checked + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit]:checked + label:before, body.planning-overview-page #result_list td.available abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.available abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.resolved abbr:before,
body.planning-overview-page #result_list th.resolved abbr:before, .icon-pref-interest_processed:before {
  content: "\e92f";
}

.icon-phone:before {
  content: "\e92e";
}

.icon-archive:before {
  content: "\e900";
}

.icon-arrow-down:before, .result.match h3.toggle:before, .faq label.question:before, .module-menu .toggle:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-up:before, .result.match.open h3.toggle:before, .faq input[type=checkbox]:checked ~ label.question:before, .faq #changelist #toolbar form input[type=checkbox][type=submit]:checked ~ label.question:before, #changelist #toolbar form .faq input[type=checkbox][type=submit]:checked ~ label.question:before, .module-menu .open .toggle:before {
  content: "\e904";
}

.icon-bookmark:before {
  content: "\e905";
}

.icon-building:before {
  content: "\e906";
}

.icon-calendar-add:before {
  content: "\e907";
}

.icon-calendar:before {
  content: "\e908";
}

.icon-calendar-ok:before {
  content: "\e909";
}

.icon-calendar-schedule:before {
  content: "\e90a";
}

.icon-car:before, .icon-prop-commutes-car:before {
  content: "\e90b";
}

.icon-clock:before, table.workweek-settings .custom-icon-clock:before {
  content: "\e90c";
}

.icon-contact1:before {
  content: "\e90d";
}

.icon-contact2:before {
  content: "\e90e";
}

.icon-contract:before {
  content: "\e90f";
}

.icon-contract2:before {
  content: "\e910";
}

.icon-delete:before, .journal-message.type-unassignment .message-type-icon:before,
.status-message.type-unassignment .message-type-icon:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-cancelled[type=submit] + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled[type=submit] + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-cancelled:disabled + label:hover:before, .custom-week-schedule-inline input[type=checkbox] + label:hover:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover:before, .custom-week-schedule-inline input[type=checkbox] + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:before, .action-cancel-daypart.button:before, .submit-row a.action-cancel-daypart.closelink:before, .object-tools a.action-cancel-daypart:link:before,
.object-tools a.action-cancel-daypart:visited:before,
input.action-cancel-daypart[type=submit]:before,
input.action-cancel-daypart[type=button]:before,
.submit-row input.action-cancel-daypart:before,
button.action-cancel-daypart:before,
.action-cancel-daypart.tab:before,
#changelist #toolbar form input.action-cancel-daypart[type=submit]:before, a.action-cancel-daypart.deletelink:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.occupied:before, .vertical-calendar .daypart.with-checkbox input[type=checkbox]:checked + label:before, .vertical-calendar .daypart.with-checkbox #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .vertical-calendar .daypart.with-checkbox input[type=checkbox][type=submit]:checked + label:before, .vertical-calendar .daypart.cancelled:before, button.button-unassign:before, .workweek-warning input.reviewed:checked + .page-help.page-help-warning label:before, .workweek-warning #changelist #toolbar form input.reviewed[type=submit]:checked + .page-help.page-help-warning label:before, #changelist #toolbar form .workweek-warning input.reviewed[type=submit]:checked + .page-help.page-help-warning label:before, .inline-availability-day input[type=checkbox] + label:before, .inline-availability-day #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .inline-availability-day input[type=checkbox][type=submit] + label:before, .inline-availability-day .partofday-unavailable:before, fieldset.week-availability-module .checkbox-row input[type=checkbox] + label:before, fieldset.week-availability-module .checkbox-row #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form fieldset.week-availability-module .checkbox-row input[type=checkbox][type=submit] + label:before, body.planning-overview-page #result_list td.absent abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.occupied abbr + .day-details-popover .status-icon:before, body.planning-overview-page #result_list td.blocked abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.absent abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.occupied abbr + .day-details-popover .status-icon:before,
body.planning-overview-page #result_list th.blocked abbr + .day-details-popover .status-icon:before {
  content: "\e911";
}

.icon-diploma1:before, .icon-prop-diplomas:before, .icon-prop-education_types:before {
  content: "\e912";
}

.icon-diploma2:before {
  content: "\e913";
}

.icon-diploma4:before, .document_list .custom-icon-vog:before {
  content: "\e914";
}

.icon-doc-resume:before {
  content: "\e915";
}

.icon-edit:before, .journal-message.type-action .message-type-icon:before, .journal-message.type-partial .message-type-icon:before,
.status-message.type-action .message-type-icon:before,
.status-message.type-partial .message-type-icon:before {
  content: "\e916";
}

.icon-favorite:before {
  content: "\e917";
}

.icon-gauge:before {
  content: "\e918";
}

.icon-gauge2:before {
  content: "\e919";
}

.icon-history1:before {
  content: "\e91a";
}

.icon-id:before {
  content: "\e91b";
}

.icon-information2:before, .page-help:before, .form-help .title:before {
  content: "\e91c";
}

.icon-information3:before, .journal-message.type-application-note .message-type-icon:before,
.status-message.type-application-note .message-type-icon:before {
  content: "\e91d";
}

.icon-map:before, .icon-pref-favorite:before {
  content: "\e91e";
}

.icon-new-window:before {
  content: "\e91f";
}

.icon-phone2:before {
  content: "\e920";
}

.icon-recurring:before, .icon-pref-recurring:before {
  content: "\e921";
}

.icon-recurring2:before {
  content: "\e922";
}

.icon-resume:before {
  content: "\e923";
}

.icon-school:before, .journal-message.type-location-note .message-type-icon:before,
.status-message.type-location-note .message-type-icon:before {
  content: "\e924";
}

.icon-schoolboard:before, .journal-message.type-board-note .message-type-icon:before,
.status-message.type-board-note .message-type-icon:before {
  content: "\e925";
}

.icon-search:before {
  content: "\e926";
}

.icon-star2:before, body.replacement-application-detail .custom-week-schedule-inline .daypart.available:before {
  content: "\e927";
}

.icon-talking:before {
  content: "\e928";
}

.icon-teacher:before {
  content: "\e929";
}

.icon-teacher2:before, .new-journal-message label .icon.icon-custom-replacement:before, .icon-prop-grades:before {
  content: "\e92a";
}

.icon-transit:before, .icon-prop-commutes-transit:before {
  content: "\e92b";
}

.icon-upload:before {
  content: "\e92c";
}

.icon-warning:before, .journal-message.status-medreq-failed .message-type-icon:before,
.status-message.status-medreq-failed .message-type-icon:before, .Toastify__toast-container .Toastify__toast--error:before, .page-help.page-help-warning:before {
  content: "\e92d";
}

#header {
  /* Reset the indents of django-flat-theme
    (need to restore 40px on branding+user-tools instead) */
  padding: 0;
  min-height: 40px;
  height: auto;
  background-color: #546e7a;
  color: #fff;
  border-bottom: none;
  position: relative;
  z-index: 200;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#header a:link,
#header a:visited {
  color: inherit;
}
#header a:hover,
#header a:focus {
  text-decoration: none;
}
#header #bookmark-form {
  clear: both;
  display: none;
}

.header-message {
  background-color: #fe9b35;
  color: white;
  border-bottom: 1px solid #ffcc66;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  padding: 6px 12px;
}
@media (max-width: 767px) {
  .header-message {
    flex-direction: column;
  }
}
.header-message .icon {
  font-size: 2em;
}
.header-message .message-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.header-message p {
  margin: 0;
  padding: 0;
}
.header-message .message-action {
  margin: 6px 0;
}
.header-message .button, .header-message .submit-row a.closelink, .submit-row .header-message a.closelink, .header-message .submit-row a.deletelink, .submit-row .header-message a.deletelink, .header-message .object-tools a:link, .object-tools .header-message a:link,
.header-message .object-tools a:visited,
.object-tools .header-message a:visited {
  background-color: rgba(0, 0, 0, 0.5);
}
.header-message .button:hover, .header-message .submit-row a.closelink:hover, .submit-row .header-message a.closelink:hover, .header-message .submit-row a.deletelink:hover, .submit-row .header-message a.deletelink:hover, .header-message .object-tools a:hover:link, .object-tools .header-message a:hover:link,
.header-message .object-tools a:hover:visited,
.object-tools .header-message a:hover:visited, .header-message .button:focus, .header-message .submit-row a.closelink:focus, .submit-row .header-message a.closelink:focus, .header-message .submit-row a.deletelink:focus, .submit-row .header-message a.deletelink:focus, .header-message .object-tools a:focus:link, .object-tools .header-message a:focus:link,
.header-message .object-tools a:focus:visited,
.object-tools .header-message a:focus:visited, .header-message .button:active, .header-message .submit-row a.closelink:active, .submit-row .header-message a.closelink:active, .header-message .submit-row a.deletelink:active, .submit-row .header-message a.deletelink:active, .header-message .object-tools a:active:link, .object-tools .header-message a:active:link,
.header-message .object-tools a:active:visited,
.object-tools .header-message a:active:visited {
  background-color: black;
  color: white;
}

#header #navigation {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

#header #branding {
  order: 1;
}
#header #branding h1 {
  margin: 0;
  padding: 0;
  height: auto;
  border-radius: none;
  padding: 6px;
  text-indent: -9999px;
  background: transparent url("../img/slim-beeldmerk.ec42b378ba6c.svg") center center no-repeat;
  height: 48px;
  width: 30px;
  background-size: 26px 48px;
}
@media (max-width: 1280px) {
  #header #branding h1 {
    padding-top: 12px;
  }
}

#header #user-tools {
  padding: 6px 12px 6px 12px;
  text-transform: none;
  border-radius: 0 0 0 6px;
  line-height: 1.4;
  z-index: 10000;
}
@media (max-width: 1280px) {
  #header #user-tools {
    display: flex;
  }
  #header #user-tools > * {
    margin-left: 12px !important;
  }
}
#header #user-tools a, #header #user-tools strong {
  text-indent: 0;
  line-height: 1.4;
  margin-left: 0.5em;
}
#header #user-tools strong {
  display: block;
}
#header #user-tools input[type=submit], #header #user-tools #changelist #toolbar form input[type=submit], #changelist #toolbar form #header #user-tools input[type=submit] {
  background: none;
  line-height: 1.4;
  text-transform: none;
  padding: 0;
  border-radius: 0;
  color: inherit;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#header ul.menu {
  display: flex;
}
#header ul.menu li {
  position: relative;
  display: flex;
}
#header ul.menu ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
}
#header ul.menu ul li {
  background-color: white;
  color: #555;
}
#header ul.menu ul ul {
  left: 100%;
  top: 0;
  border-top: 1px solid #ededed;
}
#header ul.menu form {
  display: flex;
  flex: 1;
}
#header ul.menu ul input[type=submit], #header ul.menu ul #changelist #toolbar form input[type=submit], #changelist #toolbar form #header ul.menu ul input[type=submit] {
  background: none;
  padding: 6px 12px;
  color: #555;
  display: block;
  flex: 1;
  text-transform: none;
  font-size: 1em;
  letter-spacing: normal;
  text-align: left;
  line-height: 24px;
}
#header ul.menu ul input[type=submit]:hover, #header ul.menu ul #changelist #toolbar form input[type=submit]:hover, #changelist #toolbar form #header ul.menu ul input[type=submit]:hover, #header ul.menu ul input[type=submit]:focus, #header ul.menu ul #changelist #toolbar form input[type=submit]:focus, #changelist #toolbar form #header ul.menu ul input[type=submit]:focus {
  background-color: #fafafa;
}
#header ul.menu ul a:hover, #header ul.menu ul a:focus {
  background-color: #fafafa;
}
#header ul.menu strong,
#header ul.menu .title,
#header ul.menu a {
  padding: 6px 12px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#header ul.menu strong .name,
#header ul.menu .title .name,
#header ul.menu a .name {
  line-height: 1.2;
  padding: 6px 0;
  white-space: nowrap;
}
#header ul.menu strong,
#header ul.menu .title {
  line-height: 24px;
  background-color: #ededed;
}
#header ul.menu a.has-submenu {
  padding-right: 20px !important;
  position: relative;
}
#header ul.menu a.has-submenu:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  border: 4px solid transparent;
  border-bottom: none;
  border-top-color: rgba(0, 0, 0, 0.2);
}
#header ul.menu .initials-menu .initials {
  display: flex;
  gap: 0.25em;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 2em;
  min-width: 1.4em;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0 0.5em;
}

#header ul.menu.right ul {
  left: auto;
  right: 0;
}
#header ul.menu.right ul ul {
  right: 100%;
  top: 0;
  border-top: 1px solid #ededed;
}

#header ul#navigation-menu,
#header ul#user-menu {
  float: none;
  clear: none;
  height: auto;
  background: none;
  border-bottom: none;
  margin-top: 0;
}
@media (max-width: 767px) {
  #header ul#navigation-menu,
  #header ul#user-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#header ul#navigation-menu li,
#header ul#user-menu li {
  line-height: 1;
  border-bottom: 3px solid transparent;
  padding: 0;
}
#header ul#navigation-menu li a,
#header ul#user-menu li a {
  line-height: 48px;
  border-right: none;
  padding: 12px 12px 9px;
}
@media (max-width: 1280px) {
  #header ul#navigation-menu li a,
  #header ul#user-menu li a {
    line-height: 32px;
  }
}
#header ul#navigation-menu li a.has-icon,
#header ul#user-menu li a.has-icon {
  padding-right: 30px;
}
#header ul#navigation-menu li a.has-icon:after,
#header ul#user-menu li a.has-icon:after {
  right: 6px;
  top: 24px;
}
#header ul#navigation-menu li.first a,
#header ul#user-menu li.first a {
  background: none;
  text-indent: 0;
  margin: 0;
}
#header ul#navigation-menu > li,
#header ul#user-menu > li {
  border-bottom: 3px solid transparent;
}
#header ul#navigation-menu > li > a,
#header ul#user-menu > li > a {
  color: #fff;
}
#header ul#navigation-menu > li.selected,
#header ul#user-menu > li.selected {
  background: none;
  border-bottom-color: #89D621;
}
#header ul#navigation-menu > li.disabled a,
#header ul#user-menu > li.disabled a {
  color: rgba(255, 255, 255, 0.3);
}
#header ul#navigation-menu > li.disabled:hover,
#header ul#user-menu > li.disabled:hover {
  background-color: transparent;
  border-bottom-color: transparent;
}
#header ul#navigation-menu > li:hover, #header ul#navigation-menu > li.over,
#header ul#user-menu > li:hover,
#header ul#user-menu > li.over {
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: #fe9b35;
}
#header ul#navigation-menu > li.item-dashboard > a,
#header ul#user-menu > li.item-dashboard > a {
  background-image: url("../img/slim-beeldmerk.ec42b378ba6c.svg");
  background-position: 9px center;
  background-repeat: no-repeat;
  height: 48px;
  padding-left: 52px;
  background-size: 26px 48px;
}
@media (max-width: 1280px) {
  #header ul#navigation-menu > li.item-dashboard > a,
  #header ul#user-menu > li.item-dashboard > a {
    height: auto;
    padding-left: 47px;
    background-size: 26px 38px;
  }
}
#header ul#navigation-menu li ul,
#header ul#user-menu li ul {
  margin-top: 0;
  margin-left: 0;
  border-top: 4px solid #fe9b35;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
#header ul#navigation-menu li ul li,
#header ul#user-menu li ul li {
  border-bottom: 0;
  border: 1px solid #ededed;
  border-right: none;
  border-left-color: #fe9b35;
  border-left: none;
  border-right: none;
  border-top: none;
}
#header ul#navigation-menu li ul li a,
#header ul#user-menu li ul li a {
  line-height: 24px;
  border: none;
  border-left: 3px solid transparent;
  padding-left: 9px;
}
#header ul#navigation-menu li ul li a.has-icon:after,
#header ul#user-menu li ul li a.has-icon:after {
  top: 12px;
}
#header ul#navigation-menu li ul li.selected a,
#header ul#user-menu li ul li.selected a {
  border-left-color: #546e7a;
}

body.app-substitutes .item-substitutes {
  background: none;
  border-bottom-color: #89D621 !important;
}

.page-header {
  clear: both;
  background: #29434e;
  padding: 12px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.page-header:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 0 6px 1px #fe9b35;
}
@media (max-width: 767px) {
  .page-header:after {
    box-shadow: none;
  }
}
.page-header h1 {
  color: white;
  line-height: 1.4;
  margin-bottom: 0;
}
.page-header h1 small {
  display: block;
}
.page-header em {
  color: #89D621;
  font-style: normal;
  font-weight: inherit;
}
.page-header div.breadcrumbs {
  position: relative;
  margin: 0 24px 0 0;
  padding: 0;
  line-height: 1.2;
  flex: 0 1 50%;
}
.page-header .page-nav {
  flex: 1 1 50%;
}
.page-header .pageheader-nav {
  position: absolute;
  right: 24px;
  bottom: 12px;
}
.page-header .nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.page-header .nav h1 {
  margin-right: 24px;
}

div.breadcrumbs {
  display: block;
  margin: 0 24px;
  position: absolute;
  z-index: 2;
  padding: 12px 12px 0;
  border: 0;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: transparent;
  color: #c4dce8;
  border-radius: 6px 6px 0 0;
}
div.breadcrumbs h1 {
  text-transform: none;
  font-size: 16px;
  line-height: inherit;
}
div.breadcrumbs h1 a, div.breadcrumbs h1 .submit-row a.deletelink, .submit-row div.breadcrumbs h1 a.deletelink, div.breadcrumbs h1 .object-tools a:link, .object-tools div.breadcrumbs h1 a:link,
div.breadcrumbs h1 .object-tools a:visited,
.object-tools div.breadcrumbs h1 a:visited {
  color: inherit;
}
div.breadcrumbs a, div.breadcrumbs .submit-row a.deletelink, .submit-row div.breadcrumbs a.deletelink, div.breadcrumbs .object-tools a:link, .object-tools div.breadcrumbs a:link,
div.breadcrumbs .object-tools a:visited,
.object-tools div.breadcrumbs a:visited {
  display: inline;
  color: #819ca9;
}

.object-tools {
  float: none;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.object-tools li {
  height: auto;
  float: none;
}
.object-tools a:link,
.object-tools a:visited {
  border: 1px solid #819ca9;
}
.object-tools a:hover,
.object-tools a:focus {
  background-color: #89D621;
  border-color: #89D621;
}
.object-tools a.addlink {
  background-image: none;
}
.object-tools a.addlink:before {
  font-size: 1.4em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1em;
}

.page-nav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 -12px;
}
.page-nav li {
  list-style: none;
}
.page-nav .tab {
  text-transform: uppercase;
  line-height: 24px;
  font-size: 11px;
  letter-spacing: 0.05em;
  padding: 3px 12px;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  transition: all linear 0.2s;
  border-radius: 6px 6px 0 0;
  display: block;
  margin-right: 1px;
  border-bottom: 4px solid transparent;
}
.page-nav .tab:hover, .page-nav .tab:active, .page-nav .tab:focus {
  border-color: #fe9b35;
  background-color: #546e7a;
}
.page-nav .tab.tab-active {
  border-color: #89D621;
}
.page-nav .tab.tab-disabled {
  cursor: default;
  opacity: 0.25;
}
.page-nav .tab.tab-disabled:hover, .page-nav .tab.tab-disabled:active, .page-nav .tab.tab-disabled:focus {
  background-color: transparent !important;
  border-color: transparent;
}

input, #changelist #toolbar form input[type=submit], textarea, select, .form-row p, form .button, form .submit-row a.closelink, .submit-row form a.closelink, form .submit-row a.deletelink, .submit-row form a.deletelink, form .object-tools a:link, .object-tools form a:link,
form .object-tools a:visited,
.object-tools form a:visited {
  font-family: "Roboto", Arial, sans-serif;
}

*:focus {
  outline: none;
}

.related-widget-wrapper-link {
  display: none;
}

.related-widget-wrapper > div > div > label {
  padding: 5px 10px 5px 0;
}

form .aligned select option:checked {
  background-color: #ddd;
}

label {
  color: #666;
}
label.required, .required label {
  color: #333;
}

input[type=text], #changelist #toolbar form input[type=text][type=submit],
input[type=email],
#changelist #toolbar form input[type=email][type=submit],
input[type=date],
#changelist #toolbar form input[type=date][type=submit],
input[type=number],
#changelist #toolbar form input[type=number][type=submit],
textarea,
select {
  background-color: white;
  border: 1px solid #ccc;
}
input[type=text][disabled], #changelist #toolbar form input[type=text][disabled][type=submit], input[type=text][readonly], #changelist #toolbar form input[type=text][readonly][type=submit],
input[type=email][disabled],
#changelist #toolbar form input[type=email][disabled][type=submit],
input[type=email][readonly],
#changelist #toolbar form input[type=email][readonly][type=submit],
input[type=date][disabled],
#changelist #toolbar form input[type=date][disabled][type=submit],
input[type=date][readonly],
#changelist #toolbar form input[type=date][readonly][type=submit],
input[type=number][disabled],
#changelist #toolbar form input[type=number][disabled][type=submit],
input[type=number][readonly],
#changelist #toolbar form input[type=number][readonly][type=submit],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly] {
  background-color: #f8f8f8;
  color: #819ca9;
}
input[type=text][disabled]:focus, #changelist #toolbar form input[type=text][disabled][type=submit]:focus, input[type=text][readonly]:focus, #changelist #toolbar form input[type=text][readonly][type=submit]:focus,
input[type=email][disabled]:focus,
#changelist #toolbar form input[type=email][disabled][type=submit]:focus,
input[type=email][readonly]:focus,
#changelist #toolbar form input[type=email][readonly][type=submit]:focus,
input[type=date][disabled]:focus,
#changelist #toolbar form input[type=date][disabled][type=submit]:focus,
input[type=date][readonly]:focus,
#changelist #toolbar form input[type=date][readonly][type=submit]:focus,
input[type=number][disabled]:focus,
#changelist #toolbar form input[type=number][disabled][type=submit]:focus,
input[type=number][readonly]:focus,
#changelist #toolbar form input[type=number][readonly][type=submit]:focus,
textarea[disabled]:focus,
textarea[readonly]:focus,
select[disabled]:focus,
select[readonly]:focus {
  outline: none;
  border-color: #ccc;
}

select {
  height: 28px;
}

.vDateField:disabled + .datetimeshortcuts {
  display: none;
}

div.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
}

.form-row {
  padding: 12px;
  max-width: calc(100vw - 24px);
}
.form-row.hidden {
  display: none;
}
.description .form-row {
  margin-left: -12px;
}
.description .form-row .related-widget-wrapper {
  float: none;
  line-height: 26px;
  padding: 6px 0 0;
}

.aligned label {
  min-width: 0;
  width: auto;
}

.aligned .form-field {
  padding-left: 13rem;
}
@media (max-width: 767px) {
  .aligned .form-field {
    padding-left: 0;
  }
}
.aligned .form-field > label {
  margin-left: -13rem;
  width: 12.1875rem;
  padding: 6px 1em 6px 0;
}
@media (max-width: 767px) {
  .aligned .form-field > label {
    margin-left: 0;
    width: 100%;
    padding: 6px 0;
  }
}
.aligned .form-field span.clearable-file-input label {
  margin-left: 0;
}
.aligned .form-field span.clearable-file-input {
  display: inline-block;
  margin-left: 1em;
}
.aligned .form-field > label {
  display: block;
  float: left;
}
.aligned .form-field.hidden {
  display: none;
}
.aligned .form-field.fieldBox {
  width: 24em;
}
@media (max-width: 1024px) {
  .aligned .form-field.fieldBox {
    margin-bottom: 6px;
  }
  .aligned .form-field.fieldBox:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .aligned .form-field.fieldBox {
    margin-bottom: 6px;
    width: calc(100vw - 24px);
    margin-right: 0;
  }
}
.aligned .form-field.checkbox-row {
  align-items: flex-start;
}
.aligned .form-field.checkbox-row label,
.aligned .form-field ul label {
  margin-left: 0.5em;
  padding: 0;
  float: none;
  display: inline-block;
}
.aligned .form-field.checkbox-row input[type=checkbox], .aligned .form-field.checkbox-row #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .aligned .form-field.checkbox-row input[type=checkbox][type=submit] {
  margin-top: 0;
}
.aligned .form-field label input[type=checkbox], .aligned .form-field label #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .aligned .form-field label input[type=checkbox][type=submit] {
  margin-right: 0.5em;
}
.aligned .form-field div.datetime {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.aligned .form-field div.datetime .date,
.aligned .form-field div.datetime .time {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.aligned .form-field div.datetime label {
  margin: 0;
  padding: 0;
  width: 4em;
  min-width: 0;
}
.aligned .form-field div.datetime .vDateField,
.aligned .form-field div.datetime .vTimeField {
  width: 6em;
  min-width: 0;
  margin: 0;
}
.aligned .form-field div.datetime .datetimeshortcuts {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

form.betterform .form-field.checkboxinput {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
form.betterform .form-field.checkboxinput input[type=checkbox], #changelist #toolbar form.betterform .form-field.checkboxinput input[type=checkbox][type=submit] {
  order: 1;
  margin-top: 0.5em;
}
form.betterform .form-field.checkboxinput label {
  order: 2;
  float: none;
  margin-left: 0.5em;
  width: auto;
}
form.betterform .form-field.checkboxinput label .required {
  display: none;
}
form.betterform .form-field.checkboxinput .error,
form.betterform .form-field.checkboxinput .help {
  order: 3;
  width: 100%;
}

form.betterform .form-field.checkboxinput {
  display: flex;
}
form.betterform .form-field.checkboxinput input, #changelist #toolbar form.betterform .form-field.checkboxinput input[type=submit] {
  order: 1;
}
form.betterform .form-field.checkboxinput label {
  order: 2;
}

@media (max-width: 767px) {
  .calendarbox,
  .clockbox {
    z-index: 1000;
  }
}
.calendarbox .calendar-cancel,
.clockbox .calendar-cancel {
  background-color: #eee;
}
@media (max-width: 767px) {
  .calendarbox .calendar-cancel,
  .clockbox .calendar-cancel {
    background-color: #546e7a;
    margin: 0;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .calendarbox .calendar-cancel a,
  .clockbox .calendar-cancel a {
    color: white;
  }
}
.calendarbox .calendar caption,
.calendarbox h2,
.clockbox .calendar caption,
.clockbox h2 {
  background: #819ca9;
}

.datetimeshortcuts .clock-icon,
.datetimeshortcuts .date-icon {
  height: 16px;
  width: 16px;
  background-size: 16px auto;
}

.datetimeshortcuts a:focus .date-icon,
.datetimeshortcuts a:focus .clock-icon,
.datetimeshortcuts a:hover .date-icon,
.datetimeshortcuts a:hover .clock-icon {
  background-position: 0 -16px;
}

body.change-form #content-main p.date {
  margin: 0;
  padding: 0;
}

.aligned label + p,
.aligned label + div.help,
.aligned label + div.readonly {
  padding: 6px 0 6px;
}

.aligned label + p,
.aligned label + div.help {
  line-height: 1.4;
}

.help, p.help, form p.help, div.help, form div.help, div.help li {
  color: #999;
}

ul.errorlist {
  margin: 4px 0;
}
@media (max-width: 767px) {
  ul.errorlist {
    width: 100%;
  }
}
.related-widget-wrapper + ul.errorlist {
  clear: left;
}

.errors label {
  color: #ff6051;
}

ul.radios input[type=checkbox], ul.radios #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form ul.radios input[type=checkbox][type=submit],
ul.radios input[type=radio],
ul.radios #changelist #toolbar form input[type=radio][type=submit],
#changelist #toolbar form ul.radios input[type=radio][type=submit],
ul.checkboxes input[type=checkbox],
ul.checkboxes #changelist #toolbar form input[type=checkbox][type=submit],
#changelist #toolbar form ul.checkboxes input[type=checkbox][type=submit],
ul.checkboxes input[type=radio],
ul.checkboxes #changelist #toolbar form input[type=radio][type=submit],
#changelist #toolbar form ul.checkboxes input[type=radio][type=submit] {
  margin-top: -4px;
  margin-right: 0.5em;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.errors .select2-container--admin-autocomplete.select2-container--focus .select2-selection,
.errors .select2-container--admin-autocomplete.select2-container--open .select2-selection,
.errors .select2-container--admin-autocomplete .select2-selection--single {
  border-color: #ff6051;
}

.wizard-form .wizard-header {
  background-color: #546e7a;
  border-radius: 6px 6px 0 0;
  padding: 12px;
  color: white;
}
.wizard-form .next-button {
  margin-right: 0 !important;
}

input[type=tel], #changelist #toolbar form input[type=tel][type=submit] {
  width: 10em;
}

div.autosave-container {
  position: relative;
}

input[type=checkbox].autosave, #changelist #toolbar form input[type=checkbox].autosave[type=submit] {
  position: absolute;
  opacity: 0;
}
input[type=checkbox].autosave + label, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label {
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  display: inline-block;
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #546e7a;
  transition: all 0.1s linear;
}
input[type=checkbox].autosave + label:before, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:before {
  margin-right: 0;
}
input[type=checkbox].autosave + label:after, #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 0 -24px 0 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px;
  visibility: hidden;
}
input[type=checkbox].autosave:disabled + label, #changelist #toolbar form input[type=checkbox].autosave[type=submit]:disabled + label {
  color: #c4dce8;
  cursor: not-allowed;
}
input[type=checkbox].autosave:disabled + label:hover, #changelist #toolbar form input[type=checkbox].autosave[type=submit]:disabled + label:hover {
  color: #c4dce8;
  cursor: not-allowed;
}
input[type=checkbox].autosave.value-saving + label, #changelist #toolbar form input[type=checkbox].autosave.value-saving[type=submit] + label {
  color: #fe9b35;
}
input[type=checkbox].autosave.value-saving + label:after, #changelist #toolbar form input[type=checkbox].autosave.value-saving[type=submit] + label:after {
  visibility: visible;
  background-image: url("../img/spinner-red.6848c27c843b.svg");
  opacity: 1;
}
input[type=checkbox].autosave.value-saving + label:hover, #changelist #toolbar form input[type=checkbox].autosave.value-saving[type=submit] + label:hover {
  color: #fe9b35;
}
input[type=checkbox].autosave.value-saved + label, #changelist #toolbar form input[type=checkbox].autosave.value-saved[type=submit] + label {
  transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  color: #54a400;
}
input[type=checkbox].autosave.value-saved + label:after, #changelist #toolbar form input[type=checkbox].autosave.value-saved[type=submit] + label:after {
  visibility: visible;
  transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  background-image: url("../img/spinner-red.6848c27c843b.svg");
  opacity: 0;
}
input[type=checkbox].autosave:disabled.value-saved + label, #changelist #toolbar form input[type=checkbox].autosave[type=submit]:disabled.value-saved + label {
  color: #c4dce8;
}

form .aligned ul,
form .aligned p.help,
form .aligned div.help,
.aligned label + p,
.aligned label + div.help,
.aligned label + div.readonly {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

form .aligned .form-field + div.help {
  padding-left: 13rem !important;
  padding-top: 10px;
  flex: 100%;
}

fieldset .fieldBox {
  width: 40em;
}

.submit-row {
  position: fixed;
  display: flex;
  gap: 12px;
  overflow: visible;
  margin: 0;
  bottom: 24px;
  left: 24px;
  right: 24px;
  padding: 12px;
  background-color: #546e7a;
  border-radius: 0 0 6px 6px;
  border: none;
  text-align: left;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}
@media (max-width: 1024px) {
  .submit-row {
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 1024px) {
  .submit-row > * {
    width: auto;
  }
}
.popup .submit-row {
  left: 0;
  right: 0;
  bottom: 0;
}
.submit-row p {
  margin: 0 !important;
}
.submit-row p.remark {
  color: white;
  padding: 6px;
  font-style: italic;
  color: #c4dce8;
}
.submit-row:before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  height: 1em;
  left: 0;
  right: 0;
  bottom: 100%;
}
.submit-row input, .submit-row #changelist #toolbar form input[type=submit], #changelist #toolbar form .submit-row input[type=submit],
.submit-row button {
  height: auto;
  background-color: #546e7a;
  border-color: #546e7a;
  color: white;
  margin: 0;
}
.submit-row input:hover, .submit-row #changelist #toolbar form input[type=submit]:hover, #changelist #toolbar form .submit-row input[type=submit]:hover, .submit-row input:focus, .submit-row #changelist #toolbar form input[type=submit]:focus, #changelist #toolbar form .submit-row input[type=submit]:focus, .submit-row input:active, .submit-row #changelist #toolbar form input[type=submit]:active, #changelist #toolbar form .submit-row input[type=submit]:active,
.submit-row button:hover,
.submit-row button:focus,
.submit-row button:active {
  background: #29434e;
  border-color: #29434e;
  color: white;
}
.submit-row .button.default, .submit-row a.default.closelink, .submit-row a.default.deletelink, .submit-row .object-tools a.default:link, .object-tools .submit-row a.default:link,
.submit-row .object-tools a.default:visited,
.object-tools .submit-row a.default:visited,
.submit-row input[type=submit].default,
.submit-row #changelist #toolbar form input[type=submit].default,
#changelist #toolbar form .submit-row input[type=submit].default,
.submit-row input[type=button].default,
.submit-row #changelist #toolbar form input[type=button].default[type=submit],
#changelist #toolbar form .submit-row input[type=button].default[type=submit],
.submit-row .submit-row input.default,
.submit-row .submit-row #changelist #toolbar form input.default[type=submit],
#changelist #toolbar form .submit-row .submit-row input.default[type=submit],
.submit-row a.button.default,
.submit-row button.default {
  float: left;
  margin: 0 30px 0 0;
}
.submit-row .deletelink-box {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  text-transform: uppercase;
}
.submit-row a.deletelink {
  height: auto;
  background-color: #ff6051;
  color: #fff;
}
.submit-row a.deletelink:focus, .submit-row a.deletelink:hover, .submit-row a.deletelink:active {
  background-color: #c52a27;
}
.submit-row input[type=text], .submit-row #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form .submit-row input[type=text][type=submit] {
  background-color: white;
  color: #333;
  cursor: default;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
}

.submit-row .right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 767px) {
  .submit-row .right {
    flex-direction: column;
  }
}

fieldset.collapsed {
  border-radius: 0;
  border: none;
}

.inline-group {
  margin: 0;
}

fieldset + .inline-group,
.inline-group + .inline-group {
  margin-top: 24px;
}

.custom-week-schedule-inline {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 6px 0;
}
.custom-week-schedule-inline.empty-form {
  display: none;
}
.custom-week-schedule-inline .form-row {
  border: none;
  padding: 3px 10px;
}
.custom-week-schedule-inline .module {
  display: flex;
  align-items: center;
}
.custom-week-schedule-inline .weeknumber {
  width: 5em;
  font-size: 18px;
  padding: 3px 10px;
}
.custom-week-schedule-inline .weeknumber .year {
  opacity: 0.25;
}
.custom-week-schedule-inline .days {
  display: flex;
  width: 450px;
}
.custom-week-schedule-inline .day {
  border: 2px solid #819ca9;
  background-color: #819ca9;
  margin: 0 6px 0 0;
  flex: 1;
  border-radius: 3px;
}
.custom-week-schedule-inline .day .name {
  display: block;
  text-align: center;
  height: 1.6em;
  line-height: 1.6em;
  background-color: white;
}
.custom-week-schedule-inline .day .daypart {
  background-color: #819ca9;
}
.custom-week-schedule-inline .day.inactive {
  opacity: 0.4;
}
.custom-week-schedule-inline .day.inactive .name {
  font-style: italic;
}
.custom-week-schedule-inline .day.inactive .daypart {
  display: none;
}
.custom-week-schedule-inline input[type=checkbox], .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] {
  position: absolute;
  opacity: 0;
}
.custom-week-schedule-inline input[type=checkbox] + label, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label {
  position: relative;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  display: block;
  line-height: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  padding: 0;
  text-align: left;
}
.custom-week-schedule-inline input[type=checkbox] + label:before, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:before {
  padding-left: 3px;
}
.custom-week-schedule-inline input[type=checkbox] + label:hover, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover {
  background-color: rgba(137, 214, 33, 0.4);
  color: white;
}
.custom-week-schedule-inline input[type=checkbox]:checked + label, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label {
  background-color: #89D621;
  color: white;
}
.custom-week-schedule-inline input[type=checkbox]:disabled + label, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label {
  background-color: #c4dce8;
  color: #819ca9;
  cursor: not-allowed;
}
.custom-week-schedule-inline input[type=checkbox]:disabled + label:hover, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:hover, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:hover {
  background-color: #c4dce8;
  color: #819ca9;
}
.custom-week-schedule-inline .day .daypart.date {
  background-color: white;
}
.custom-week-schedule-inline .day .daypart.date input[type=checkbox], .custom-week-schedule-inline .day .daypart.date #changelist #toolbar form input[type=checkbox][type=submit], #changelist #toolbar form .custom-week-schedule-inline .day .daypart.date input[type=checkbox][type=submit], .custom-week-schedule-inline .day .daypart.date input[type=checkbox] + label:before, .custom-week-schedule-inline .day .daypart.date #changelist #toolbar form input[type=checkbox][type=submit] + label:before, #changelist #toolbar form .custom-week-schedule-inline .day .daypart.date input[type=checkbox][type=submit] + label:before {
  display: none;
}
.custom-week-schedule-inline .day .daypart.date input[type=checkbox] + label, .custom-week-schedule-inline .day .daypart.date #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .custom-week-schedule-inline .day .daypart.date input[type=checkbox][type=submit] + label {
  color: #333;
  cursor: default;
  text-align: center;
  height: 1.6em;
  line-height: 1.6em;
}
.custom-week-schedule-inline .day .daypart.date input[type=checkbox] + label:hover, .custom-week-schedule-inline .day .daypart.date #changelist #toolbar form input[type=checkbox][type=submit] + label:hover, #changelist #toolbar form .custom-week-schedule-inline .day .daypart.date input[type=checkbox][type=submit] + label:hover {
  background: none !important;
}
.custom-week-schedule-inline .field-year,
.custom-week-schedule-inline .field-week_number {
  text-align: left;
  font-size: 18px;
  width: 5em;
}
.custom-week-schedule-inline .field-year label,
.custom-week-schedule-inline .field-year .readonly,
.custom-week-schedule-inline .field-week_number label,
.custom-week-schedule-inline .field-week_number .readonly {
  font-size: 18px;
  padding: 0;
  display: inline;
}
.custom-week-schedule-inline .field-year label {
  display: none;
}
.custom-week-schedule-inline .field-year .readonly {
  opacity: 0.25;
}
.custom-week-schedule-inline .module.week-year {
  display: block;
  padding-top: 3px;
  width: 7em;
}
.custom-week-schedule-inline .module.week-year .form-row {
  padding: 0 10px;
}

@media (max-width: 767px) {
  .custom-week-schedule-inline {
    border-bottom: none;
  }
  .aligned .form-field .custom-week-schedule-inline {
    width: 100%;
  }
  .custom-week-schedule-inline .days {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: auto;
    overflow: hidden;
    border: 1px solid #819ca9;
    border-radius: 6px;
    max-width: 400px;
    margin-right: 12px;
  }
  .custom-week-schedule-inline .day {
    display: flex;
    border: none;
    background: none;
    border-radius: 0;
    margin: 0;
  }
  .custom-week-schedule-inline .day:last-child {
    border-bottom: none;
  }
  .custom-week-schedule-inline .name {
    flex: 0 0 7em;
    height: 23px;
    line-height: 23px;
    border-top: 1px solid #c4dce8;
  }
  .custom-week-schedule-inline .daypart {
    flex: 1;
    overflow: hidden;
    border-top: 1px solid white;
    border-left: 1px solid white;
    overflow: hidden;
  }
  .custom-week-schedule-inline .day:first-child .name,
  .custom-week-schedule-inline .day:first-child .daypart {
    border-top: none !important;
  }
  .custom-week-schedule-inline .day.inactive {
    border-top: 1px solid #c4dce8;
  }
  .custom-week-schedule-inline .day.inactive .daypart,
  .custom-week-schedule-inline .day.inactive .name {
    display: block;
    background-color: white;
    border-top: none;
  }
  .custom-week-schedule-inline .day.inactive.weekend {
    display: none;
  }
  .custom-week-schedule-inline input[type=checkbox] + label, .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .custom-week-schedule-inline input[type=checkbox][type=submit] + label {
    text-align: center;
  }
}
.custom-week-schedule-inline.with-weekend .days {
  width: 630px;
}
@media (max-width: 767px) {
  .custom-week-schedule-inline.with-weekend .days {
    width: auto;
  }
}

.baseweek-schedule-module .module:first-child h2:first-child,
.week-schedule-module .module:first-child h2:first-child {
  border-radius: 0;
}

.module.status-change-form .custom-week-schedule-inline .day {
  background-color: #f8f8f8;
  border-color: #CDD7DC;
}
.module.status-change-form .custom-week-schedule-inline .day.inactive {
  opacity: 1;
}
.module.status-change-form .custom-week-schedule-inline .daypart {
  background-color: white;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-non-required[type=submit] + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required[type=submit] + label {
  color: #f8f8f8;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-non-required[type=submit] + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required[type=submit] + label, .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required:disabled + label:hover {
  background-color: #f8f8f8;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required:disabled + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox].status-non-required[type=submit]:disabled + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox].status-non-required[type=submit]:disabled + label {
  opacity: 1;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox] + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit] + label {
  background-color: #819ca9;
  color: white;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox] + label:hover, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-] + label:hover {
  background-color: #29434e;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox] + label:hover:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit] + label:hover:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit] + label:hover:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-] + label:hover:before {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox]:checked + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-]:checked + label {
  background-color: #29434e;
  font-weight: bold;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox]:checked + label:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:checked + label:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:checked + label:before, .module.status-change-form .custom-week-schedule-inline input[type=checkbox][class*=status-]:checked + label:before {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox]:disabled + label, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label {
  font-style: italic;
  opacity: 0.5;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox]:disabled + label:hover, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:hover, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:hover {
  background-color: #819ca9;
}
.module.status-change-form .custom-week-schedule-inline input[type=checkbox]:disabled + label:hover:before, .module.status-change-form .custom-week-schedule-inline #changelist #toolbar form input[type=checkbox][type=submit]:disabled + label:hover:before, #changelist #toolbar form .module.status-change-form .custom-week-schedule-inline input[type=checkbox][type=submit]:disabled + label:hover:before {
  font-size: 14px;
  display: inline;
  vertical-align: inherit;
  margin-right: 4px;
}

select#id_application-absence_reason,
select#id_application-school_location,
select#id_board,
select#school_location,
select#school {
  width: 40em;
}
@media(max-width: 1024px) {
  select#id_application-absence_reason,
  select#id_application-school_location,
  select#id_board,
  select#school_location,
  select#school {
    width: 20em;
  }
}

.module-actions select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  background-image: none;
  border: 1px solid #c4dce8;
  border-top: none;
  border-bottom: none;
  background-color: white;
  background-image: url("../img/icon-arrow-down.8628709ea03f.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 16px 16px;
  color: #333;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  text-transform: none;
  letter-spacing: initial;
  padding: 0 28px 0 12px;
  margin: 0;
  max-width: 24em;
  transition: all linear 0.2s;
  cursor: pointer;
}
.module-actions select:hover, .module-actions select:focus, .module-actions select:active {
  background-color: #c4dce8;
}

input[type=submit][name=_addanother], #changelist #toolbar form input[type=submit][name=_addanother] {
  display: none;
}

div.filter-bar .admin-filter-Week .select2-container {
  min-width: 15em;
}

.inline-group .tabular tr.has_original td {
  padding-top: 8px;
}

.form-multiline {
  gap: 10px;
}
.form-multiline > div {
  padding-bottom: 0;
}

/* LOGIN FORM */
body.login,
body.signup {
  background: #fff3e7;
  padding-bottom: 1px;
}
body.login #header,
body.signup #header {
  background: none;
  height: auto;
  padding: 5px 16px;
  display: block;
}
body.login #header #branding,
body.signup #header #branding {
  display: flex;
  justify-content: center;
}
body.login #header #branding h1,
body.signup #header #branding h1 {
  background: transparent url("../img/slim-online-logo.81ef335cfbbe.svg") center center no-repeat;
  height: 72px;
  width: 250px;
  background-size: 250px 72px;
  margin-top: 36px;
  font-size: 18px;
}
body.login #header #branding h1 a,
body.signup #header #branding h1 a {
  color: #fff;
}
body.login .page-header,
body.signup .page-header {
  display: none;
}
body.login #container,
body.signup #container {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  width: 42em;
  min-width: 300px;
  height: auto;
  margin: 36px auto 100px;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  border: 1px solid #fe9b35;
}
@media (max-width: 767px) {
  body.login #container,
  body.signup #container {
    width: auto;
  }
}
body.login #content,
body.signup #content {
  min-height: 0;
  padding: 24px;
}
body.login #content-main,
body.signup #content-main {
  width: 100%;
  box-shadow: none;
  position: relative;
}
body.login span.help,
body.signup span.help {
  font-size: 10px;
  display: block;
}
body.login .submit-row,
body.signup .submit-row {
  display: flex;
  margin: 0;
  border: none;
  background: none;
  text-align: left;
  position: static;
  padding: 12px 0 0;
  box-shadow: none;
}
body.login .submit-row:before,
body.signup .submit-row:before {
  display: none;
}
body.login .submit-row label,
body.signup .submit-row label {
  display: none;
}
body.login .submit-row input[type=submit].default, body.login .submit-row #changelist #toolbar form input[type=submit].default, #changelist #toolbar form body.login .submit-row input[type=submit].default,
body.signup .submit-row input[type=submit].default,
body.signup .submit-row #changelist #toolbar form input[type=submit].default,
#changelist #toolbar form body.signup .submit-row input[type=submit].default {
  margin-right: 0;
}

body.login #container {
  width: 28em;
  min-width: 300px;
}

@media (max-width: 767px) {
  body.signup {
    padding: 0 24px 1px;
  }
}

body.login .form-row,
body.signup .form-row {
  padding: 4px 0;
  border-bottom: none;
}
body.login .form-row .form-field,
body.signup .form-row .form-field {
  flex: 1;
}
body.login .form-row input, body.login .form-row #changelist #toolbar form input[type=submit], #changelist #toolbar form body.login .form-row input[type=submit],
body.signup .form-row input,
body.signup .form-row #changelist #toolbar form input[type=submit],
#changelist #toolbar form body.signup .form-row input[type=submit] {
  clear: both;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}
body.login .form-row label,
body.signup .form-row label {
  padding-right: 0.5em;
  line-height: 2em;
  font-size: 1em;
  clear: both;
  color: #333;
}
@media (max-width: 767px) {
  body.login .aligned .form-row,
  body.signup .aligned .form-row {
    width: auto;
  }
}
body.login .password-reset-link,
body.signup .password-reset-link {
  position: absolute;
  right: 0;
  bottom: 24px;
}
body.login #login-form .submit-row,
body.signup #login-form .submit-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 767px) {
  body.login #login-form .submit-row,
  body.signup #login-form .submit-row {
    flex-direction: column;
  }
}
body.login #login-form .password-reset-link,
body.signup #login-form .password-reset-link {
  position: relative;
  bottom: auto;
}
@media (max-width: 767px) {
  body.login #login-form .password-reset-link,
  body.signup #login-form .password-reset-link {
    padding: 6px 0;
    margin: 12px 0 0;
  }
}

body.signup2 input#id_initials, body.signup2 #changelist #toolbar form input#id_initials[type=submit], #changelist #toolbar form body.signup2 input#id_initials[type=submit],
body.signup2 input#id_house_number,
body.signup2 #changelist #toolbar form input#id_house_number[type=submit],
#changelist #toolbar form body.signup2 input#id_house_number[type=submit],
body.signup2 input#id_postal_code,
body.signup2 #changelist #toolbar form input#id_postal_code[type=submit],
#changelist #toolbar form body.signup2 input#id_postal_code[type=submit] {
  width: 6em;
}
body.signup2 input#id_primary_phone, body.signup2 #changelist #toolbar form input#id_primary_phone[type=submit], #changelist #toolbar form body.signup2 input#id_primary_phone[type=submit],
body.signup2 input#id_secondary_phone,
body.signup2 #changelist #toolbar form input#id_secondary_phone[type=submit],
#changelist #toolbar form body.signup2 input#id_secondary_phone[type=submit],
body.signup2 select#id_gender,
body.signup2 select#id_preferred_transportation,
body.signup2 select#id_maximum_travel_time {
  width: 12em;
}
body.signup2 .submit-row {
  margin-bottom: 0;
}
body.signup2 .form-row {
  padding: 4px 0 4px 0;
  float: left;
  width: 100%;
  border-bottom: none;
  box-sizing: border-box;
}
body.signup2 .form-row input, body.signup2 .form-row #changelist #toolbar form input[type=submit], #changelist #toolbar form body.signup2 .form-row input[type=submit],
body.signup2 .form-row textarea {
  clear: both;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}
body.signup2 .form-row label {
  display: block;
  float: left;
  margin-left: -16em;
  width: 15em;
  padding: 6px 1em 0 0;
  color: #333;
}

body.login form.betterform fieldset,
body.signup form.betterform fieldset {
  padding: 0.5em 0;
}
body.login form.betterform fieldset h2,
body.signup form.betterform fieldset h2 {
  margin: 0.5em -24px 1em;
  padding: 8px 24px;
}
body.login form.betterform .module + .module,
body.signup form.betterform .module + .module {
  margin-top: 0;
}
body.login form.betterform .form-row.checkboxinput,
body.signup form.betterform .form-row.checkboxinput {
  padding-left: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
body.login form.betterform .form-row.checkboxinput input[type=checkbox], body.login #changelist #toolbar form.betterform .form-row.checkboxinput input[type=checkbox][type=submit], #changelist #toolbar body.login form.betterform .form-row.checkboxinput input[type=checkbox][type=submit],
body.signup form.betterform .form-row.checkboxinput input[type=checkbox],
body.signup #changelist #toolbar form.betterform .form-row.checkboxinput input[type=checkbox][type=submit],
#changelist #toolbar body.signup form.betterform .form-row.checkboxinput input[type=checkbox][type=submit] {
  order: 1;
  width: 2em;
  margin-top: 0.5em;
}
body.login form.betterform .form-row.checkboxinput label,
body.signup form.betterform .form-row.checkboxinput label {
  order: 2;
  float: none;
  margin-left: 0;
  width: auto;
}
body.login form.betterform .form-row.checkboxinput label .required,
body.signup form.betterform .form-row.checkboxinput label .required {
  display: none;
}
body.login form.betterform .form-row.checkboxinput .error,
body.login form.betterform .form-row.checkboxinput .help,
body.signup form.betterform .form-row.checkboxinput .error,
body.signup form.betterform .form-row.checkboxinput .help {
  order: 3;
  width: 100%;
}

.selector .selector-filter {
  margin: 0 !important;
}
.selector .selector-available h2 {
  color: white;
  background-color: #546e7a;
}
.selector .selector-available h2 .help-icon {
  background: url("../img/icon-unknown-alt.81536e128bb6.svg") 0 0 no-repeat;
}
.selector .selector-chosen h2 {
  background-color: #89D621;
}
body.change-form #content-main .selector p.helptext {
  display: none;
}

.selector-available,
.selector-chosen {
  width: 380px;
}

.selector ul.selector-chooser {
  width: auto;
  background: none;
}

@keyframes processing {
  0% {
    background-color: #fdb863;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #fdb863;
  }
}
@keyframes envwarning {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingdummy {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
body.journal-page:after {
  content: "";
  display: block;
  position: fixed;
  background: #fff3e7;
  left: -24px;
  right: -24px;
  bottom: 0;
  height: 30px;
  z-index: 1;
}
body.journal-page #content-main {
  background: none;
  box-shadow: none;
}

#journal.module {
  max-width: 70em;
  background-color: white;
  box-shadow: 0 0 3px 1px rgba(254, 155, 53, 0.5);
  border-radius: 6px;
  margin: 0 auto;
  min-height: calc(100vh - 172px);
}
#journal.module .journal-message {
  padding: 12px;
  border-bottom: 1px solid #c4dce8;
}
#journal.module .journal-message:last-child {
  border-bottom: none;
}
#journal.module .new-journal-message {
  height: 6em;
}

body.page-matching .messages {
  flex: 1 0;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
body.page-matching .messages .journal-message,
body.page-matching .messages .status-message {
  border-bottom: 1px solid #c4dce8;
  padding: 3px 0;
}
body.page-matching .messages .journal-message:last-child,
body.page-matching .messages .status-message:last-child {
  border-bottom: none;
}
body.page-matching .messages .journal-message .message-body,
body.page-matching .messages .status-message .message-body {
  padding: 6px 12px 6px 0;
  margin: 0;
  flex: 1 0 30em;
}
body.page-matching .messages .journal-message .message-body .title,
body.page-matching .messages .status-message .message-body .title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  gap: 0.25em;
}
body.page-matching .messages .journal-message .message-body .title .icon,
body.page-matching .messages .status-message .message-body .title .icon {
  font-size: 20px;
  flex: 0 0 20px;
  text-align: center;
}
body.page-matching .messages .journal-message .message-body .title .icon:before,
body.page-matching .messages .status-message .message-body .title .icon:before {
  margin: 0 !important;
}
body.page-matching .messages .journal-message .message-body .title .icon.warning,
body.page-matching .messages .status-message .message-body .title .icon.warning {
  color: #c52a27;
}
body.page-matching .messages .journal-message .message-body.warning,
body.page-matching .messages .journal-message .message-body.attention,
body.page-matching .messages .status-message .message-body.warning,
body.page-matching .messages .status-message .message-body.attention {
  padding: 6px 12px 6px 6px;
  display: flex;
}
body.page-matching .messages .journal-message .message-body.warning > .icon,
body.page-matching .messages .journal-message .message-body.attention > .icon,
body.page-matching .messages .status-message .message-body.warning > .icon,
body.page-matching .messages .status-message .message-body.attention > .icon {
  font-size: 24px;
  flex: 0 0 36px;
  margin-right: 12px;
  text-align: center;
}
body.page-matching .messages .journal-message .message-body.warning > .icon:before,
body.page-matching .messages .journal-message .message-body.attention > .icon:before,
body.page-matching .messages .status-message .message-body.warning > .icon:before,
body.page-matching .messages .status-message .message-body.attention > .icon:before {
  margin: 0 !important;
}
body.page-matching .messages .journal-message .message-body.warning p,
body.page-matching .messages .journal-message .message-body.attention p,
body.page-matching .messages .status-message .message-body.warning p,
body.page-matching .messages .status-message .message-body.attention p {
  max-width: 50em;
  margin: 0;
  padding: 0 0 0.5em;
  line-height: inherit;
}
body.page-matching .messages .journal-message .message-body.warning p .icon,
body.page-matching .messages .journal-message .message-body.attention p .icon,
body.page-matching .messages .status-message .message-body.warning p .icon,
body.page-matching .messages .status-message .message-body.attention p .icon {
  vertical-align: middle;
}
body.page-matching .messages .journal-message .message-body.warning,
body.page-matching .messages .status-message .message-body.warning {
  background-color: #fff6f0;
}
body.page-matching .messages .journal-message .message-body.warning .icon,
body.page-matching .messages .status-message .message-body.warning .icon {
  color: #c52a27;
}
body.page-matching .messages .journal-message .message-body.attention,
body.page-matching .messages .status-message .message-body.attention {
  background-color: rgb(225, 243, 255);
}
body.page-matching .messages .journal-message .message-body.attention > .icon,
body.page-matching .messages .status-message .message-body.attention > .icon {
  color: rgb(104, 151, 179);
}
body.page-matching .messages .journal-message .message-type-icon,
body.page-matching .messages .status-message .message-type-icon {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  padding: 4px 0 4px 6px;
  color: rgb(104, 151, 179);
  font-size: 24px;
}
body.page-matching .messages .journal-message.pinned .message-type-icon,
body.page-matching .messages .status-message.pinned .message-type-icon {
  color: #c66c00;
}
body.page-matching .messages .journal-message .message-meta,
body.page-matching .messages .status-message .message-meta {
  color: #c66c00;
  flex: 1 0 10em;
  margin-left: 12px;
}
body.page-matching .messages .journal-message .message-pin,
body.page-matching .messages .status-message .message-pin {
  position: relative;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit] + label {
  color: #fe9b35;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label:hover, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label:focus, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label:hover,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label:focus,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus {
  color: #fe9b35;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label:after, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:after, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:after,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label:after,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:after,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:after {
  position: absolute;
  margin: 0;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label {
  color: #c66c00;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label:hover, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover, body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label:focus, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label:hover,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label:focus,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus {
  color: #fe9b35;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave + label + .unpinned-info, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label + .unpinned-info, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label + .unpinned-info,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave + label + .unpinned-info,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label + .unpinned-info,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit] + label + .unpinned-info {
  position: absolute;
  opacity: 1;
  transition: all 0.2s linear;
  top: 0;
  bottom: 0;
  right: 36px;
  font-size: 0.8em;
  width: 128px;
  padding: 3px 6px;
  border-radius: 0.25em;
  color: #819ca9;
  background-color: white;
  text-align: right;
  font-style: italic;
  border-left: 1px solid #c4dce8;
  display: flex;
  align-items: center;
}
body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave:checked + label + .unpinned-info, body.page-matching .messages .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info, #changelist #toolbar form body.page-matching .messages .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info,
body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave:checked + label + .unpinned-info,
body.page-matching .messages .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info,
#changelist #toolbar form body.page-matching .messages .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info {
  opacity: 0;
}
body.page-matching .messages .journal-message.pinned {
  background-color: #ffcc66;
  border-bottom: none;
  margin: 2px 0 4px;
}
body.page-matching .messages .status-message .message-type-icon {
  color: white;
}

.journal-message,
.status-message {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: stretch;
  gap: 6px;
}
.journal-message > *,
.status-message > * {
  flex: 1;
}
.journal-message .message-meta,
.status-message .message-meta {
  text-align: right;
  color: #819ca9;
  font-size: 12px;
  order: 4;
  flex: 0 0 10em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.journal-message .message-author,
.status-message .message-author {
  font-style: italic;
}
.journal-message .message-body,
.status-message .message-body {
  order: 2;
  align-self: center;
}
.journal-message .message-body p,
.status-message .message-body p {
  margin: 0 0 0.25em;
}
.journal-message .message-body p:last-child,
.status-message .message-body p:last-child {
  margin-bottom: 0;
}
.journal-message .message-pin,
.status-message .message-pin {
  order: 5;
  flex: 0 0 2em;
  display: flex;
  align-items: center;
}
.journal-message .message-pin input[type=checkbox].autosave + label, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label,
.status-message .message-pin input[type=checkbox].autosave + label,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit] + label {
  color: #ddd;
}
.journal-message .message-pin input[type=checkbox].autosave + label:hover, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover, .journal-message .message-pin input[type=checkbox].autosave + label:focus, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus,
.status-message .message-pin input[type=checkbox].autosave + label:hover,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover,
.status-message .message-pin input[type=checkbox].autosave + label:focus,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus {
  color: #546e7a;
}
.journal-message .message-pin input[type=checkbox].autosave:checked + label, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label,
.status-message .message-pin input[type=checkbox].autosave:checked + label,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label {
  color: #546e7a;
}
.journal-message .message-pin input[type=checkbox].autosave:checked + label:hover, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover, .journal-message .message-pin input[type=checkbox].autosave:checked + label:focus, .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus, #changelist #toolbar form .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus,
.status-message .message-pin input[type=checkbox].autosave:checked + label:hover,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover,
.status-message .message-pin input[type=checkbox].autosave:checked + label:focus,
.status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus,
#changelist #toolbar form .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus {
  color: #89D621;
}
.journal-message .message-extra-content,
.status-message .message-extra-content {
  order: 3;
  flex: 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.journal-message .message-substitute,
.status-message .message-substitute {
  background-color: #c4dce8;
  line-height: 36px;
  border-radius: 36px;
  white-space: nowrap;
  padding-right: 12px;
  flex: 0 0;
  color: #333;
  transition: all linear 0.2s;
}
.journal-message .message-substitute .icon,
.status-message .message-substitute .icon {
  font-size: 1.5em;
  vertical-align: middle;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  margin-right: 6px;
}
.journal-message a.message-substitute:hover, .journal-message a.message-substitute:focus, .journal-message a.message-substitute:active,
.status-message a.message-substitute:hover,
.status-message a.message-substitute:focus,
.status-message a.message-substitute:active {
  background-color: #89D621;
  color: white;
}
.journal-message .trello-card-embed,
.status-message .trello-card-embed {
  margin-right: 12px;
  flex: 0 0;
}
.journal-message .message-substitute + .trello-card-embed,
.status-message .message-substitute + .trello-card-embed {
  margin-top: 6px;
}
.journal-message .message-type-icon,
.status-message .message-type-icon {
  font-size: 2em;
  flex: 0 0 36px;
  text-align: center;
}
.journal-message .message-type-icon:before,
.status-message .message-type-icon:before {
  margin: 0 !important;
}
.journal-message .message-body p,
.status-message .message-body p {
  margin: 0 0 0.5em;
  padding: 0;
}
.journal-message.status-medreq-queued,
.status-message.status-medreq-queued {
  background-color: #fdb863;
}
.journal-message.status-medreq-processing,
.status-message.status-medreq-processing {
  background-color: #fdb863;
}
.journal-message.status-medreq-processing .message-type-icon:before,
.status-message.status-medreq-processing .message-type-icon:before {
  content: "";
  display: flex;
  width: 32px;
  height: 28px;
  margin: 0 -6px 0 3px;
  background-image: url("../img/spinner-black.3d30682030f8.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 28px;
}
.journal-message.status-medreq-failed,
.status-message.status-medreq-failed {
  background-color: #ff6051;
}
.journal-message.status-medreq-failed .message-type-icon,
.status-message.status-medreq-failed .message-type-icon {
  color: white;
}

.new-journal-message .submit-row {
  max-width: 70em;
  margin: 0 auto;
  display: flex;
  padding: 12px;
  box-sizing: border-box;
  color: white;
}
.new-journal-message .submit-row > * {
  flex: 1;
}
.new-journal-message .form-field {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.new-journal-message .form-field.replacement {
  width: 17em;
  flex: 0 0 17em;
}
@media (max-width: 767px) {
  .new-journal-message .form-field.replacement {
    flex: 1;
  }
}
.new-journal-message .form-field.replacement .icon {
  margin-right: 6px;
}
.new-journal-message .form-field.replacement select {
  width: 100%;
}
.new-journal-message .form-field.message {
  margin-right: 24px;
}
.new-journal-message label .icon {
  font-size: 2em;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin-right: 12px;
}
.new-journal-message label .icon:before {
  vertical-align: middle;
}
.new-journal-message label .text {
  display: none;
}
.new-journal-message input[type=text], .new-journal-message #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form .new-journal-message input[type=text][type=submit],
.new-journal-message select {
  flex: 1 1;
  margin-right: 0;
}
.new-journal-message input[type=submit], .new-journal-message #changelist #toolbar form input[type=submit], #changelist #toolbar form .new-journal-message input[type=submit] {
  margin-right: 0 !important;
  flex: 0 0;
}

.module-application .application {
  padding: 12px;
}

.module-application .application-content {
  display: flex;
}
.module-application .application-content .application-info {
  flex: 1.1;
  padding-right: 12px;
}
.module-application .application-content .other-props-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.module-application .application-content .application-calendar {
  padding-left: 6px;
  margin-top: -6px;
}
.module-application .application-content .contact-info {
  padding-top: 12px;
}

.module-menu.temp {
  background: red;
  padding: 3px;
  right: 0;
}

.module-application.small-application .application-info {
  flex: 3;
}
.module-application.small-application .application-props {
  display: flex;
}

.module-application ul.contacts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  gap: 6px 12px;
}
.module-application ul.contacts li {
  margin: 0;
  list-style: none;
  display: block;
}
.module-application ul.contacts li.contact {
  display: flex;
  gap: 6px;
  align-items: flex-end;
  padding: 2px 0;
}
.module-application ul.contacts li.contact .name {
  line-height: 1;
  flex: 1;
}
.module-application ul.contacts li.contact .name .role {
  padding-top: 0.3em;
  font-style: italic;
  font-size: 0.8em;
  line-height: 1.2;
  display: block;
}
.module-application ul.contacts li.contact .phone_numbers {
  display: flex;
  padding: 6px 0 0;
  margin: 0 -3px;
}
.module-application ul.contacts li.contact .phone_numbers .button-call,
.module-application ul.contacts li.contact .phone_numbers .phone {
  margin: 0 3px;
  flex: 1;
  text-align: center;
  padding: 3px 6px;
}
.module-application ul.contacts li.contact .phone_numbers .button-call .icon,
.module-application ul.contacts li.contact .phone_numbers .phone .icon {
  margin-right: 0;
  margin-left: -1px;
}
.module-application ul.contacts li.more a {
  display: block;
  padding: 6px 0;
  text-align: center;
}

.result {
  box-shadow: none;
  border: none;
  border-bottom: 2px solid rgba(255, 204, 102, 0.5);
}
.result:last-child {
  border-bottom: none;
}
.result h3 {
  margin: 0;
  line-height: 1;
}
.result h3 small {
  display: block;
}

.result.match {
  padding: 6px 12px;
  margin: 0;
  transition: all linear 0.2s;
  position: relative;
  transition: all 0.2s linear;
}
.result.match .result-header {
  display: flex;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  margin: -6px 0 6px;
  gap: 12px;
}
.result.match .match-actions {
  order: 3;
  overflow: hidden;
  transition: all 0.2s linear;
  display: flex;
  gap: 6px;
}
.result.match .mediation-prefs {
  order: 2;
}
.result.match .prefs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.result.match .prefs .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #54A401;
}
.result.match .prefs .icon-pref-limited_availability,
.result.match .prefs .icon-pref-interest_processed {
  color: rgb(104, 151, 179);
}
.result.match .prefs .icon-pref-not_interested,
.result.match .prefs .icon-pref-match_ignored {
  color: rgb(249, 90, 78);
}
.result.match .prefs .icon-pref-interested {
  color: #458601;
}
.result.match .prefs .pref-match_ignored ~ .pref-interested .icon,
.result.match .prefs .pref-match_ignored ~ .pref-not_interested .icon {
  color: rgb(195, 232, 255);
}
.result.match h3 {
  order: 1;
  flex: 1;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.result.match h3 .name {
  display: inline;
  max-height: 28px;
}
.result.match h3 small {
  display: inline;
}
.result.match h3 .colour-icon {
  margin-left: 0.5em;
}
.result.match h3.toggle {
  cursor: pointer;
  background-color: white;
  transition: all 0.1s linear;
  border-radius: 3px;
}
.result.match h3.toggle:hover {
  background-color: #EAF2F7;
}
.result.match h3.toggle:before {
  font-size: 1.5em;
  opacity: 0.5;
  margin: 0 8px 0 -4px;
}
.result.match .result-content {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.result.match .match-props-wrapper {
  order: 1;
  flex: 1.1;
  padding-right: 12px;
  border-right: 1px solid transparent;
}
.result.match .match-props-wrapper .base-wrapper {
  display: flex;
  order: 1;
  flex-wrap: wrap;
  transition: all 0.2s linear;
  padding-top: 10px;
  gap: 6px;
}
.result.match .other-props-wrapper {
  order: 2;
  flex: 3;
  display: flex;
  flex-direction: column;
}
.result.match .match-info {
  order: 2;
  transition: all 0.2s linear;
  padding: 6px 0 0 6px;
  margin-top: 6px;
  border-top: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.result.match .info-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.result.match .contact-info {
  order: 1;
  padding: 0 6px 0 6px;
  border-right: 1px dotted #eee;
}
.result.match .contact-info .contact-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.result.match .contact-info .mediation-prefs {
  order: unset;
}
.result.match .contact-info .remark {
  font-size: 0.8em;
  display: block;
}
.result.match .links {
  order: 2;
  padding: 0 0 0 12px;
  display: flex;
  gap: 6px;
}
.result.match .notes {
  padding: 0 0 12px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}
.result.match .notes strong {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}
.result.match .notes p {
  margin: 0;
  padding: 3px 6px;
  flex: 1;
  color: #546e7a;
}
.result.match .notes p strong {
  display: block;
}
.result.match .notes .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}
.result.match .notes .internal-notes {
  background-color: #fff6f0;
}
.result.match .notes .internal-notes .icon {
  color: #c52a27;
}

.result.match.empty p {
  margin: 0;
  padding: 3em 1em;
  font-style: italic;
  text-align: center;
  color: #546e7a;
}

.result.match.open {
  padding-bottom: 12px;
}
.result.match.open .match-props-wrapper {
  border-color: #eee;
}

.match.dummy .dummy,
.match.dummy .spacer {
  font-size: 1.75em;
  border-radius: 0.25em;
  min-width: 1em;
  min-height: 1em;
}
.match.dummy .dummy {
  background-color: #ddd;
  animation: loadingdummy 1.5s infinite;
}
.match.dummy .minical .dummy {
  min-height: 24px;
}
.match.dummy .w-1 {
  width: 1em;
}
.match.dummy .w-2 {
  width: 2em;
}
.match.dummy .w-3 {
  width: 3em;
}
.match.dummy .w-4 {
  width: 4em;
}
.match.dummy .w-5 {
  width: 5em;
}
.match.dummy .w-6 {
  width: 6em;
}
.match.dummy .w-7 {
  width: 7em;
}
.match.dummy .w-8 {
  width: 8em;
}
.match.dummy .w-9 {
  width: 9em;
}
.match.dummy .w-10 {
  width: 10em;
}
.match.dummy .w-11 {
  width: 11em;
}
.match.dummy .w-12 {
  width: 12em;
}
.match.dummy .w-13 {
  width: 13em;
}
.match.dummy .w-14 {
  width: 14em;
}
.match.dummy .w-15 {
  width: 15em;
}
.match.dummy .w-16 {
  width: 16em;
}
.match.dummy .w-17 {
  width: 17em;
}
.match.dummy .w-18 {
  width: 18em;
}
.match.dummy .w-19 {
  width: 19em;
}
.match.dummy .w-19 {
  width: 20em;
}

#result_list .match-props-wrapper .base-wrapper {
  width: 192px;
}

.match-props-wrapper .base-wrapper {
  display: flex;
  order: 1;
  flex-wrap: wrap;
  transition: all 0.2s linear;
  padding-top: 10px;
  gap: 6px;
}

.match-props-wrapper .extended-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.result.match.open .match-props-wrapper {
  border-color: #eee;
}

.match-props, .module-application .application-props {
  display: flex;
  align-items: center;
  gap: 1px;
}

.match-props.base, .module-application .base.application-props {
  justify-content: flex-end;
}

table .match-props.base, table .module-application .base.application-props, .module-application table .base.application-props {
  justify-content: flex-start;
}

.match-props.extended,
.module-application .application-props {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;
  font-size: 14px;
}

.match-props .prop, .module-application .application-props .prop {
  display: flex;
  flex: 0 0 24px;
}

.match-props.extended .prop,
.module-application .application-props .prop {
  flex: 2;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-right: 12px;
  padding: 0.2em 0.5em 0.2em 48px;
}
.match-props.extended .prop:last-child,
.module-application .application-props .prop:last-child {
  border-bottom: none;
}
.match-props.extended .prop.absence-reason,
.module-application .application-props .prop.absence-reason {
  flex: 3;
}
.match-props.extended .prop.grade, .match-props.extended .prop.duration,
.module-application .application-props .prop.grade,
.module-application .application-props .prop.duration {
  flex: 1;
}

.match-props .icon, .module-application .application-props .icon {
  font-size: 14px;
  display: inline-flex;
  color: white;
  flex: 0 0 24px;
  justify-content: center;
  height: 24px;
  width: 24px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.match-props.extended .icon,
.module-application .application-props .icon {
  font-size: 16px;
  vertical-align: middle;
  color: white;
  margin-right: 6px;
  border-radius: 6px !important;
  width: 24px;
  height: 24px;
  line-height: 24px;
  flex: 0 0 24px;
  text-align: center;
  display: inline-block;
  margin: 0 18px 0 -41px;
}

.module-application .application-props .icon {
  background-color: rgb(104, 151, 179);
}

.match-props .prop:first-child .icon, .module-application .application-props .prop:first-child .icon {
  border-radius: 4px 0 0 4px;
}

.match-props .prop:last-child .icon, .module-application .application-props .prop:last-child .icon {
  border-radius: 0 4px 4px 0;
}

.match-props .prop.attention .icon, .module-application .application-props .prop.attention .icon {
  background-color: #7DBA3D;
}
.match-props .prop.attention .icon:after, .module-application .application-props .prop.attention .icon:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  left: 2px;
  top: 2px;
  border: 1px solid white;
  background-color: black;
}

.match-props .prop.info .icon, .module-application .application-props .prop.info .icon {
  background-color: rgb(104, 151, 179);
}
.match-props .prop.attention .icon, .module-application .application-props .prop.attention .icon {
  background-color: #7DBA3D;
}
.match-props .prop.disabled .icon, .module-application .application-props .prop.disabled .icon {
  background-color: rgba(104, 151, 179, 0.5);
}
.match-props .prop.unknown .icon, .module-application .application-props .prop.unknown .icon {
  background-color: rgba(104, 151, 179, 0.2);
}
.match-props .prop.success .icon, .module-application .application-props .prop.success .icon {
  background-color: #7DBA3D;
}
.match-props .prop.warning .icon, .module-application .application-props .prop.warning .icon {
  background-color: rgb(255, 155, 53);
}
.match-props .prop.error .icon, .module-application .application-props .prop.error .icon {
  background-color: rgb(249, 90, 78);
}
.match-props .prop.meta .icon, .module-application .application-props .prop.meta .icon {
  background-color: transparent;
  color: rgb(37, 87, 113);
}

.match-props .value, .module-application .application-props .value {
  display: block;
}
.match-props .value.attention, .module-application .application-props .value.attention {
  color: #54A401;
}
.match-props .value.info, .module-application .application-props .value.info {
  color: rgb(77, 125, 152);
}
.match-props .value.success, .module-application .application-props .value.success {
  color: #54A401;
}
.match-props .value.warning, .module-application .application-props .value.warning {
  color: rgb(247, 134, 8);
}
.match-props .value.error, .module-application .application-props .value.error {
  color: rgb(214, 65, 56);
}
.match-props .value.disabled, .module-application .application-props .value.disabled {
  color: rgba(104, 151, 179, 0.5);
}

.module-application .application-props .value {
  margin-left: 0.5em;
}

.match-props.extended .text,
.match-props.extended .message,
.module-application .application-props .text,
.module-application .application-props .message {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  line-height: 1.2em;
  align-self: stretch;
  align-items: center;
}

.match-props.extended .prop.meta .text,
.match-props.extended .prop.meta .message,
.module-application .application-props .prop.meta .text,
.module-application .application-props .prop.meta .message {
  text-transform: uppercase;
  font-size: 0.8em;
  font-style: italic;
}

.match-props.extended .prop.substitute-for .text,
.match-props.extended .prop.substitute-for .message,
.match-props.extended .prop.absence-reason .text,
.match-props.extended .prop.absence-reason .message,
.match-props.extended .prop.date .text,
.match-props.extended .prop.date .message,
.module-application .application-props .prop.substitute-for .text,
.module-application .application-props .prop.substitute-for .message,
.module-application .application-props .prop.absence-reason .text,
.module-application .application-props .prop.absence-reason .message,
.module-application .application-props .prop.date .text,
.module-application .application-props .prop.date .message {
  white-space: normal;
}

.match-props.extended .prop.date .text > span,
.match-props.extended .prop.date .message > span,
.module-application .application-props .prop.date .text > span,
.module-application .application-props .prop.date .message > span {
  white-space: nowrap;
}

.match-props.extended .spacer,
.module-application .application-props .spacer {
  min-height: 1.5em;
}

.match-props.extended .label,
.module-application .application-props .label {
  font-weight: bold;
}

.collapsable {
  margin: 0 -12px;
  border-top: 1px solid #819ca9;
}
.collapsable .toggle {
  padding: 12px;
  display: block;
  cursor: pointer;
  color: inherit;
}
.collapsable .toggle:hover, .collapsable .toggle:active, .collapsable .toggle:focus {
  color: #89D621;
}
.collapsable .toggle .icon {
  float: right;
  padding: 4px 0;
}
.collapsable .toggle-content {
  padding: 0 12px;
  background-color: #819ca9;
  height: 0;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: all linear 0.2s;
}
.collapsable .toggle:focus + .toggle-content,
.collapsable .toggle:active + .toggle-content {
  height: auto;
  padding: 12px;
}

.matches-pagination {
  position: fixed;
  z-index: 100;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes processing {
  0% {
    background-color: #fdb863;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #fdb863;
  }
}
@keyframes envwarning {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingdummy {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.minical {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  cursor: default;
  color: #819ca9;
  position: relative;
  flex-wrap: wrap;
  gap: 6px;
}

.application-calendar .minical {
  position: relative;
  z-index: 1;
  padding: 24px 0 0;
  margin-right: -2px;
}

.match .minical {
  margin-top: 8px;
  margin-right: -2px;
}

.minical .week {
  width: 124px;
  position: relative;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: all 0.2s linear;
  background-color: white;
}
.minical .week:hover, .minical .week.active {
  border-color: rgb(37, 87, 113);
}

.dummy .minical .week:hover, .dummy .minical .week.active {
  border-color: white;
}

.minical .week.summary .is-detail,
.minical .week.details .is-summary {
  display: none !important;
}

.minical .days,
.minical .days-container {
  display: flex;
  position: relative;
  flex: 1;
}

.minical .week:hover .days,
.minical .week.active .days {
  z-index: 11;
}

.minical .day {
  flex: 1;
  position: relative;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: white;
  margin-right: -1px;
  text-align: center;
  transition: all linear 0.2s;
  cursor: pointer;
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
.minical .day:last-of-type {
  margin-right: 0;
  border-radius: 0 3px 3px 0;
}
.minical .day:first-of-type {
  border-radius: 3px 0 0 3px;
}

.minical .day .date {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-style: normal;
  z-index: 2;
  color: rgb(157, 205, 235);
  transition: all 0.2s linear;
  overflow: hidden;
}

.minical .day:first-of-type .date {
  border-radius: 2px 0 0 2px;
}

.minical .day:last-of-type .date {
  border-radius: 0 2px 2px 0;
}

.minical .month,
.minical .weeknum {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  font-size: 8px;
  text-transform: uppercase;
  line-height: 1;
  padding: 0;
  z-index: 12;
  font-weight: bold;
  color: rgb(37, 87, 113);
  display: block;
  transition: all 0.2s linear;
  letter-spacing: 0.05em;
  border-radius: 3px 3px 0 0;
}

.minical .weeknum,
.minical .day:first-child .month {
  text-align: left;
  padding-left: 3px;
}

.minical .weeknum {
  color: rgb(130, 177, 206);
  font-weight: normal;
}

.minical .week:hover .month,
.minical .week:hover .weeknum,
.minical .week.active .month,
.minical .week.active .weeknum {
  background-color: rgb(37, 87, 113);
  color: white;
}

.match .minical .month {
  color: rgb(104, 151, 179);
}

.minical .timeslots {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.minical .timeslot {
  flex: 1;
  background-color: rgb(244, 250, 255);
  border: 1px solid rgba(77, 125, 152, 0.2);
}
.minical .timeslot:first-of-type {
  border-bottom: none;
}
.minical .timeslot:last-of-type {
  border-top: none;
}
.minical .timeslot:first-of-type:last-of-type {
  border: 1px solid rgba(77, 125, 152, 0.2);
}

.minical .day:last-of-type .timeslot:first-of-type {
  border-top-right-radius: 3px;
}
.minical .day:last-of-type .timeslot:last-of-type {
  border-bottom-right-radius: 3px;
}

.minical .day:first-of-type .timeslot:first-of-type {
  border-top-left-radius: 3px;
}
.minical .day:first-of-type .timeslot:last-of-type {
  border-bottom-left-radius: 3px;
}

.match .minical .enrollment-available {
  background-color: #F6FAF2;
}
.match .minical .enrollment-available ~ .date {
  color: rgba(0, 0, 0, 0.15);
}
.match .minical .enrollment-assigned {
  background-color: #54A401;
}
.match .minical .enrollment-assigned ~ .date {
  color: white;
}
.match .minical .enrollment-absent,
.match .minical .enrollment-absent-unaccounted,
.match .minical .enrollment-unavailable {
  background-color: rgb(255, 248, 243);
}
.match .minical .enrollment-absent ~ .date,
.match .minical .enrollment-absent-unaccounted ~ .date,
.match .minical .enrollment-unavailable ~ .date {
  color: rgba(0, 0, 0, 0.15);
}
.match .minical .enrollment-absent-accounted,
.match .minical .enrollment-occupied {
  background-color: rgb(255, 232, 205);
}
.match .minical .enrollment-absent-accounted ~ .date,
.match .minical .enrollment-occupied ~ .date {
  color: rgba(0, 0, 0, 0.15);
}
.match .minical .enrollment-blocked {
  background-color: rgb(255, 218, 212);
}
.match .minical .enrollment-blocked ~ .date {
  color: rgba(0, 0, 0, 0.15);
}
.match .minical .enrollment-assigned ~ .date,
.match .minical .application-open ~ .date {
  color: white;
}
.match .minical .enrollment-assigned {
  border-color: #366900;
  z-index: 1;
}
.match .minical .enrollment-absent ~ .date:after,
.match .minical .enrollment-absent-unaccounted ~ .date:after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 3px;
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
}
.match .minical .week.details .enrollment-absent ~ .date:after,
.match .minical .week.details .enrollment-absent-unaccounted ~ .date:after {
  display: none;
}
.match .minical .application-open.enrollment-available {
  background-color: #A6D07A;
}
.match .minical .application-open.enrollment-absent, .match .minical .application-open.enrollment-absent-unaccounted, .match .minical .application-open.enrollment-unavailable {
  background-color: rgb(255, 183, 117);
}
.match .minical .application-open.enrollment-occupied, .match .minical .application-open.enrollment-absent-accounted {
  background-color: rgb(247, 134, 8);
}
.match .minical .application-open.enrollment-blocked {
  background-color: rgb(255, 137, 122);
}
.match .minical .application-open.enrollment-absent ~ .date:after,
.match .minical .application-open.enrollment-absent-unaccounted ~ .date:after {
  background-color: white;
}
.match .minical .application-assigned.enrollment-assigned {
  background-color: #54A401;
}

.application-calendar .minical .application-open ~ .date,
.application-calendar .minical .application-assigned ~ .date,
.application-calendar .minical .application-resolved ~ .date,
.application-calendar .minical .application-failed ~ .date,
.application-calendar .minical .application-cancelled ~ .date,
.application-calendar .minical .application-separated ~ .date {
  color: white;
}
.application-calendar .minical .application-open {
  background-color: rgb(104, 151, 179);
  border-color: rgba(77, 125, 152, 0.6);
}
.application-calendar .minical .application-failed {
  background-color: rgb(255, 180, 169);
}
.application-calendar .minical .application-cancelled {
  background-color: rgb(195, 232, 255);
}
.application-calendar .minical .application-separated {
  background-color: rgb(195, 232, 255);
}
.application-calendar .minical .application-assigned,
.application-calendar .minical .application-resolved {
  background-color: #A6D07A;
}
.application-calendar .minical .application-assigned {
  border-color: #458601;
  z-index: 1;
}
.application-calendar .minical .application-separated ~ .date:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  border: 6px solid transparent;
  border-right-color: #546e7a;
  border-top-width: 0;
}

.application-calendar .minical .week:hover .application-assigned,
.application-calendar .minical .week.active .application-assigned,
.match .minical .week:hover .application-assigned,
.match .minical .week.active .application-assigned {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.application-calendar .minical .week:hover .day:first-child .application-assigned,
.application-calendar .minical .week.active .day:first-child .application-assigned,
.match .minical .week:hover .day:first-child .application-assigned,
.match .minical .week.active .day:first-child .application-assigned {
  border-left-color: transparent;
}
.application-calendar .minical .week:hover .day:last-child .application-assigned,
.application-calendar .minical .week.active .day:last-child .application-assigned,
.match .minical .week:hover .day:last-child .application-assigned,
.match .minical .week.active .day:last-child .application-assigned {
  border-right-color: transparent;
}

.minical .week.details {
  width: 45em;
  position: absolute;
  z-index: 1010;
  top: 100%;
  background-color: white;
  border: 0 solid #546e7a;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(84, 110, 122, 0.2);
  right: 0%;
  overflow: hidden;
  transition: all 0.2s linear;
  padding: 24px 12px 24px 6px;
  max-height: 200px;
  margin-top: 6px;
  border-width: 4px;
  border: none;
  border-top: 4px solid rgb(37, 87, 113);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.minical .week.details.align-top,
.match-results .match:last-child .minical .week.details {
  top: unset;
  bottom: 100%;
  margin-bottom: 12px;
}

.minical .week.details .labels {
  text-align: right;
  padding: 0 6px;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  border-right: 1px solid white;
}
.minical .week.details .labels .week-no {
  position: absolute;
  left: -6px;
  right: 6px;
  top: -28px;
  bottom: 100%;
  font-size: 1.2em;
  color: white;
  background: rgb(37, 87, 113);
  border-radius: 0 0 6px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
}

.minical .week.details .dow {
  position: absolute;
  z-index: 11;
  color: #546e7a;
  bottom: 100%;
  font-size: 0.8em;
  padding: 2px 0;
  left: 0;
  right: 0;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}

.minical .week.details .day {
  width: auto;
  height: 72px;
  cursor: default;
}
.minical .week.details .day:last-child {
  border-radius: 0 12px 12px 0;
}
.minical .week.details .day:last-child .timeslot:first-child,
.minical .week.details .day:last-child template + .timeslot {
  border-top-right-radius: 12px;
}
.minical .week.details .day:last-child .timeslot:nth-last-child(2) {
  border-bottom-right-radius: 12px;
}

.minical .week.details .day:first-child {
  border-radius: 12px 0 0 12px;
}
.minical .week.details .day:first-child .timeslot:first-child,
.minical .week.details .day:first-child template + .timeslot {
  border-top-left-radius: 12px;
}
.minical .week.details .day:first-child .timeslot:nth-last-child(2) {
  border-bottom-left-radius: 12px;
}

.minical .week.details .labels {
  display: flex;
  flex-direction: column;
  position: relative;
}

.minical .week.details .timeslot {
  position: relative;
  z-index: 2;
  line-height: 1.2em;
  font-size: 0.75em;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid white !important;
  border-top: none !important;
  text-transform: uppercase;
}
.minical .week.details .timeslot .icon {
  color: inherit;
}

.application-calendar .minical .week.details .timeslot[class*=application-],
.match .minical .week.details .timeslot.application-assigned.enrollment-assigned,
.match .minical .week.details .timeslot.application-open {
  color: rgba(0, 0, 0, 0.6);
}

.minical .week.details .timeslot-message {
  display: flex;
  flex: 1;
}

.minical .week.details .timeslot-message > a,
.minical .week.details .timeslot-message > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 0.5em;
  gap: 0.25em;
  flex: 1;
}

.minical .week.details .timeslot-message a {
  transition: all 0.2s linear;
  display: flex;
  flex-direction: row;
  color: inherit;
}
.minical .week.details .timeslot-message a .icon {
  font-size: 1.5em;
  color: rgba(0, 0, 0, 0.15);
}
.minical .week.details .timeslot-message a:hover, .minical .week.details .timeslot-message a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.application-calendar .minical .week.details .timeslot[class*=application-] a .icon,
.match .minical .week.details .timeslot.application-assigned.enrollment-assigned a .icon,
.match .minical .week.details .timeslot.application-open a .icon {
  color: white;
}
.application-calendar .minical .week.details .timeslot[class*=application-] a:hover,
.application-calendar .minical .week.details .timeslot[class*=application-] a:focus,
.match .minical .week.details .timeslot.application-assigned.enrollment-assigned a:hover,
.match .minical .week.details .timeslot.application-assigned.enrollment-assigned a:focus,
.match .minical .week.details .timeslot.application-open a:hover,
.match .minical .week.details .timeslot.application-open a:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

.match .minical .week.details .timeslot.application-assigned.enrollment-assigned a,
.match .minical .week.details .timeslot.application-assigned.enrollment-assigned span,
.match .minical .week.details .timeslot.application-open.enrollment-occupied a,
.match .minical .week.details .timeslot.application-open.enrollment-occupied span,
.match .minical .week.details .timeslot.application-open.enrollment-absent-accounted a,
.match .minical .week.details .timeslot.application-open.enrollment-absent-accounted span {
  color: white;
}

.minical .week.details .labels .timeslot-label {
  border-bottom: 1px solid #c4dce8;
  padding-left: 12px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.minical .week.details .labels .timeslot-label:last-child {
  border-bottom: none;
}

.minical .week.details .date {
  display: flex;
  justify-content: center;
  gap: 0.25em;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  top: 100%;
  font-weight: normal;
  color: #546e7a;
  padding-top: 0.4em;
}

.p-relative {
  position: relative;
}

.text-transform-none {
  text-transform: none;
}

.w-20 {
  width: 20em;
}

.whitespace-normal {
  white-space: normal;
}

.tooltip {
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  border-radius: 0.25rem;
  background-color: rgba(17, 24, 39, 0.8);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: white;
}

.modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}
.modal .modal-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.modal .window {
  background: white;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 12em;
  border-radius: 6px;
  min-width: 12em;
  max-width: calc(100vw - 6em);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.modal .window-body {
  padding: 24px;
}
.modal .window-footer {
  display: flex;
  flex-direction: row;
  padding: 12px;
  background: #546e7a;
  border-radius: 0 0 6px 6px;
  gap: 12px;
}
.modal .form-row {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.modal .form-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.modal .form-row:first-child {
  padding-top: 0;
}
.modal .vTextField {
  width: 20em;
}
@media (max-width: 767px) {
  .modal .aligned .form-row,
  .modal .aligned .form-row > div {
    width: auto;
  }
}

.colourtag,
a.colourtag,
.object-tools a.colourtag:link,
.object-tools a.colourtag:visited,
.submit-row a.colourtag.deletelink {
  color: #666;
  text-decoration: none;
}

.colourtag {
  font-size: 0.8em;
  line-height: 1;
  text-transform: uppercase;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  border-radius: 0.35em;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.025em;
  overflow: hidden;
  user-select: none;
  vertical-align: middle;
  position: relative;
}
.colourtag > * {
  padding: 0.5em 0.75em;
  background-color: white;
  border-right: 1px solid white;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colourtag > *:last-child {
  border-right: none;
}
.colourtag abbr {
  text-decoration: none;
}
.colourtag .nocaps {
  text-transform: none;
  letter-spacing: 0;
}

.colourtag.vertical {
  flex-direction: column;
}
.colourtag.vertical > * {
  padding: 0.2em 1em;
  border-right: none;
  border-bottom: 1px solid white;
}
.colourtag.vertical > *:last-child {
  border-bottom: none;
}

.colourtag.border {
  border: 1px solid #819ca9;
}

.colourtag.border-thick {
  border: 2px solid #819ca9;
}

.colourtag.xxl {
  font-size: 1.5em;
}

.colourtag.xl {
  font-size: 1.25em;
}

.colourtag.l {
  font-size: 1em;
}

.colourtag.m {
  font-size: 0.8em;
}

.colourtag.s {
  font-size: 0.625em;
}

.colourtag.xs {
  font-size: 0.5em;
}

.colourtag.xxs {
  font-size: 0.375em;
}

.colourtag.narrow > * {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.colourtag.wide > * {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.colourtag.thick > * {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

.colourtag.thick.vertical > * {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.colourtag.thin > * {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.colourtag.thin.vertical > * {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

.colourtag [class*=fixed-] {
  padding-left: 0.25em;
  padding-right: 0.25em;
  white-space: normal;
}

.colourtag [class*=min-] {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.colourtag .fixed-4 {
  width: 4em;
}

.colourtag .fixed-5 {
  width: 5em;
}

.colourtag .fixed-6 {
  width: 6em;
}

.colourtag .fixed-7 {
  width: 7em;
}

.colourtag .fixed-8 {
  width: 8em;
}

.colourtag .fixed-9 {
  width: 9em;
}

.colourtag .fixed-10 {
  width: 10em;
}

.colourtag .fixed-11 {
  width: 11em;
}

.colourtag .fixed-12 {
  width: 12em;
}

.colourtag .min-4 {
  min-width: 4em;
}

.colourtag .min-5 {
  min-width: 5em;
}

.colourtag .min-6 {
  min-width: 6em;
}

.colourtag .min-7 {
  min-width: 7em;
}

.colourtag .min-8 {
  min-width: 8em;
}

.colourtag .min-9 {
  min-width: 9em;
}

.colourtag .min-10 {
  min-width: 10em;
}

.colourtag .min-11 {
  min-width: 11em;
}

.colourtag .min-12 {
  min-width: 12em;
}

.has-popout, .contact-popout {
  cursor: pointer;
  position: relative;
}
.has-popout .popout, .contact-popout .popout {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  padding: 6px;
  z-index: 300;
  border-radius: 3px;
}
.has-popout.align-right .popout, .align-right.contact-popout .popout {
  left: auto;
  right: 0;
}
.has-popout.align-top .popout, .align-top.contact-popout .popout {
  top: auto;
  bottom: 100%;
}
.has-popout .nowrap, .contact-popout .nowrap {
  white-space: nowrap;
}
.has-popout small, .contact-popout small {
  display: block;
  text-transform: uppercase;
  font-size: 0.6rem;
  opacity: 0.5;
  margin-top: 0.25em;
}

.hover-popout {
  cursor: default;
}
.hover-popout .popout {
  display: none;
}
.hover-popout:hover .popout {
  display: block;
}

.contact-popout button .icon,
.contact-popout .button .icon,
.contact-popout .object-tools a:link .icon,
.object-tools .contact-popout a:link .icon,
.contact-popout .object-tools a:visited .icon,
.object-tools .contact-popout a:visited .icon,
.contact-popout .submit-row a.deletelink .icon,
.submit-row .contact-popout a.deletelink .icon,
.contact-popout .submit-row a.closelink .icon,
.submit-row .contact-popout a.closelink .icon {
  margin: 0;
  opacity: 1;
  font-size: 1.75em;
}
.contact-popout button .icon[class*=icon-arrow-],
.contact-popout .button .icon[class*=icon-arrow-],
.contact-popout .object-tools a:link .icon[class*=icon-arrow-],
.object-tools .contact-popout a:link .icon[class*=icon-arrow-],
.contact-popout .object-tools a:visited .icon[class*=icon-arrow-],
.object-tools .contact-popout a:visited .icon[class*=icon-arrow-],
.contact-popout .submit-row a.deletelink .icon[class*=icon-arrow-],
.submit-row .contact-popout a.deletelink .icon[class*=icon-arrow-],
.contact-popout .submit-row a.closelink .icon[class*=icon-arrow-],
.submit-row .contact-popout a.closelink .icon[class*=icon-arrow-] {
  font-size: 1em;
  opacity: 0.5;
}
.contact-popout .popout {
  display: flex;
  flex-direction: column;
  border-top: 4px solid #fe9b35;
}
.contact-popout .popout button,
.contact-popout .popout .button,
.contact-popout .popout .object-tools a:link,
.object-tools .contact-popout .popout a:link,
.contact-popout .popout .object-tools a:visited,
.object-tools .contact-popout .popout a:visited,
.contact-popout .popout .submit-row a.deletelink,
.submit-row .contact-popout .popout a.deletelink,
.contact-popout .popout .submit-row a.closelink,
.submit-row .contact-popout .popout a.closelink {
  flex: 1;
}
.contact-popout.align-top .popout {
  border-top: none;
  border-bottom: 4px solid #fe9b35;
}
.contact-popout .popout-toggle.toggle-on {
  border-radius: 3px 3px 0 0;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  background-color: #fe9b35;
  border-color: #fe9b35;
  color: white;
}
.contact-popout.align-top .popout-toggle.toggle-on {
  border-radius: 0 0 3px 3px;
}
.contact-popout .contact-line {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  gap: 6px;
}
.contact-popout .contact-line:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.contact-popout .contact-line:first-child {
  padding-top: 0;
}
.contact-popout .copy-value-input {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1;
}
.contact-popout .copy-value-input input, .contact-popout .copy-value-input #changelist #toolbar form input[type=submit], #changelist #toolbar form .contact-popout .copy-value-input input[type=submit] {
  flex: 1;
  border-radius: 3px 0 0 3px;
  border-right: none;
  margin: 0;
}
.contact-popout .copy-value-input button {
  border-radius: 0 3px 3px 0;
  transition: all linear 0.2s;
}
.contact-popout .copy-value-input button.copied, .contact-popout .copy-value-input button.copied:hover, .contact-popout .copy-value-input button.copied:focus {
  background-color: #89D621 !important;
}

.mediation-tasks {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 6px;
}

.mediation-task.empty .mediation-reason {
  padding: 0.5em 0;
  font-style: italic;
}

.mediation-task {
  background-color: #f8f8f8;
  padding: 6px;
  gap: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mediation-task form {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 6px;
}

.task-actions {
  display: flex;
  flex-direction: row;
  gap: 6px;
  justify-content: flex-end;
}

.mediate-on {
  width: 8em;
}

.mediation-reason {
  flex: 1;
}

.mediation-createdby {
  display: flex;
  flex-direction: column;
  text-align: right;
  font-size: 12px;
  padding-right: 8px;
  opacity: 0.6;
}
.mediation-createdby .createdby-user {
  font-style: italic;
}

.mediation-level {
  width: 36px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mediation-level-display {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 4px;
}
.mediation-level-display .icon {
  font-size: 20px;
}

.create-form {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex: 1;
}

.create-form .form-field,
.create-form .field-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-form .form-field.row,
.create-form .field-controls.row {
  flex-direction: row;
}

.mediation-task .form-field.mediate-on-date,
.mediation-task .form-field.mediate-in {
  width: 8em;
}

.mediation-task .form-field.reason .field-controls,
.mediation-task .form-field.reason .field-controls {
  width: 20em;
}

.mediation-task .form-field.resolutions label,
.mediation-task .form-field.resolution label {
  width: 10em;
}
.mediation-task .form-field.resolutions .field-controls,
.mediation-task .form-field.resolution .field-controls {
  width: 20em;
}

.mediation-task .form-field.date-field {
  position: relative;
}
.mediation-task .form-field.date-field .datetimeshortcuts {
  position: absolute;
  right: 8px;
  top: 50%;
}
.mediation-task .form-field.date-field .datetimeshortcuts .today-link,
.mediation-task .form-field.date-field .datetimeshortcuts .spacer {
  display: none;
}

.grid-layout.page-matching .calendarbox.module {
  z-index: 1001;
}

.calendar caption, .calendarbox h2 {
  line-height: 1.25;
}

.mediation-verify {
  background-color: #c2a5cf;
}
.mediation-verify .mediation-level, .mediation-verify.mediation-level-display .icon {
  color: #40004b;
}

.mediation-deleted {
  background-color: #EAF2F7;
}
.mediation-deleted .mediation-level, .mediation-deleted.mediation-level-display .icon {
  color: #c4dce8;
}

.mediation-closed {
  background-color: #EAF2F7;
}
.mediation-closed .mediation-level, .mediation-closed.mediation-level-display .icon {
  color: #54a400;
}

.mediation-expired {
  background-color: #ff937e;
}
.mediation-expired .mediation-level, .mediation-expired.mediation-level-display .icon {
  color: #c52a27;
}

.mediation-today {
  background-color: #ffcc66;
}
.mediation-today .mediation-level, .mediation-today.mediation-level-display .icon {
  color: #c66c00;
}

.mediation-tomorrow {
  background-color: #fff3e7;
}
.mediation-tomorrow .mediation-level, .mediation-tomorrow.mediation-level-display .icon {
  color: #c66c00;
}

.mediation-two_days {
  background-color: #fff3e7;
}
.mediation-two_days .mediation-level, .mediation-two_days.mediation-level-display .icon {
  color: #c66c00;
}

.mediation-three_days,
.mediation-four_days,
.mediation-five_days,
.mediation-six_days,
.mediation-seven_days,
.mediation-eight_days,
.mediation-nine_days,
.mediation-future {
  background-color: #EAF2F7;
}
.mediation-three_days .mediation-level, .mediation-three_days.mediation-level-display .icon,
.mediation-four_days .mediation-level,
.mediation-four_days.mediation-level-display .icon,
.mediation-five_days .mediation-level,
.mediation-five_days.mediation-level-display .icon,
.mediation-six_days .mediation-level,
.mediation-six_days.mediation-level-display .icon,
.mediation-seven_days .mediation-level,
.mediation-seven_days.mediation-level-display .icon,
.mediation-eight_days .mediation-level,
.mediation-eight_days.mediation-level-display .icon,
.mediation-nine_days .mediation-level,
.mediation-nine_days.mediation-level-display .icon,
.mediation-future .mediation-level,
.mediation-future.mediation-level-display .icon {
  color: #819ca9;
}

.mediation-level.mediation-tomorrow, .mediation-level.mediation-two_days, .mediation-level.mediation-three_days, .mediation-level.mediation-four_days, .mediation-level.mediation-five_days, .mediation-level.mediation-six_days, .mediation-level.mediation-seven_days, .mediation-level.mediation-eight_days, .mediation-level.mediation-nine_days, .mediation-level.mediation-future,
.mediation-level-display.mediation-tomorrow,
.mediation-level-display.mediation-two_days,
.mediation-level-display.mediation-three_days,
.mediation-level-display.mediation-four_days,
.mediation-level-display.mediation-five_days,
.mediation-level-display.mediation-six_days,
.mediation-level-display.mediation-seven_days,
.mediation-level-display.mediation-eight_days,
.mediation-level-display.mediation-nine_days,
.mediation-level-display.mediation-future {
  position: relative;
}
.mediation-level.mediation-tomorrow:after, .mediation-level.mediation-two_days:after, .mediation-level.mediation-three_days:after, .mediation-level.mediation-four_days:after, .mediation-level.mediation-five_days:after, .mediation-level.mediation-six_days:after, .mediation-level.mediation-seven_days:after, .mediation-level.mediation-eight_days:after, .mediation-level.mediation-nine_days:after, .mediation-level.mediation-future:after,
.mediation-level-display.mediation-tomorrow:after,
.mediation-level-display.mediation-two_days:after,
.mediation-level-display.mediation-three_days:after,
.mediation-level-display.mediation-four_days:after,
.mediation-level-display.mediation-five_days:after,
.mediation-level-display.mediation-six_days:after,
.mediation-level-display.mediation-seven_days:after,
.mediation-level-display.mediation-eight_days:after,
.mediation-level-display.mediation-nine_days:after,
.mediation-level-display.mediation-future:after {
  content: "";
  position: absolute;
  display: flex;
  padding-top: 6px;
  font-size: 11px;
  font-weight: bold;
  color: #819ca9;
}
.mediation-level.mediation-tomorrow:after, .mediation-level.mediation-two_days:after,
.mediation-level-display.mediation-tomorrow:after,
.mediation-level-display.mediation-two_days:after {
  color: #c66c00;
}
.mediation-level.mediation-tomorrow:after,
.mediation-level-display.mediation-tomorrow:after {
  content: "1";
}
.mediation-level.mediation-two_days:after,
.mediation-level-display.mediation-two_days:after {
  content: "2";
}
.mediation-level.mediation-three_days:after,
.mediation-level-display.mediation-three_days:after {
  content: "3";
}
.mediation-level.mediation-four_days:after,
.mediation-level-display.mediation-four_days:after {
  content: "4";
}
.mediation-level.mediation-five_days:after,
.mediation-level-display.mediation-five_days:after {
  content: "5";
}
.mediation-level.mediation-six_days:after,
.mediation-level-display.mediation-six_days:after {
  content: "6";
}
.mediation-level.mediation-seven_days:after,
.mediation-level-display.mediation-seven_days:after {
  content: "7";
}
.mediation-level.mediation-eight_days:after,
.mediation-level-display.mediation-eight_days:after {
  content: "8";
}
.mediation-level.mediation-nine_days:after,
.mediation-level-display.mediation-nine_days:after {
  content: "9";
}
.mediation-level.mediation-future:after,
.mediation-level-display.mediation-future:after {
  content: ">";
}

.mediation-task-create {
  background-color: #EAF2F7;
}
.mediation-task-create .mediation-level, .mediation-task-create.mediation-level-display .icon {
  color: #819ca9;
}

.dataviz-slim {
  background-color: #fe9b35;
}

.dataviz-white {
  background-color: white;
}

.dataviz-blue1 {
  background-color: #053061 !important;
}

.dataviz_b-blue1 {
  border-color: #053061 !important;
}

.dataviz-blue1-20 {
  background-color: rgb(205.08, 223.14, 243.72) !important;
}

.dataviz-blue2 {
  background-color: #2166ac !important;
}

.dataviz_b-blue2 {
  border-color: #2166ac !important;
}

.dataviz-blue2-20 {
  background-color: rgb(221.2677439024, 232.0468902439, 242.9822560976) !important;
}

.dataviz-blue3 {
  background-color: #4393c3 !important;
}

.dataviz_b-blue3 {
  border-color: #4393c3 !important;
}

.dataviz-blue3-20 {
  background-color: rgb(229.68, 238.08, 243.12) !important;
}

.dataviz-blue4 {
  background-color: #92c5de !important;
}

.dataviz_b-blue4 {
  border-color: #92c5de !important;
}

.dataviz-blue4-20 {
  background-color: rgb(240.36, 245.715, 248.34) !important;
}

.dataviz-blue5 {
  background-color: #d1e5f0 !important;
}

.dataviz_b-blue5 {
  border-color: #d1e5f0 !important;
}

.dataviz-blue5-20 {
  background-color: rgb(248.7975, 250.8975, 252.0525) !important;
}

.dataviz-green1 {
  background-color: #276419 !important;
}

.dataviz_b-green1 {
  border-color: #276419 !important;
}

.dataviz-green1-20 {
  background-color: rgb(218.5251, 238.2525, 213.9975) !important;
}

.dataviz-green2 {
  background-color: #4d9221 !important;
}

.dataviz_b-green2 {
  border-color: #4d9221 !important;
}

.dataviz-green2-20 {
  background-color: rgb(227.7479748603, 241.1451536313, 219.2048463687) !important;
}

.dataviz-green3 {
  background-color: #7fbc41 !important;
}

.dataviz_b-green3 {
  border-color: #7fbc41 !important;
}

.dataviz-green3-20 {
  background-color: rgb(235.7783300395, 242.2845948617, 229.1654051383) !important;
}

.dataviz-green4 {
  background-color: #b8e186 !important;
}

.dataviz_b-green4 {
  border-color: #b8e186 !important;
}

.dataviz-green4-20 {
  background-color: rgb(244.1475, 248.4525, 238.8975) !important;
}

.dataviz-green5 {
  background-color: #e6f5d0 !important;
}

.dataviz_b-green5 {
  border-color: #e6f5d0 !important;
}

.dataviz-green5-20 {
  background-color: rgb(251.0925, 252.6675, 248.7825) !important;
}

.dataviz-orange1 {
  background-color: #7f3b08 !important;
}

.dataviz_b-orange1 {
  border-color: #7f3b08 !important;
}

.dataviz-orange1-20 {
  background-color: rgb(244.2291666667, 224.3958333333, 209.5208333333) !important;
}

.dataviz-orange2 {
  background-color: #b35806 !important;
}

.dataviz_b-orange2 {
  border-color: #b35806 !important;
}

.dataviz-orange2-20 {
  background-color: rgb(246.5807432432, 229.7949324324, 214.6692567568) !important;
}

.dataviz-orange3 {
  background-color: #e08214 !important;
}

.dataviz_b-orange3 {
  border-color: #e08214 !important;
}

.dataviz-orange3-20 {
  background-color: rgb(246.7256557377, 235.9657377049, 223.3743442623) !important;
}

.dataviz-orange4 {
  background-color: #fdb863 !important;
}

.dataviz_b-orange4 {
  border-color: #fdb863 !important;
}

.dataviz-orange4-20 {
  background-color: rgb(251.235, 243.99, 235.065) !important;
}

.dataviz-orange5 {
  background-color: #fee0b6 !important;
}

.dataviz_b-orange5 {
  border-color: #fee0b6 !important;
}

.dataviz-orange5-20 {
  background-color: rgb(253.23, 250.08, 245.67) !important;
}

.dataviz-pink1 {
  background-color: #8e0152 !important;
}

.dataviz_b-pink1 {
  border-color: #8e0152 !important;
}

.dataviz-pink1-20 {
  background-color: rgb(246.4730244755, 208.4769755245, 230.304493007) !important;
}

.dataviz-pink2 {
  background-color: #c51b7d !important;
}

.dataviz_b-pink2 {
  border-color: #c51b7d !important;
}

.dataviz-pink2-20 {
  background-color: rgb(244.9453125, 222.1546875, 235.2928125) !important;
}

.dataviz-pink3 {
  background-color: #de77ae !important;
}

.dataviz_b-pink3 {
  border-color: #de77ae !important;
}

.dataviz-pink3-20 {
  background-color: rgb(247.7325, 236.9175, 242.6925) !important;
}

.dataviz-pink4 {
  background-color: #f1b6da !important;
}

.dataviz_b-pink4 {
  border-color: #f1b6da !important;
}

.dataviz-pink4-20 {
  background-color: rgb(251.5725, 245.3775, 249.1575) !important;
}

.dataviz-pink5 {
  background-color: #fde0ef !important;
}

.dataviz_b-pink5 {
  border-color: #fde0ef !important;
}

.dataviz-pink5-20 {
  background-color: rgb(254.0475, 251.0025, 252.5775) !important;
}

.dataviz-grey1 {
  background-color: #1a1a1a !important;
}

.dataviz_b-grey1 {
  border-color: #1a1a1a !important;
}

.dataviz-grey1-20 {
  background-color: rgb(220.65, 220.65, 220.65) !important;
}

.dataviz-grey2 {
  background-color: #4d4d4d !important;
}

.dataviz_b-grey2 {
  border-color: #4d4d4d !important;
}

.dataviz-grey2-20 {
  background-color: rgb(228.3, 228.3, 228.3) !important;
}

.dataviz-grey3 {
  background-color: #878787 !important;
}

.dataviz_b-grey3 {
  border-color: #878787 !important;
}

.dataviz-grey3-20 {
  background-color: #ededed !important;
}

.dataviz-grey4 {
  background-color: #bababa !important;
}

.dataviz_b-grey4 {
  border-color: #bababa !important;
}

.dataviz-grey4-20 {
  background-color: rgb(244.65, 244.65, 244.65) !important;
}

.dataviz-grey5 {
  background-color: #e0e0e0 !important;
}

.dataviz_b-grey5 {
  border-color: #e0e0e0 !important;
}

.dataviz-grey5-20 {
  background-color: rgb(250.35, 250.35, 250.35) !important;
}

.dataviz-red1 {
  background-color: #67001f !important;
}

.dataviz_b-red1 {
  border-color: #67001f !important;
}

.dataviz-red1-20 {
  background-color: rgb(245.8425, 203.1075, 215.9694902913) !important;
}

.dataviz-red2 {
  background-color: #b2182b !important;
}

.dataviz_b-red2 {
  border-color: #b2182b !important;
}

.dataviz-red2-20 {
  background-color: rgb(244.2276237624, 219.5723762376, 222.6142574257) !important;
}

.dataviz-red3 {
  background-color: #d6604d !important;
}

.dataviz_b-red3 {
  border-color: #d6604d !important;
}

.dataviz-red3-20 {
  background-color: rgb(245.7675, 233.3775, 231.3825) !important;
}

.dataviz-red4 {
  background-color: #f4a582 !important;
}

.dataviz_b-red4 {
  border-color: #f4a582 !important;
}

.dataviz-red4-20 {
  background-color: rgb(250.785, 242.49, 238.815) !important;
}

.dataviz-red5 {
  background-color: #fddbc7 !important;
}

.dataviz_b-red5 {
  border-color: #fddbc7 !important;
}

.dataviz-red5-20 {
  background-color: rgb(253.485, 249.915, 247.815) !important;
}

.dataviz-sea1 {
  background-color: #003c30 !important;
}

.dataviz_b-sea1 {
  border-color: #003c30 !important;
}

.dataviz-sea1-20 {
  background-color: rgb(197.625, 244.875, 235.425) !important;
}

.dataviz-sea2 {
  background-color: #01665e !important;
}

.dataviz_b-sea2 {
  border-color: #01665e !important;
}

.dataviz-sea2-20 {
  background-color: rgb(203.5224029126, 245.4275970874, 242.1083737864) !important;
}

.dataviz-sea3 {
  background-color: #35978f !important;
}

.dataviz_b-sea3 {
  border-color: #35978f !important;
}

.dataviz-sea3-20 {
  background-color: rgb(224.3325, 239.7675, 238.5075) !important;
}

.dataviz-sea4 {
  background-color: #80cdc1 !important;
}

.dataviz_b-sea4 {
  border-color: #80cdc1 !important;
}

.dataviz-sea4-20 {
  background-color: rgb(237.6825, 245.7675, 244.5075) !important;
}

.dataviz-sea5 {
  background-color: #c7eae5 !important;
}

.dataviz_b-sea5 {
  border-color: #c7eae5 !important;
}

.dataviz-sea5-20 {
  background-color: rgb(247.3875, 251.0625, 250.5375) !important;
}

.dataviz-brown1 {
  background-color: #543005 !important;
}

.dataviz_b-brown1 {
  border-color: #543005 !important;
}

.dataviz-brown1-20 {
  background-color: rgb(243.0440730337, 225.1633988764, 203.8059269663) !important;
}

.dataviz-brown2 {
  background-color: #8c510a !important;
}

.dataviz_b-brown2 {
  border-color: #8c510a !important;
}

.dataviz-brown2-20 {
  background-color: rgb(244.38, 229.512, 211.62) !important;
}

.dataviz-brown3 {
  background-color: #bf812d !important;
}

.dataviz_b-brown3 {
  border-color: #bf812d !important;
}

.dataviz-brown3-20 {
  background-color: rgb(243.3491949153, 235.7909745763, 225.5508050847) !important;
}

.dataviz-brown4 {
  background-color: #dfc27d !important;
}

.dataviz_b-brown4 {
  border-color: #dfc27d !important;
}

.dataviz-brown4-20 {
  background-color: rgb(247.995, 244.95, 237.705) !important;
}

.dataviz-brown5 {
  background-color: #f6e8c3 !important;
}

.dataviz_b-brown5 {
  border-color: #f6e8c3 !important;
}

.dataviz-brown5-20 {
  background-color: rgb(252.5025, 251.0325, 247.1475) !important;
}

.dataviz-purple1 {
  background-color: #40004b !important;
}

.dataviz_b-purple1 {
  border-color: #40004b !important;
}

.dataviz-purple1-20 {
  background-color: rgb(238.5135, 199.5375, 245.2125) !important;
}

.dataviz-purple2 {
  background-color: #762a83 !important;
}

.dataviz_b-purple2 {
  border-color: #762a83 !important;
}

.dataviz-purple2-20 {
  background-color: rgb(236.167933526, 220.6230780347, 238.8269219653) !important;
}

.dataviz-purple3 {
  background-color: #9970ab !important;
}

.dataviz_b-purple3 {
  border-color: #9970ab !important;
}

.dataviz-purple3-20 {
  background-color: rgb(239.1825, 234.8775, 241.0725) !important;
}

.dataviz-purple4 {
  background-color: #c2a5cf !important;
}

.dataviz_b-purple4 {
  border-color: #c2a5cf !important;
}

.dataviz-purple4-20 {
  background-color: rgb(245.49, 242.445, 246.855) !important;
}

.dataviz-purple5 {
  background-color: #e7d4e8 !important;
}

.dataviz_b-purple5 {
  border-color: #e7d4e8 !important;
}

.dataviz-purple5-20 {
  background-color: rgb(250.995, 249, 251.1) !important;
}

[class*=dataviz-] {
  color: rgba(255, 255, 255, 0.6) !important;
}

[class*=dataviz-][class*="-20"] {
  color: rgba(0, 0, 0, 0.6) !important;
}

[class*=dataviz-slim] {
  color: white !important;
}

.dataviz-blue4,
.dataviz-blue5,
.dataviz-green4,
.dataviz-green5,
.dataviz-orange4,
.dataviz-orange5,
.dataviz-pink4,
.dataviz-pink5,
.dataviz-grey4,
.dataviz-grey5,
.dataviz-red4,
.dataviz-red5,
.dataviz-sea4,
.dataviz-sea5,
.dataviz-brown4,
.dataviz-brown5,
.dataviz-purple4,
.dataviz-purple5,
.dataviz-white {
  color: rgba(0, 0, 0, 0.5) !important;
}

.dataviz-alert-info {
  background-color: rgb(130, 177, 206);
  color: rgba(255, 255, 255, 0.8) !important;
}

@keyframes processing {
  0% {
    background-color: #fdb863;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #fdb863;
  }
}
@keyframes envwarning {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingdummy {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
body.old-matching-page {
  min-width: 1344px;
}
body.old-matching-page .page-header {
  clear: both;
  background: #29434e;
}
body.old-matching-page .page-header:after {
  box-shadow: none;
}
body.old-matching-page .page-header h1 {
  color: white;
  line-height: 1.4;
  margin-bottom: 0;
}
body.old-matching-page .page-header h1 small {
  display: block;
}
body.old-matching-page .page-header em {
  color: #89D621;
  font-style: normal;
  font-weight: inherit;
}
body.old-matching-page .page-header div.breadcrumbs {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
body.old-matching-page .page-header .line-calendar .week {
  margin-bottom: -6px;
}
body.old-matching-page #matching-container,
body.old-matching-page .line-cal-container {
  position: relative;
  display: flex;
  align-items: stretch;
}
body.old-matching-page #content-container {
  height: calc(100vh - 121px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.old-matching-page #matching-container {
  overflow: hidden;
}
body.old-matching-page #matching-container > #react, body.old-matching-page #matching-container > #sheet-middle {
  order: 2;
  flex: 1 0;
}
body.old-matching-page #matching-container > #react > #react-container, body.old-matching-page #matching-container > #sheet-middle > #react-container {
  display: flex;
  height: 100%;
}
body.old-matching-page #matching-content,
body.old-matching-page .line-cal-container .line-cal-content {
  order: 2;
  flex: 1 0 672px;
  min-width: 672px;
  padding: 0 24px;
}
body.old-matching-page #content {
  padding: 0;
  min-height: 0;
}
body.old-matching-page #matching-content {
  background-color: transparent;
  box-shadow: none;
  min-height: 0;
  box-shadow: inset 0 0 4px 0 #ffcc66;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
body.old-matching-page #matching-content.manual-assignment {
  padding: 24px;
}
body.old-matching-page #matching-content.manual-assignment #content-main {
  min-height: calc(100vh - 300px);
  overflow-y: auto;
  margin-bottom: 78px;
  padding-bottom: 80px;
}
body.old-matching-page #matching-content.manual-assignment .submit-row {
  left: 336px;
  right: 336px;
}
body.old-matching-page #sheet-left,
body.old-matching-page #sheet-right {
  flex: 0 0 312px;
}
body.old-matching-page #sheet-left,
body.old-matching-page #sheet-right {
  z-index: 10;
  overflow-x: none;
  width: 312px;
}
body.old-matching-page #sheet-left {
  order: 1;
}
body.old-matching-page #sheet-right {
  order: 3;
}
body.old-matching-page .pinned-messages {
  flex: 1 0;
  background-color: #29434e;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.old-matching-page .pinned-messages .journal-message {
  max-width: calc(100vw - 672px);
  width: 50em;
  min-width: 672px;
  background-color: #ffcc66;
  margin-bottom: 2px;
}
body.old-matching-page .journal-message,
body.old-matching-page .status-message {
  border-radius: 0.25em;
  margin-bottom: 12px;
  padding: 6px 3px;
}
body.old-matching-page .journal-message .message-meta,
body.old-matching-page .status-message .message-meta {
  color: #c66c00;
}
body.old-matching-page .journal-message .message-pin,
body.old-matching-page .status-message .message-pin {
  position: relative;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit] + label {
  color: #fe9b35;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label:hover, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label:focus, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label:hover,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:hover,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:hover,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label:focus,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:focus,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:focus {
  color: #fe9b35;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label:after, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:after, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label:after,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label:after,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label:after,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit] + label:after {
  position: absolute;
  margin-left: 12px;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label {
  color: #c66c00;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label:hover, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover, body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label:focus, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label:hover,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:hover,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:hover,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label:focus,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label:focus,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label:focus {
  color: #fe9b35;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave + label + .unpinned-info, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label + .unpinned-info, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit] + label + .unpinned-info,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave + label + .unpinned-info,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit] + label + .unpinned-info,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit] + label + .unpinned-info {
  position: absolute;
  opacity: 1;
  transition: all 0.2s linear;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 32px;
  font-size: 0.8em;
  width: 276px;
  border-radius: 0.25em;
  color: #819ca9;
  font-style: italic;
}
body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave:checked + label + .unpinned-info, body.old-matching-page .journal-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info, #changelist #toolbar form body.old-matching-page .journal-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info,
body.old-matching-page .status-message .message-pin input[type=checkbox].autosave:checked + label + .unpinned-info,
body.old-matching-page .status-message .message-pin #changelist #toolbar form input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info,
#changelist #toolbar form body.old-matching-page .status-message .message-pin input[type=checkbox].autosave[type=submit]:checked + label + .unpinned-info {
  opacity: 0;
}
body.old-matching-page .journal-message .message-type-icon,
body.old-matching-page .status-message .message-type-icon {
  display: flex;
  justify-content: center;
}
body.old-matching-page .big-text {
  font-size: 12px;
}
body.old-matching-page .key-props {
  font-size: 14px;
}
body.old-matching-page .key-props .prop {
  display: flex;
  align-items: center;
  margin-right: 12px;
  padding-bottom: 6px;
  padding-left: 34px;
}
body.old-matching-page .key-props .icon {
  font-size: 18px;
  vertical-align: middle;
  background-color: #819ca9;
  color: white;
  margin-right: 6px;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  flex: 0 0 28px;
  text-align: center;
  display: inline-block;
  margin-left: -34px;
}
body.old-matching-page .sec-props {
  font-size: 12px;
}
body.old-matching-page .sec-props .prop {
  display: flex;
  align-items: center;
  margin-right: 12px;
  padding-bottom: 12px;
  padding-left: 0;
}
body.old-matching-page .sec-props .icon {
  display: none;
}
body.old-matching-page .page-header-actions {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
}
body.old-matching-page .page-header-actions form {
  margin: 0 12px;
  border: 1px solid #819ca9;
  border-radius: 6px;
  display: flex;
}
body.old-matching-page .page-header-actions label {
  color: white;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 18px;
}
body.old-matching-page .page-header-actions select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
  background-color: transparent;
  background-image: url("../img/icon-arrow-down.8628709ea03f.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 16px 16px;
  color: white;
  border: none;
  border-right: 1px solid #546e7a !important;
  border-radius: 0;
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.025em;
  min-width: 15em;
}
body.old-matching-page .page-header-actions select::-ms-expand {
  display: none;
}
body.old-matching-page .page-header-actions select::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: red;
}
body.old-matching-page .page-header-actions select option {
  background-color: white !important;
  color: black !important;
}
body.old-matching-page .page-header-actions select:focus {
  outline: none;
}
body.old-matching-page .page-header-actions form .button, body.old-matching-page .page-header-actions form .object-tools a:link, .object-tools body.old-matching-page .page-header-actions form a:link,
body.old-matching-page .page-header-actions form .object-tools a:visited,
.object-tools body.old-matching-page .page-header-actions form a:visited, body.old-matching-page .page-header-actions form .object-tools .submit-row a.deletelink:link, .object-tools .submit-row body.old-matching-page .page-header-actions form a.deletelink:link, body.old-matching-page .page-header-actions form .submit-row .object-tools a.deletelink:link, .submit-row .object-tools body.old-matching-page .page-header-actions form a.deletelink:link,
body.old-matching-page .page-header-actions form .object-tools .submit-row a.deletelink:visited,
.object-tools .submit-row body.old-matching-page .page-header-actions form a.deletelink:visited,
body.old-matching-page .page-header-actions form .submit-row .object-tools a.deletelink:visited,
.submit-row .object-tools body.old-matching-page .page-header-actions form a.deletelink:visited, body.old-matching-page .page-header-actions form .submit-row a.deletelink, .submit-row body.old-matching-page .page-header-actions form a.deletelink, body.old-matching-page .page-header-actions form .submit-row a.closelink, .submit-row body.old-matching-page .page-header-actions form a.closelink {
  border-radius: 0 6px 6px 0;
  border: none;
}
body.old-matching-page .subpage-header {
  position: relative;
  flex: 0;
  padding: 0 36px;
  margin: 0 -12px;
  background-color: #29434e;
  color: white;
}
body.old-matching-page .subpage-header h1 {
  margin-bottom: 7px;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container.align-right {
  right: 0;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
  background-color: transparent;
  background-image: url("../img/icon-arrow-down.8628709ea03f.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 16px 16px;
  color: white;
  border: 1px solid #819ca9 !important;
  margin: 0 0 6px;
  font-size: 12px;
  letter-spacing: 0.025em;
  min-width: 15em;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container select::-ms-expand {
  display: none;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container select::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: red;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container select option {
  background-color: white !important;
  color: black !important;
}
body.old-matching-page .subpage-header.with-tabs .tabs-container select:focus {
  outline: none;
}
body.old-matching-page .list-matches {
  flex: 1;
  overflow-y: auto;
  padding: 12px 24px 48px;
  position: relative;
}
body.old-matching-page h1 .total-matches {
  opacity: 0.3;
}
body.old-matching-page .tabs-container {
  display: block;
}
body.old-matching-page .tabs-container.align-right {
  float: right;
}
body.old-matching-page .tabs {
  display: flex;
}
body.old-matching-page .tabs .tab {
  flex: 1;
  white-space: nowrap;
  padding: 6px 12px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
  transition: all linear 0.1s;
  color: rgba(255, 255, 255, 0.7);
}
body.old-matching-page .tabs .tab.selected, .match-mode body.old-matching-page .tabs .tab.match-tab, .plan-mode body.old-matching-page .tabs .tab.plan-tab {
  border-bottom-color: #89D621;
  color: white;
}
body.old-matching-page .tabs .tab:hover {
  border-bottom-color: #fe9b35;
}
body.old-matching-page .search {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  margin-bottom: 6px;
  border: 1px solid #819ca9;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
body.old-matching-page .search input[type=text], body.old-matching-page .search #changelist #toolbar form input[type=text][type=submit], #changelist #toolbar form body.old-matching-page .search input[type=text][type=submit] {
  background-color: transparent;
  color: white;
  border: none;
  margin: 0;
  width: 20em;
}
body.old-matching-page .search input[type=text]:focus, body.old-matching-page .search #changelist #toolbar form input[type=text][type=submit]:focus, #changelist #toolbar form body.old-matching-page .search input[type=text][type=submit]:focus {
  outline: none;
}
body.old-matching-page .search button.outline.ondark {
  border: none;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #546e7a;
  padding: 2px 12px;
}
body.old-matching-page .line-cal-header {
  display: flex;
  padding-right: 12px;
  align-items: flex-end;
}
body.old-matching-page .line-cal-header .spacer-left {
  order: 1;
  flex: 0 1 188px;
  padding-right: 12px;
}
body.old-matching-page .line-cal-header .spacer-left h1 {
  margin-bottom: 12px;
}
body.old-matching-page .line-cal-header .line-cal-content {
  position: relative;
  order: 2;
  flex: 1 0 535px;
}
body.old-matching-page .line-cal-header .line-cal-content.small-line-cal-content {
  flex: 1 0 390px;
}
body.old-matching-page .line-calendar {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 18px;
  cursor: default;
  color: #819ca9;
  position: relative;
  flex-wrap: wrap;
}
body.old-matching-page .line-calendar .prev-weeks,
body.old-matching-page .line-calendar .next-weeks {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 13px;
  cursor: pointer;
  transition: all linear 0.2s;
  border-color: white;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
}
body.old-matching-page .line-calendar .prev-weeks:hover,
body.old-matching-page .line-calendar .next-weeks:hover {
  border-color: #89D621;
}
body.old-matching-page .line-calendar .prev-weeks.required,
body.old-matching-page .line-calendar .next-weeks.required {
  border-color: #ff937e;
}
body.old-matching-page .line-calendar .prev-weeks.required:hover,
body.old-matching-page .line-calendar .next-weeks.required:hover {
  border-color: #ff6051;
}
body.old-matching-page .line-calendar .prev-weeks.disabled,
body.old-matching-page .line-calendar .next-weeks.disabled {
  cursor: default;
  border-left-color: rgba(255, 255, 255, 0.1) !important;
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}
body.old-matching-page .line-calendar .popout-actions {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 6px;
  margin-bottom: 6px;
  font-size: 13px;
  text-align: right;
  z-index: 100;
  border-radius: 6px;
}
body.old-matching-page .line-calendar .popout-actions .button, body.old-matching-page .line-calendar .popout-actions .object-tools a:link, .object-tools body.old-matching-page .line-calendar .popout-actions a:link,
body.old-matching-page .line-calendar .popout-actions .object-tools a:visited,
.object-tools body.old-matching-page .line-calendar .popout-actions a:visited, body.old-matching-page .line-calendar .popout-actions .object-tools .submit-row a.deletelink:link, .object-tools .submit-row body.old-matching-page .line-calendar .popout-actions a.deletelink:link, body.old-matching-page .line-calendar .popout-actions .submit-row .object-tools a.deletelink:link, .submit-row .object-tools body.old-matching-page .line-calendar .popout-actions a.deletelink:link,
body.old-matching-page .line-calendar .popout-actions .object-tools .submit-row a.deletelink:visited,
.object-tools .submit-row body.old-matching-page .line-calendar .popout-actions a.deletelink:visited,
body.old-matching-page .line-calendar .popout-actions .submit-row .object-tools a.deletelink:visited,
.submit-row .object-tools body.old-matching-page .line-calendar .popout-actions a.deletelink:visited, body.old-matching-page .line-calendar .popout-actions .submit-row a.deletelink, .submit-row body.old-matching-page .line-calendar .popout-actions a.deletelink, body.old-matching-page .line-calendar .popout-actions .submit-row a.closelink, .submit-row body.old-matching-page .line-calendar .popout-actions a.closelink {
  margin-left: 3px;
}
body.old-matching-page .line-calendar .popout-actions .button.invite:hover, body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:hover:link, .object-tools body.old-matching-page .line-calendar .popout-actions a.invite:hover:link,
body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:hover:visited,
.object-tools body.old-matching-page .line-calendar .popout-actions a.invite:hover:visited, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.deletelink:hover, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.deletelink:hover, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.closelink:hover, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.closelink:hover, body.old-matching-page .line-calendar .popout-actions .button.invite:focus, body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:focus:link, .object-tools body.old-matching-page .line-calendar .popout-actions a.invite:focus:link,
body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:focus:visited,
.object-tools body.old-matching-page .line-calendar .popout-actions a.invite:focus:visited, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.deletelink:focus, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.deletelink:focus, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.closelink:focus, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.closelink:focus, body.old-matching-page .line-calendar .popout-actions .button.invite:active, body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:active:link, .object-tools body.old-matching-page .line-calendar .popout-actions a.invite:active:link,
body.old-matching-page .line-calendar .popout-actions .object-tools a.invite:active:visited,
.object-tools body.old-matching-page .line-calendar .popout-actions a.invite:active:visited, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.deletelink:active, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.deletelink:active, body.old-matching-page .line-calendar .popout-actions .submit-row a.invite.closelink:active, .submit-row body.old-matching-page .line-calendar .popout-actions a.invite.closelink:active {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0.4) 4px);
}
body.old-matching-page .line-calendar .prev-weeks {
  right: 100%;
  border-right: 12px solid;
  border-left: 0;
  padding-right: 12px;
}
body.old-matching-page .line-calendar .next-weeks {
  left: 100%;
  margin-left: 6px;
  border-left: 12px solid;
  border-right: 0;
  padding-left: 12px;
}
body.old-matching-page .line-calendar .weeknum {
  width: 100%;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  top: -19px;
  z-index: -1;
  background: #29434e;
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
  padding: 4px 4px 7px;
}
body.old-matching-page .line-calendar .week:hover .weeknum {
  z-index: 10;
  background: #29434e;
  color: white;
}
body.old-matching-page .line-calendar .week:hover .days {
  z-index: 11;
}
body.old-matching-page .line-calendar .week:hover .month {
  display: block;
  background-color: #29434e;
  bottom: -10px;
  border-bottom: 2px solid #29434e;
  color: rgba(255, 255, 255, 0.6);
  font-weight: normal;
}
body.old-matching-page .line-calendar .week:hover .new-month .month {
  bottom: 0;
  border-bottom: 0;
  color: white;
  font-weight: bold;
  background-color: #546e7a;
}
body.old-matching-page .line-calendar .week {
  width: 124px;
  margin-left: 6px;
  margin-bottom: 6px;
  position: relative;
}
body.old-matching-page .line-calendar .days {
  display: flex;
  position: relative;
}
body.old-matching-page .line-calendar .day {
  flex: 1;
  position: relative;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: white;
  margin-right: 1px;
  text-align: center;
  transition: all linear 0.2s;
  cursor: pointer;
  user-select: none;
}
body.old-matching-page .line-calendar .day:last-child {
  margin-right: 0;
  border-radius: 0 3px 3px 0;
}
body.old-matching-page .line-calendar .day:last-child:before {
  border-radius: 0 3px 0 0;
}
body.old-matching-page .line-calendar .day:last-child:after {
  border-radius: 0 0 3px 0;
}
body.old-matching-page .line-calendar .day:first-child {
  border-radius: 3px 0 0 3px;
}
body.old-matching-page .line-calendar .day:first-child:before {
  border-radius: 3px 0 0 0;
}
body.old-matching-page .line-calendar .day:first-child:after {
  border-radius: 0 0 0 3px;
}
body.old-matching-page .line-calendar .day:before, body.old-matching-page .line-calendar .day:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
body.old-matching-page .line-calendar .day:before {
  top: 0;
  bottom: 50%;
}
body.old-matching-page .line-calendar .day:after {
  top: 50%;
  bottom: 0;
}
body.old-matching-page .line-calendar .day i {
  display: block;
  font-style: normal;
  position: relative;
  z-index: 2;
  height: 24px;
  text-shadow: -1px -1px 0 #819ca9, 1px -1px 0 #819ca9, -1px 1px 0 #819ca9, 1px 1px 0 #819ca9;
}
body.old-matching-page .line-calendar .day.new-month {
  line-height: 18px;
  height: 27px;
  margin-bottom: -3px;
}
body.old-matching-page .line-calendar .day .month {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: white;
  font-size: 8px;
  text-transform: uppercase;
  line-height: 1;
  padding: 2px 0 0;
  z-index: 10;
  font-weight: bold;
  background-color: #546e7a;
  display: none;
}
body.old-matching-page .line-calendar .day.new-month .month {
  display: block;
}
body.old-matching-page .line-calendar .day i:before,
body.old-matching-page .line-calendar .day i:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  transition: all linear 0.1s;
}
body.old-matching-page .line-calendar .day i:before {
  bottom: 100%;
  margin-bottom: 1px;
}
body.old-matching-page .line-calendar .day i:after {
  top: 100%;
  margin-top: 1px;
}
body.old-matching-page .line-cal-header .line-calendar,
body.old-matching-page .header-cal-legenda .line-calendar {
  position: relative;
  z-index: 1;
  padding-top: 21px;
  padding-bottom: 12px;
  padding-right: 15px;
}
body.old-matching-page .line-cal-header .line-calendar .day,
body.old-matching-page .header-cal-legenda .line-calendar .day {
  background-color: white;
  color: #29434e;
  cursor: default;
  margin-right: 0;
  border-right: 1px solid #29434e;
}
body.old-matching-page .line-cal-header .line-calendar .day:last-child,
body.old-matching-page .header-cal-legenda .line-calendar .day:last-child {
  border-right: none;
}
body.old-matching-page .line-cal-header .line-calendar .day i,
body.old-matching-page .header-cal-legenda .line-calendar .day i {
  text-shadow: none;
}
body.old-matching-page .card .line-calendar {
  transition: all linear 0.2s;
  order: 2;
  padding-bottom: 0;
  flex: 1 0 520px;
}
body.old-matching-page .card .line-calendar.small-line-calendar {
  flex: 1 0 390px;
}
body.old-matching-page .card:hover .line-calendar {
  margin-right: 6px;
}
body.old-matching-page .card.selected .line-calendar,
body.old-matching-page .card.selected:hover .line-calendar {
  margin-right: 6px;
}
body.old-matching-page .match .line-calendar .day.morning-assigned i, body.old-matching-page .match .line-calendar .day.afternoon-assigned i,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned i,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned i, body.old-matching-page .match .line-calendar .day.required-day i, body.old-matching-page .match .line-calendar .day.required-morning i, body.old-matching-page .match .line-calendar .day.required-afternoon i, body.old-matching-page .match .line-calendar .day.expired-day i, body.old-matching-page .match .line-calendar .day.expired-morning i, body.old-matching-page .match .line-calendar .day.expired-afternoon i,
body.old-matching-page .match-legenda .line-calendar .day.required-day i,
body.old-matching-page .match-legenda .line-calendar .day.required-morning i,
body.old-matching-page .match-legenda .line-calendar .day.required-afternoon i,
body.old-matching-page .match-legenda .line-calendar .day.expired-day i,
body.old-matching-page .match-legenda .line-calendar .day.expired-morning i,
body.old-matching-page .match-legenda .line-calendar .day.expired-afternoon i {
  display: block;
  font-style: normal;
  position: relative;
  z-index: 2;
  height: 24px;
  color: white !important;
}
body.old-matching-page .match .line-calendar .day.morning-unavailable.required-day, body.old-matching-page .match .line-calendar .day.morning-unavailable.required-morning, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-day, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-morning,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-day,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-morning,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-day,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-morning, body.old-matching-page .match .line-calendar .day.morning-assigned.required-day, body.old-matching-page .match .line-calendar .day.morning-assigned.required-morning,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned.required-day,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned.required-morning, body.old-matching-page .match .line-calendar .day.morning-available.required-day, body.old-matching-page .match .line-calendar .day.morning-available.required-morning,
body.old-matching-page .match-legenda .line-calendar .day.morning-available.required-day,
body.old-matching-page .match-legenda .line-calendar .day.morning-available.required-morning {
  cursor: pointer;
}
body.old-matching-page .match .line-calendar .day.morning-unavailable.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.morning-unavailable.required-morning:hover i:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-morning:hover i:before, body.old-matching-page .match .line-calendar .day.morning-assigned.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.morning-assigned.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned.required-morning:hover i:before, body.old-matching-page .match .line-calendar .day.morning-available.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.morning-available.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-available.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-available.required-morning:hover i:before {
  height: 2px;
  background-color: #89D621;
}
body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-morning i:before, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-morning i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-assigned.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-assigned.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-assigned.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-assigned.required-morning i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-available.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-available.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-available.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-available.required-morning i:before {
  background-color: #89D621;
}
body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-day, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-afternoon, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-day, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-afternoon,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-day,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-afternoon,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-day,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-afternoon, body.old-matching-page .match .line-calendar .day.afternoon-assigned.required-day, body.old-matching-page .match .line-calendar .day.afternoon-assigned.required-afternoon,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned.required-day,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned.required-afternoon, body.old-matching-page .match .line-calendar .day.afternoon-available.required-day, body.old-matching-page .match .line-calendar .day.afternoon-available.required-afternoon,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-available.required-day,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-available.required-afternoon {
  cursor: pointer;
}
body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-afternoon:hover i:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-afternoon:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-assigned.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-assigned.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned.required-afternoon:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-available.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-available.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-available.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-available.required-afternoon:hover i:after {
  height: 2px;
  background-color: #89D621;
}
body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-assigned.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-assigned.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-assigned.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-assigned.required-afternoon i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-available.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-available.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-available.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-available.required-afternoon i:after {
  background-color: #89D621;
}
body.old-matching-page .match .line-calendar .selected-morning.day.afternoon-unavailable.required-day i, body.old-matching-page .match .line-calendar .selected-morning.day.afternoon-unavailable.required-afternoon i, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-afternoon.required-day i, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-afternoon.required-afternoon i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.afternoon-unavailable.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.afternoon-unavailable.required-afternoon i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-afternoon.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-afternoon.required-afternoon i, body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-day i, body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-morning i, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-day i, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-morning i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-morning i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-morning i, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i, body.old-matching-page .match .line-calendar .selected-afternoon.day.morning-unavailable.required-day i, body.old-matching-page .match .line-calendar .selected-afternoon.day.morning-unavailable.required-morning i, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-morning.required-day i, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-morning.required-morning i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.morning-unavailable.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.morning-unavailable.required-morning i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-morning.required-day i,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-morning.required-morning i {
  color: #ff6051 !important;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
body.old-matching-page .match .line-calendar .day.morning-unavailable.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.morning-unavailable.required-morning:hover i:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-day:hover i:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-day:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-morning:hover i:before {
  background-color: #ff6051;
}
body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.morning-unavailable.required-morning i:before, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-day i:before, body.old-matching-page .match .line-calendar .selected-morning.day.unavailable-morning.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.morning-unavailable.required-morning i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-day i:before,
body.old-matching-page .match-legenda .line-calendar .selected-morning.day.unavailable-morning.required-morning i:before {
  background-color: #ff6051;
}
body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-afternoon:hover i:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-day:hover i:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-day:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-afternoon:hover i:after {
  background-color: #ff6051;
}
body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i:after, body.old-matching-page .match .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.afternoon-unavailable.required-afternoon i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-day i:after,
body.old-matching-page .match-legenda .line-calendar .selected-afternoon.day.unavailable-afternoon.required-afternoon i:after {
  background-color: #ff6051;
}
body.old-matching-page .match .line-calendar .day,
body.old-matching-page .match-legenda .line-calendar .day {
  cursor: not-allowed;
}
body.old-matching-page .match .line-calendar .day,
body.old-matching-page .match-legenda .line-calendar .day {
  background-color: white;
}
body.old-matching-page .match .line-calendar .day:after, body.old-matching-page .match .line-calendar .day:before,
body.old-matching-page .match-legenda .line-calendar .day:after,
body.old-matching-page .match-legenda .line-calendar .day:before {
  background-color: white;
}
body.old-matching-page .match .line-calendar .day:after, body.old-matching-page .match .line-calendar .day:before,
body.old-matching-page .match-legenda .line-calendar .day:after,
body.old-matching-page .match-legenda .line-calendar .day:before {
  border: 1px solid #c4dce8;
}
body.old-matching-page .match .line-calendar .day:before,
body.old-matching-page .match-legenda .line-calendar .day:before {
  border-bottom: none;
}
body.old-matching-page .match .line-calendar .day:after,
body.old-matching-page .match-legenda .line-calendar .day:after {
  border-top: none;
}
body.old-matching-page .match .line-calendar .day i,
body.old-matching-page .match-legenda .line-calendar .day i {
  text-shadow: none;
  color: #c4dce8;
}
body.old-matching-page .match .line-calendar .day.selected-morning:hover i:before, body.old-matching-page .match .line-calendar .day.selected-afternoon:hover i:after,
body.old-matching-page .match-legenda .line-calendar .day.selected-morning:hover i:before,
body.old-matching-page .match-legenda .line-calendar .day.selected-afternoon:hover i:after {
  height: 4px !important;
}
body.old-matching-page .match .line-calendar .day.required-day:before, body.old-matching-page .match .line-calendar .day.required-morning:before, body.old-matching-page .match .line-calendar .day.expired-day:before, body.old-matching-page .match .line-calendar .day.expired-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.required-day:before,
body.old-matching-page .match-legenda .line-calendar .day.required-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.expired-day:before,
body.old-matching-page .match-legenda .line-calendar .day.expired-morning:before {
  background-color: #c4dce8;
  border: none;
}
body.old-matching-page .match .line-calendar .day.required-day:after, body.old-matching-page .match .line-calendar .day.required-afternoon:after, body.old-matching-page .match .line-calendar .day.expired-day:after, body.old-matching-page .match .line-calendar .day.expired-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.required-day:after,
body.old-matching-page .match-legenda .line-calendar .day.required-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.expired-day:after,
body.old-matching-page .match-legenda .line-calendar .day.expired-afternoon:after {
  background-color: #c4dce8;
  border: none;
}
body.old-matching-page .match .line-calendar .day.required-not:before, body.old-matching-page .match .line-calendar .day.required-not:after, body.old-matching-page .match .line-calendar .day.required-morning:after, body.old-matching-page .match .line-calendar .day.required-afternoon:before, body.old-matching-page .match .line-calendar .day.expired-morning:after, body.old-matching-page .match .line-calendar .day.expired-afternoon:before,
body.old-matching-page .match-legenda .line-calendar .day.required-not:before,
body.old-matching-page .match-legenda .line-calendar .day.required-not:after,
body.old-matching-page .match-legenda .line-calendar .day.required-morning:after,
body.old-matching-page .match-legenda .line-calendar .day.required-afternoon:before,
body.old-matching-page .match-legenda .line-calendar .day.expired-morning:after,
body.old-matching-page .match-legenda .line-calendar .day.expired-afternoon:before {
  background-color: white !important;
}
body.old-matching-page .match .line-calendar .day.expired-day, body.old-matching-page .match .line-calendar .day.expired-morning, body.old-matching-page .match .line-calendar .day.expired-afternoon,
body.old-matching-page .match-legenda .line-calendar .day.expired-day,
body.old-matching-page .match-legenda .line-calendar .day.expired-morning,
body.old-matching-page .match-legenda .line-calendar .day.expired-afternoon {
  opacity: 0.5;
}
body.old-matching-page .match .line-calendar .day.morning-available:before, body.old-matching-page .match .line-calendar .day.afternoon-available:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-available:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-available:after {
  background-color: #54a400;
  opacity: 0.4;
}
body.old-matching-page .match .line-calendar .day.morning-assigned:before, body.old-matching-page .match .line-calendar .day.afternoon-assigned:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-assigned:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-assigned:after {
  background-color: #54a400 !important;
  border: none;
}
body.old-matching-page .match .line-calendar .day.morning-unavailable:before, body.old-matching-page .match .line-calendar .day.afternoon-unavailable:after, body.old-matching-page .match .line-calendar .day.unavailable-morning:before, body.old-matching-page .match .line-calendar .day.unavailable-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon:after {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, #c4dce8 6px, #c4dce8 7px);
}
body.old-matching-page .match .line-calendar .day.morning-unavailable.required-day:before, body.old-matching-page .match .line-calendar .day.morning-unavailable.required-morning:before, body.old-matching-page .match .line-calendar .day.morning-unavailable.expired-day:before, body.old-matching-page .match .line-calendar .day.morning-unavailable.expired-morning:before, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-day:after, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.required-afternoon:after, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.expired-day:after, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.expired-afternoon:after, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-day:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.required-morning:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.expired-day:before, body.old-matching-page .match .line-calendar .day.unavailable-morning.expired-morning:before, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-day:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.required-afternoon:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.expired-day:after, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.expired-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-day:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.required-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.expired-day:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.expired-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-day:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.required-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.expired-day:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.expired-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-day:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.required-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.expired-day:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.expired-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-day:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.required-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.expired-day:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.expired-afternoon:after {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.3) 6px, rgba(255, 255, 255, 0.3) 7px);
  background-color: #fe9b35;
  opacity: 0.8;
}
body.old-matching-page .match .line-calendar .day.morning-unavailable.morning-assigned:before, body.old-matching-page .match .line-calendar .day.afternoon-unavailable.afternoon-assigned:after, body.old-matching-page .match .line-calendar .day.unavailable-morning.morning-assigned:before, body.old-matching-page .match .line-calendar .day.unavailable-afternoon.afternoon-assigned:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-unavailable.morning-assigned:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-unavailable.afternoon-assigned:after,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-morning.morning-assigned:before,
body.old-matching-page .match-legenda .line-calendar .day.unavailable-afternoon.afternoon-assigned:after {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.3) 6px, rgba(255, 255, 255, 0.3) 7px);
}
body.old-matching-page .match .line-calendar .day.morning-occupied:before, body.old-matching-page .match .line-calendar .day.afternoon-occupied:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied:after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #ffc5ad 3px, #ffc5ad 4px);
}
body.old-matching-page .match .line-calendar .day.morning-occupied.required-day:before, body.old-matching-page .match .line-calendar .day.morning-occupied.required-morning:before, body.old-matching-page .match .line-calendar .day.morning-occupied.expired-day:before, body.old-matching-page .match .line-calendar .day.morning-occupied.expired-morning:before, body.old-matching-page .match .line-calendar .day.afternoon-occupied.required-day:after, body.old-matching-page .match .line-calendar .day.afternoon-occupied.required-afternoon:after, body.old-matching-page .match .line-calendar .day.afternoon-occupied.expired-day:after, body.old-matching-page .match .line-calendar .day.afternoon-occupied.expired-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.required-day:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.required-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.expired-day:before,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.expired-morning:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.required-day:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.required-afternoon:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.expired-day:after,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.expired-afternoon:after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 255, 255, 0.3) 3px, rgba(255, 255, 255, 0.3) 4px);
  background-color: #ff6051;
  opacity: 0.8;
}
body.old-matching-page .match .line-calendar .day.morning-occupied.morning-assigned:before, body.old-matching-page .match .line-calendar .day.afternoon-occupied.afternoon-assigned:after,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.morning-assigned:before,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.afternoon-assigned:after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, white 3px, white 4px);
}
body.old-matching-page .match .line-calendar .day.morning-occupied.morning-assigned i, body.old-matching-page .match .line-calendar .day.afternoon-occupied.afternoon-assigned i,
body.old-matching-page .match-legenda .line-calendar .day.morning-occupied.morning-assigned i,
body.old-matching-page .match-legenda .line-calendar .day.afternoon-occupied.afternoon-assigned i {
  color: #ff6051 !important;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
body.old-matching-page .line-cal-header .line-calendar .day.morning-open:before, body.old-matching-page .line-cal-header .line-calendar .day.afternoon-open:after,
body.old-matching-page .header-cal-legenda .line-calendar .day.morning-open:before,
body.old-matching-page .header-cal-legenda .line-calendar .day.afternoon-open:after {
  background-color: #ff937e;
}
body.old-matching-page .line-cal-header .line-calendar .day.morning-expired:before, body.old-matching-page .line-cal-header .line-calendar .day.afternoon-expired:after,
body.old-matching-page .header-cal-legenda .line-calendar .day.morning-expired:before,
body.old-matching-page .header-cal-legenda .line-calendar .day.afternoon-expired:after {
  background-color: #ffc5ad;
}
body.old-matching-page .line-cal-header .line-calendar .day.morning-assigned:before, body.old-matching-page .line-cal-header .line-calendar .day.afternoon-assigned:after,
body.old-matching-page .header-cal-legenda .line-calendar .day.morning-assigned:before,
body.old-matching-page .header-cal-legenda .line-calendar .day.afternoon-assigned:after {
  background-color: #89D621;
}
body.old-matching-page .line-cal-header .line-calendar .day.morning-failed:before, body.old-matching-page .line-cal-header .line-calendar .day.afternoon-failed:after,
body.old-matching-page .header-cal-legenda .line-calendar .day.morning-failed:before,
body.old-matching-page .header-cal-legenda .line-calendar .day.afternoon-failed:after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, #ffc5ad 2px, #ffc5ad 4px);
}
body.old-matching-page .line-cal-header .line-calendar .day.morning-cancelled:before, body.old-matching-page .line-cal-header .line-calendar .day.afternoon-cancelled:after,
body.old-matching-page .header-cal-legenda .line-calendar .day.morning-cancelled:before,
body.old-matching-page .header-cal-legenda .line-calendar .day.afternoon-cancelled:after {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, #c4dce8 2px, #c4dce8 4px);
}
body.old-matching-page .match-list-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
body.old-matching-page .match-list-title h1 {
  margin: 0;
}
body.old-matching-page .header-cal-legenda .line-calendar {
  background-color: #29434e;
  padding: 6px 12px;
  margin: 6px 0;
  border-radius: 12px;
}
body.old-matching-page #legenda h3 {
  margin: 0 0 6px;
}
body.old-matching-page #legenda .info {
  font-style: italic;
  font-size: 12px;
  padding-bottom: 6px;
  margin-bottom: 0;
}
body.old-matching-page #legenda ul, body.old-matching-page #legenda li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
body.old-matching-page #legenda > ul > li {
  border-bottom: 1px solid #c4dce8;
  padding: 12px;
}
body.old-matching-page #legenda > ul ul {
  margin-left: 1.5em;
}
body.old-matching-page #legenda > ul ul .idx {
  margin-left: -1.5em;
  float: left;
}
body.old-matching-page #legenda .idx {
  font-weight: bold;
}
body.old-matching-page #legenda .line-calendar {
  padding-bottom: 6px;
  justify-content: flex-start;
}
body.old-matching-page #legenda .line-calendar .week {
  width: auto;
}
body.old-matching-page #legenda .line-calendar .day {
  flex: 0 0 24px;
}
body.old-matching-page .prefs {
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  padding: 3px;
}
body.old-matching-page .prefs .icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #54a400;
  text-align: center;
}
body.old-matching-page .prefs .icon.pooler {
  color: #546e7a;
}
body.old-matching-page .prefs .icon.secondment {
  color: #c4dce8;
}
body.old-matching-page .prefs .icon.favorite_exclusive {
  color: #ff6051;
}
body.old-matching-page .prefs .icon.limited_availability {
  color: #ff6051;
}
body.old-matching-page .list-matches.match-mode .match-mode, body.old-matching-page .list-matches.plan-mode .plan-mode {
  display: block;
}
body.old-matching-page .card.match,
body.old-matching-page .card.application,
body.old-matching-page .card.resultlist {
  background-color: white;
  padding: 0 12px 6px;
  margin: 0 0 12px;
  border-radius: 3px;
  border: 1px solid transparent;
  box-shadow: 0 0 3px 1px rgba(255, 204, 102, 0.5);
  transition: all linear 0.2s;
  position: relative;
  display: flex;
  align-items: flex-start;
}
body.old-matching-page .card.match h3,
body.old-matching-page .card.application h3,
body.old-matching-page .card.resultlist h3 {
  order: 1;
  flex: 1 1 8em;
  max-height: 36px;
  padding: 6px 0;
  overflow: hidden;
}
body.old-matching-page .card.match h3 .name,
body.old-matching-page .card.application h3 .name,
body.old-matching-page .card.resultlist h3 .name {
  display: block;
  max-height: 28px;
  overflow: hidden;
}
@media (max-width: 4000px) {
  body.old-matching-page .card.match,
  body.old-matching-page .card.application,
  body.old-matching-page .card.resultlist {
    padding-top: 32px;
  }
  body.old-matching-page .card.match h3,
  body.old-matching-page .card.application h3,
  body.old-matching-page .card.resultlist h3 {
    position: absolute;
    white-space: nowrap;
    top: 0;
  }
  body.old-matching-page .card.match h3 .name,
  body.old-matching-page .card.match h3 small,
  body.old-matching-page .card.application h3 .name,
  body.old-matching-page .card.application h3 small,
  body.old-matching-page .card.resultlist h3 .name,
  body.old-matching-page .card.resultlist h3 small {
    display: inline !important;
  }
  body.old-matching-page .card.match h3 .colour-icon,
  body.old-matching-page .card.application h3 .colour-icon,
  body.old-matching-page .card.resultlist h3 .colour-icon {
    margin-left: 0.5em;
  }
  body.old-matching-page .card.match h3 .name:after,
  body.old-matching-page .card.application h3 .name:after,
  body.old-matching-page .card.resultlist h3 .name:after {
    content: ", ";
  }
}
body.old-matching-page .card.match {
  padding-left: 30px;
  box-shadow: none;
  border: none;
}
body.old-matching-page .card.match h3 {
  margin: 0;
  line-height: 1;
}
body.old-matching-page .card.match h3 small {
  display: block;
}
body.old-matching-page .card.match:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  box-shadow: 0 0 6px #ffcc66;
  border: 1px solid transparent;
  border-radius: 3px;
}
body.old-matching-page .card.match:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 2px;
  width: 0;
  height: 0;
  margin-left: -14px;
  background-color: white;
  border: 1px solid white;
  transform: rotate(45deg);
  transition: all linear 0.2s;
  z-index: -1;
  border-radius: 6px;
  box-shadow: 0 0 6px #ffcc66;
}
body.old-matching-page .card.match:hover {
  cursor: pointer;
  margin-right: -6px;
  position: relative;
}
body.old-matching-page .card.match:hover:before {
  box-shadow: 0 0 6px #89D621;
}
body.old-matching-page .card.match:hover:after {
  width: 24px;
  height: 24px;
  box-shadow: 0 0 6px #89D621;
}
body.old-matching-page .card.match.selected {
  margin-right: -6px;
  position: relative;
}
body.old-matching-page .card.match.selected:before {
  border-color: #29434e;
}
body.old-matching-page .card.match.selected:after {
  width: 24px;
  height: 24px;
  transition: all linear 0.2s;
  border-color: #29434e;
}
body.old-matching-page .list-matches table {
  width: 100%;
}
body.old-matching-page .list-matches table h1 {
  margin: 32px 0 12px;
}
body.old-matching-page .list-matches table tbody:first-child h1 {
  margin: 0 0 12px;
}
body.old-matching-page .list-matches table tbody.tcard {
  position: relative;
  border-radius: 3px;
}
body.old-matching-page .list-matches table tbody.tcard:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  box-shadow: 0 0 6px #ffcc66;
  border: 1px solid white;
  border-radius: 3px;
}
body.old-matching-page .list-matches table tbody.tcard tr:first-child {
  border-radius: 3px 3px 0 0;
}
body.old-matching-page .list-matches table tbody.tcard tr:last-child {
  border-radius: 0 0 3px 3px;
}
body.old-matching-page .card.application h3 {
  font-size: 16px;
}
body.old-matching-page .match-props-old,
body.old-matching-page .application-props {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 6px;
  order: 1;
  flex-wrap: wrap;
}
body.old-matching-page .match-props-old.nowrap,
body.old-matching-page .application-props.nowrap {
  flex-wrap: nowrap;
  min-width: 160px;
}
body.old-matching-page .match-props-old .prop,
body.old-matching-page .application-props .prop {
  text-align: center;
  border-radius: 6px;
  margin: 0 2px 3px 0;
}
body.old-matching-page .match-props-old .prop .icon,
body.old-matching-page .application-props .prop .icon {
  font-size: 14px;
  display: inline-block;
}
body.old-matching-page .match-props-old .prop .text,
body.old-matching-page .application-props .prop .text {
  white-space: nowrap;
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  padding-top: 3px;
  display: none;
}
body.old-matching-page .match-props-old .prop .text small,
body.old-matching-page .application-props .prop .text small {
  display: none;
  font-size: 10px;
  text-transform: uppercase;
}
body.old-matching-page .match-props-old .prop.good,
body.old-matching-page .application-props .prop.good {
  background-color: #54a400;
  color: white;
  opacity: 0.3;
}
body.old-matching-page .match-props-old .prop.notgood,
body.old-matching-page .application-props .prop.notgood {
  background-color: #fe9b35;
  color: white;
}
body.old-matching-page .match-props-old .prop.bad,
body.old-matching-page .application-props .prop.bad {
  background-color: #ff6051;
  color: white;
  font-weight: bold;
}
@media (max-width: 4000px) {
  body.old-matching-page .match-props-old,
  body.old-matching-page .application-props {
    justify-content: flex-start;
  }
}
body.old-matching-page .match-props-old {
  flex: 0 1 164px;
}
body.old-matching-page .match-props-old .prop {
  flex: 0 0 21px;
  height: 21px;
  font-size: 18px;
  line-height: 21px;
}
body.old-matching-page .application-props {
  flex: 1;
  padding-right: 0;
  align-items: stretch;
}
body.old-matching-page .application-props .prop {
  display: flex;
  flex: 2;
  align-items: center;
  height: auto;
  padding: 0.25em 0.5em 0.25em 0;
}
body.old-matching-page .application-props .prop .icon {
  font-size: 22px;
  line-height: 1.5em;
  margin: 0 0.25em;
}
body.old-matching-page .application-props .prop .text {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  line-height: 1.2em;
}
body.old-matching-page .application-props .prop.substitute-for .text, body.old-matching-page .application-props .prop.absence-reason .text, body.old-matching-page .application-props .prop.date .text {
  white-space: normal;
}
body.old-matching-page .application-props .prop.absence-reason {
  flex: 3;
}
body.old-matching-page .application-props .prop.grade, body.old-matching-page .application-props .prop.duration {
  flex: 1;
}
body.old-matching-page .application-props .prop.date .text > span {
  white-space: nowrap;
}
body.old-matching-page .collapsable {
  margin: 0 -12px;
  border-top: 1px solid #819ca9;
}
body.old-matching-page .collapsable .toggle {
  padding: 12px;
  display: block;
  cursor: pointer;
  color: inherit;
}
body.old-matching-page .collapsable .toggle:hover, body.old-matching-page .collapsable .toggle:active, body.old-matching-page .collapsable .toggle:focus {
  color: #89D621;
}
body.old-matching-page .collapsable .toggle .icon {
  float: right;
  padding: 4px 0;
}
body.old-matching-page .collapsable .toggle-content {
  padding: 0 12px;
  background-color: #819ca9;
  height: 0;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: all linear 0.2s;
}
body.old-matching-page .collapsable .toggle:focus + .toggle-content,
body.old-matching-page .collapsable .toggle:active + .toggle-content {
  height: auto;
  padding: 12px;
}
body.old-matching-page #sheet-left,
body.old-matching-page #sheet-right {
  display: flex;
  flex-direction: column;
  background-color: #f8f8f8;
}
body.old-matching-page #sheet-left .sections,
body.old-matching-page #sheet-right .sections {
  overflow-y: auto;
  overflow-x: hidden;
}
body.old-matching-page #sheet-left .section,
body.old-matching-page #sheet-right .section {
  border-bottom: 1px solid #c4dce8;
  padding: 12px;
}
body.old-matching-page #sheet-left .section h1, body.old-matching-page #sheet-left .section h2, body.old-matching-page #sheet-left .section h3, body.old-matching-page #sheet-left .section h4, body.old-matching-page #sheet-left .section h5, body.old-matching-page #sheet-left .section h6,
body.old-matching-page #sheet-right .section h1,
body.old-matching-page #sheet-right .section h2,
body.old-matching-page #sheet-right .section h3,
body.old-matching-page #sheet-right .section h4,
body.old-matching-page #sheet-right .section h5,
body.old-matching-page #sheet-right .section h6 {
  margin-top: 0;
}
body.old-matching-page #sheet-left .section .remark,
body.old-matching-page #sheet-right .section .remark {
  font-style: italic;
  font-weight: normal;
  font-size: 0.8em;
}
body.old-matching-page #sheet-left h2.empty,
body.old-matching-page #sheet-right h2.empty {
  text-align: center;
  font-style: italic;
}
body.old-matching-page #sheet-left .sheet-header,
body.old-matching-page #sheet-right .sheet-header {
  padding-top: 12px;
  padding-bottom: 12px;
}
body.old-matching-page #sheet-left .sheet-header .colour-tag,
body.old-matching-page #sheet-right .sheet-header .colour-tag {
  margin-bottom: 6px;
}
body.old-matching-page #sheet-left .sheet-header .colour-tag abbr,
body.old-matching-page #sheet-left .sheet-header .colour-tag span,
body.old-matching-page #sheet-right .sheet-header .colour-tag abbr,
body.old-matching-page #sheet-right .sheet-header .colour-tag span {
  font-size: 13px;
}
body.old-matching-page #sheet-left .buttons,
body.old-matching-page #sheet-right .buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right: -6px;
}
body.old-matching-page #sheet-left .buttons > *,
body.old-matching-page #sheet-right .buttons > * {
  flex: 1;
  text-align: center;
  margin-right: 6px;
  margin-bottom: 6px;
}
body.old-matching-page #sheet-left {
  border-radius: 0 6px 0 0;
}
body.old-matching-page #sheet-right {
  border-radius: 6px 0 0 0;
}
body.old-matching-page .contact-org {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  justify-content: space-between;
  line-height: 1;
}
body.old-matching-page h2.has-icon {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
}
body.old-matching-page h2.has-icon .icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  margin-right: 12px;
  font-size: 48px;
}
body.old-matching-page h2.has-icon .icon path {
  fill: #819ca9;
}
body.old-matching-page h2.has-icon small {
  display: block;
}
body.old-matching-page h2.has-small-icon {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
}
body.old-matching-page h2.has-small-icon .icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  margin-right: 6px;
  font-size: 36px;
}
body.old-matching-page h2.has-small-icon .icon path {
  fill: #819ca9;
}
body.old-matching-page h2.has-small-icon small {
  display: block;
}
body.old-matching-page h3.has-icon {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
}
body.old-matching-page h3.has-icon .icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 6px;
  font-size: 24px;
}
body.old-matching-page h3.has-icon .icon path {
  fill: #819ca9;
}
body.old-matching-page h3.has-icon small {
  display: block;
}
body.old-matching-page h3.has-big-icon {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
}
body.old-matching-page h3.has-big-icon .icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  margin-right: 6px;
  font-size: 36px;
}
body.old-matching-page h3.has-big-icon .icon path {
  fill: #819ca9;
}
body.old-matching-page h3.has-big-icon small {
  display: block;
}
body.old-matching-page .page-header .application-status {
  padding: 0 9px;
  line-height: 30px;
  border-radius: 3px;
  background-color: #546e7a;
  color: white;
  margin-right: 12px;
  border: 1px solid #546e7a;
  color: #c4dce8;
  cursor: default;
  user-select: none;
}
body.old-matching-page .page-header .application-status.status-processing {
  background-color: #c52a27;
  color: #ff937e;
  border: 1px solid #ff6051;
}
body.old-matching-page .page-header .application-status.status-processing:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin: 0 -6px 0 3px;
  background-image: url("../img/spinner-red.6848c27c843b.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 28px;
}
body.old-matching-page .page-header .application-status em {
  color: white !important;
}
body.old-matching-page .school-info .school-contact {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
  justify-content: space-between;
}
body.old-matching-page .school-info .button-call {
  flex: 0 0 96px;
  margin-left: 6px;
}
body.old-matching-page .school-info ul.contacts {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.old-matching-page .school-info ul.contacts li {
  margin: 0;
  list-style: none;
  display: block;
}
body.old-matching-page .school-info ul.contacts li.contact {
  padding: 6px 0;
  border-bottom: 1px solid #c4dce8;
}
body.old-matching-page .school-info ul.contacts li.contact.school-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.old-matching-page .school-info ul.contacts li.contact.school-primary .school-name {
  display: block;
  margin-bottom: 0.5em;
}
body.old-matching-page .school-info ul.contacts li.contact:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
body.old-matching-page .school-info ul.contacts li.contact .name {
  line-height: 1;
  display: block;
}
body.old-matching-page .school-info ul.contacts li.contact .name .role {
  padding-top: 0.3em;
  font-style: italic;
  font-size: 0.8em;
  display: block;
  line-height: 1.2;
}
body.old-matching-page .school-info ul.contacts li.contact .phone_numbers {
  display: flex;
  padding: 6px 0 0;
  margin: 0 -3px;
}
body.old-matching-page .school-info ul.contacts li.contact .phone_numbers .button-call,
body.old-matching-page .school-info ul.contacts li.contact .phone_numbers .phone {
  margin: 0 3px;
  flex: 1;
  text-align: center;
}
body.old-matching-page .school-info ul.contacts li.more a, body.old-matching-page .school-info ul.contacts li.more .object-tools a:link, .object-tools body.old-matching-page .school-info ul.contacts li.more a:link,
body.old-matching-page .school-info ul.contacts li.more .object-tools a:visited,
.object-tools body.old-matching-page .school-info ul.contacts li.more a:visited, body.old-matching-page .school-info ul.contacts li.more .submit-row a.deletelink, .submit-row body.old-matching-page .school-info ul.contacts li.more a.deletelink {
  display: block;
  padding: 6px 0;
  text-align: center;
}
body.old-matching-page .school-info table.openinghours {
  width: 100%;
}
body.old-matching-page .school-info table.openinghours thead th,
body.old-matching-page .school-info table.openinghours td {
  text-align: center;
}
body.old-matching-page .match-actions {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #819ca9;
}
body.old-matching-page .matching-props {
  padding: 0 !important;
  border: none;
}
body.old-matching-page .matching-props .prop {
  padding: 6px 0;
  border-bottom: 1px solid #c4dce8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
}
body.old-matching-page .matching-props .prop:last-child {
  border-bottom: none;
}
body.old-matching-page .matching-props .prop .icon {
  font-size: 22px;
  flex: 0 0 28px;
  margin: 0 12px;
  border-radius: 6px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
body.old-matching-page .matching-props .prop .icon.toggle {
  margin: 0 12px;
  font-size: 12px;
  flex: 0 0 12px;
}
body.old-matching-page .matching-props .prop .text {
  flex: 1;
  padding: 0 12px 0 0;
}
body.old-matching-page .matching-props .prop .text > div {
  padding-bottom: 0.5em;
}
body.old-matching-page .matching-props .prop .text > div:last-child {
  padding-bottom: 0;
}
body.old-matching-page .matching-props .prop .text .good,
body.old-matching-page .matching-props .prop .text .not-good,
body.old-matching-page .matching-props .prop .text .bad {
  display: inline-block;
}
body.old-matching-page .matching-props .prop .text .good {
  color: #54a400;
}
body.old-matching-page .matching-props .prop .text .not-good {
  color: #fe9b35;
}
body.old-matching-page .matching-props .prop .text .bad {
  color: #ff6051;
}
body.old-matching-page .matching-props .prop.good .icon {
  background-color: #54a400;
}
body.old-matching-page .matching-props .prop.good .text {
  color: #54a400;
}
body.old-matching-page .matching-props .prop.notgood .icon {
  background-color: #fe9b35;
}
body.old-matching-page .matching-props .prop.notgood .text {
  color: #fe9b35;
}
body.old-matching-page .matching-props .prop.bad .icon {
  background-color: #ff6051;
}
body.old-matching-page .matching-props .prop.bad .text {
  color: #ff6051;
}
body.old-matching-page .extra-info {
  padding: 12px 0;
}
body.old-matching-page .logbook .list-logbook, body.old-matching-page .logbook .list-logbook li {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.old-matching-page .logbook .list-logbook li {
  padding: 3px 0;
}
body.old-matching-page .logbook .list-logbook .date {
  float: right;
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.5);
}
body.old-matching-page .logbook .list-logbook .desc {
  font-style: italic;
}
body.old-matching-page .application-remarks .icon {
  font-size: 24px;
  float: left;
}
body.old-matching-page .matches-pagination {
  position: fixed;
  z-index: 100;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

/*# sourceMappingURL=theming.compiled.css.31feefe30cee.map */