@charset "UTF-8";
/* Shifter 3 extension*/
@font-face {
  font-family: "Lato";
  src: font-url("/bundles/shifterlayout/css/fonts/lato/lato-light.eot");
  src: font-url(/bundles/shifterlayout/css/fonts/lato/lato-light.eot?#iefix) format('eot'), font-files("fonts/lato/lato-light.svg#LatoLight", svg, "fonts/lato/lato-light.woff", woff, "fonts/lato/lato-light.ttf", truetype);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: font-url("/bundles/shifterlayout/css/fonts/lato/lato-regular.eot");
  src: font-url(/bundles/shifterlayout/css/fonts/lato/lato-regular.eot?#iefix) format('eot'), font-files("fonts/lato/lato-regular.svg#LatoRegular", svg, "fonts/lato/lato-regular.woff", woff, "fonts/lato/lato-regular.ttf", truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: font-url("/bundles/shifterlayout/css/fonts/lato/lato-black.eot");
  src: font-url(/bundles/shifterlayout/css/fonts/lato/lato-black.eot?#iefix) format('eot'), font-files("fonts/lato/lato-black.svg#LatoBlack", svg, "fonts/lato/lato-black.woff", woff, "fonts/lato/lato-black.ttf", truetype);
  font-weight: 900;
  font-style: normal;
}
/* Shifter Variables & Mixins*/
.ng-pristine {
  margin-left: 0px;
}
body, table, input, select, option, button, textarea {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  line-height: 1.4em;
}
h4, h5, h6, th {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
html {
  overflow-y: auto;
  background: #ebe9eb;
}
::selection {
  color: white;
  background: #52a2d5;
}
::-moz-selection {
  color: white;
  background: #52a2d5;
}
a, p a {
  color: #4e95ac;
  cursor: pointer;
}
a:hover, a:active, a:focus, p a:hover, p a:active, p a:focus {
  color: #4e95ac;
}
a[disabled], p a[disabled] {
  color: #6a6768;
  cursor: default;
}
b, strong {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
ul {
  padding-left: 0px;
}
ul li {
  list-style: none;
}
ul li.noresults {
  color: #b4b1b2;
}
ul.square {
  padding-left: 20px;
}
ul.square li:before {
  content: "◼";
  color: #b4b1b2;
  margin-left: -17px;
  width: 14px;
  display: inline-block;
}
ol {
  padding-left: 0px;
}
ol li {
  margin-left: -20px;
  padding-left: 20px;
}
input, input[type=number], input[type=text], input[type=password], input[type=search], input[type=email] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d5d6;
  height: 24px;
}
input:focus, input[type=number]:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
input[disabled="disabled"], input[disabled], input[type=number][disabled="disabled"], input[type=number][disabled], input[type=text][disabled="disabled"], input[type=text][disabled], input[type=password][disabled="disabled"], input[type=password][disabled], input[type=search][disabled="disabled"], input[type=search][disabled], input[type=email][disabled="disabled"], input[type=email][disabled] {
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
input.error, input[type=number].error, input[type=text].error, input[type=password].error, input[type=search].error, input[type=email].error {
  border-color: orange;
}
input[type="checkbox"] {
  opacity: 0;
  width: 13px;
  height: 13px;
  margin-top: 4px;
}
input[type="checkbox"] + label {
  width: auto !important;
  float: none !important;
  display: inline-block !important;
  line-height: 24px;
  margin-top: 0px;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: 1px 4px 0 -15px;
  vertical-align: middle;
  background: url(/bundles/shifterlayout/images/checks-sprite.png) -32px top no-repeat;
}
input[type="checkbox"]:checked + label span {
  background: url(/bundles/shifterlayout/images/checks-sprite.png) left top no-repeat;
}
input[type="checkbox"]:focus:not([disabled]) + label span, input[type="checkbox"]:hover:not([disabled]) + label span {
  cursor: pointer;
  background-position-y: -15px;
}
input[type="checkbox"][disabled] + label span {
  background: url(/bundles/shifterlayout/images/checks-sprite.png) no-repeat;
  background-position-y: -30px;
}
label.checkbox {
  width: auto !important;
  float: none !important;
  display: inline-block !important;
  line-height: 24px;
  margin-top: 0px;
}
label.checkbox input[type="checkbox"] {
  opacity: 0;
  width: 13px;
  height: 13px;
  margin-top: 4px;
  vertical-align: top;
}
label.checkbox input[type="checkbox"] + span.fake-checkbox {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: 1px 4px 0 -15px;
  vertical-align: middle;
  background: url(/bundles/shifterlayout/images/checks-sprite.png) -32px top no-repeat;
}
label.checkbox input[type="checkbox"]:checked + span {
  background-position: left top;
}
label.checkbox input[type="checkbox"]:focus:not([disabled]) + span, label.checkbox input[type="checkbox"]:hover:not([disabled]) + span {
  cursor: pointer;
  background-position-y: -15px;
}
label.checkbox input[type="checkbox"][disabled] + span {
  background-position-y: -30px;
}
.onoffswitch {
  position: relative;
  display: inline-block;
  width: 77px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch .onoffswitch-label {
  margin-top: 0px;
  padding-right: 0px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #d8d5d6;
  border-radius: 0px;
  text-align: left;
}
.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "On";
  padding-left: 6px;
  color: #6a6768;
}
.onoffswitch-inner:after {
  content: "Off";
  padding-right: 6px;
  color: #6a6768;
  text-align: right;
}
.onoffswitch-switch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
  background-position: 4px 4px;
  background-size: 13px;
  width: 22px;
  margin: 0px;
  border-radius: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.onoffswitch-switch:hover:not([disabled=disabled]), .onoffswitch-switch:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
.onoffswitch-switch:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
.onoffswitch-switch[disabled="disabled"], .onoffswitch-switch[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.onoffswitch-switch[disabled="disabled"] img, .onoffswitch-switch[disabled] img {
  opacity: 0.2;
}
.onoffswitch-switch[disabled="disabled"]:hover, .onoffswitch-switch[disabled]:hover {
  background-color: #ebe9eb;
}
.onoffswitch-switch:hover:not([disabled=disabled]) {
  background-size: 13px;
  background-position: 4px 4px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  left: -moz-calc(100% - 22px);
  left: -o-calc(100% - 22px);
  left: -webkit-calc(100% - 22px);
  left: calc(100% - 22px);
}
input[type="radio"] {
  opacity: 0;
  width: auto;
  height: auto;
  margin-top: 6px;
}
input[type="radio"] + label {
  width: auto !important;
  float: none !important;
  display: inline-block !important;
  line-height: 24px;
  margin-top: 0px;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: -1px 4px 0 -13px;
  vertical-align: middle;
  background: url(/bundles/shifterlayout/images/radios-sprite.png) -16px top no-repeat;
}
input[type="radio"]:checked + label span {
  background: url(/bundles/shifterlayout/images/radios-sprite.png) left top no-repeat;
}
input[type="radio"]:focus:not([disabled]) + label span, input[type="radio"]:hover:not([disabled]) + label span {
  cursor: pointer;
  background-position-y: -15px;
}
input[type="radio"][disabled] + label span {
  background: url(/bundles/shifterlayout/images/radios-sprite.png) -32px top no-repeat;
}
input[type="file"] {
  height: 31px;
  width: 300px;
  padding: 5px;
}
input[type="color"] {
  padding: 3px;
  vertical-align: -5px;
}
::-webkit-color-swatch {
  border: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d5d6;
  height: 24px;
  background-color: white;
  width: 220px;
  height: 24px;
}
select:focus {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
select[disabled="disabled"], select[disabled] {
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
select.error {
  border-color: orange;
}
select:not([multiple]) {
  background-image: url("/bundles/shifterlayout/images/arrowdown-grey.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 9px;
  padding-right: 22px;
}
select[multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d5d6;
  min-height: 24px;
}
select[multiple]:focus {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
select[multiple][disabled="disabled"], select[multiple][disabled] {
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
select[multiple].error {
  border-color: orange;
}
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d5d6;
  resize: vertical;
}
textarea:focus {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
textarea[disabled="disabled"], textarea[disabled] {
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
textarea.error {
  border-color: orange;
}
input.input-tiny {
  width: 50px;
}
input.input-duration {
  width: 54px;
}
input.input-small {
  width: 120px;
}
input.filter {
  background: url(/bundles/shifterlayout/images/magglass-grey.svg) 20px center no-repeat;
  background-size: 14px;
  position: absolute;
  margin-bottom: 0px;
  bottom: 0px;
  left: 0px;
  width: 115%;
  border-width: 1px 0px;
  padding-left: 40px;
  height: 24px;
}
input.filter::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b4b1b2;
}
input.filter:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b4b1b2;
}
input.filter::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b1b2;
}
input.filter:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b4b1b2;
}
.check {
  width: 16px;
  height: 16px;
  background-image: url(/bundles/shifterlayout/images/checks-sprite.png);
  background-position: -31px 1px;
  background-repeat: no-repeat;
  border: 0px;
  display: inline-block;
  margin-right: 1px;
  cursor: pointer;
}
.check.checked {
  background-position: 0px 1px;
}
.check.halfchecked {
  background-position: -16px 1px;
}
.check.unchecked {
  background-position: -31px 1px;
}
/* Utility classes. */
.floatright {
  float: right;
}
.color-red {
  color: red;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d8d5d6;
  opacity: 1;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d8d5d6;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d8d5d6;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d8d5d6;
  opacity: 1;
}
body button, body .button, body input[type=button], body input[type=submit] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
}
body button:hover:not([disabled=disabled]), body button:focus:not([disabled=disabled]), body .button:hover:not([disabled=disabled]), body .button:focus:not([disabled=disabled]), body input[type=button]:hover:not([disabled=disabled]), body input[type=button]:focus:not([disabled=disabled]), body input[type=submit]:hover:not([disabled=disabled]), body input[type=submit]:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
body button:active, body .button:active, body input[type=button]:active, body input[type=submit]:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
body button.delete, body .button.delete, body input[type=button].delete, body input[type=submit].delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
body button.delete:hover:not([disabled=disabled]), body button.delete:focus:not([disabled=disabled]), body .button.delete:hover:not([disabled=disabled]), body .button.delete:focus:not([disabled=disabled]), body input[type=button].delete:hover:not([disabled=disabled]), body input[type=button].delete:focus:not([disabled=disabled]), body input[type=submit].delete:hover:not([disabled=disabled]), body input[type=submit].delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
body button.delete[disabled="disabled"], body .button.delete[disabled="disabled"], body input[type=button].delete[disabled="disabled"], body input[type=submit].delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
body button.planning, body .button.planning, body input[type=button].planning, body input[type=submit].planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
body button.planning:hover:not([disabled=disabled]), body button.planning:focus:not([disabled=disabled]), body .button.planning:hover:not([disabled=disabled]), body .button.planning:focus:not([disabled=disabled]), body input[type=button].planning:hover:not([disabled=disabled]), body input[type=button].planning:focus:not([disabled=disabled]), body input[type=submit].planning:hover:not([disabled=disabled]), body input[type=submit].planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
body button.planning[disabled="disabled"], body .button.planning[disabled="disabled"], body input[type=button].planning[disabled="disabled"], body input[type=submit].planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
body button.planned, body .button.planned, body input[type=button].planned, body input[type=submit].planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
body button.planned:hover:not([disabled=disabled]), body button.planned:focus:not([disabled=disabled]), body .button.planned:hover:not([disabled=disabled]), body .button.planned:focus:not([disabled=disabled]), body input[type=button].planned:hover:not([disabled=disabled]), body input[type=button].planned:focus:not([disabled=disabled]), body input[type=submit].planned:hover:not([disabled=disabled]), body input[type=submit].planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
body button.planned[disabled="disabled"], body .button.planned[disabled="disabled"], body input[type=button].planned[disabled="disabled"], body input[type=submit].planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
body button.assigning, body .button.assigning, body input[type=button].assigning, body input[type=submit].assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
body button.assigning:hover:not([disabled=disabled]), body button.assigning:focus:not([disabled=disabled]), body .button.assigning:hover:not([disabled=disabled]), body .button.assigning:focus:not([disabled=disabled]), body input[type=button].assigning:hover:not([disabled=disabled]), body input[type=button].assigning:focus:not([disabled=disabled]), body input[type=submit].assigning:hover:not([disabled=disabled]), body input[type=submit].assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
body button.assigning[disabled="disabled"], body .button.assigning[disabled="disabled"], body input[type=button].assigning[disabled="disabled"], body input[type=submit].assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
body button.assigned, body .button.assigned, body input[type=button].assigned, body input[type=submit].assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
body button.assigned:hover:not([disabled=disabled]), body button.assigned:focus:not([disabled=disabled]), body .button.assigned:hover:not([disabled=disabled]), body .button.assigned:focus:not([disabled=disabled]), body input[type=button].assigned:hover:not([disabled=disabled]), body input[type=button].assigned:focus:not([disabled=disabled]), body input[type=submit].assigned:hover:not([disabled=disabled]), body input[type=submit].assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
body button.assigned[disabled="disabled"], body .button.assigned[disabled="disabled"], body input[type=button].assigned[disabled="disabled"], body input[type=submit].assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
body button.writing, body .button.writing, body input[type=button].writing, body input[type=submit].writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
body button.writing:hover:not([disabled=disabled]), body button.writing:focus:not([disabled=disabled]), body .button.writing:hover:not([disabled=disabled]), body .button.writing:focus:not([disabled=disabled]), body input[type=button].writing:hover:not([disabled=disabled]), body input[type=button].writing:focus:not([disabled=disabled]), body input[type=submit].writing:hover:not([disabled=disabled]), body input[type=submit].writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
body button.writing[disabled="disabled"], body .button.writing[disabled="disabled"], body input[type=button].writing[disabled="disabled"], body input[type=submit].writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
body button.writingjob, body .button.writingjob, body input[type=button].writingjob, body input[type=submit].writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
body button.writingjob:hover:not([disabled=disabled]), body button.writingjob:focus:not([disabled=disabled]), body .button.writingjob:hover:not([disabled=disabled]), body .button.writingjob:focus:not([disabled=disabled]), body input[type=button].writingjob:hover:not([disabled=disabled]), body input[type=button].writingjob:focus:not([disabled=disabled]), body input[type=submit].writingjob:hover:not([disabled=disabled]), body input[type=submit].writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
body button.writingjob[disabled="disabled"], body .button.writingjob[disabled="disabled"], body input[type=button].writingjob[disabled="disabled"], body input[type=submit].writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
body button.written, body .button.written, body input[type=button].written, body input[type=submit].written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
body button.written:hover:not([disabled=disabled]), body button.written:focus:not([disabled=disabled]), body .button.written:hover:not([disabled=disabled]), body .button.written:focus:not([disabled=disabled]), body input[type=button].written:hover:not([disabled=disabled]), body input[type=button].written:focus:not([disabled=disabled]), body input[type=submit].written:hover:not([disabled=disabled]), body input[type=submit].written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
body button.written[disabled="disabled"], body .button.written[disabled="disabled"], body input[type=button].written[disabled="disabled"], body input[type=submit].written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
body button.writtenjob, body .button.writtenjob, body input[type=button].writtenjob, body input[type=submit].writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
body button.writtenjob:hover:not([disabled=disabled]), body button.writtenjob:focus:not([disabled=disabled]), body .button.writtenjob:hover:not([disabled=disabled]), body .button.writtenjob:focus:not([disabled=disabled]), body input[type=button].writtenjob:hover:not([disabled=disabled]), body input[type=button].writtenjob:focus:not([disabled=disabled]), body input[type=submit].writtenjob:hover:not([disabled=disabled]), body input[type=submit].writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
body button.writtenjob[disabled="disabled"], body .button.writtenjob[disabled="disabled"], body input[type=button].writtenjob[disabled="disabled"], body input[type=submit].writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
body button.processed, body .button.processed, body input[type=button].processed, body input[type=submit].processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
body button.processed:hover:not([disabled=disabled]), body button.processed:focus:not([disabled=disabled]), body .button.processed:hover:not([disabled=disabled]), body .button.processed:focus:not([disabled=disabled]), body input[type=button].processed:hover:not([disabled=disabled]), body input[type=button].processed:focus:not([disabled=disabled]), body input[type=submit].processed:hover:not([disabled=disabled]), body input[type=submit].processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
body button.processed[disabled="disabled"], body .button.processed[disabled="disabled"], body input[type=button].processed[disabled="disabled"], body input[type=submit].processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
body button.processedjob, body .button.processedjob, body input[type=button].processedjob, body input[type=submit].processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
body button.processedjob:hover:not([disabled=disabled]), body button.processedjob:focus:not([disabled=disabled]), body .button.processedjob:hover:not([disabled=disabled]), body .button.processedjob:focus:not([disabled=disabled]), body input[type=button].processedjob:hover:not([disabled=disabled]), body input[type=button].processedjob:focus:not([disabled=disabled]), body input[type=submit].processedjob:hover:not([disabled=disabled]), body input[type=submit].processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
body button.processedjob[disabled="disabled"], body .button.processedjob[disabled="disabled"], body input[type=button].processedjob[disabled="disabled"], body input[type=submit].processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
body button.cancelled, body .button.cancelled, body input[type=button].cancelled, body input[type=submit].cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
body button.cancelled:hover:not([disabled=disabled]), body button.cancelled:focus:not([disabled=disabled]), body .button.cancelled:hover:not([disabled=disabled]), body .button.cancelled:focus:not([disabled=disabled]), body input[type=button].cancelled:hover:not([disabled=disabled]), body input[type=button].cancelled:focus:not([disabled=disabled]), body input[type=submit].cancelled:hover:not([disabled=disabled]), body input[type=submit].cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
body button.cancelled[disabled="disabled"], body .button.cancelled[disabled="disabled"], body input[type=button].cancelled[disabled="disabled"], body input[type=submit].cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
body button.pending, body .button.pending, body input[type=button].pending, body input[type=submit].pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
body button.pending:hover:not([disabled=disabled]), body button.pending:focus:not([disabled=disabled]), body .button.pending:hover:not([disabled=disabled]), body .button.pending:focus:not([disabled=disabled]), body input[type=button].pending:hover:not([disabled=disabled]), body input[type=button].pending:focus:not([disabled=disabled]), body input[type=submit].pending:hover:not([disabled=disabled]), body input[type=submit].pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
body button.pending[disabled="disabled"], body .button.pending[disabled="disabled"], body input[type=button].pending[disabled="disabled"], body input[type=submit].pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
body button.approved, body .button.approved, body input[type=button].approved, body input[type=submit].approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
body button.approved:hover:not([disabled=disabled]), body button.approved:focus:not([disabled=disabled]), body .button.approved:hover:not([disabled=disabled]), body .button.approved:focus:not([disabled=disabled]), body input[type=button].approved:hover:not([disabled=disabled]), body input[type=button].approved:focus:not([disabled=disabled]), body input[type=submit].approved:hover:not([disabled=disabled]), body input[type=submit].approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
body button.approved[disabled="disabled"], body .button.approved[disabled="disabled"], body input[type=button].approved[disabled="disabled"], body input[type=submit].approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
body button.rejected, body .button.rejected, body input[type=button].rejected, body input[type=submit].rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
body button.rejected:hover:not([disabled=disabled]), body button.rejected:focus:not([disabled=disabled]), body .button.rejected:hover:not([disabled=disabled]), body .button.rejected:focus:not([disabled=disabled]), body input[type=button].rejected:hover:not([disabled=disabled]), body input[type=button].rejected:focus:not([disabled=disabled]), body input[type=submit].rejected:hover:not([disabled=disabled]), body input[type=submit].rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
body button.rejected[disabled="disabled"], body .button.rejected[disabled="disabled"], body input[type=button].rejected[disabled="disabled"], body input[type=submit].rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
body button.add, body .button.add, body input[type=button].add, body input[type=submit].add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
body button.add:hover:not([disabled=disabled]), body button.add:focus:not([disabled=disabled]), body .button.add:hover:not([disabled=disabled]), body .button.add:focus:not([disabled=disabled]), body input[type=button].add:hover:not([disabled=disabled]), body input[type=button].add:focus:not([disabled=disabled]), body input[type=submit].add:hover:not([disabled=disabled]), body input[type=submit].add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
body button.add[disabled="disabled"], body .button.add[disabled="disabled"], body input[type=button].add[disabled="disabled"], body input[type=submit].add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
body button.deselect, body .button.deselect, body input[type=button].deselect, body input[type=submit].deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
body button.deselect:hover:not([disabled=disabled]), body button.deselect:focus:not([disabled=disabled]), body .button.deselect:hover:not([disabled=disabled]), body .button.deselect:focus:not([disabled=disabled]), body input[type=button].deselect:hover:not([disabled=disabled]), body input[type=button].deselect:focus:not([disabled=disabled]), body input[type=submit].deselect:hover:not([disabled=disabled]), body input[type=submit].deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
body button[disabled="disabled"], body button[disabled], body .button[disabled="disabled"], body .button[disabled], body input[type=button][disabled="disabled"], body input[type=button][disabled], body input[type=submit][disabled="disabled"], body input[type=submit][disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body button[disabled="disabled"] img, body button[disabled] img, body .button[disabled="disabled"] img, body .button[disabled] img, body input[type=button][disabled="disabled"] img, body input[type=button][disabled] img, body input[type=submit][disabled="disabled"] img, body input[type=submit][disabled] img {
  opacity: 0.2;
}
body button[disabled="disabled"]:hover, body button[disabled]:hover, body .button[disabled="disabled"]:hover, body .button[disabled]:hover, body input[type=button][disabled="disabled"]:hover, body input[type=button][disabled]:hover, body input[type=submit][disabled="disabled"]:hover, body input[type=submit][disabled]:hover {
  background-color: #ebe9eb;
}
body button.csv, body .button.csv, body input[type=button].csv, body input[type=submit].csv {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/excel-grey.svg);
}
body button.pdf, body .button.pdf, body input[type=button].pdf, body input[type=submit].pdf {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/pdf-grey.svg);
}
body button.contract, body .button.contract, body input[type=button].contract, body input[type=submit].contract {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/contract-grey.svg);
}
body button.person, body .button.person, body input[type=button].person, body input[type=submit].person {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
body button.forecast, body .button.forecast, body input[type=button].forecast, body input[type=submit].forecast {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/shifteuro-grey.svg);
}
body button.print, body .button.print, body input[type=button].print, body input[type=submit].print {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/printer-grey.svg);
}
body button.print:hover, body .button.print:hover, body input[type=button].print:hover, body input[type=submit].print:hover {
  background-image: url(/bundles/shifterlayout/images/printer-darkgrey.svg);
}
h1 {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
}
h2 {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 23px;
  line-height: 1.5em;
}
h3 {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: left;
}
h3 span {
  color: #b4b1b2;
}
.shtooltip {
  height: 0px;
  width: 0px;
  overflow: visible;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -10000;
}
.shtooltip .overlib-content {
  max-width: 220px;
  padding: 5px 7px 5px 7px;
  word-wrap: break-word;
  color: white;
  background-color: rgba(26, 23, 24, 0.7);
  position: absolute;
}
.shtooltip ol {
  padding-left: 20px;
}
.shtooltip ol li {
  margin-left: 0px;
  padding-left: 0px;
}
.shtooltip .point {
  position: absolute;
  border: 6px solid transparent;
  display: block;
}
.shtooltip.left-top .overlib-content {
  bottom: 0px;
  left: 0px;
}
.shtooltip.left-top .point {
  border-top: 6px solid rgba(26, 23, 24, 0.7);
  left: 8px;
  bottom: -12px;
}
.shtooltip.left-bottom .overlib-content {
  top: 0px;
  left: 0px;
}
.shtooltip.left-bottom .point {
  border-bottom: 6px solid rgba(26, 23, 24, 0.7);
  left: 8px;
  top: -12px;
}
.shtooltip.right-top .overlib-content {
  bottom: 0px;
  right: 0px;
}
.shtooltip.right-top .point {
  border-top: 6px solid rgba(26, 23, 24, 0.7);
  right: 8px;
  bottom: -12px;
}
.shtooltip.right-bottom .overlib-content {
  top: 0px;
  right: 0px;
}
.shtooltip.right-bottom .point {
  border-bottom: 6px solid rgba(26, 23, 24, 0.7);
  right: 8px;
  top: -12px;
}
.powerTip, .overlib {
  background: white;
  max-width: 220px;
  padding: 5px 7px 5px 5px;
  border: 1px solid #d8d5d6;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  word-wrap: break-word;
}
.switches {
  position: absolute;
  top: 0px;
  left: 120px;
}
.switch {
  padding: 2px 7px 2px 19px;
  display: inline-block;
}
.switch.off {
  background: #ebe9eb;
  color: #b4b1b2;
}
.switch.on {
  background: #ebe9eb url(/bundles/shifterlayout/images/check-grey.svg) 5px 4px no-repeat;
  background-size: 10px;
  color: #1a1718;
}
.switch:hover {
  cursor: pointer;
  background: white url(/bundles/shifterlayout/images/check-grey.svg) 5px 4px no-repeat;
  background-size: 10px;
  color: #1a1718;
}
.switch span {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #6a6768;
}
.datelabel {
  position: relative;
  color: #383536;
  display: inline-block;
  background-color: #b4b1b2;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
}
.datelabel > .label {
  min-width: 80px;
  width: auto;
  padding: 0px 10px;
  line-height: 24px;
  cursor: pointer;
  text-transform: uppercase;
}
.datelabel > .label.empty {
  color: #8f8a8c;
}
.datelabel > .label > span.dd {
  display: inline-block;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.datelabel.small > .label {
  min-width: 0px;
}
.datelabel .datefield {
  position: absolute;
  top: 0px;
  margin: 0px;
  opacity: 0;
  display: block;
  width: 0px;
  padding-left: 9px;
}
.datelabel.focus .label {
  padding: 0px;
  margin: 0px;
  width: 100px;
}
.datelabel.focus .datefield {
  opacity: 1;
  margin-top: 0px;
  width: 100px;
}
.datelabel[disabled] .label {
  cursor: default;
}
.datelabel.today {
  background-color: #2b5871;
  color: white;
}
.tip {
  color: #b4b1b2;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0;
  cursor: default;
}
#feedback, #feedback-success, .feedback-wrap {
  color: white;
  border-color: transparent;
  margin-top: 5px;
  background-position: 10px center;
  background-size: 18px;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
#feedback p, #feedback > div, #feedback ul li, #feedback-success p, #feedback-success > div, #feedback-success ul li, .feedback-wrap p, .feedback-wrap > div, .feedback-wrap ul li {
  padding: 0px 5px 0px;
  padding-left: 19.5%;
  line-height: 25px;
}
#feedback p span, #feedback > div span, #feedback ul li span, #feedback-success p span, #feedback-success > div span, #feedback-success ul li span, .feedback-wrap p span, .feedback-wrap > div span, .feedback-wrap ul li span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
#feedback.ui-state-notification p, #feedback-success.ui-state-notification p, .feedback-wrap.ui-state-notification p {
  color: #1a1718;
}
#feedback #feedback1, #feedback ul, #feedback-success #feedback1, #feedback-success ul, .feedback-wrap #feedback1, .feedback-wrap ul {
  margin-bottom: 15px;
}
.arrow-right-html {
  padding: 10px;
}
.arrow-right-html:after {
  color: #b4b1b2;
  content: "▶";
}
.feedback {
  color: white;
  border-color: transparent;
  text-align: left;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 15px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feedback p {
  padding: 5px 0px 5px 45px;
  margin: 0px;
}
.feedback p span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.feedback ul li {
  line-height: 30px;
}
.feedback.compact {
  height: 24px;
  overflow: hidden;
  background-position: 5px 4px;
  position: relative;
  white-space: normal;
  z-index: 3;
}
.feedback.compact:hover {
  overflow: visible;
}
.feedback.compact p, .feedback.compact div {
  margin-left: 20px;
  padding-left: 5px;
  line-height: 1.3em;
  padding-top: 4px;
}
.feedback.compact.ui-state-success, .feedback.compact.ui-state-error {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.feedback.compact.ui-state-success p {
  background: #44ae56;
}
.feedback.compact.ui-state-error p {
  background: orange;
}
.feedback.compact.ui-state-notification p {
  background: #ffeeb5;
  color: #1a1718;
}
.feedback.compact p:last-of-type {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.feedback.compact.mini {
  width: 24px;
  padding-left: 0px;
  margin-left: 5px;
  background-position: 4px 4px;
  vertical-align: -8px;
  display: inline-block;
}
.ui-state-error, .feedbackType2 {
  background-color: orange;
  background-image: url(/bundles/shifterlayout/images/warning-white.svg);
  border: none;
}
.ui-state-highlight, .ui-state-notification {
  background-color: #ffeeb5;
  background-image: url(/bundles/shifterlayout/images/info-black.svg);
  color: #1a1718;
  border: none;
}
.ui-state-success, .feedbackType1 {
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  border: none;
}
.ui-state-fatal, .feedbackType3 {
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/warning-white.svg);
  border: none;
}
.feedback.flash-message {
  background-position: 16px 50%;
}
.feedback.flash-message p {
  margin: 0;
  padding: 11px 16px 11px 46px;
  line-height: 1.4;
}
.invalid .select2-container:not(.select2-container-active) .select2-choice, .invalid input {
  border-color: orange;
}
.date {
  text-transform: uppercase;
}
.date .dd {
  font-weight: 900;
}
.loader {
  height: 18px;
  width: 18px;
  background-image: linear-gradient(90deg, #52a2d5 0%, #52a2d5 20%, #d9414b 20%, #d9414b 40%, #f0ba1c 40%, #f0ba1c 60%, #44ae56 60%, #44ae56 80%, #52a2d5 80%, #52a2d5);
  background-size: 1000%;
  animation: loading 5s linear 0s infinite;
  -webkit-animation: loading 5s linear 0s infinite;
  /* Safari and Chrome */
}
.loadingindicator {
  display: inline-block;
  visibility: hidden;
  vertical-align: -5px;
  height: 22px;
  margin-left: 15px;
}
.loadingindicator .input-container {
  color: #b4b1b2;
  width: 0px;
  overflow: hidden;
  line-height: 20px;
}
.loadingindicator.loading {
  visibility: visible;
  width: auto;
}
.loadingindicator.loading .input-container {
  width: auto;
}
@keyframes loading {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@-webkit-keyframes loading {
  /* Safari and Chrome */
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.datagrid-loader {
  background: #ebe9eb !important;
}
.datagrid-loader:after {
  background-image: linear-gradient(90deg, #b4b1b2 0%, #b4b1b2 33.3%, transparent 33.3%, transparent 66.6%, #b4b1b2 66.6%, #b4b1b2 100%);
  background-size: 400%;
  animation: loading 5s linear 0s infinite;
  -webkit-animation: loading 2s linear 0s infinite;
  /* Safari and Chrome */
  content: " ";
  width: 30px;
  height: 30px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 1;
}
.table-info {
  color: #6a6768;
  margin-left: 22%;
}
.expl {
  display: block;
  color: #b4b1b2;
  font-size: 0.8em;
  padding: 1px;
  text-align: right;
}
label {
  color: #383536;
  text-align: right;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
label:first-letter {
  text-transform: uppercase;
}
label h3 {
  text-align: right;
}
.input-container {
  vertical-align: top;
  line-height: 24px;
}
.display-container {
  display: inline-block;
  margin-top: 3px;
}
.link-container {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.link-container img {
  width: 19px;
  padding-right: 10px;
  vertical-align: -3px;
}
.link-container.current h3 {
  color: #1a1718;
}
.formfield {
  min-height: 32px;
  margin-top: 8px;
}
.formfield label {
  margin-top: 3px;
}
.formfield label h3:first-letter {
  text-transform: none;
}
.formarea {
  margin-top: 8px;
}
.formarea label {
  margin-top: 3px;
}
.formarea.time_schema .input-container, .formfield.time_schema .input-container {
  width: 15.6%;
  position: relative;
}
.formarea.time_schema .input-container label, .formfield.time_schema .input-container label {
  width: auto;
  margin-top: 0px;
  cursor: pointer;
  color: #6a6768;
}
.formarea.time_schema .input-container .time_schema_widget, .formfield.time_schema .input-container .time_schema_widget {
  min-width: 100%;
}
.form_percent:after {
  content: "%";
  margin-left: -18px;
}
.form_percent input {
  padding-right: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.time_schema_label {
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1a1718;
  line-height: 22px;
  padding: 0px 20px 0px 22px;
  background-position: 6px 5px;
  background-size: 10px;
  background-repeat: no-repeat;
  color: #6a6768;
}
.time_schema_label.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.time_schema_label.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
.time_schema_label span.value {
  float: right;
  color: #1a1718;
  min-height: 22px;
  min-width: 40px;
}
.time_schema_label .novalue {
  color: #b4b1b2;
}
.time_schema_label .time_schema_value_date {
  color: #b4b1b2;
}
.time_schema_label.arrow-down {
  margin-top: -1px;
  padding: 0px 19px 0px 21px;
  background-color: white;
  border: 1px solid #d8d5d6;
  border-width: 1px 1px 0px 1px;
  z-index: 4;
  position: relative;
}
.time_schema_widget {
  position: absolute;
  margin-top: -1px;
  padding: 10px 5px 16px 22px;
  background: white;
  border: 1px solid #d8d5d6;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.time_schema_widget table tbody tr td:first-of-type {
  padding-left: 0px;
}
.time_schema_widget table thead tr th {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  color: #6a6768;
}
.time_schema_widget table tr.add-row td {
  padding-top: 7px;
}
.time_schema_widget table tr.add-row td:first-of-type button {
  margin-left: -10px;
}
.time_schema_widget .form_percent input {
  margin-left: -4px;
}
.form_money:before {
  content: "€";
  position: relative;
  margin-right: -11px;
  z-index: 1;
}
.form_money input {
  padding-left: 14px;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
table thead td {
  padding-right: 10px;
  padding-bottom: 6px;
}
table thead th {
  text-align: left;
  line-height: 24px;
  margin: 0px 10px 3px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #b4b1b2;
}
table thead th:first-of-type {
  padding-left: 5px;
}
table tbody tr th {
  position: relative;
  text-align: right;
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  color: #383536;
  padding-right: 10px;
}
table tbody tr td {
  overflow: hidden;
  position: relative;
  padding-right: 10px;
  line-height: 24px;
}
table tbody tr td:first-of-type {
  padding-left: 5px;
}
table tbody tr td input:not([type=button]):not(.input-tiny):not([type=submit]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
table tbody tr .person .lastname {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
table tbody tr:hover td, table tbody tr.hover td {
  background-color: white;
}
table tbody tr.nohover td, table tbody tr.nohover:hover td {
  background: none;
}
datagrid {
  display: block;
}
table.list {
  width: 100%;
  table-layout: auto;
}
table.list th, table.list td {
  border: none;
}
table.list tr {
  height: 25px;
  background: none;
  border-width: 0px;
}
table.list tr:nth-child(odd), table.list tr:nth-child(even) {
  background: none;
}
table.list tr td, table.list tr th {
  padding: 0px 9px 0px 0px;
}
table.list tr td .status, table.list tr th .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
table.list tr td .status.planning, table.list tr td .status.Planning, table.list tr th .status.planning, table.list tr th .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
table.list tr td .status.planned, table.list tr td .status.Planned, table.list tr th .status.planned, table.list tr th .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
table.list tr td .status.assigning, table.list tr td .status.Assigning, table.list tr th .status.assigning, table.list tr th .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
table.list tr td .status.assigned, table.list tr td .status.Assigned, table.list tr th .status.assigned, table.list tr th .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
table.list tr td .status.writing, table.list tr td .status.Writing, table.list tr th .status.writing, table.list tr th .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
table.list tr td .status.written, table.list tr td .status.Written, table.list tr th .status.written, table.list tr th .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
table.list tr td .status.processed, table.list tr td .status.Processed, table.list tr th .status.processed, table.list tr th .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
table.list tr td .status.cancelled, table.list tr td .status.Cancelled, table.list tr th .status.cancelled, table.list tr th .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
table.list tr td .status.pending, table.list tr th .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
table.list tr td .status.approved, table.list tr th .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
table.list tr td .status.rejected, table.list tr th .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
table.list tr td .status, table.list tr th .status {
  margin-bottom: 0px;
  width: calc(100% + 10px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.list tr td input, table.list tr th input {
  margin-top: 2px;
}
table.list thead tr th {
  text-transform: uppercase;
  border: none;
  line-height: 25px;
}
table.list thead tr th:first-of-type {
  padding-left: 5px;
}
table.list thead tr th.sortable {
  cursor: pointer;
}
table.list thead tr th.sorting, table.list thead tr th.sorting-asc, table.list thead tr th.sorting-desc {
  cursor: pointer;
}
table.list thead tr th.sorting:after, table.list thead tr th.sorting-asc:after, table.list thead tr th.sorting-desc:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 11px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center center;
  margin-top: 5px;
}
table.list thead tr th.sorting-desc:after {
  background-image: url(/bundles/shifterlayout/images/arrowup-grey.svg);
}
table.list thead tr th.sorting-asc:after {
  background-image: url(/bundles/shifterlayout/images/arrowdown-grey.svg);
}
table.list thead tr th.overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
table.list thead tr th.overflow.sorting:after, table.list thead tr th.overflow.sorting-asc:after, table.list thead tr th.overflow.sorting-desc:after {
  position: absolute;
  right: 0px;
}
table.list thead tr.list-tabs th {
  background-color: transparent;
}
table.list thead tr.list-tabs th.tab span {
  display: inline-block;
  padding: 5px 10px;
  margin-left: -10px;
  height: 24px;
  cursor: pointer;
}
table.list thead tr.list-tabs th.tab span:hover {
  background-color: #d8d5d6;
}
table.list thead tr.list-tabs th.tab span.active {
  background-color: #b4b1b2;
}
table.list tbody tr {
  border: none;
}
table.list tbody tr td {
  border: none;
  vertical-align: top;
}
table.list tbody tr td:first-of-type {
  padding-left: 5px;
}
table.list tbody tr td img {
  height: 15px;
  vertical-align: middle;
}
table.list tbody tr .people-quals {
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.list tbody tr .overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.list tbody tr .employee span.date {
  float: right;
}
table.list tbody tr:hover {
  background: white;
  border: none;
}
table.list tbody tr:hover td {
  background: none;
  border: none;
}
table.list tfoot td {
  background: #D8D5D6;
}
table.list div.noresults {
  padding: 20px 22% 20px 22%;
  color: #b4b1b2;
}
.pagination {
  text-align: center;
  margin-top: 20px;
}
.pagination .first {
  margin-left: 10px;
  float: left;
}
.pagination .last {
  margin-right: 10px;
  float: right;
}
.pagination .previous {
  margin-left: 10px;
  float: left;
}
.pagination .previous:before {
  content: "";
  padding: 0px;
}
.pagination .next {
  margin-right: 10px;
  float: right;
}
.pagination .next:after {
  content: "";
}
.pagination .toPages {
  margin: 2px 0px 3px 0px;
  display: inline-block;
  width: 220px;
}
.pagination .toPages.left {
  text-align: right;
}
.pagination .toPages.right {
  text-align: left;
}
.pagination .toPageInput {
  display: inline-block;
  margin: 0px 10px 0px 13px;
  vertical-align: 3px;
}
.pagination .toPageInput input {
  text-align: right;
  padding-right: 5px;
}
.pagination .current, .pagination .page, .pagination .toPage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
  padding: 0px;
  height: 24px;
  line-height: 24px;
  min-width: 26px;
  margin: 0px 3px;
  display: inline-block;
  text-align: center;
}
.pagination .current:hover:not([disabled=disabled]), .pagination .current:focus:not([disabled=disabled]), .pagination .page:hover:not([disabled=disabled]), .pagination .page:focus:not([disabled=disabled]), .pagination .toPage:hover:not([disabled=disabled]), .pagination .toPage:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
.pagination .current:active, .pagination .page:active, .pagination .toPage:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
.pagination .current.delete, .pagination .page.delete, .pagination .toPage.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
.pagination .current.delete:hover:not([disabled=disabled]), .pagination .current.delete:focus:not([disabled=disabled]), .pagination .page.delete:hover:not([disabled=disabled]), .pagination .page.delete:focus:not([disabled=disabled]), .pagination .toPage.delete:hover:not([disabled=disabled]), .pagination .toPage.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.pagination .current.delete[disabled="disabled"], .pagination .page.delete[disabled="disabled"], .pagination .toPage.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
.pagination .current.planning, .pagination .page.planning, .pagination .toPage.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.pagination .current.planning:hover:not([disabled=disabled]), .pagination .current.planning:focus:not([disabled=disabled]), .pagination .page.planning:hover:not([disabled=disabled]), .pagination .page.planning:focus:not([disabled=disabled]), .pagination .toPage.planning:hover:not([disabled=disabled]), .pagination .toPage.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
.pagination .current.planning[disabled="disabled"], .pagination .page.planning[disabled="disabled"], .pagination .toPage.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.pagination .current.planned, .pagination .page.planned, .pagination .toPage.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.pagination .current.planned:hover:not([disabled=disabled]), .pagination .current.planned:focus:not([disabled=disabled]), .pagination .page.planned:hover:not([disabled=disabled]), .pagination .page.planned:focus:not([disabled=disabled]), .pagination .toPage.planned:hover:not([disabled=disabled]), .pagination .toPage.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.pagination .current.planned[disabled="disabled"], .pagination .page.planned[disabled="disabled"], .pagination .toPage.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.pagination .current.assigning, .pagination .page.assigning, .pagination .toPage.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.pagination .current.assigning:hover:not([disabled=disabled]), .pagination .current.assigning:focus:not([disabled=disabled]), .pagination .page.assigning:hover:not([disabled=disabled]), .pagination .page.assigning:focus:not([disabled=disabled]), .pagination .toPage.assigning:hover:not([disabled=disabled]), .pagination .toPage.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.pagination .current.assigning[disabled="disabled"], .pagination .page.assigning[disabled="disabled"], .pagination .toPage.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.pagination .current.assigned, .pagination .page.assigned, .pagination .toPage.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.pagination .current.assigned:hover:not([disabled=disabled]), .pagination .current.assigned:focus:not([disabled=disabled]), .pagination .page.assigned:hover:not([disabled=disabled]), .pagination .page.assigned:focus:not([disabled=disabled]), .pagination .toPage.assigned:hover:not([disabled=disabled]), .pagination .toPage.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
.pagination .current.assigned[disabled="disabled"], .pagination .page.assigned[disabled="disabled"], .pagination .toPage.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.pagination .current.writing, .pagination .page.writing, .pagination .toPage.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.pagination .current.writing:hover:not([disabled=disabled]), .pagination .current.writing:focus:not([disabled=disabled]), .pagination .page.writing:hover:not([disabled=disabled]), .pagination .page.writing:focus:not([disabled=disabled]), .pagination .toPage.writing:hover:not([disabled=disabled]), .pagination .toPage.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.pagination .current.writing[disabled="disabled"], .pagination .page.writing[disabled="disabled"], .pagination .toPage.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.pagination .current.writingjob, .pagination .page.writingjob, .pagination .toPage.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.pagination .current.writingjob:hover:not([disabled=disabled]), .pagination .current.writingjob:focus:not([disabled=disabled]), .pagination .page.writingjob:hover:not([disabled=disabled]), .pagination .page.writingjob:focus:not([disabled=disabled]), .pagination .toPage.writingjob:hover:not([disabled=disabled]), .pagination .toPage.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.pagination .current.writingjob[disabled="disabled"], .pagination .page.writingjob[disabled="disabled"], .pagination .toPage.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.pagination .current.written, .pagination .page.written, .pagination .toPage.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.pagination .current.written:hover:not([disabled=disabled]), .pagination .current.written:focus:not([disabled=disabled]), .pagination .page.written:hover:not([disabled=disabled]), .pagination .page.written:focus:not([disabled=disabled]), .pagination .toPage.written:hover:not([disabled=disabled]), .pagination .toPage.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.pagination .current.written[disabled="disabled"], .pagination .page.written[disabled="disabled"], .pagination .toPage.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.pagination .current.writtenjob, .pagination .page.writtenjob, .pagination .toPage.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.pagination .current.writtenjob:hover:not([disabled=disabled]), .pagination .current.writtenjob:focus:not([disabled=disabled]), .pagination .page.writtenjob:hover:not([disabled=disabled]), .pagination .page.writtenjob:focus:not([disabled=disabled]), .pagination .toPage.writtenjob:hover:not([disabled=disabled]), .pagination .toPage.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.pagination .current.writtenjob[disabled="disabled"], .pagination .page.writtenjob[disabled="disabled"], .pagination .toPage.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.pagination .current.processed, .pagination .page.processed, .pagination .toPage.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
.pagination .current.processed:hover:not([disabled=disabled]), .pagination .current.processed:focus:not([disabled=disabled]), .pagination .page.processed:hover:not([disabled=disabled]), .pagination .page.processed:focus:not([disabled=disabled]), .pagination .toPage.processed:hover:not([disabled=disabled]), .pagination .toPage.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.pagination .current.processed[disabled="disabled"], .pagination .page.processed[disabled="disabled"], .pagination .toPage.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
.pagination .current.processedjob, .pagination .page.processedjob, .pagination .toPage.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
.pagination .current.processedjob:hover:not([disabled=disabled]), .pagination .current.processedjob:focus:not([disabled=disabled]), .pagination .page.processedjob:hover:not([disabled=disabled]), .pagination .page.processedjob:focus:not([disabled=disabled]), .pagination .toPage.processedjob:hover:not([disabled=disabled]), .pagination .toPage.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.pagination .current.processedjob[disabled="disabled"], .pagination .page.processedjob[disabled="disabled"], .pagination .toPage.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
.pagination .current.cancelled, .pagination .page.cancelled, .pagination .toPage.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.pagination .current.cancelled:hover:not([disabled=disabled]), .pagination .current.cancelled:focus:not([disabled=disabled]), .pagination .page.cancelled:hover:not([disabled=disabled]), .pagination .page.cancelled:focus:not([disabled=disabled]), .pagination .toPage.cancelled:hover:not([disabled=disabled]), .pagination .toPage.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
.pagination .current.cancelled[disabled="disabled"], .pagination .page.cancelled[disabled="disabled"], .pagination .toPage.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.pagination .current.pending, .pagination .page.pending, .pagination .toPage.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
.pagination .current.pending:hover:not([disabled=disabled]), .pagination .current.pending:focus:not([disabled=disabled]), .pagination .page.pending:hover:not([disabled=disabled]), .pagination .page.pending:focus:not([disabled=disabled]), .pagination .toPage.pending:hover:not([disabled=disabled]), .pagination .toPage.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.pagination .current.pending[disabled="disabled"], .pagination .page.pending[disabled="disabled"], .pagination .toPage.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
.pagination .current.approved, .pagination .page.approved, .pagination .toPage.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.pagination .current.approved:hover:not([disabled=disabled]), .pagination .current.approved:focus:not([disabled=disabled]), .pagination .page.approved:hover:not([disabled=disabled]), .pagination .page.approved:focus:not([disabled=disabled]), .pagination .toPage.approved:hover:not([disabled=disabled]), .pagination .toPage.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.pagination .current.approved[disabled="disabled"], .pagination .page.approved[disabled="disabled"], .pagination .toPage.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.pagination .current.rejected, .pagination .page.rejected, .pagination .toPage.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.pagination .current.rejected:hover:not([disabled=disabled]), .pagination .current.rejected:focus:not([disabled=disabled]), .pagination .page.rejected:hover:not([disabled=disabled]), .pagination .page.rejected:focus:not([disabled=disabled]), .pagination .toPage.rejected:hover:not([disabled=disabled]), .pagination .toPage.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
.pagination .current.rejected[disabled="disabled"], .pagination .page.rejected[disabled="disabled"], .pagination .toPage.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.pagination .current.add, .pagination .page.add, .pagination .toPage.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
.pagination .current.add:hover:not([disabled=disabled]), .pagination .current.add:focus:not([disabled=disabled]), .pagination .page.add:hover:not([disabled=disabled]), .pagination .page.add:focus:not([disabled=disabled]), .pagination .toPage.add:hover:not([disabled=disabled]), .pagination .toPage.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
.pagination .current.add[disabled="disabled"], .pagination .page.add[disabled="disabled"], .pagination .toPage.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
.pagination .current.deselect, .pagination .page.deselect, .pagination .toPage.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
.pagination .current.deselect:hover:not([disabled=disabled]), .pagination .current.deselect:focus:not([disabled=disabled]), .pagination .page.deselect:hover:not([disabled=disabled]), .pagination .page.deselect:focus:not([disabled=disabled]), .pagination .toPage.deselect:hover:not([disabled=disabled]), .pagination .toPage.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.pagination .current[disabled="disabled"], .pagination .current[disabled], .pagination .page[disabled="disabled"], .pagination .page[disabled], .pagination .toPage[disabled="disabled"], .pagination .toPage[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination .current[disabled="disabled"] img, .pagination .current[disabled] img, .pagination .page[disabled="disabled"] img, .pagination .page[disabled] img, .pagination .toPage[disabled="disabled"] img, .pagination .toPage[disabled] img {
  opacity: 0.2;
}
.pagination .current[disabled="disabled"]:hover, .pagination .current[disabled]:hover, .pagination .page[disabled="disabled"]:hover, .pagination .page[disabled]:hover, .pagination .toPage[disabled="disabled"]:hover, .pagination .toPage[disabled]:hover {
  background-color: #ebe9eb;
}
.pagination .current div, .pagination .page div, .pagination .toPage div {
  width: 100%;
  height: 100%;
  line-height: 24px;
  padding: 0px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pagination .current {
  background-color: white;
  cursor: default;
}
.pagination-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.pagination-row .pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  gap: 2px;
  margin: 0 !important;
  text-align: unset;
}
.pagination-row .pagination .first, .pagination-row .pagination .previous, .pagination-row .pagination .next, .pagination-row .pagination .last, .pagination-row .pagination .toPage, .pagination-row .pagination .current, .pagination-row .pagination .page {
  box-sizing: border-box !important;
  box-shadow: none !important;
  float: none !important;
  vertical-align: unset !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 26px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  border: 1px solid #ccc !important;
  background-color: #f0f0f0 !important;
  color: #333 !important;
  border-radius: 3px !important;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.pagination-row .pagination .first:before, .pagination-row .pagination .first:after, .pagination-row .pagination .previous:before, .pagination-row .pagination .previous:after, .pagination-row .pagination .next:before, .pagination-row .pagination .next:after, .pagination-row .pagination .last:before, .pagination-row .pagination .last:after, .pagination-row .pagination .toPage:before, .pagination-row .pagination .toPage:after, .pagination-row .pagination .current:before, .pagination-row .pagination .current:after, .pagination-row .pagination .page:before, .pagination-row .pagination .page:after {
  content: none !important;
}
.pagination-row .pagination .first, .pagination-row .pagination .previous, .pagination-row .pagination .next, .pagination-row .pagination .last {
  padding: 0 10px !important;
}
.pagination-row .pagination .toPage, .pagination-row .pagination .current, .pagination-row .pagination .page {
  min-width: 28px;
  padding: 0 6px !important;
}
.pagination-row .pagination .toPage > div, .pagination-row .pagination .current > div, .pagination-row .pagination .page > div {
  height: auto !important;
  width: auto !important;
  line-height: 1 !important;
  padding: 0 4px;
}
.pagination-row .pagination .first:hover, .pagination-row .pagination .previous:hover, .pagination-row .pagination .next:hover, .pagination-row .pagination .last:hover, .pagination-row .pagination .toPage:hover, .pagination-row .pagination .toPage:hover > div {
  background-color: #e4e4e4 !important;
  border-color: #aaa !important;
  color: #111 !important;
}
.pagination-row .pagination .first.disabled, .pagination-row .pagination .previous.disabled, .pagination-row .pagination .next.disabled, .pagination-row .pagination .last.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.pagination-row .pagination .toPageInput {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  vertical-align: middle !important;
  height: 26px !important;
  line-height: 1 !important;
  margin: 0 6px !important;
  gap: 4px;
  font-size: 12px;
}
.pagination-row .pagination .toPageInput input {
  width: 34px;
  height: 22px;
  text-align: right;
  padding: 0 5px 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  vertical-align: middle;
}
.pagination-row .pagination .toPages {
  display: inline-flex !important;
  align-items: center;
  gap: 2px;
  width: auto !important;
  margin: 0 !important;
}
.pagination-row .pagination .toPages.left, .pagination-row .pagination .toPages.right {
  text-align: unset;
}
.view {
  margin-left: 22%;
  margin-right: 20%;
}
/* #tabs.form-page { */
.form-container, #tabs {
  width: 81%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#tabs div.tabcontents {
  position: static;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0px 10px 0px;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-contents {
  width: 100%;
}
.formfield, .formarea {
  width: 100%;
}
.formfield[disabled=disabled] label, .formarea[disabled=disabled] label {
  color: #b4b1b2;
}
.formfield label, .formarea label {
  width: 27.1604938272%;
}
.formfield .label_container_checkbox, .formarea .label_container_checkbox {
  display: inline-block;
  width: 27.1604938272%;
  text-align: right;
}
.formfield .label_container_checkbox label, .formarea .label_container_checkbox label {
  width: auto;
  display: inline-block;
}
.formfield .input-container, .formarea .input-container {
  width: auto;
}
.formfield .input-container.error input[type=text], .formfield .input-container.error input[type=email], .formfield .input-container.error textarea, .formfield .input-container.error .select2-container a, .formarea .input-container.error input[type=text], .formarea .input-container.error input[type=email], .formarea .input-container.error textarea, .formarea .input-container.error .select2-container a {
  border-color: orange;
}
.formfield .select2-container, .formarea .select2-container {
  width: 220px;
}
.formfield .display-container, .formarea .display-container {
  width: auto;
}
.formfield .maxed, .formarea .maxed {
  max-width: 70%;
}
.formfield .feedback, .formarea .feedback {
  display: inline-block;
  line-height: 24px;
  margin: 0px 0px 0px 5px;
  padding: 0px 20px 0px 46px;
}
.formfield .formfield, .formarea .formfield {
  margin-top: 0px;
}
.formfield .formfield label, .formarea .formfield label {
  position: absolute;
  right: 78%;
  background: #ebe9eb;
}
.stretchformfields .formfield {
  height: auto;
  min-height: 24px;
}
.stretchformfields .formfield .input-container {
  position: relative;
}
.stretchformfields .formfield .input-container .compound_label {
  width: auto;
  cursor: pointer;
  margin-top: 0px;
  color: #6a6768;
}
.required:after {
  text-transform: none;
  content: "required";
  display: block;
  color: #b4b1b2;
  font-size: 0.8em;
  padding: 1px;
  height: 12px;
}
.sf-arrows .sf-with-ul {
  padding-right: 0px;
}
.sf-arrows .sf-with-ul:after {
  content: none;
}
.select2-container {
  margin: 0px 0px 3px 0px;
  background: white;
  position: static;
}
.select2-container .select2-choice {
  background: none;
  padding: 1px 0px 1px 5px;
}
.select2-container .select2-choice span {
  margin-right: 0px;
}
.select2-container .select2-choice span .select-location {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.select2-container .select2-choice span .select-location > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.select2-container .select2-choice span .select-location > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.select2-container .select2-choice span .select-location > span:last-of-type {
  padding-right: 5px;
}
.select2-container .select2-choice span .select-location span {
  color: #1a1718;
  background-position-y: 4px;
}
.select2-container .select2-choice span .select-location span:last-of-type {
  padding-right: 34px;
}
.select2-container .select2-choice span .select-location span span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  margin-left: 0px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 4px;
  position: absolute;
  right: 0px;
  background-color: white;
  padding-right: 34px;
}
.select2-container .select2-choice .ac-department-label {
  width: 335px;
  display: inline-block;
}
.select2-container .select2-choice .ac-department-label span {
  display: inline-block;
}
.select2-container .select2-choice > span {
  padding-right: 20px;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-container .select2-choice > span > span {
  color: #6a6768;
}
.select2-container .select2-choice > span span.point {
  color: #1a1718;
  background-position: 4px 4px;
}
.select2-container .select2-choice abbr {
  right: 18px;
  top: 0px;
  height: 100%;
  background: white;
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
  background-position: 3px 45%;
  background-repeat: no-repeat;
  background-size: 11px;
  width: 15px;
}
.select2-container .select2-choice abbr:after {
  content: "";
}
.select2-container .select2-choice abbr:hover {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.select2-container .select2-choice div {
  width: auto;
  height: auto;
  position: static;
  top: auto;
  right: auto;
  border: none;
}
.select2-container .select2-choice div b {
  width: auto;
  height: auto;
  display: inline;
}
.select2-container .select2-choice div b:after {
  content: "";
}
.select2-container .select2-choice > div {
  width: 18px;
  height: 100%;
  border: none;
  background: white url(/bundles/shifterlayout/images/arrowdown.svg) no-repeat center center;
  background-size: 8px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.select2-container .select2-choice:hover > div {
  background-image: url(/bundles/shifterlayout/images/arrowdown-grey.svg);
}
.select2-container .select2-choice .right, .select2-container .select2-choice .details {
  display: none;
}
.select2-container.select2-container-active .select2-choice, .select2-container.select2-container-active .select2-choices {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.select2-container.select2-container-active .select2-choice > a, .select2-container.select2-container-active .select2-choices > a {
  border-color: #52a2d5;
}
.select2-container.select2-container-disabled {
  background: none;
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
.select2-container.select2-container-disabled .select2-choice {
  background: none;
}
.select2-container.select2-container-disabled .select2-choice > div {
  background: none;
}
.select2-container.select2-container-disabled .select2-choices {
  border: none;
}
.select2-container.select2-container-disabled .select2-choices .select2-search-choice {
  margin-top: 0px;
  border: none;
  background: #ebe9eb;
}
.select2-container.select2-container-disabled .select2-choices .select2-search-choice:first-of-type {
  margin-left: 0px;
}
.select2-container.select2-container-disabled .select2-choices .select2-search-field {
  display: none;
}
.select2-container-multi .select2-choices {
  padding-right: 4px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  float: none;
  display: inline-block;
  margin: 4px 0px 0px 4px;
  border: none;
  background: #ebe9eb;
}
.select2-container-multi .select2-choices .select2-search-choice .entry {
  width: auto !important;
}
.select2-container-multi .select2-choices .select2-search-choice .right, .select2-container-multi .select2-choices .select2-search-choice .details {
  display: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 1px 1px;
  opacity: 0.5;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  opacity: 1;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:after {
  content: "";
}
.select2-container-multi .select2-choices .select2-search-choice .partial {
  color: #b4b1b2;
}
.select2-container-multi .select2-choices .select2-search-field {
  float: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  padding: 2px 0px 2px 5px;
  margin: 0px 0px 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d5d6;
  height: 24px;
  margin-left: 0px;
  width: 100%;
}
.select2-container-multi .select2-choices .select2-search-field input:focus {
  border-color: #52a2d5;
  background-color: white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.select2-container-multi .select2-choices .select2-search-field input[disabled="disabled"], .select2-container-multi .select2-choices .select2-search-field input[disabled] {
  border-color: #d8d5d6;
  background-color: #ebe9eb;
}
.select2-container-multi .select2-choices .select2-search-field input.error {
  border-color: orange;
}
.select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-field input:focus {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background-image: none !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-default {
  width: 100% !important;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
  border-bottom: 1px solid #d8d5d6;
}
.select2-container-multi.select2-dropdown-open.select2-dropdown-down .select2-choices {
  border-bottom: 1px solid #d8d5d6;
}
#s2id_week_selector > ul.select2-choices {
  min-height: 110px;
  max-height: 110px;
  overflow-y: auto;
}
.select2-default, .select2-default span {
  color: #d8d5d6 !important;
}
.select2-drop {
  z-index: 3000;
}
.select2-drop.select2-drop-active {
  border-color: #52a2d5;
}
.select2-drop.select2-display-none:not(.select2-drop-active) {
  display: none;
}
.select2-drop .select2-search {
  margin: 0px;
  padding: 0px;
}
.select2-drop .select2-search input.select2-input {
  width: 100%;
  margin-bottom: 0px;
  border-width: 1px 0px 1px 0px;
  padding: 3px 7px 4px 7px;
  border-color: #d8d5d6;
}
.select2-drop .select2-search input.select2-input.select2-active {
  background-image: none !important;
}
.select2-drop .select2-results {
  padding: 0px;
  margin: 0px;
}
.select2-drop .select2-results .select2-result {
  border: none;
}
.select2-drop .select2-results .select2-result span {
  color: #6a6768;
}
.select2-drop .select2-results .select2-result.select2-disabled {
  color: #b4b1b2;
}
.select2-drop .select2-results .select2-result.select2-disabled span {
  color: #b4b1b2;
}
.select2-drop .select2-results .select2-result.select2-disabled > div {
  cursor: default !important;
}
.select2-drop .select2-results .select2-result .select2-match {
  text-decoration: none;
  background-color: #ffeeb5;
}
.select2-drop .select2-results .select2-highlighted {
  background: #ebe9eb;
  color: #1a1718;
  border: none;
}
.select2-drop .select2-results .select2-no-results, .select2-drop .select2-results .select2-searching, .select2-drop .select2-results .select2-selection-limit, .select2-drop .select2-results .select2-more-results {
  margin-left: 7px;
  color: #b4b1b2;
  line-height: 25px;
}
.select2-drop .select2-results .select2-no-results.select2-active, .select2-drop .select2-results .select2-searching.select2-active, .select2-drop .select2-results .select2-selection-limit.select2-active, .select2-drop .select2-results .select2-more-results.select2-active {
  background-image: none !important;
}
.select2-drop.select2-drop-above {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #d8d5d6;
}
.select2-drop.select2-drop-above .select2-search .select2-input {
  margin-top: 0px;
  border-top: 2px solid white;
}
.select2-results .select2-result span.point {
  color: #1a1718;
  background-position: 4px 1px;
}
.select2-results .select2-result .main {
  float: left;
}
.select2-results .select2-result .main img {
  width: 16px;
  padding-right: 3px;
  vertical-align: -3px;
}
.select2-results .select2-result .right {
  float: right;
  font-size: 0.85em;
  margin-right: 10px;
}
.select2-results .select2-result .right span {
  color: #1a1718;
}
.select2-results .select2-result .details {
  color: #6a6768;
  font-size: 0.85em;
  margin-right: 10px;
}
.select2-results .select2-result .details .quals {
  float: right;
}
.select2-results .select2-result .select-location {
  display: inline;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}
.select2-results .select2-result .select-location > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.select2-results .select2-result .select-location > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.select2-results .select2-result .select-location > span:last-of-type {
  padding-right: 5px;
}
.select2-results .select2-result .select-location span:not(.select2-match) {
  color: #1a1718;
  background-position: 6px 4px;
}
.select2-results .select2-result .select-location span span:not(.select2-match) {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  margin-left: 0px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 4px;
  position: absolute;
  top: -1px;
  right: 0px;
  background-color: white;
  padding-right: 5px;
}
.select2-results .select2-result.select2-highlighted .select-location span span:not(.select2-match) {
  background-color: #ebe9eb;
}
.select2-results-table tbody tr:hover td {
  background: none;
}
.select2-results-table tbody tr td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.select2-results-table tbody tr td:nth-of-type(1) {
  width: 150px;
}
.select2-results-table tbody tr td:nth-of-type(1) span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.select2-results-table tbody tr td:nth-of-type(2) {
  width: 100px;
}
.select2-results-table tbody tr td:nth-of-type(3) {
  width: 40px;
}
.select2-results-table tbody tr td:nth-of-type(4) {
  width: 330px;
}
.select2-results-table tbody tr td:nth-of-type(4) > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.select2-results-table tbody tr td:nth-of-type(4) > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.select2-results-table tbody tr td:nth-of-type(4) > span:last-of-type {
  padding-right: 5px;
}
.select2-results-table tbody tr td:nth-of-type(4) span {
  margin-right: 0px;
}
img.select-leavetype {
  padding-right: 5px;
  vertical-align: -2px;
}
.ui-datepicker {
  z-index: 560 !important;
  border-color: #d8d5d6;
  padding: 0px;
  width: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.ui-datepicker * {
  font-size: 10pt;
}
.ui-datepicker:before {
  content: "";
  border-top: 2px solid white;
  width: 98px;
  height: 0px;
  position: absolute;
  top: -2px;
  left: 0px;
}
.ui-datepicker.ui-datepicker-below {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
}
.ui-datepicker.ui-datepicker-below:before {
  top: auto;
  bottom: -2px;
}
.ui-datepicker .ui-datepicker-header {
  background: white;
  border: none;
  padding: 3px 2px 0px 2px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  background: none;
  border: none;
  top: 0px;
  left: 0px;
  width: 33px;
  height: 33px;
  background: center center no-repeat;
  background-image: url(/bundles/shifterlayout/images/arrowleft.svg);
  background-size: 12px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-prev-hover {
  background-image: url(/bundles/shifterlayout/images/arrowleft-grey.svg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-e:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-w:before {
  content: "";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  left: auto;
  right: 0px;
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
  background-image: url(/bundles/shifterlayout/images/arrowright-grey.svg);
}
.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e:before, .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w:before {
  color: #b4b1b2;
  font-size: 16pt;
  line-height: 10pt;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 2.4em;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 259px;
  margin-bottom: 0px;
}
.ui-datepicker .ui-datepicker-calendar thead tr th span {
  color: #b4b1b2;
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  background: none;
}
.ui-datepicker .ui-datepicker-calendar tbody tr:hover td {
  background: auto;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td {
  line-height: 22px;
  padding: 0px;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td * {
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td a {
  padding: 1px 1px 2px 1px;
  border: none !important;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  background: none;
  border: none;
  color: #6a6768;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover {
  background: #d8d5d6;
  color: #1a1718;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-highlight {
  background: #2b5871;
  color: white;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active {
  background: #b4b1b2 !important;
  color: white !important;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a:hover, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a .ui-state-hover {
  background: #d8d5d6 !important;
}
.ui-datepicker .ui-datepicker-calendar tbody tr:last-of-type td a {
  padding-bottom: 4px;
}
.tablist {
  display: none;
}
#page-header {
  background: white;
  z-index: 11000;
}
#wrapper {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  background-color: #ebe9eb;
}
#contents {
  padding: 50px 0px 60px 0px;
  position: relative;
}
/*
#push {
    height: 177px;
}
*/
#page-breadcrumbs {
  margin-left: 22%;
  margin-top: 13px;
  text-transform: uppercase;
  color: #6a6768;
  letter-spacing: 1px;
}
#page-breadcrumbs > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
#page-breadcrumbs > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
#page-breadcrumbs > span:last-of-type {
  padding-right: 5px;
}
#page-breadcrumbs span {
  padding-left: 30px;
  margin-left: 17px;
  height: 15px;
  background-position: 6px 3px;
}
#page-breadcrumbs span:first-of-type {
  padding-left: 0px;
  margin-left: 0px;
}
#page-title {
  padding: 20px 0px 45px 0px;
  margin: 3px 0px 0px 0px;
  font-size: 32px;
}
#page-title ul.nav {
  padding: 0px;
  margin-left: 22%;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
#page-title ul.nav li {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #b4b1b2;
  padding-right: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#page-title ul.nav li a {
  color: #b4b1b2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#page-title ul.nav li .icon {
  position: absolute;
  display: none;
  left: -83px;
  bottom: -16px;
  width: 60px;
  height: 60px;
  background: #ebe9eb;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  z-index: 40;
  cursor: default;
}
#page-title ul.nav li .icon img {
  width: 50px;
}
#page-title ul.nav li.current {
  color: #383536;
  cursor: default;
}
#page-title ul.nav li.current .icon {
  opacity: 1;
  display: block;
}
#page-title ul.nav li:hover {
  color: #383536;
}
#page-title ul.nav li:hover a {
  color: #383536;
}
#page-title ul.nav li:hover .icon {
  display: block;
  opacity: 1;
  z-index: 50;
}
#page-title .nav-sub {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 40px;
  line-height: 40px;
  color: #6a6768;
  white-space: nowrap;
  position: absolute;
}
#page-title .nav-sub span {
  color: #b4b1b2;
}
#page-title .nav-sub span.dd {
  color: #6a6768;
}
#page-title .nav-sub span.plural {
  color: #6a6768;
}
#page-title .nav-sub.mobile {
  display: none;
}
#page-title button {
  border: none;
  display: block;
  padding: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 32px;
  color: #b4b1b2;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 3px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#page-title button:hover, #page-title button:active, #page-title button:focus {
  background: none;
  color: #1a1718;
}
#page-title ul.nav li.current button {
  color: #1a1718;
}
#page-title img {
  position: relative;
  display: block;
  width: 160px;
  padding: 0px 30px 10px 0px;
}
#login-wrapper {
  margin: auto;
  top: auto;
  width: 420px;
  margin-top: 4%;
  z-index: 500;
  position: relative;
}
#login-wrapper h1 {
  margin-left: 118px;
}
#login-wrapper label {
  margin-right: 0px;
  width: 160px;
}
#login-wrapper input {
  width: 100%;
}
#login-wrapper section {
  -webkit-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  -moz-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  z-index: 100;
}
#login-wrapper section header {
  background: #ebe9eb;
}
#login-wrapper section article {
  border: none;
  padding-top: 15px;
  max-height: none;
}
#login-wrapper section article .ui-state-error {
  display: block;
  margin: -15px -15px 20px -15px;
}
#login-wrapper .input-container {
  width: 220px;
}
#login-wrapper #login-button, #login-wrapper #reset-button {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
  padding-left: 23px;
  top: 0px;
  float: right;
  position: relative;
}
#login-wrapper .forgotten-password-toggle {
  display: inline-block;
  margin-top: 5px;
  padding-left: 23px;
  background-position: 5px 3px;
  background-size: 10px;
  background-repeat: no-repeat;
}
#login-wrapper .forgotten-password-toggle.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
#login-wrapper .forgotten-password-toggle.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
#login-wrapper .forgotten-password-form {
  background: white;
  border: none;
  margin-top: 0px;
  height: auto;
  width: auto;
}
#login-wrapper .forgotten-password-form button {
  background-image: url(/bundles/shifterlayout/images/mail-grey.svg);
  background-position-y: 3px;
  padding-left: 23px;
  float: right;
}
#browser-notice-container {
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1000;
}
.browser-notice {
  background: white;
  border: 1px solid #b4b1b2;
  padding: 20px;
  width: 470px;
  margin: 90px auto 0px auto;
  -webkit-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  -moz-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
}
.browser-notice .downloadchrome {
  padding: 20px 0px 20px 0px;
  text-align: center;
  cursor: pointer;
}
.browser-notice:hover .chromelogo {
  opacity: 0;
}
.browser-notice:hover .chromelogo-color {
  opacity: 1;
}
.browser-notice .logos {
  position: relative;
  width: 150px;
  height: 170px;
  margin: 0px auto;
}
.browser-notice .logos img {
  display: block;
}
.browser-notice .chromelogo-color {
  width: 150px;
  opacity: 0;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
.browser-notice .chromelogo {
  width: 150px;
  margin: -150px 0px;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
.browser-notice p.ignore-button {
  text-align: right;
  margin: 10px 0px 0px 0px;
}
#page-footer {
  background: #d8d5d6;
  height: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #b4b1b2;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
#page-footer #secondary-menu {
  position: static;
  flex: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#page-footer #secondary-menu ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}
#page-footer #secondary-menu ul li {
  line-height: 1;
}
#page-footer #secondary-menu .switch-lang {
  padding-top: 0;
}
#page-footer #secondary-menu .switch-lang .lang-switcher {
  position: relative;
}
#page-footer #secondary-menu .switch-lang .lang-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  color: #6a6768;
}
#page-footer #secondary-menu .switch-lang .lang-trigger img {
  width: 18px;
  display: block;
  border-radius: 1px;
}
#page-footer #secondary-menu .switch-lang .lang-trigger .lang-chevron {
  display: block;
  opacity: 0.5;
  transition: transform 0.2s ease;
}
#page-footer #secondary-menu .switch-lang .lang-dropdown {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 4px 0 8px;
  background: #fff;
  border: 1px solid #b4b1b2;
  border-radius: 7px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.13);
  min-width: 140px;
  z-index: 1000;
}
#page-footer #secondary-menu .switch-lang .lang-dropdown li a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  color: #383536;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  transition: background 0.1s ease;
}
#page-footer #secondary-menu .switch-lang .lang-dropdown li a img {
  width: 18px;
  display: block;
  border-radius: 1px;
  flex-shrink: 0;
}
#page-footer #secondary-menu .switch-lang .lang-dropdown li a:hover {
  background: #ebe9eb;
  color: #2b5871;
}
#page-footer #secondary-menu .switch-lang:hover .lang-trigger {
  background: rgba(255, 255, 255, 0.7);
  border-color: #b4b1b2;
}
#page-footer #secondary-menu .switch-lang:hover .lang-trigger .lang-chevron {
  transform: rotate(180deg);
}
#page-footer #secondary-menu .switch-lang:hover .lang-dropdown {
  display: block;
}
#page-footer #footer-logo {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-footer #footer-logo img {
  height: 18px;
  opacity: 0.6;
  display: block;
}
#page-footer #footer-logo .css3-logo {
  position: relative;
  transform: scale(0.72);
  transform-origin: center center;
}
#page-footer #footer-logo .css3-logo .bar {
  width: 85px;
  height: 26px;
  -webkit-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -o-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
  background: linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background-size: 1000%;
  background-position: 815px 0px;
}
#page-footer #footer-logo .css3-logo:hover .bar {
  -webkit-transition: background-position 7s ease-in-out;
  -moz-transition: background-position 7s ease-in-out;
  -o-transition: background-position 7s ease-in-out;
  transition: background-position 7s ease-in-out;
  background: linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background-size: 1000%;
  background-position: 0px 0px;
}
#page-footer #footer-logo .css3-logo .shifter {
  position: absolute;
  left: 71px;
  top: 2px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 5px;
  line-height: 22px;
  color: #000;
}
#page-footer #footer-logo .css3-logo .shifter span {
  color: white;
  letter-spacing: 6px;
}
#page-footer #softwareinfo {
  position: static;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  font-size: 11px;
  color: #6a6768;
  white-space: nowrap;
}
#page-footer #softwareinfo .v {
  font-weight: 600;
  color: #383536;
}
#page-footer #softwareinfo .sep {
  color: #b4b1b2;
}
#page-footer #softwareinfo .updated {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  color: #383536;
}
#page-footer #softwareinfo span.date {
  display: inline;
  margin: 0;
  padding: 1px 5px;
  background: #b4b1b2;
  color: #383536;
  text-transform: uppercase;
  font-size: 11px;
  vertical-align: middle;
}
#page-footer #softwareinfo span.date span {
  font-weight: 900;
  display: inline;
}
#page-footer #softwareinfo .copyright {
  color: #6a6768;
}
#logocontainer {
  background: none;
  border-width: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  line-height: 50px;
  left: 0px;
}
#logocontainer a {
  display: block;
  height: auto;
  margin-top: 11px;
  background: none;
}
#logocontainer .css3-logo {
  position: relative;
}
#logocontainer .css3-logo .bar {
  width: 85px;
  height: 26px;
  -webkit-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -o-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
  background: -webkit-linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background: linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background-size: 1000%;
  background-position: 815px 0px;
}
#logocontainer .css3-logo:hover .bar {
  -webkit-transition: background-position 7s ease-in-out;
  -moz-transition: background-position 7s ease-in-out;
  -o-transition: background-position 7s ease-in-out;
  transition: background-position 7s ease-in-out;
  background: -webkit-linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background: linear-gradient(90deg, #52A2D5 0%, #52A2D5 14.28%, #2B5871 14.28%, #2B5871 28.57%, #D9414B 28.57%, #D9414B 42.85%, #742425 42.85%, #742425 57.13%, #F0BA1C 57.13%, #F0BA1C 71.41%, #917411 71.41%, #917411 85.69%, #44AE56 85.69%, #44AE56);
  background-size: 1000%;
  background-position: 0px 0px;
}
#logocontainer .css3-logo .shifter {
  position: absolute;
  left: 71px;
  top: 2px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 5px;
  line-height: 22px;
  color: #1a1718;
}
#logocontainer .css3-logo .shifter span {
  color: white;
  letter-spacing: 6px;
}
body.staging #logocontainer .css3-logo .bar, body.development #logocontainer .css3-logo .bar {
  background: orange url(/bundles/shifterlayout/images/cone-white.svg) 13px / 14px no-repeat;
}
body.staging #logocontainer .css3-logo .bar:hover, body.development #logocontainer .css3-logo .bar:hover {
  background: orange url(/bundles/shifterlayout/images/cone-white.svg) 13px / 14px no-repeat;
}
body.staging #logocontainer .css3-logo .bar:hover:after, body.development #logocontainer .css3-logo .bar:hover:after {
  background-color: rgba(26, 23, 24, 0.7);
  line-height: 1em;
  color: white;
  text-align: left;
  left: 5px;
  top: 34px;
  position: absolute;
  padding: 10px;
}
body.staging #logocontainer .css3-logo .bar:hover:before, body.development #logocontainer .css3-logo .bar:hover:before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  border-bottom: 6px solid rgba(26, 23, 24, 0.7);
  left: 14px;
  top: 22px;
}
body.development #logocontainer .css3-logo .bar:hover:after {
  content: "Development server";
  width: 120px;
}
body.staging #logocontainer .css3-logo .bar:hover:after {
  content: "Staging server";
  width: 88px;
}
header nav {
  height: 100%;
}
header nav #menu {
  top: 0;
  height: 100%;
  text-align: right;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
header nav #menu > li {
  line-height: 49px;
  padding: 0px 15px 0px 15px;
  cursor: pointer;
  float: none;
  text-align: left;
  z-index: 5;
}
header nav #menu > li:hover, header nav #menu > li.sfHover {
  background: #ebe9eb;
}
header nav #menu > li:hover a, header nav #menu > li.sfHover a {
  color: #1a1718;
}
header nav #menu > li .drop-down-list {
  margin-top: 50px;
  padding-top: 0px;
  width: auto;
  min-width: 0;
  white-space: nowrap;
  z-index: 4;
  display: none;
  left: auto;
  right: 0px;
}
header nav #menu > li .drop-down-list li {
  padding: 0px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  text-align: left;
}
header nav #menu > li .drop-down-list li a {
  padding: 5px 15px 5px 15px;
  color: #1a1718;
}
header nav #menu > li .drop-down-list li:hover, header nav #menu > li .drop-down-list li.sfHover {
  background: #ebe9eb;
}
header nav #menu > li .drop-down-list li.input {
  padding: 0px !important;
}
header nav #menu > li .drop-down-list li.input input:not([type=submit]) {
  line-height: 1.5em;
  height: 30px;
  margin: 0px;
  width: 100%;
  border-color: white;
}
header nav #menu > li .drop-down-list .menu_level_2 {
  left: auto;
  right: calc(100% + 2px);
  padding-top: 0px;
  margin-top: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
header nav #menu > li .drop-down-list .menu_level_2 li:first-of-type {
  border-top: 1px solid #d8d5d6;
}
header nav #menu > li.profile {
  width: auto;
}
header nav #menu > li.profile a, header nav #menu > li.profile a.sf-with-ul {
  position: static;
  padding: 0;
}
header nav #menu > li.profile .sf-with-ul {
  padding: 0;
}
header nav #menu > li.profile div.sf-with-ul {
  padding-left: 25px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header nav #menu > li.profile img {
  position: absolute;
  top: 16px;
  left: 12px;
}
header nav #menu #logininfo {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  display: inline-block;
}
header nav #menu #logininfo li {
  padding-left: 47px !important;
  background-size: 14px;
  background: white no-repeat 17px center;
}
header nav #menu #logininfo li:hover, header nav #menu #logininfo li.sfHover {
  background-color: #ebe9eb;
}
header nav #menu #logininfo li.calendar {
  background-image: url(/bundles/shifterlayout/images/calendar-lightgrey.svg);
}
header nav #menu #logininfo li.calendar:hover, header nav #menu #logininfo li.calendar.sfHover {
  background-image: url(/bundles/shifterlayout/images/calendar-grey.svg);
}
header nav #menu #logininfo li.balance {
  background-image: url(/bundles/shifterlayout/images/balance-lightgrey.svg);
}
header nav #menu #logininfo li.balance:hover, header nav #menu #logininfo li.balance.sfHover {
  background-image: url(/bundles/shifterlayout/images/balance-grey.svg);
}
header nav #menu #logininfo li.profile {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
header nav #menu #logininfo li.profile:hover, header nav #menu #logininfo li.profile.sfHover {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
header nav #menu #logininfo li.contracts {
  background-image: url(/bundles/shifterlayout/images/contract-lightgrey.svg);
}
header nav #menu #logininfo li.contracts:hover, header nav #menu #logininfo li.contracts.sfHover {
  background-image: url(/bundles/shifterlayout/images/contract-grey.svg);
}
header nav #menu #logininfo li.logout {
  background-image: url(/bundles/shifterlayout/images/poweroff-lightgrey.svg);
}
header nav #menu #logininfo li.logout:hover, header nav #menu #logininfo li.logout.sfHover {
  background-image: url(/bundles/shifterlayout/images/poweroff-grey.svg);
}
header nav #menu #logininfo li.input {
  padding: 0px !important;
  position: relative;
}
header nav #menu #logininfo li.input input[type=text] {
  top: 0px;
  background: white;
  line-height: 1.5em;
  height: 30px;
  margin: 0px;
  padding-left: 17px;
  width: 100%;
  border-color: white;
}
header nav #menu #logininfo li.input .user {
  padding: 3px 10px 3px 17px;
}
header nav #menu #logininfo li.input:hover, header nav #menu #logininfo li.input.sfHover {
  background: white;
}
header nav #menu #logininfo .change-user input:not([type=submit]) {
  padding-left: 5px;
}
header nav #menu #logininfo .change-user div {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
header nav #menu #logininfo .change-user div ul {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  text-transform: lowercase;
  letter-spacing: 0px;
  margin-left: -1px;
}
header nav #menu #logininfo .change-user div ul li {
  padding-left: 0px !important;
  color: #383536;
  border-bottom: none;
  max-width: 184px;
  overflow-y: hidden;
}
header nav #menu #logininfo .change-user div ul li a {
  padding: 5px 5px 5px 5px !important;
}
header nav #menu #logininfo .change-user .impersonating {
  background-image: url(/bundles/shifterlayout/images/usermoustache-lightgrey.svg);
  background-repeat: no-repeat;
  background-position: 15px 50%;
  display: block;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.6em;
  padding: 5px 50px 4px 50px;
  white-space: normal;
  color: #b4b1b2;
  cursor: default;
}
header nav #menu #logininfo .change-user .impersonating form input {
  position: absolute;
  margin: 0px;
  right: 10px;
  bottom: 6px;
  top: auto;
  text-transform: capitalize;
  border-width: 1px 0px 0px 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
}
header nav #menu #logininfo .change-user .impersonating form input:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
header nav #menu #logininfo .change-user .impersonating form input:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
header nav #menu #logininfo .change-user .impersonating form input.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.delete:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
header nav #menu #logininfo .change-user .impersonating form input.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.planning:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
header nav #menu #logininfo .change-user .impersonating form input.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.planned:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
header nav #menu #logininfo .change-user .impersonating form input.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.assigning:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.assigned:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
header nav #menu #logininfo .change-user .impersonating form input.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writing:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
header nav #menu #logininfo .change-user .impersonating form input.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writingjob:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
header nav #menu #logininfo .change-user .impersonating form input.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.written:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
header nav #menu #logininfo .change-user .impersonating form input.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.writtenjob:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
header nav #menu #logininfo .change-user .impersonating form input.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.processed:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
header nav #menu #logininfo .change-user .impersonating form input.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.processedjob:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
header nav #menu #logininfo .change-user .impersonating form input.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.cancelled:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
header nav #menu #logininfo .change-user .impersonating form input.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.pending:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
header nav #menu #logininfo .change-user .impersonating form input.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.approved:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
header nav #menu #logininfo .change-user .impersonating form input.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.rejected:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
header nav #menu #logininfo .change-user .impersonating form input.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
header nav #menu #logininfo .change-user .impersonating form input.add:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
header nav #menu #logininfo .change-user .impersonating form input.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
header nav #menu #logininfo .change-user .impersonating form input.deselect:hover:not([disabled=disabled]), header nav #menu #logininfo .change-user .impersonating form input.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
header nav #menu #logininfo .change-user .impersonating form input[disabled="disabled"], header nav #menu #logininfo .change-user .impersonating form input[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
header nav #menu #logininfo .change-user .impersonating form input[disabled="disabled"] img, header nav #menu #logininfo .change-user .impersonating form input[disabled] img {
  opacity: 0.2;
}
header nav #menu #logininfo .change-user .impersonating form input[disabled="disabled"]:hover, header nav #menu #logininfo .change-user .impersonating form input[disabled]:hover {
  background-color: #ebe9eb;
}
header nav #menu li[disabled] {
  cursor: default;
}
header nav #menu li[disabled] a {
  color: #b4b1b2 !important;
  cursor: default !important;
}
header nav #menu li[disabled]:hover, header nav #menu li[disabled].sfHover {
  background: white !important;
}
header nav #menu li[disabled]:hover .drop-down-list, header nav #menu li[disabled].sfHover .drop-down-list {
  display: none !important;
}
.print-datetime {
  display: none;
}
.static-content {
  margin-left: 22%;
  max-width: 750px;
}
#blocks {
  background: #e1e0e2;
  z-index: 50;
  width: 19%;
  margin-top: -139px;
}
#blocks section {
  padding-top: 5px;
  background: none;
  border: none;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#blocks section header {
  padding: 6px 15px 0px 40px;
  background: url(/bundles/shifterlayout/images/note-lightgrey.svg) no-repeat;
  background-position: 18px 15px;
}
#blocks section header h3 span {
  font-size: 14px;
  color: #6a6768;
}
#blocks section header .square-icon {
  right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
}
#blocks section header .square-icon:hover:not([disabled=disabled]), #blocks section header .square-icon:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
#blocks section header .square-icon:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
#blocks section header .square-icon.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
#blocks section header .square-icon.delete:hover:not([disabled=disabled]), #blocks section header .square-icon.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
#blocks section header .square-icon.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
#blocks section header .square-icon.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
#blocks section header .square-icon.planning:hover:not([disabled=disabled]), #blocks section header .square-icon.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
#blocks section header .square-icon.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
#blocks section header .square-icon.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
#blocks section header .square-icon.planned:hover:not([disabled=disabled]), #blocks section header .square-icon.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
#blocks section header .square-icon.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
#blocks section header .square-icon.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
#blocks section header .square-icon.assigning:hover:not([disabled=disabled]), #blocks section header .square-icon.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
#blocks section header .square-icon.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
#blocks section header .square-icon.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
#blocks section header .square-icon.assigned:hover:not([disabled=disabled]), #blocks section header .square-icon.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
#blocks section header .square-icon.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
#blocks section header .square-icon.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
#blocks section header .square-icon.writing:hover:not([disabled=disabled]), #blocks section header .square-icon.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
#blocks section header .square-icon.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
#blocks section header .square-icon.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
#blocks section header .square-icon.writingjob:hover:not([disabled=disabled]), #blocks section header .square-icon.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
#blocks section header .square-icon.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
#blocks section header .square-icon.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
#blocks section header .square-icon.written:hover:not([disabled=disabled]), #blocks section header .square-icon.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
#blocks section header .square-icon.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
#blocks section header .square-icon.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
#blocks section header .square-icon.writtenjob:hover:not([disabled=disabled]), #blocks section header .square-icon.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
#blocks section header .square-icon.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
#blocks section header .square-icon.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
#blocks section header .square-icon.processed:hover:not([disabled=disabled]), #blocks section header .square-icon.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
#blocks section header .square-icon.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
#blocks section header .square-icon.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
#blocks section header .square-icon.processedjob:hover:not([disabled=disabled]), #blocks section header .square-icon.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
#blocks section header .square-icon.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
#blocks section header .square-icon.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
#blocks section header .square-icon.cancelled:hover:not([disabled=disabled]), #blocks section header .square-icon.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
#blocks section header .square-icon.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
#blocks section header .square-icon.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
#blocks section header .square-icon.pending:hover:not([disabled=disabled]), #blocks section header .square-icon.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
#blocks section header .square-icon.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
#blocks section header .square-icon.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
#blocks section header .square-icon.approved:hover:not([disabled=disabled]), #blocks section header .square-icon.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
#blocks section header .square-icon.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
#blocks section header .square-icon.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
#blocks section header .square-icon.rejected:hover:not([disabled=disabled]), #blocks section header .square-icon.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
#blocks section header .square-icon.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
#blocks section header .square-icon.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
#blocks section header .square-icon.add:hover:not([disabled=disabled]), #blocks section header .square-icon.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
#blocks section header .square-icon.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
#blocks section header .square-icon.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
#blocks section header .square-icon.deselect:hover:not([disabled=disabled]), #blocks section header .square-icon.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
#blocks section header .square-icon[disabled="disabled"], #blocks section header .square-icon[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#blocks section header .square-icon[disabled="disabled"] img, #blocks section header .square-icon[disabled] img {
  opacity: 0.2;
}
#blocks section header .square-icon[disabled="disabled"]:hover, #blocks section header .square-icon[disabled]:hover {
  background-color: #ebe9eb;
}
#blocks section article {
  border-top: none;
  max-height: 600px;
}
#blocks section article textarea {
  width: 100%;
  min-height: 54px;
  padding: 10px 10px 10px 10px;
  margin: 0px;
}
#blocks section article input[type=submit] {
  float: right;
}
#blocks section article .datelabel {
  background-color: #d8d5d6;
}
#blocks section article .datelabel > .label {
  line-height: 20px;
}
#blocks section article .xl {
  font-size: 2em;
  line-height: 1.3em;
  margin-top: 20px;
  margin-left: -15px;
}
#blocks section article .xl .datelabel {
  height: 1.3em;
  padding-left: 7px;
  padding-right: 5px;
  float: left;
}
#blocks section article .xl .label {
  line-height: 1.3em;
}
#blocks section article .xl .dd {
  font-size: 1em;
}
#blocks section article .xl .time {
  display: inline-block;
  float: left;
}
.polling {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 23, 24, 0.3);
  display: block;
  z-index: 12000;
}
.notification {
  position: relative;
  border: none;
  margin-bottom: 30px;
  padding: 0px;
  background: none;
}
.notification .note {
  border: none;
  padding: 10px 10px 10px 10px;
  word-wrap: break-word;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-sizing: padding-box;
}
.notification textarea {
  display: block;
  z-index: 10;
  padding: 10px 10px 10px 10px;
  margin: 8px 0px 6px 0px;
  word-wrap: break-word;
  box-sizing: padding-box;
  overflow: hidden;
}
.notification-info {
  position: absolute;
  width: auto;
  left: 0px;
  bottom: auto;
  top: auto;
  right: 0px;
  margin-top: -7px;
  color: #6a6768;
  padding-left: 10px;
  overflow: hidden;
}
.notification-info > span:first-of-type {
  padding-right: 10px;
}
.notification-actions {
  bottom: 1px;
}
.notification-actions img {
  width: 12px;
}
.notification-save {
  bottom: auto;
  margin-top: -7px;
  right: 0px;
  position: absolute;
}
.notification-save .note_save a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
  line-height: 12px;
  height: 12px;
  display: inline-block;
}
.notification-save .note_save a:hover:not([disabled=disabled]), .notification-save .note_save a:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
.notification-save .note_save a:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
.notification-save .note_save a.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
.notification-save .note_save a.delete:hover:not([disabled=disabled]), .notification-save .note_save a.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.notification-save .note_save a.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
.notification-save .note_save a.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.notification-save .note_save a.planning:hover:not([disabled=disabled]), .notification-save .note_save a.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
.notification-save .note_save a.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.notification-save .note_save a.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.notification-save .note_save a.planned:hover:not([disabled=disabled]), .notification-save .note_save a.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.notification-save .note_save a.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.notification-save .note_save a.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.notification-save .note_save a.assigning:hover:not([disabled=disabled]), .notification-save .note_save a.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.notification-save .note_save a.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.notification-save .note_save a.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.notification-save .note_save a.assigned:hover:not([disabled=disabled]), .notification-save .note_save a.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
.notification-save .note_save a.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.notification-save .note_save a.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.notification-save .note_save a.writing:hover:not([disabled=disabled]), .notification-save .note_save a.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.notification-save .note_save a.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.notification-save .note_save a.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.notification-save .note_save a.writingjob:hover:not([disabled=disabled]), .notification-save .note_save a.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.notification-save .note_save a.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.notification-save .note_save a.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.notification-save .note_save a.written:hover:not([disabled=disabled]), .notification-save .note_save a.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.notification-save .note_save a.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.notification-save .note_save a.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.notification-save .note_save a.writtenjob:hover:not([disabled=disabled]), .notification-save .note_save a.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.notification-save .note_save a.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.notification-save .note_save a.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
.notification-save .note_save a.processed:hover:not([disabled=disabled]), .notification-save .note_save a.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.notification-save .note_save a.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
.notification-save .note_save a.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
.notification-save .note_save a.processedjob:hover:not([disabled=disabled]), .notification-save .note_save a.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.notification-save .note_save a.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
.notification-save .note_save a.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.notification-save .note_save a.cancelled:hover:not([disabled=disabled]), .notification-save .note_save a.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
.notification-save .note_save a.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.notification-save .note_save a.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
.notification-save .note_save a.pending:hover:not([disabled=disabled]), .notification-save .note_save a.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.notification-save .note_save a.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
.notification-save .note_save a.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.notification-save .note_save a.approved:hover:not([disabled=disabled]), .notification-save .note_save a.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.notification-save .note_save a.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.notification-save .note_save a.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.notification-save .note_save a.rejected:hover:not([disabled=disabled]), .notification-save .note_save a.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
.notification-save .note_save a.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.notification-save .note_save a.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
.notification-save .note_save a.add:hover:not([disabled=disabled]), .notification-save .note_save a.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
.notification-save .note_save a.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
.notification-save .note_save a.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
.notification-save .note_save a.deselect:hover:not([disabled=disabled]), .notification-save .note_save a.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.notification-save .note_save a[disabled="disabled"], .notification-save .note_save a[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.notification-save .note_save a[disabled="disabled"] img, .notification-save .note_save a[disabled] img {
  opacity: 0.2;
}
.notification-save .note_save a[disabled="disabled"]:hover, .notification-save .note_save a[disabled]:hover {
  background-color: #ebe9eb;
}
.notification-save img {
  width: 12px;
  vertical-align: top;
}
.notes-important .sticky-note {
  border: none !important;
}
.notes-important .sticky-note .note {
  background: #ffeeb5;
  color: #1a1718;
}
.notes-nonimportant .notification .note {
  background: white;
  color: #6a6768;
}
.note p {
  margin: 0px;
}
.note .note-info {
  color: #b4b1b2;
  font-size: 11px;
  margin-bottom: 4px;
  padding-right: 3px;
  float: right;
  text-align: right;
}
.note .note-info b {
  font-size: 11px;
}
.note.internal .note-info {
  padding-left: 12px;
  background: url(/bundles/shifterlayout/images/lock-lightgrey.svg) 0px 3px no-repeat;
  background-size: 10px;
}
.note-public-switch .onoffswitch-inner:before {
  content: "Public";
}
.note-public-switch .onoffswitch-inner:after {
  content: "Internal";
}
.note-public-switch .onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
#full-page-container {
  border: none;
  padding: 10px 0px 0px 0px;
  padding: 0px;
  margin: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
table.Record tbody tr th {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  color: grey;
  text-align: right;
  vertical-align: top;
}
table.Record tbody tr td {
  padding: 0px 10px;
}
.loading-message {
  padding: 60px 0px 270px 0px;
}
.loading-message .progressmessage {
  float: left;
  width: 22%;
  text-align: right;
  padding-right: 20px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.loading-message .progressmessage ul.loadinglist li {
  text-transform: capitalize;
  display: none;
  color: #6a6768;
}
.loading-message .progressmessage ul.loadinglist li:last-of-type {
  display: block;
}
.loading-message .progressmessage .details {
  margin-top: 5px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0px;
  color: #b4b1b2;
}
.loading-message .progressmessage .details.collapsed {
  display: none;
}
.loading-message .progressmessage .details .detail {
  position: relative;
}
.loading-message .progressmessage .details .detail .progressbarretje {
  position: absolute;
  right: -275px;
  top: 9px;
  width: 250px;
  height: 6px;
  background: white;
}
.loading-message .progressbar {
  float: left;
  height: 20px;
  padding: 5px;
  width: 250px;
  position: relative;
  background: white;
}
.loading-message .progress {
  height: 100%;
  width: 0%;
  background: #2b5871;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
#feedback.underconstruction {
  background-image: url(/bundles/shifterlayout/images/cone-white.svg);
  background-size: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#feedback.underconstruction p {
  line-height: 1.5em;
  padding: 5px 0px 10px 19.5%;
}
.underconstruction-footer {
  background-image: url(/bundles/shifterlayout/images/cone-white.svg);
  background-size: 18px;
  background-position: 22% 50%;
  background-repeat: no-repeat;
  background-color: #6a6768;
  color: white;
  text-align: center;
  position: absolute;
  line-height: 30px;
  width: 100%;
  bottom: 0px;
}
#graphs {
  margin: 20px 50px 10px 50px;
  position: relative;
}
#graphs #dashboard_all_graph {
  height: 450px;
}
.canvasjs-chart-tooltip > div {
  border: none !important;
  background: none !important;
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif !important;
  text-shadow: none !important;
  padding: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.canvasjs-chart-tooltip-content {
  padding: 4px 7px 4px 4px;
  background: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.canvasjs-chart-tooltip-content .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.canvasjs-chart-tooltip-content .status.planning, .canvasjs-chart-tooltip-content .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.canvasjs-chart-tooltip-content .status.planned, .canvasjs-chart-tooltip-content .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.canvasjs-chart-tooltip-content .status.assigning, .canvasjs-chart-tooltip-content .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.canvasjs-chart-tooltip-content .status.assigned, .canvasjs-chart-tooltip-content .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.canvasjs-chart-tooltip-content .status.writing, .canvasjs-chart-tooltip-content .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.canvasjs-chart-tooltip-content .status.written, .canvasjs-chart-tooltip-content .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.canvasjs-chart-tooltip-content .status.processed, .canvasjs-chart-tooltip-content .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.canvasjs-chart-tooltip-content .status.cancelled, .canvasjs-chart-tooltip-content .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.canvasjs-chart-tooltip-content .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.canvasjs-chart-tooltip-content .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.canvasjs-chart-tooltip-content .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.canvasjs-chart-tooltip-content .status {
  margin-bottom: 0px;
  margin-right: 5px;
}
.dashboard {
  margin-left: 22%;
  display: block;
}
.dashboard > a {
  display: inline-block;
  vertical-align: top;
}
.dashboard article {
  margin: 13px 13px 0px 0px;
  float: left;
  background: white;
  padding: 13px;
  box-sizing: border-box;
}
.dashboard article img.linkicon {
  width: 70px;
  padding-top: 3px;
  padding-bottom: 8px;
}
.dashboard article img.linkicon:nth-of-type(1) {
  display: inline-block;
}
.dashboard article img.linkicon:nth-of-type(2) {
  display: none;
}
.dashboard article.quicklink {
  width: 130px;
  height: 146px;
  text-transform: uppercase;
  word-wrap: break-word;
  letter-spacing: 1px;
  font-size: 14px;
  text-align: center;
  color: #6a6768;
  cursor: pointer;
}
.dashboard article.quicklink:hover {
  color: #383536;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.dashboard article.quicklink:hover img.linkicon:nth-of-type(1) {
  display: none;
}
.dashboard article.quicklink:hover img.linkicon:nth-of-type(2) {
  display: inline-block;
}
.dashboard article.doublecol {
  width: 52%;
}
.dashboard article.triplecol {
  width: 90%;
}
.dashboard article #monitor {
  margin-left: -30px;
}
.dashboard article.user p {
  color: #6a6768;
  margin: 0px;
  padding: 1px 0px 2px 25px;
}
.dashboard article.user p span {
  color: #b4b1b2;
}
.dashboard article.user .name {
  font-size: 1.3em;
  line-height: 1.6em;
  height: 29px;
  color: #1a1718;
  background: url(/bundles/shifterlayout/images/user-lightgrey.svg) 1px 6px no-repeat;
  background-size: 15px;
  padding-left: 25px;
}
.dashboard article.user .name span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.dashboard article.user .telephone {
  background: url(/bundles/shifterlayout/images/phone-lightgrey.svg) 2px 3px no-repeat;
  background-size: 13px;
  margin-bottom: 10px;
}
.dashboard article.add {
  background: white url(/bundles/shifterlayout/images/plus.svg) no-repeat center 24px;
  background-size: 40px;
  padding: 73px 13px 13px 13px;
  text-align: center;
}
.dashboard ul li:before {
  content: "◼";
  color: #b4b1b2;
  margin-left: -14px;
  margin-top: 5px;
  width: 14px;
  font-size: 8px;
  display: inline-block;
}
.dashboard ul.secondary {
  background: #e1e0e2;
  margin: 13px -13px -13px -13px;
  padding: 13px 13px 13px 33px;
}
.exports article.quicklink {
  width: 273px;
  height: auto;
  min-height: 146px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
}
.exports article.quicklink .descr {
  padding-top: 10px;
  color: #6a6768;
}
.exports header {
  height: 24px;
  width: calc(100% - 13px);
  margin-bottom: -13px;
  margin-top: 13px;
  overflow: hidden;
  background: white;
  color: #6a6768;
  line-height: 24px;
}
.exports header .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.exports header .status.planning, .exports header .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.exports header .status.planned, .exports header .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.exports header .status.assigning, .exports header .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.exports header .status.assigned, .exports header .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.exports header .status.writing, .exports header .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.exports header .status.written, .exports header .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.exports header .status.processed, .exports header .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.exports header .status.cancelled, .exports header .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.exports header .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.exports header .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.exports header .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.exports header .status {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.exports header .to {
  float: left;
  width: 10%;
  text-align: center;
  background-color: #d8d5d6;
}
.exports header .to img {
  height: 10px;
  vertical-align: middle;
}
.exports a.nothere article.quicklink {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
.export-single select[multiple], .export-single .formfield .select2-container, .export-single .formarea .select2-container {
  width: 400px;
}
.export-single .select2-container-multi .select2-choices {
  max-height: none;
}
.shift {
  position: absolute;
  top: 2px;
  height: 20px;
  background-color: rgba(106, 103, 104, 0.4);
  display: block;
  color: white;
  text-align: right;
  cursor: pointer;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 5px center;
}
.shift.planning {
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shift.planned {
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shift.assigning {
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shift.assigned {
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shift.writing {
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shift.written {
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shift.processed {
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.shift.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.shift .drag {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  cursor: ew-resize;
}
.shift .drag.left {
  left: 0;
}
.shift .drag.right {
  right: 0;
}
.shift .loading {
  padding-left: 24px;
  opacity: 0.5;
  text-transform: capitalize;
  font-size: 0.8em;
  line-height: 1.8em;
}
.shift > span {
  padding-right: 6px;
  padding-left: 24px;
}
.shift .person .lastname {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.shift .shift-start, .shift .shift-end {
  position: absolute;
  top: 0px;
  width: 0px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  color: #6a6768;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.shift .shift-start {
  left: 0px;
}
.shift .shift-end {
  right: 0px;
  direction: rtl;
}
.shift.vertical {
  position: relative;
  float: left;
  z-index: 2;
  width: 24px;
  margin-left: 5px;
  top: 0px;
  background-position: 5px 5px;
}
.shift img {
  height: 16px;
  padding: 2px 2px 0px 0px;
  vertical-align: top;
}
.shift:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.shift:hover .shift-start, .shift.showtimes .shift-start {
  left: -36px;
  width: 36px;
}
.shift:hover .shift-end, .shift.showtimes .shift-end {
  right: -38px;
  width: 36px;
}
.shift.prototype {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}
.shift.prototype:hover {
  border: 3px solid #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.shift.shift-slot {
  background: #b4b1b2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shift.shift-slot:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts.oneweek.myplanning .viewonly-separator {
  padding-right: 0px;
}
.myshifts.oneweek.myplanning .viewonly-separator .department-name {
  float: left;
  width: 22%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts.oneweek.myplanning .viewonly-separator .tag-counter {
  text-align: left;
  float: left;
  width: 78%;
}
.myshifts.oneweek.myplanning .viewonly-separator .tag-counter img {
  vertical-align: middle;
  padding-left: 3px;
}
.myshifts.oneweek.myplanning .tag {
  background-color: #ebe9eb;
  padding: 0px 4px;
  margin-right: 4px;
  line-height: 16px;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0px;
}
.myshifts.oneweek.myplanning .month.draggedOver {
  z-index: 100;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts.oneweek.myplanning .month.draggedOver:before {
  position: absolute;
  display: block;
  z-index: 100;
  content: "";
  width: 100%;
  height: 0px;
  top: -1px;
  border-top: 3px dashed #d8d5d6;
}
.myshifts.oneweek.myplanning .myplanning-row {
  display: flex;
  flex-direction: row;
  min-height: 54px;
}
.myshifts.oneweek.myplanning .myplanning-row .week {
  height: auto !important;
  float: none;
}
.myshifts.oneweek.myplanning .myplanning-row .week .person-label .person-name {
  font-size: 1em;
  line-height: 1.4em;
  vertical-align: top;
}
.myshifts.oneweek.myplanning .myplanning-row .week .person-label .person-name .contract-end {
  font-weight: normal;
  color: #b4b1b2;
}
.myshifts.oneweek.myplanning .myplanning-row .week .person-label .person-name .contract-end.soon {
  color: red;
}
.myshifts.oneweek.myplanning .myplanning-row .week .person-label .person-name .contract-end.soonish {
  color: orange;
}
.myshifts.oneweek.myplanning .myplanning-row .week .plus {
  display: inline-block;
}
.myshifts.oneweek.myplanning .myplanning-row .week .plus .plus-sum {
  display: inline-block;
  min-width: 32px;
}
.myshifts.oneweek.myplanning .myplanning-row .week .hours {
  display: inline-block;
  min-width: 100px;
}
.myshifts.oneweek.myplanning .myplanning-row .week .hours .hours-check {
  display: inline-block;
  min-width: 56px;
}
.myshifts.oneweek.myplanning .myplanning-row .week .hours img {
  padding-right: 0px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .day {
  padding-top: 0px;
  position: relative;
}
.myshifts.oneweek.myplanning .myplanning-row .days .day .holiday {
  position: absolute;
  float: right;
  width: 100%;
  height: 32px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  background-image: url(/bundles/shifterlayout/images/sun-writing.svg);
  background-size: 28px;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 1;
}
.myshifts.oneweek.myplanning .myplanning-row .days .day .flex-total {
  display: block;
  width: 100%;
  line-height: 24px;
  text-align: center;
  vertical-align: bottom;
  font-size: 150%;
  font-weight: bold;
}
.myshifts.oneweek.myplanning .myplanning-row .days .myplanning-shifts {
  cursor: pointer;
  -webkit-transition: transform 0.15s;
  -moz-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
}
.myshifts.oneweek.myplanning .myplanning-row .days .myplanning-shifts.irrevokable {
  cursor: default;
}
.myshifts.oneweek.myplanning .myplanning-row .days .myplanning-shifts.irrevokable .shift {
  cursor: default;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift {
  background-image: none;
  height: 5px;
  margin-top: -2px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .selected-revokereassign-shift {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  height: 38px;
  position: relative;
  z-index: 20;
  background-color: white;
}
.myshifts.oneweek.myplanning .myplanning-row .days .day:first-of-type .selected-revokereassign-shift {
  -webkit-transform-origin: left 50%;
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -o-transform-origin: left 50%;
  transform-origin: left 50%;
}
.myshifts.oneweek.myplanning .myplanning-row .days .day:last-of-type .selected-revokereassign-shift {
  -webkit-transform-origin: right 50%;
  -moz-transform-origin: right 50%;
  -ms-transform-origin: right 50%;
  -o-transform-origin: right 50%;
  transform-origin: right 50%;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times {
  margin-top: 0px;
  position: relative;
  z-index: 20;
  width: 100%;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .activity {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  padding-left: 3px;
  width: calc(100% - 24px - 90px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: right;
  color: #6a6768;
  font-size: 12px;
  padding: 0px 0px 0px 93px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .activity:hover {
  overflow: visible;
  z-index: 1;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .activity:hover span {
  background-color: white;
  position: relative;
  z-index: 20;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .activity span {
  padding-right: 5px;
  padding-left: 13px;
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: 3px 7px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .activity {
  margin-top: 2px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .times {
  position: absolute;
  left: 5px;
  top: 5px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .shift-start {
  display: inline-block;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times .shift-end {
  display: inline-block;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times-inputs {
  position: absolute;
  width: 100%;
  top: 2px;
  left: -1px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .editable-times-inputs .input-tiny {
  width: 46px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .myplanning-hourentries .hourentry {
  background-image: none;
  height: 5px;
  margin-top: 11px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-tags {
  display: none;
  position: relative;
  left: 5px;
  font-size: 12px;
  padding-bottom: 3px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-department {
  display: none;
  position: relative;
  left: 5px;
  font-size: 12px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-slot-zone {
  position: relative;
  height: 22px;
  line-height: 22px;
  border: 2px dashed #b4b1b2;
  color: #b4b1b2;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin: 5px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-slot-zone:hover {
  border-color: #6a6768;
  color: #6a6768;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-slot-zone .shift {
  margin-top: 4px;
}
.myshifts.oneweek.myplanning .myplanning-row .days .shift-slot-zone img.conflict {
  width: 16px;
  position: absolute;
  left: 3px;
  top: 3px;
}
.myshifts.oneweek.myplanning.display-compact .week {
  padding-top: 0;
}
.myshifts.oneweek.myplanning.display-compact .week .person-descr {
  display: none;
}
@media screen {
  .myshifts.oneweek.myplanning.display-compact .myplanning-body .myplanning-row {
    height: 28px;
  }
}
.myshifts.oneweek.myplanning.display-compact .myplanning-shifts .shift {
  display: none;
}
.myshifts.oneweek.myplanning.display-compact .myplanning-body .shift-slot-zone {
  height: 14px;
}
.myshifts.oneweek.myplanning.display-compact .myplanning-body .shift-slot-zone .shift {
  margin-top: 2px;
}
.myshifts.oneweek.myplanning.display-compact .shift-department {
  display: none;
}
.myshifts.oneweek.myplanning.display-compact .shift-tags {
  display: none;
}
.myshifts.myplanning .weekdaynames .days .day {
  padding-top: 30px;
}
.myshifts .shifts-panel {
  position: fixed;
  background-color: #d8d5d6;
  bottom: 0px;
  z-index: 500;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 7px -5px;
}
.myshifts .shifts-panel thead th {
  text-align: right;
}
.myshifts .shifts-panel tbody tr:hover td {
  background: none;
}
.myshifts .shifts-panel .panel-header {
  width: 22%;
  padding-bottom: 0px;
}
.myshifts .shifts-panel .panel-header label {
  width: auto;
  text-align: right;
  padding-right: 10px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  height: 24px;
  line-height: 1.8em;
  letter-spacing: 1px;
}
.myshifts .shifts-panel .resizer-bar {
  height: 5px;
  background: #6a6768;
  cursor: row-resize;
}
.myshifts .shifts-panel .limiter {
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ebe9eb;
  min-height: 22px;
}
.myshifts .shifts-panel .panel-label {
  padding: 0px;
  vertical-align: top;
}
.myshifts .shifts-panel .panel-label .filter-container {
  width: 100%;
  background-color: #ebe9eb;
}
.myshifts .shifts-panel .panel-days {
  padding-right: 0px;
}
.myshifts .shifts-panel .panel-days-table tbody tr td {
  padding: 0px;
  overflow: visible;
  border-left: 1px solid #d8d5d6;
}
.myshifts .shifts-panel .panel-days-table tbody tr td:first-of-type .selected-assignable-shift {
  -webkit-transform-origin: left 50%;
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -o-transform-origin: left 50%;
  transform-origin: left 50%;
}
.myshifts .shifts-panel .panel-days-table tbody tr td:last-of-type .selected-assignable-shift {
  -webkit-transform-origin: right 50%;
  -moz-transform-origin: right 50%;
  -ms-transform-origin: right 50%;
  -o-transform-origin: right 50%;
  transform-origin: right 50%;
}
.myshifts .shifts-panel .panel-days-table tbody tr td.dep-divider {
  background-color: #ccc8c9;
  font-size: 11px;
  font-weight: Bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 5px;
}
.myshifts .shifts-panel .panel-days-table tbody tr:hover td.dep-divider {
  background-color: #ccc8c9;
}
.myshifts .shifts-panel .revoke-slot {
  height: 22px;
  line-height: 22px;
  border: 2px dashed #b4b1b2;
  color: #b4b1b2;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin: 5px;
}
.myshifts .shifts-panel .revoke-slot:hover {
  border-color: #6a6768;
  color: #6a6768;
}
.myshifts .shifts-panel .shift-row {
  height: 36px;
  cursor: pointer;
  position: relative;
  -webkit-transition: transform 0.15s;
  -moz-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
}
.myshifts .shifts-panel .shift-row.selected-assignable-shift {
  background-color: white;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  z-index: 30;
}
.myshifts .shifts-panel .shift-row:hover {
  background-color: white;
}
.myshifts .shifts-panel .shift-row .shift {
  height: 5px;
  top: 24px;
  background-image: none;
}
.myshifts .shifts-panel .shift-row .activity {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  padding-left: 3px;
  width: calc(100% - 24px - 90px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: right;
  color: #6a6768;
  font-size: 12px;
  padding: 0px 0px 0px 93px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .shifts-panel .shift-row .activity:hover {
  overflow: visible;
  z-index: 1;
}
.myshifts .shifts-panel .shift-row .activity:hover span {
  background-color: white;
  position: relative;
  z-index: 20;
}
.myshifts .shifts-panel .shift-row .activity span {
  padding-right: 5px;
  padding-left: 13px;
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: 3px 7px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.myshifts .shifts-panel .shift-row .activity {
  margin-top: 0px;
}
.myshifts .shifts-panel .shift-row .times {
  position: absolute;
  left: 5px;
}
.myshifts .shifts-panel .shift-row .start {
  display: inline-block;
}
.myshifts .shifts-panel .shift-row .end {
  display: inline-block;
}
.hourentry-container {
  position: relative;
  z-index: 1;
  height: 0px;
}
.hourentry {
  position: absolute;
  z-index: 15;
  height: 20px;
  margin-top: 5px;
  display: block;
  color: white;
  background-color: #6a6768;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 14px;
}
.hourentry.palmisland-writing {
  background-image: url(/bundles/shifterlayout/images/palmisland-writing.svg);
}
.hourentry.palmisland-processed {
  background-image: url(/bundles/shifterlayout/images/palmisland-processed.svg);
}
.hourentry.house-writing {
  background-image: url(/bundles/shifterlayout/images/house-writing.svg);
}
.hourentry.tilde-planning {
  background-image: url(/bundles/shifterlayout/images/tilde-planning.svg);
}
.hourentry.cross-assigning {
  background-image: url(/bundles/shifterlayout/images/cross-assigning.svg);
}
.hourentry.prototype {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.hourentry .specialhour-print {
  display: none;
}
.hourentry.vertical {
  position: absolute;
  z-index: 2;
  width: 24px;
  margin-left: 5px;
  top: 0px;
  margin-top: 0px;
  background-position: 5px 5px;
}
.specialhour-comment {
  min-height: 42px;
  height: 42px;
}
.oneweek .hourentry.bookable, .threemonths .hourentry.bookable {
  cursor: pointer;
}
.scrollwindow {
  height: auto;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
}
.scrollwindow ul {
  list-style: none;
  margin: 0;
  padding: 0px;
}
.scrollwindow li {
  padding: 0px;
  margin: 0px;
}
.scrollwindow .axis .daybefore .datelabel {
  z-index: -1;
}
.scrollwindow .descr {
  position: absolute;
  left: 0px;
  z-index: 4;
  line-height: 24px;
  width: 22%;
  background: #e1e0e2;
  background-repeat: no-repeat;
  cursor: default;
}
.scrollwindow .shiftcount {
  display: inline-block;
  color: #6a6768;
  margin-left: 10px;
}
.scrollwindow .grid {
  margin-left: 22%;
  white-space: nowrap;
  position: relative;
  height: 24px;
  line-height: 24px;
}
.scrollwindow .collapsed .sublocations {
  display: none;
}
.scrollwindow .collapsed > .location-row .descr, .scrollwindow .collapsed > .qualification-row .descr {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  background-size: 10px;
  cursor: pointer;
}
.scrollwindow .expanded > .location-row .descr, .scrollwindow .expanded > .qualification-row .descr {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
  background-size: 10px;
  cursor: pointer;
}
.scrollwindow .events-grid .descr span {
  margin-left: 40px;
}
.scrollwindow .events-grid li.collapsed .descr {
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat 26px 7px;
  background-size: 10px;
  cursor: pointer;
}
.scrollwindow .events-grid li.expanded .descr {
  background: url(/bundles/shifterlayout/images/arrowdown.svg) no-repeat 26px 7px;
  background-size: 10px;
  cursor: pointer;
}
.scrollwindow .events-grid .event-row .descr span {
  margin-left: 60px;
}
.scrollwindow .events-grid .event-row .descr.visible {
  background: url(/bundles/shifterlayout/images/checked-grey.svg) no-repeat 42px 4px;
  background-size: 14px;
}
.scrollwindow .events-grid .event-row .descr.hidden {
  background: url(/bundles/shifterlayout/images/unchecked-grey.svg) no-repeat 42px 4px;
  background-size: 14px;
}
.scrollwindow .shifts-grid, .scrollwindow .eventconfig-fields, .scrollwindow .eventconfig-grid, .scrollwindow .eventconfig-preview, .scrollwindow .planning-rules {
  background: #ebe9eb;
  margin-bottom: 30px;
}
.scrollwindow .shifts-grid .loading-row, .scrollwindow .eventconfig-fields .loading-row, .scrollwindow .eventconfig-grid .loading-row, .scrollwindow .eventconfig-preview .loading-row, .scrollwindow .planning-rules .loading-row {
  height: 32px;
  display: none;
}
.scrollwindow .shifts-grid .loading-row .descr, .scrollwindow .eventconfig-fields .loading-row .descr, .scrollwindow .eventconfig-grid .loading-row .descr, .scrollwindow .eventconfig-preview .loading-row .descr, .scrollwindow .planning-rules .loading-row .descr {
  background: #d8d5d6;
  padding-top: 7px;
  height: 25px;
}
.scrollwindow .shifts-grid .loading-row .descr .loader, .scrollwindow .eventconfig-fields .loading-row .descr .loader, .scrollwindow .eventconfig-grid .loading-row .descr .loader, .scrollwindow .eventconfig-preview .loading-row .descr .loader, .scrollwindow .planning-rules .loading-row .descr .loader {
  margin-left: 40px;
}
.scrollwindow .shifts-grid li.lvl1:first-of-type .loading-row, .scrollwindow .eventconfig-fields li.lvl1:first-of-type .loading-row, .scrollwindow .eventconfig-grid li.lvl1:first-of-type .loading-row, .scrollwindow .eventconfig-preview li.lvl1:first-of-type .loading-row, .scrollwindow .planning-rules li.lvl1:first-of-type .loading-row {
  display: block;
}
.scrollwindow .shifts-grid .daybefore, .scrollwindow .shifts-grid .thisday, .scrollwindow .shifts-grid .dayafter, .scrollwindow .eventconfig-fields .daybefore, .scrollwindow .eventconfig-fields .thisday, .scrollwindow .eventconfig-fields .dayafter, .scrollwindow .eventconfig-grid .daybefore, .scrollwindow .eventconfig-grid .thisday, .scrollwindow .eventconfig-grid .dayafter, .scrollwindow .eventconfig-preview .daybefore, .scrollwindow .eventconfig-preview .thisday, .scrollwindow .eventconfig-preview .dayafter, .scrollwindow .planning-rules .daybefore, .scrollwindow .planning-rules .thisday, .scrollwindow .planning-rules .dayafter {
  display: block;
  width: 60%;
  position: absolute;
  height: 100%;
  left: 0;
}
.scrollwindow .shifts-grid .daybefore .drawlayer, .scrollwindow .shifts-grid .thisday .drawlayer, .scrollwindow .shifts-grid .dayafter .drawlayer, .scrollwindow .eventconfig-fields .daybefore .drawlayer, .scrollwindow .eventconfig-fields .thisday .drawlayer, .scrollwindow .eventconfig-fields .dayafter .drawlayer, .scrollwindow .eventconfig-grid .daybefore .drawlayer, .scrollwindow .eventconfig-grid .thisday .drawlayer, .scrollwindow .eventconfig-grid .dayafter .drawlayer, .scrollwindow .eventconfig-preview .daybefore .drawlayer, .scrollwindow .eventconfig-preview .thisday .drawlayer, .scrollwindow .eventconfig-preview .dayafter .drawlayer, .scrollwindow .planning-rules .daybefore .drawlayer, .scrollwindow .planning-rules .thisday .drawlayer, .scrollwindow .planning-rules .dayafter .drawlayer {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.scrollwindow .shifts-grid .daybefore .tip, .scrollwindow .shifts-grid .thisday .tip, .scrollwindow .shifts-grid .dayafter .tip, .scrollwindow .eventconfig-fields .daybefore .tip, .scrollwindow .eventconfig-fields .thisday .tip, .scrollwindow .eventconfig-fields .dayafter .tip, .scrollwindow .eventconfig-grid .daybefore .tip, .scrollwindow .eventconfig-grid .thisday .tip, .scrollwindow .eventconfig-grid .dayafter .tip, .scrollwindow .eventconfig-preview .daybefore .tip, .scrollwindow .eventconfig-preview .thisday .tip, .scrollwindow .eventconfig-preview .dayafter .tip, .scrollwindow .planning-rules .daybefore .tip, .scrollwindow .planning-rules .thisday .tip, .scrollwindow .planning-rules .dayafter .tip {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 2;
}
.scrollwindow .shifts-grid .daybefore, .scrollwindow .eventconfig-fields .daybefore, .scrollwindow .eventconfig-grid .daybefore, .scrollwindow .eventconfig-preview .daybefore, .scrollwindow .planning-rules .daybefore {
  background-color: #ebe9eb;
}
.scrollwindow .shifts-grid .thisday, .scrollwindow .eventconfig-fields .thisday, .scrollwindow .eventconfig-grid .thisday, .scrollwindow .eventconfig-preview .thisday, .scrollwindow .planning-rules .thisday {
  left: 60%;
  background-color: white;
}
.scrollwindow .shifts-grid .dayafter, .scrollwindow .eventconfig-fields .dayafter, .scrollwindow .eventconfig-grid .dayafter, .scrollwindow .eventconfig-preview .dayafter, .scrollwindow .planning-rules .dayafter {
  left: 120%;
  background-color: #ebe9eb;
}
.scrollwindow .shifts-grid .location-row, .scrollwindow .shifts-grid .qualification-row, .scrollwindow .eventconfig-fields .location-row, .scrollwindow .eventconfig-fields .qualification-row, .scrollwindow .eventconfig-grid .location-row, .scrollwindow .eventconfig-grid .qualification-row, .scrollwindow .eventconfig-preview .location-row, .scrollwindow .eventconfig-preview .qualification-row, .scrollwindow .planning-rules .location-row, .scrollwindow .planning-rules .qualification-row {
  background: none;
}
.scrollwindow .shifts-grid .location-row.general, .scrollwindow .shifts-grid .qualification-row.general, .scrollwindow .eventconfig-fields .location-row.general, .scrollwindow .eventconfig-fields .qualification-row.general, .scrollwindow .eventconfig-grid .location-row.general, .scrollwindow .eventconfig-grid .qualification-row.general, .scrollwindow .eventconfig-preview .location-row.general, .scrollwindow .eventconfig-preview .qualification-row.general, .scrollwindow .planning-rules .location-row.general, .scrollwindow .planning-rules .qualification-row.general {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.scrollwindow .shifts-grid .location-row .daybefore, .scrollwindow .shifts-grid .qualification-row .daybefore, .scrollwindow .eventconfig-fields .location-row .daybefore, .scrollwindow .eventconfig-fields .qualification-row .daybefore, .scrollwindow .eventconfig-grid .location-row .daybefore, .scrollwindow .eventconfig-grid .qualification-row .daybefore, .scrollwindow .eventconfig-preview .location-row .daybefore, .scrollwindow .eventconfig-preview .qualification-row .daybefore, .scrollwindow .planning-rules .location-row .daybefore, .scrollwindow .planning-rules .qualification-row .daybefore {
  background-color: #e1e0e2;
}
.scrollwindow .shifts-grid .location-row .thisday, .scrollwindow .shifts-grid .qualification-row .thisday, .scrollwindow .eventconfig-fields .location-row .thisday, .scrollwindow .eventconfig-fields .qualification-row .thisday, .scrollwindow .eventconfig-grid .location-row .thisday, .scrollwindow .eventconfig-grid .qualification-row .thisday, .scrollwindow .eventconfig-preview .location-row .thisday, .scrollwindow .eventconfig-preview .qualification-row .thisday, .scrollwindow .planning-rules .location-row .thisday, .scrollwindow .planning-rules .qualification-row .thisday {
  background-color: #ebe9eb;
}
.scrollwindow .shifts-grid .location-row .dayafter, .scrollwindow .shifts-grid .qualification-row .dayafter, .scrollwindow .eventconfig-fields .location-row .dayafter, .scrollwindow .eventconfig-fields .qualification-row .dayafter, .scrollwindow .eventconfig-grid .location-row .dayafter, .scrollwindow .eventconfig-grid .qualification-row .dayafter, .scrollwindow .eventconfig-preview .location-row .dayafter, .scrollwindow .eventconfig-preview .qualification-row .dayafter, .scrollwindow .planning-rules .location-row .dayafter, .scrollwindow .planning-rules .qualification-row .dayafter {
  background-color: #e1e0e2;
}
.scrollwindow .shifts-grid .location-row .descr, .scrollwindow .shifts-grid .qualification-row .descr, .scrollwindow .eventconfig-fields .location-row .descr, .scrollwindow .eventconfig-fields .qualification-row .descr, .scrollwindow .eventconfig-grid .location-row .descr, .scrollwindow .eventconfig-grid .qualification-row .descr, .scrollwindow .eventconfig-preview .location-row .descr, .scrollwindow .eventconfig-preview .qualification-row .descr, .scrollwindow .planning-rules .location-row .descr, .scrollwindow .planning-rules .qualification-row .descr {
  background-color: #d8d5d6;
}
.scrollwindow .shifts-grid .location-row .shift, .scrollwindow .shifts-grid .qualification-row .shift, .scrollwindow .eventconfig-fields .location-row .shift, .scrollwindow .eventconfig-fields .qualification-row .shift, .scrollwindow .eventconfig-grid .location-row .shift, .scrollwindow .eventconfig-grid .qualification-row .shift, .scrollwindow .eventconfig-preview .location-row .shift, .scrollwindow .eventconfig-preview .qualification-row .shift, .scrollwindow .planning-rules .location-row .shift, .scrollwindow .planning-rules .qualification-row .shift {
  height: 6px;
  top: 10px;
  cursor: default;
}
.scrollwindow .shifts-grid .location .descr .location-container, .scrollwindow .eventconfig-fields .location .descr .location-container, .scrollwindow .eventconfig-grid .location .descr .location-container, .scrollwindow .eventconfig-preview .location .descr .location-container, .scrollwindow .planning-rules .location .descr .location-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}
.scrollwindow .shifts-grid .location .descr .location-container > span, .scrollwindow .eventconfig-fields .location .descr .location-container > span, .scrollwindow .eventconfig-grid .location .descr .location-container > span, .scrollwindow .eventconfig-preview .location .descr .location-container > span, .scrollwindow .planning-rules .location .descr .location-container > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.scrollwindow .shifts-grid .location .descr .location-container > span:first-of-type, .scrollwindow .eventconfig-fields .location .descr .location-container > span:first-of-type, .scrollwindow .eventconfig-grid .location .descr .location-container > span:first-of-type, .scrollwindow .eventconfig-preview .location .descr .location-container > span:first-of-type, .scrollwindow .planning-rules .location .descr .location-container > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.scrollwindow .shifts-grid .location .descr .location-container > span:last-of-type, .scrollwindow .eventconfig-fields .location .descr .location-container > span:last-of-type, .scrollwindow .eventconfig-grid .location .descr .location-container > span:last-of-type, .scrollwindow .eventconfig-preview .location .descr .location-container > span:last-of-type, .scrollwindow .planning-rules .location .descr .location-container > span:last-of-type {
  padding-right: 5px;
}
.scrollwindow .shifts-grid .location .descr .location-container span span, .scrollwindow .eventconfig-fields .location .descr .location-container span span, .scrollwindow .eventconfig-grid .location .descr .location-container span span, .scrollwindow .eventconfig-preview .location .descr .location-container span span, .scrollwindow .planning-rules .location .descr .location-container span span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  margin-left: 0px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 6px;
  position: absolute;
  right: 0px;
  background-color: #e1e0e2;
  padding-right: 5px;
}
.scrollwindow .shifts-grid .add-row .descr, .scrollwindow .eventconfig-fields .add-row .descr, .scrollwindow .eventconfig-grid .add-row .descr, .scrollwindow .eventconfig-preview .add-row .descr, .scrollwindow .planning-rules .add-row .descr {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  background-color: #e1e0e2;
  background-size: 10px;
  background-repeat: no-repeat;
}
.scrollwindow .shifts-grid .add-row .thisday .drawlayer, .scrollwindow .eventconfig-fields .add-row .thisday .drawlayer, .scrollwindow .eventconfig-grid .add-row .thisday .drawlayer, .scrollwindow .eventconfig-preview .add-row .thisday .drawlayer, .scrollwindow .planning-rules .add-row .thisday .drawlayer {
  cursor: e-resize;
}
.scrollwindow .shifts-grid .shift-row:hover, .scrollwindow .shifts-grid .add-row:hover, .scrollwindow .shifts-grid .location-row:hover, .scrollwindow .shifts-grid .qualification-row:hover, .scrollwindow .eventconfig-fields .shift-row:hover, .scrollwindow .eventconfig-fields .add-row:hover, .scrollwindow .eventconfig-fields .location-row:hover, .scrollwindow .eventconfig-fields .qualification-row:hover, .scrollwindow .eventconfig-grid .shift-row:hover, .scrollwindow .eventconfig-grid .add-row:hover, .scrollwindow .eventconfig-grid .location-row:hover, .scrollwindow .eventconfig-grid .qualification-row:hover, .scrollwindow .eventconfig-preview .shift-row:hover, .scrollwindow .eventconfig-preview .add-row:hover, .scrollwindow .eventconfig-preview .location-row:hover, .scrollwindow .eventconfig-preview .qualification-row:hover, .scrollwindow .planning-rules .shift-row:hover, .scrollwindow .planning-rules .add-row:hover, .scrollwindow .planning-rules .location-row:hover, .scrollwindow .planning-rules .qualification-row:hover {
  background-color: white;
}
.scrollwindow .shifts-grid .shift-row:hover .descr, .scrollwindow .shifts-grid .add-row:hover .descr, .scrollwindow .shifts-grid .location-row:hover .descr, .scrollwindow .shifts-grid .qualification-row:hover .descr, .scrollwindow .eventconfig-fields .shift-row:hover .descr, .scrollwindow .eventconfig-fields .add-row:hover .descr, .scrollwindow .eventconfig-fields .location-row:hover .descr, .scrollwindow .eventconfig-fields .qualification-row:hover .descr, .scrollwindow .eventconfig-grid .shift-row:hover .descr, .scrollwindow .eventconfig-grid .add-row:hover .descr, .scrollwindow .eventconfig-grid .location-row:hover .descr, .scrollwindow .eventconfig-grid .qualification-row:hover .descr, .scrollwindow .eventconfig-preview .shift-row:hover .descr, .scrollwindow .eventconfig-preview .add-row:hover .descr, .scrollwindow .eventconfig-preview .location-row:hover .descr, .scrollwindow .eventconfig-preview .qualification-row:hover .descr, .scrollwindow .planning-rules .shift-row:hover .descr, .scrollwindow .planning-rules .add-row:hover .descr, .scrollwindow .planning-rules .location-row:hover .descr, .scrollwindow .planning-rules .qualification-row:hover .descr {
  background-color: #ebe9eb;
}
.scrollwindow .shifts-grid .shift-row:hover .descr .location-container span span, .scrollwindow .shifts-grid .add-row:hover .descr .location-container span span, .scrollwindow .shifts-grid .location-row:hover .descr .location-container span span, .scrollwindow .shifts-grid .qualification-row:hover .descr .location-container span span, .scrollwindow .eventconfig-fields .shift-row:hover .descr .location-container span span, .scrollwindow .eventconfig-fields .add-row:hover .descr .location-container span span, .scrollwindow .eventconfig-fields .location-row:hover .descr .location-container span span, .scrollwindow .eventconfig-fields .qualification-row:hover .descr .location-container span span, .scrollwindow .eventconfig-grid .shift-row:hover .descr .location-container span span, .scrollwindow .eventconfig-grid .add-row:hover .descr .location-container span span, .scrollwindow .eventconfig-grid .location-row:hover .descr .location-container span span, .scrollwindow .eventconfig-grid .qualification-row:hover .descr .location-container span span, .scrollwindow .eventconfig-preview .shift-row:hover .descr .location-container span span, .scrollwindow .eventconfig-preview .add-row:hover .descr .location-container span span, .scrollwindow .eventconfig-preview .location-row:hover .descr .location-container span span, .scrollwindow .eventconfig-preview .qualification-row:hover .descr .location-container span span, .scrollwindow .planning-rules .shift-row:hover .descr .location-container span span, .scrollwindow .planning-rules .add-row:hover .descr .location-container span span, .scrollwindow .planning-rules .location-row:hover .descr .location-container span span, .scrollwindow .planning-rules .qualification-row:hover .descr .location-container span span {
  background-color: #ebe9eb;
}
.scrollwindow .shifts-grid .shift-row:hover .daybefore, .scrollwindow .shifts-grid .shift-row:hover .dayafter, .scrollwindow .shifts-grid .add-row:hover .daybefore, .scrollwindow .shifts-grid .add-row:hover .dayafter, .scrollwindow .shifts-grid .location-row:hover .daybefore, .scrollwindow .shifts-grid .location-row:hover .dayafter, .scrollwindow .shifts-grid .qualification-row:hover .daybefore, .scrollwindow .shifts-grid .qualification-row:hover .dayafter, .scrollwindow .eventconfig-fields .shift-row:hover .daybefore, .scrollwindow .eventconfig-fields .shift-row:hover .dayafter, .scrollwindow .eventconfig-fields .add-row:hover .daybefore, .scrollwindow .eventconfig-fields .add-row:hover .dayafter, .scrollwindow .eventconfig-fields .location-row:hover .daybefore, .scrollwindow .eventconfig-fields .location-row:hover .dayafter, .scrollwindow .eventconfig-fields .qualification-row:hover .daybefore, .scrollwindow .eventconfig-fields .qualification-row:hover .dayafter, .scrollwindow .eventconfig-grid .shift-row:hover .daybefore, .scrollwindow .eventconfig-grid .shift-row:hover .dayafter, .scrollwindow .eventconfig-grid .add-row:hover .daybefore, .scrollwindow .eventconfig-grid .add-row:hover .dayafter, .scrollwindow .eventconfig-grid .location-row:hover .daybefore, .scrollwindow .eventconfig-grid .location-row:hover .dayafter, .scrollwindow .eventconfig-grid .qualification-row:hover .daybefore, .scrollwindow .eventconfig-grid .qualification-row:hover .dayafter, .scrollwindow .eventconfig-preview .shift-row:hover .daybefore, .scrollwindow .eventconfig-preview .shift-row:hover .dayafter, .scrollwindow .eventconfig-preview .add-row:hover .daybefore, .scrollwindow .eventconfig-preview .add-row:hover .dayafter, .scrollwindow .eventconfig-preview .location-row:hover .daybefore, .scrollwindow .eventconfig-preview .location-row:hover .dayafter, .scrollwindow .eventconfig-preview .qualification-row:hover .daybefore, .scrollwindow .eventconfig-preview .qualification-row:hover .dayafter, .scrollwindow .planning-rules .shift-row:hover .daybefore, .scrollwindow .planning-rules .shift-row:hover .dayafter, .scrollwindow .planning-rules .add-row:hover .daybefore, .scrollwindow .planning-rules .add-row:hover .dayafter, .scrollwindow .planning-rules .location-row:hover .daybefore, .scrollwindow .planning-rules .location-row:hover .dayafter, .scrollwindow .planning-rules .qualification-row:hover .daybefore, .scrollwindow .planning-rules .qualification-row:hover .dayafter {
  background-color: white;
}
.scrollwindow .shifts-grid .shift-row:hover .tip, .scrollwindow .shifts-grid .add-row:hover .tip, .scrollwindow .shifts-grid .location-row:hover .tip, .scrollwindow .shifts-grid .qualification-row:hover .tip, .scrollwindow .eventconfig-fields .shift-row:hover .tip, .scrollwindow .eventconfig-fields .add-row:hover .tip, .scrollwindow .eventconfig-fields .location-row:hover .tip, .scrollwindow .eventconfig-fields .qualification-row:hover .tip, .scrollwindow .eventconfig-grid .shift-row:hover .tip, .scrollwindow .eventconfig-grid .add-row:hover .tip, .scrollwindow .eventconfig-grid .location-row:hover .tip, .scrollwindow .eventconfig-grid .qualification-row:hover .tip, .scrollwindow .eventconfig-preview .shift-row:hover .tip, .scrollwindow .eventconfig-preview .add-row:hover .tip, .scrollwindow .eventconfig-preview .location-row:hover .tip, .scrollwindow .eventconfig-preview .qualification-row:hover .tip, .scrollwindow .planning-rules .shift-row:hover .tip, .scrollwindow .planning-rules .add-row:hover .tip, .scrollwindow .planning-rules .location-row:hover .tip, .scrollwindow .planning-rules .qualification-row:hover .tip {
  opacity: 1;
}
.scrollwindow .shifts-grid .shift-row .daybefore .drawlayer, .scrollwindow .shifts-grid .shift-row .dayafter .drawlayer, .scrollwindow .eventconfig-fields .shift-row .daybefore .drawlayer, .scrollwindow .eventconfig-fields .shift-row .dayafter .drawlayer, .scrollwindow .eventconfig-grid .shift-row .daybefore .drawlayer, .scrollwindow .eventconfig-grid .shift-row .dayafter .drawlayer, .scrollwindow .eventconfig-preview .shift-row .daybefore .drawlayer, .scrollwindow .eventconfig-preview .shift-row .dayafter .drawlayer, .scrollwindow .planning-rules .shift-row .daybefore .drawlayer, .scrollwindow .planning-rules .shift-row .dayafter .drawlayer {
  z-index: 2;
}
.scrollwindow .shifts-grid .shift-row .daybefore .shift, .scrollwindow .shifts-grid .shift-row .dayafter .shift, .scrollwindow .eventconfig-fields .shift-row .daybefore .shift, .scrollwindow .eventconfig-fields .shift-row .dayafter .shift, .scrollwindow .eventconfig-grid .shift-row .daybefore .shift, .scrollwindow .eventconfig-grid .shift-row .dayafter .shift, .scrollwindow .eventconfig-preview .shift-row .daybefore .shift, .scrollwindow .eventconfig-preview .shift-row .dayafter .shift, .scrollwindow .planning-rules .shift-row .daybefore .shift, .scrollwindow .planning-rules .shift-row .dayafter .shift {
  background-color: #1a1718;
  opacity: 0.2;
}
.scrollwindow .shifts-grid li.lvl1 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl1 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl1 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl1 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl1 div > div.descr span:first-of-type {
  margin-left: 40px;
}
.scrollwindow .shifts-grid li.lvl1 > div > .descr, .scrollwindow .eventconfig-fields li.lvl1 > div > .descr, .scrollwindow .eventconfig-grid li.lvl1 > div > .descr, .scrollwindow .eventconfig-preview li.lvl1 > div > .descr, .scrollwindow .planning-rules li.lvl1 > div > .descr {
  background-position: 26px 7px;
}
.scrollwindow .shifts-grid li.lvl2 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl2 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl2 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl2 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl2 div > div.descr span:first-of-type {
  margin-left: 60px;
}
.scrollwindow .shifts-grid li.lvl2 > div > .descr, .scrollwindow .eventconfig-fields li.lvl2 > div > .descr, .scrollwindow .eventconfig-grid li.lvl2 > div > .descr, .scrollwindow .eventconfig-preview li.lvl2 > div > .descr, .scrollwindow .planning-rules li.lvl2 > div > .descr {
  background-position: 44px 7px;
}
.scrollwindow .shifts-grid li.lvl3 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl3 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl3 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl3 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl3 div > div.descr span:first-of-type {
  margin-left: 80px;
}
.scrollwindow .shifts-grid li.lvl3 > div > .descr, .scrollwindow .eventconfig-fields li.lvl3 > div > .descr, .scrollwindow .eventconfig-grid li.lvl3 > div > .descr, .scrollwindow .eventconfig-preview li.lvl3 > div > .descr, .scrollwindow .planning-rules li.lvl3 > div > .descr {
  background-position: 64px 7px;
}
.scrollwindow .shifts-grid li.lvl4 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl4 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl4 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl4 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl4 div > div.descr span:first-of-type {
  margin-left: 100px;
}
.scrollwindow .shifts-grid li.lvl4 > div > .descr, .scrollwindow .eventconfig-fields li.lvl4 > div > .descr, .scrollwindow .eventconfig-grid li.lvl4 > div > .descr, .scrollwindow .eventconfig-preview li.lvl4 > div > .descr, .scrollwindow .planning-rules li.lvl4 > div > .descr {
  background-position: 84px 7px;
}
.scrollwindow .shifts-grid li.lvl5 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl5 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl5 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl5 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl5 div > div.descr span:first-of-type {
  margin-left: 120px;
}
.scrollwindow .shifts-grid li.lvl5 > div > .descr, .scrollwindow .eventconfig-fields li.lvl5 > div > .descr, .scrollwindow .eventconfig-grid li.lvl5 > div > .descr, .scrollwindow .eventconfig-preview li.lvl5 > div > .descr, .scrollwindow .planning-rules li.lvl5 > div > .descr {
  background-position: 104px 7px;
}
.scrollwindow .shifts-grid li.lvl6 div > div.descr span:first-of-type, .scrollwindow .eventconfig-fields li.lvl6 div > div.descr span:first-of-type, .scrollwindow .eventconfig-grid li.lvl6 div > div.descr span:first-of-type, .scrollwindow .eventconfig-preview li.lvl6 div > div.descr span:first-of-type, .scrollwindow .planning-rules li.lvl6 div > div.descr span:first-of-type {
  margin-left: 140px;
}
.scrollwindow .shifts-grid li.lvl6 > div > .descr, .scrollwindow .eventconfig-fields li.lvl6 > div > .descr, .scrollwindow .eventconfig-grid li.lvl6 > div > .descr, .scrollwindow .eventconfig-preview li.lvl6 > div > .descr, .scrollwindow .planning-rules li.lvl6 > div > .descr {
  background-position: 124px 7px;
}
.scrollwindow .shifts-grid {
  margin-bottom: 0px;
  padding-bottom: 430px;
}
.scrollwindow .eventconfig-grid {
  margin-bottom: 0px;
}
.scrollwindow .eventconfig-grid .location-row:hover > .grid .eventday {
  background-color: white;
}
.scrollwindow .eventconfig-grid .eventday {
  padding: 0px 10px 0px 10px;
  display: inline-block;
  width: 180px;
}
.scrollwindow .eventconfig-grid .eventday div > a {
  line-height: 19px;
}
.scrollwindow .eventconfig-grid .eventday span {
  color: #6a6768;
}
.scrollwindow .eventconfig-grid .eventday a.transparant {
  opacity: 0.3;
}
.scrollwindow .eventconfig-grid .eventday a.transparant + span {
  opacity: 0.3;
}
.scrollwindow .eventconfig-grid .lvl1 > div > div.grid > .eventday > div {
  margin-left: -1px;
}
.scrollwindow .eventconfig-grid .lvl2 > div > div.grid > .eventday > div {
  margin-left: 19px;
}
.scrollwindow .eventconfig-grid .lvl3 > div > div.grid > .eventday > div {
  margin-left: 39px;
}
.scrollwindow .eventconfig-grid .lvl4 > div > div.grid > .eventday > div {
  margin-left: 59px;
}
.scrollwindow .eventconfig-grid .lvl5 > div > div.grid > .eventday > div {
  margin-left: 79px;
}
.scrollwindow .eventconfig-grid .lvl6 > div > div.grid > .eventday > div {
  margin-left: 99px;
}
.scrollwindow .eventconfig-fields, .scrollwindow .eventconfig-preview {
  margin-bottom: 0px;
}
.scrollwindow .eventconfig-fields .location-row:hover, .scrollwindow .eventconfig-preview .location-row:hover {
  background: none;
}
.scrollwindow .eventconfig-fields h3, .scrollwindow .eventconfig-preview h3 {
  background-color: #e1e0e2;
  margin: 0px;
  padding: 4px 0px 4px 40px;
  color: #1a1718;
}
.scrollwindow .eventconfig-fields .labels, .scrollwindow .eventconfig-preview .labels {
  color: #6a6768;
  position: absolute;
  left: 0px;
  z-index: 4;
  line-height: 24px;
  width: 22%;
  background: #ebe9eb;
}
.scrollwindow .eventconfig-fields .labels .label, .scrollwindow .eventconfig-preview .labels .label {
  text-align: right;
  padding: 2px 10px 3px 3px;
  height: 24px;
  background-color: #e1e0e2;
}
.scrollwindow .eventconfig-fields .grid, .scrollwindow .eventconfig-preview .grid {
  height: auto;
  vertical-align: baseline;
}
.scrollwindow .eventconfig-fields .grid .eventday, .scrollwindow .eventconfig-preview .grid .eventday {
  padding: 0px 10px 26px 10px;
  display: inline-block;
  width: 180px;
}
.scrollwindow .eventconfig-fields .grid .eventday .datelabel, .scrollwindow .eventconfig-preview .grid .eventday .datelabel {
  margin: 5px 0px 5px;
}
.scrollwindow .eventconfig-fields .grid .eventday .error-hoverbutton, .scrollwindow .eventconfig-preview .grid .eventday .error-hoverbutton {
  background: orange url(/bundles/shifterlayout/images/warning-white.svg) no-repeat center right;
  background-size: 16px;
  width: 20px;
}
.scrollwindow .eventconfig-fields .grid .eventday .inputtimes-container, .scrollwindow .eventconfig-preview .grid .eventday .inputtimes-container {
  white-space: normal;
  text-align: justify;
  height: 29px;
}
.scrollwindow .eventconfig-fields .grid .eventday .inputtimes-container:after, .scrollwindow .eventconfig-preview .grid .eventday .inputtimes-container:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.scrollwindow .eventconfig-fields .grid .eventday .inputload-container input, .scrollwindow .eventconfig-preview .grid .eventday .inputload-container input {
  width: 180px;
}
.scrollwindow .eventconfig-fields .grid .eventday .button-container, .scrollwindow .eventconfig-preview .grid .eventday .button-container {
  text-align: right;
  position: relative;
}
.scrollwindow .eventconfig-fields .grid .eventday .button-container .delete, .scrollwindow .eventconfig-fields .grid .eventday .button-container .cancelled, .scrollwindow .eventconfig-preview .grid .eventday .button-container .delete, .scrollwindow .eventconfig-preview .grid .eventday .button-container .cancelled {
  position: absolute;
  left: 0px;
  padding-left: 17px;
}
.scrollwindow .eventconfig-fields .grid .eventday .select2-container, .scrollwindow .eventconfig-preview .grid .eventday .select2-container {
  margin-top: 0px;
  width: 180px !important;
}
.scrollwindow .eventconfig-fields .grid .eventday .fixedblockheader, .scrollwindow .eventconfig-preview .grid .eventday .fixedblockheader {
  display: none;
  position: absolute;
  z-index: 1;
}
.scrollwindow .eventconfig-fields .grid .eventday.fix .fixedblockheader, .scrollwindow .eventconfig-preview .grid .eventday.fix .fixedblockheader {
  display: block;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock, .scrollwindow .eventconfig-preview .grid .eventday.addblock {
  position: relative;
  text-align: center;
  background: url(/bundles/shifterlayout/images/plus.svg) no-repeat center 24px;
  background-size: 40px;
  font-size: 2em;
  margin-right: 10px;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock .pseudodatelabel, .scrollwindow .eventconfig-preview .grid .eventday.addblock .pseudodatelabel {
  background: none;
  display: block;
  position: absolute;
  left: 0px;
  top: -27px;
  width: 80px;
  height: 27px;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock .spacer, .scrollwindow .eventconfig-preview .grid .eventday.addblock .spacer {
  height: 80px;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock button, .scrollwindow .eventconfig-preview .grid .eventday.addblock button {
  margin-top: 10px;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock:hover, .scrollwindow .eventconfig-preview .grid .eventday.addblock:hover {
  background-color: white;
}
.scrollwindow .eventconfig-fields .grid .eventday.addblock:hover .pseudodatelabel, .scrollwindow .eventconfig-preview .grid .eventday.addblock:hover .pseudodatelabel {
  background-color: white;
}
.scrollwindow .eventconfig-fields {
  height: 197px;
}
.scrollwindow .eventconfig-preview {
  height: 140px;
}
.scrollwindow .eventconfig-preview .labels {
  padding-top: 0px;
}
.scrollwindow .eventconfig-preview .grid .eventday {
  padding-top: 26px;
}
.scrollwindow .eventconfig-preview .grid .eventday p {
  margin: 0px;
  padding: 2px 0px 3px 3px;
}
.planning-rules .select2-container {
  margin-top: 0px;
  width: 300px;
}
.planning-rules .grid {
  width: 0px;
}
.viewswitch-view {
  color: #b4b1b2;
  padding: 0px 3px 0px 5px;
}
.viewswitch-label {
  padding: 0px 5px 0px 0px;
}
.viewswitch {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
}
#viewswitch-buttons {
  display: inline-block;
  vertical-align: middle;
}
#viewswitch-buttons input[type=button] {
  background-size: 17px;
  width: 29px;
  float: left;
  margin-right: -1px;
}
#viewswitch-buttons input[type=button]:hover:not([disabled=disabled]), #viewswitch-buttons input[type=button]:focus:not([disabled=disabled]) {
  background-size: 17px;
}
#viewswitch-buttons input[type=button].location {
  background-image: url(/bundles/shifterlayout/images/pointer-lightgrey.svg);
}
#viewswitch-buttons input[type=button].qualification {
  background-image: url(/bundles/shifterlayout/images/rank-lightgrey.svg);
}
#viewswitch-buttons input[type=button].department {
  background-image: url(/bundles/shifterlayout/images/4users-lightgrey.svg);
}
#viewswitch-buttons input[type=button].tag {
  background-image: url(/bundles/shifterlayout/images/tag-lightgrey.svg);
}
#viewswitch-buttons input[type=button].compact {
  background-image: url(/bundles/shifterlayout/images/shrink-lightgrey.svg);
}
#viewswitch-buttons input[type=button].current, #viewswitch-buttons input[type=button].on {
  background-color: white;
}
#speedswitch-button {
  display: inline-block;
  vertical-align: middle;
  background-size: 17px;
  width: 29px;
  float: left;
  margin-top: 5px;
  margin-right: -1px;
  background-image: url(/bundles/shifterlayout/images/stopwatch-lightgrey.svg);
}
#speedswitch-button:hover:not([disabled=disabled]), #speedswitch-button:focus:not([disabled=disabled]) {
  background-size: 17px;
}
#speedswitch-button.on {
  background-color: white;
}
#viewswitch {
  width: 0px;
  visibility: hidden;
}
.status-legend {
  margin-left: 22%;
  padding: 20px 0px 20px 0px;
  position: relative;
  z-index: 3;
}
.status-legend .label {
  color: #6a6768;
  position: absolute;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 20px 0px 0px;
  width: 100px;
  line-height: 24px;
  left: -100px;
}
.status-legend .legend-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: auto;
}
.status-legend .legend-table .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.status-legend .legend-table .status.planning, .status-legend .legend-table .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.status-legend .legend-table .status.planned, .status-legend .legend-table .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.status-legend .legend-table .status.assigning, .status-legend .legend-table .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.status-legend .legend-table .status.assigned, .status-legend .legend-table .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.status-legend .legend-table .status.writing, .status-legend .legend-table .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.status-legend .legend-table .status.written, .status-legend .legend-table .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.status-legend .legend-table .status.processed, .status-legend .legend-table .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.status-legend .legend-table .status.cancelled, .status-legend .legend-table .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.status-legend .legend-table .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.status-legend .legend-table .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.status-legend .legend-table .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.status-legend .legend-table th {
  padding-left: 20px;
  overflow: hidden;
}
.status-legend .legend-table td {
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  overflow: hidden;
}
.status-legend .legend-table .leave {
  width: 230px;
  height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 0px 0px 0px 23px;
  position: relative;
}
.status-legend .legend-table .leave img {
  position: absolute;
  margin: 0px;
  top: 4px;
  right: 5px;
  height: 15px;
}
.status-legend .legend-table .types img {
  vertical-align: -2px;
  margin-right: 5px;
}
.status-legend .legend-table .availability {
  background: white !important;
  border: 1px solid #b4b1b2;
  width: 213px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.status-legend .legend-table .availability .unavailable {
  position: absolute;
  background: #ebe9eb;
  width: 46%;
  height: 100%;
  padding: 0px 10px 0px 10px;
  right: 0px;
  top: 0px;
}
.status-legend .legend-table tbody tr:hover td {
  background: none;
}
.fixedheader {
  position: fixed;
  top: 169px;
  width: 100%;
  min-width: 980px;
  padding-top: 16px;
  background: #ebe9eb;
  z-index: 460;
}
.fixedheader .axis .daylabels .daybefore, .fixedheader .axis .daylabels .thisday, .fixedheader .axis .daylabels .dayafter {
  width: 60%;
}
.fixedheader .axis .time {
  height: 20px;
}
.fixedheader.list {
  top: 207px;
  padding-top: 2px;
}
.fixedheader.dropshadow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.fixableheader.fixed {
  background: #ebe9eb;
  position: sticky;
  top: 51px;
  width: 100%;
  z-index: 460;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.fixableheader.fixed tr:first-child th {
  background: #ebe9eb;
}
.fixableheader.fixed tr th {
  position: sticky;
  top: 51px;
  z-index: 460;
}
.fixableheader.fixed tr:last-child th {
  top: 90px;
}
.blockert {
  left: 0px;
  bottom: -12px;
  background: #ebe9eb;
  height: 100%;
  width: 22%;
  padding: 38px 0px 0px 0px;
  position: absolute;
  z-index: 3;
  color: #b4b1b2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blockert .select2-container {
  vertical-align: baseline;
}
.axis {
  position: relative;
}
.axis .daylabels {
  margin-left: 22%;
  margin-bottom: 24px;
  white-space: nowrap;
}
.axis .daylabels .daybefore, .axis .daylabels .thisday, .axis .daylabels .dayafter {
  display: inline-block;
  width: 60%;
  position: relative;
}
.axis .daylabels .daybefore > div, .axis .daylabels .thisday > div, .axis .daylabels .dayafter > div {
  width: 100px;
}
.axis .daylabels .daybefore .datelabel, .axis .daylabels .thisday .datelabel, .axis .daylabels .dayafter .datelabel {
  background: #e1e0e2;
  color: #6a6768;
}
.axis .daylabels .daybefore .datelabel .label, .axis .daylabels .thisday .datelabel .label, .axis .daylabels .dayafter .datelabel .label {
  cursor: pointer;
}
.axis .daylabels .daybefore span.year, .axis .daylabels .thisday span.year, .axis .daylabels .dayafter span.year {
  color: #b4b1b2;
  padding: 3px 0px 3px 25px;
}
.axis .daylabels .daybefore > div {
  position: fixed;
  margin-top: -3px;
  left: 22%;
}
.axis .daylabels .thisday {
  background: #ebe9eb;
}
.axis .daylabels .thisday .datelabel {
  background: #b4b1b2;
  color: #1a1718;
}
.axis .time {
  margin-left: 22%;
  top: 24px;
  white-space: nowrap;
  position: absolute;
  font-size: 12px;
  line-height: 22px;
  height: 1000000px;
  width: 78%;
}
.axis .time div {
  display: inline-block;
  width: 60%;
  position: relative;
}
.axis .time .daybefore > div, .axis .time .dayafter > div, .axis .time .thisday > div {
  color: #6a6768;
  width: 4.166666667%;
  padding: 1px 0px;
  text-align: center;
  background: #e1e0e2;
}
.axis .time .daybefore > div:first-of-type, .axis .time .dayafter > div:first-of-type, .axis .time .thisday > div:first-of-type {
  width: 2.1%;
  text-align: left;
  text-indent: -3px;
}
.axis .time .daybefore > div:first-of-type .timeline, .axis .time .dayafter > div:first-of-type .timeline, .axis .time .thisday > div:first-of-type .timeline {
  left: 0%;
}
.axis .time .daybefore > div:last-of-type, .axis .time .dayafter > div:last-of-type, .axis .time .thisday > div:last-of-type {
  padding-right: 2.1%;
}
.axis .time .daybefore > div:last-of-type .timeline, .axis .time .dayafter > div:last-of-type .timeline, .axis .time .thisday > div:last-of-type .timeline {
  left: 34%;
}
.axis .time .thisday > div {
  color: #383536;
  background: #b4b1b2;
}
.axis .time .timeline {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0px;
  height: 100000px;
  border-left: 1px solid #d8d5d6;
  z-index: 2;
}
.shift-details-container {
  position: fixed;
  z-index: 550;
  padding-bottom: 30px;
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
}
.shift-details-container .shift-details {
  width: min(600px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 74px);
  overflow-y: auto;
  box-sizing: border-box;
}
.shift-details-container .pop-up-header {
  position: sticky;
  top: 0;
  z-index: 30;
}
.shift-details-container .shift-details-pointer {
  position: absolute;
  top: -9px;
  width: 20px;
  height: 20px;
  background-color: #ebe9eb;
  border: 1px solid #d8d5d6;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.single-shift .shift-details {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ebe9eb;
  border-width: 1px 0px 0px 0px;
}
.single-shift .shift-details:before, .single-shift .shift-details:after {
  border: none;
}
.single-shift .shift-details .pop-up-status {
  background-position-x: calc(22% + 16px);
  padding-left: calc(24% + 4px);
  cursor: default;
}
.single-shift .shift-details .pop-up-name {
  position: absolute;
  width: 22%;
  text-align: right;
  left: 0px;
}
.single-shift .shift-details .summary-data {
  background: white;
}
.single-shift .shift-details .summary-data .fundamentals .input-container {
  width: 725px;
}
.single-shift .shift-details .formfield, .single-shift .shift-details .formarea {
  padding-top: 1px;
  padding-bottom: 5px;
}
.single-shift .shift-details .formfield label, .single-shift .shift-details .formarea label {
  width: -moz-calc(22% - 10px);
  width: -o-calc(22% - 10px);
  width: -webkit-calc(22% - 10px);
  width: calc(22% - 10px);
}
.single-shift .shift-details .input-container, .single-shift .shift-details .display-container {
  width: 290px;
}
.single-shift .shift-details .single-shift-bottom {
  position: relative;
}
.single-shift .shift-details .planning-data {
  background-color: #ebe9eb;
}
.single-shift .shift-details .assignment-data {
  background-color: #ebe9eb;
  background-position-y: 16px;
  position: absolute;
  top: 0px;
  left: calc(22% + 324px);
  width: 590px;
  padding-top: 5px;
  border-left: 1px solid #d8d5d6;
}
.single-shift .shift-details .assignment-data .oldassignments {
  margin-left: 20%;
  padding-top: 10px;
}
.single-shift .shift-details .assignment-data .oldassignments .assignment {
  position: relative;
  line-height: 22px;
  width: 290px;
}
.single-shift .shift-details .assignment-data .oldassignments .name {
  color: #6a6768;
  display: inline-block;
}
.single-shift .shift-details .assignment-data .oldassignments .name .dd {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.single-shift .shift-details .assignment-data .oldassignments .emp {
  display: inline-block;
  color: #b4b1b2;
  padding-left: 5px;
}
.single-shift .shift-details .assignment-data .oldassignments .incidents {
  padding-left: 5px;
}
.single-shift .shift-details .assignment-data .oldassignments .incidents img {
  height: 12px;
  vertical-align: -2px;
}
.single-shift .shift-details .assignment-data .oldassignments .incidents span {
  background-color: #e1e0e2;
  padding: 2px 5px 0px 5px;
  margin-left: 5px;
  display: none;
}
.single-shift .shift-details .assignment-data .oldassignments .incidents:hover span {
  display: inline-block;
}
.single-shift .shift-details .assignment-data .oldassignments .incidents {
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 18px;
  background-color: #ebe9eb;
}
.single-shift .shift-details .assignment-data .assign-form .assignedto label {
  cursor: default;
}
.single-shift .shift-details .assignment-data .assign-form .assignedto .assignee-name {
  position: relative;
}
.single-shift .shift-details .assignment-data .assign-form .assignedto .assignee-name .name {
  width: 191px;
}
.single-shift .shift-details .assignment-data .assign-form .assignedto .assignee-name .name .person-links {
  background-color: #ebe9eb;
  top: 2px;
}
.single-shift .shift-details .notes-data textarea {
  width: 290px;
}
.single-shift .shift-details .notes-data .note-make {
  width: 80px;
}
.single-shift .shift-details .finance-data ul.nav {
  margin-top: 0px;
}
.single-shift .shift-details .finance-data ul.nav .icon {
  background: none;
}
.single-shift .shift-details .writing-data .display-container {
  width: 290px;
}
.realisation {
  margin-top: 6px;
  padding-bottom: 3px;
}
.realisation .step {
  background-color: #ebe9eb;
  color: #b4b1b2;
  padding: 0px 10px;
}
.realisation .step.completed {
  background-color: #d8d5d6;
  color: #1a1718;
}
.realisation .step.late {
  background-image: url(/bundles/shifterlayout/images/exclamark-orange.svg);
  background-position: 0px;
  background-size: 24px;
  background-repeat: repeat-y;
  padding-left: 33px;
}
.realisation .step span span {
  color: #6a6768;
}
.realisation img {
  width: 9px;
  padding: 0px 4px 0px 5px;
}
.shift-details, .default-pop-up {
  position: relative;
  text-align: left;
  border: 1px solid #d8d5d6;
  background: white;
  width: 600px;
  z-index: 30;
  -webkit-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  -moz-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
}
.shift-details .formfield, .shift-details .formarea, .default-pop-up .formfield, .default-pop-up .formarea {
  min-height: 0px;
}
.shift-details .formfield label, .shift-details .formarea label, .default-pop-up .formfield label, .default-pop-up .formarea label {
  color: #6a6768;
  width: 35%;
  display: block;
  float: left;
  height: 24px;
}
.shift-details .formarea label, .default-pop-up .formarea label {
  height: auto;
}
.shift-details .input-container, .default-pop-up .input-container {
  width: 65%;
  position: relative;
  margin-top: 0px;
}
.shift-details .input-container input, .shift-details .input-container textarea, .shift-details .input-container select, .shift-details .input-container .select2-container, .default-pop-up .input-container input, .default-pop-up .input-container textarea, .default-pop-up .input-container select, .default-pop-up .input-container .select2-container {
  margin-top: 0px;
}
.shift-details .input-container input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]):not(.input-tiny):not(.input-duration), .shift-details .input-container select, .shift-details .input-container textarea, .shift-details .input-container .select2-container, .default-pop-up .input-container input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]):not(.input-tiny):not(.input-duration), .default-pop-up .input-container select, .default-pop-up .input-container textarea, .default-pop-up .input-container .select2-container {
  width: 100%;
}
.shift-details .input-container span, .default-pop-up .input-container span {
  display: inline-block;
}
.shift-details .input-container.view-multi li, .default-pop-up .input-container.view-multi li {
  display: inline-block;
  background: #e1e0e2;
  padding: 0px 5px 0px 5px;
  margin-right: 5px;
}
.shift-details .input-container label, .default-pop-up .input-container label {
  color: #383536;
}
.shift-details .shift-details-lock, .default-pop-up .shift-details-lock {
  padding: 3px 30px 3px 0px;
  padding-left: calc(30px + 31%);
  background: #d8d5d6 url(/bundles/shifterlayout/images/lock-lightgrey.svg) 21% 50% no-repeat;
  background-size: 14px;
  color: #6a6768;
}
.shift-details .shift-details-validation, .default-pop-up .shift-details-validation {
  padding: 0px 10px 0px 60px;
  line-height: 16pt;
  background-position-y: 6px;
  position: relative;
  z-index: 1;
}
.shift-details .saving-data, .default-pop-up .saving-data {
  padding: 15px 10px 10px 10px;
}
.shift-details .saving-data .loader, .shift-details .saving-data img, .default-pop-up .saving-data .loader, .default-pop-up .saving-data img {
  display: inline-block;
  margin-right: 20px;
}
.shift-details .saving-data .input-container, .default-pop-up .saving-data .input-container {
  width: 55%;
}
.shift-details .loading-data, .default-pop-up .loading-data {
  background: #ebe9eb;
  padding: 15px 10px 10px 10px;
  z-index: 1;
  position: relative;
}
.shift-details .loading-data .input-container, .default-pop-up .loading-data .input-container {
  width: auto;
}
.shift-details .shift-details-header, .default-pop-up .shift-details-header {
  position: relative;
}
.shift-details .status, .default-pop-up .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.shift-details .status.planning, .shift-details .status.Planning, .default-pop-up .status.planning, .default-pop-up .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shift-details .status.planned, .shift-details .status.Planned, .default-pop-up .status.planned, .default-pop-up .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shift-details .status.assigning, .shift-details .status.Assigning, .default-pop-up .status.assigning, .default-pop-up .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shift-details .status.assigned, .shift-details .status.Assigned, .default-pop-up .status.assigned, .default-pop-up .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shift-details .status.writing, .shift-details .status.Writing, .default-pop-up .status.writing, .default-pop-up .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shift-details .status.written, .shift-details .status.Written, .default-pop-up .status.written, .default-pop-up .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shift-details .status.processed, .shift-details .status.Processed, .default-pop-up .status.processed, .default-pop-up .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.shift-details .status.cancelled, .shift-details .status.Cancelled, .default-pop-up .status.cancelled, .default-pop-up .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.shift-details .status.pending, .default-pop-up .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.shift-details .status.approved, .default-pop-up .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shift-details .status.rejected, .default-pop-up .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.shift-details .pop-up-status, .default-pop-up .pop-up-status {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 28px;
  line-height: 28px;
  padding-left: calc(35% + 10px);
  background-position: 196px 7px;
  margin-bottom: 0px;
  cursor: move;
}
.shift-details .pop-up-name, .default-pop-up .pop-up-name {
  position: absolute;
  color: white;
  opacity: 0.7;
  left: 10px;
  top: 0px;
  line-height: 28px;
}
.shift-details .pop-up-close:after, .default-pop-up .pop-up-close:after {
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.shift-details .pop-up-body, .default-pop-up .pop-up-body {
  margin: 5px 10px 10px;
  max-height: 80vh;
  overflow-y: scroll;
}
.shift-details .expand-summary, .default-pop-up .expand-summary {
  width: 35%;
  height: 30px;
  top: 13px;
  left: 10px;
  position: absolute;
  background-position: 19px 5px;
  background-size: 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shift-details .expand-summary.arrow-right, .default-pop-up .expand-summary.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.shift-details .expand-summary.arrow-down, .default-pop-up .expand-summary.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
.shift-details .summary-data, .default-pop-up .summary-data {
  position: relative;
  padding: 5px 30px 10px 30px;
  background: #ebe9eb;
}
.shift-details .summary-data .fundamentals .planningrule .location-container, .default-pop-up .summary-data .fundamentals .planningrule .location-container {
  width: 65%;
}
.shift-details .summary-data .fundamentals .planningrule .location-container > span, .default-pop-up .summary-data .fundamentals .planningrule .location-container > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.shift-details .summary-data .fundamentals .planningrule .location-container > span:first-of-type, .default-pop-up .summary-data .fundamentals .planningrule .location-container > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.shift-details .summary-data .fundamentals .planningrule .location-container > span:last-of-type, .default-pop-up .summary-data .fundamentals .planningrule .location-container > span:last-of-type {
  padding-right: 5px;
}
.shift-details .summary-data .fundamentals .planningrule .location-container > span, .default-pop-up .summary-data .fundamentals .planningrule .location-container > span {
  background-position-y: 3px;
}
.shift-details .summary-data .fundamentals .planningrule span, .default-pop-up .summary-data .fundamentals .planningrule span {
  display: inline;
}
.shift-details .summary-data .fundamentals .collapsed, .default-pop-up .summary-data .fundamentals .collapsed {
  display: none;
}
.shift-details .summary-data .location .location-container > span, .default-pop-up .summary-data .location .location-container > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.shift-details .summary-data .location .location-container > span:first-of-type, .default-pop-up .summary-data .location .location-container > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.shift-details .summary-data .location .location-container > span:last-of-type, .default-pop-up .summary-data .location .location-container > span:last-of-type {
  padding-right: 5px;
}
.shift-details .summary-data .location .display-container, .default-pop-up .summary-data .location .display-container {
  width: 65%;
}
.shift-details .summary-data .location .display-container span, .default-pop-up .summary-data .location .display-container span {
  display: inline;
  background-position-y: 2px;
}
.shift-details .planning-data, .default-pop-up .planning-data {
  position: relative;
  padding: 5px 30px 0px 30px;
  background: url("/bundles/shifterlayout/images/stopwatch-lightgrey.svg") no-repeat;
  background-position: 25px 13px;
  background-size: 19px;
}
.shift-details .planning-data .clockOutTime, .default-pop-up .planning-data .clockOutTime {
  margin-left: 4px;
}
.shift-details .partner-data, .default-pop-up .partner-data {
  position: relative;
  padding: 0px 30px 5px 30px;
}
.shift-details .incidents-data, .default-pop-up .incidents-data {
  position: relative;
  padding: 5px 30px 0px 30px;
  background: url("/bundles/shifterlayout/images/warning-lightgrey.svg") no-repeat;
  background-position: 25px 13px;
  background-size: 19px;
}
.shift-details .assignment-data, .default-pop-up .assignment-data {
  position: relative;
  padding: 0px 30px 5px 30px;
  background: url("/bundles/shifterlayout/images/user-lightgrey.svg") no-repeat;
  background-size: 18px;
  background-position: 25px 2px;
}
.shift-details .assignment-data .preferences textarea, .default-pop-up .assignment-data .preferences textarea {
  min-height: 24px;
  height: 24px;
}
.shift-details .assignment-data .assign-form, .default-pop-up .assignment-data .assign-form {
  width: auto;
  position: relative;
}
.shift-details .assignment-data .assign-form ul.nav, .default-pop-up .assignment-data .assign-form ul.nav {
  padding: 0px;
  margin-left: 22%;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
.shift-details .assignment-data .assign-form ul.nav li, .default-pop-up .assignment-data .assign-form ul.nav li {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #b4b1b2;
  padding-right: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shift-details .assignment-data .assign-form ul.nav li a, .default-pop-up .assignment-data .assign-form ul.nav li a {
  color: #b4b1b2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shift-details .assignment-data .assign-form ul.nav li .icon, .default-pop-up .assignment-data .assign-form ul.nav li .icon {
  position: absolute;
  display: none;
  left: -83px;
  bottom: -16px;
  width: 60px;
  height: 60px;
  background: #ebe9eb;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  z-index: 40;
  cursor: default;
}
.shift-details .assignment-data .assign-form ul.nav li .icon img, .default-pop-up .assignment-data .assign-form ul.nav li .icon img {
  width: 50px;
}
.shift-details .assignment-data .assign-form ul.nav li.current, .default-pop-up .assignment-data .assign-form ul.nav li.current {
  color: #383536;
  cursor: default;
}
.shift-details .assignment-data .assign-form ul.nav li.current .icon, .default-pop-up .assignment-data .assign-form ul.nav li.current .icon {
  opacity: 1;
  display: block;
}
.shift-details .assignment-data .assign-form ul.nav li:hover, .default-pop-up .assignment-data .assign-form ul.nav li:hover {
  color: #383536;
}
.shift-details .assignment-data .assign-form ul.nav li:hover a, .default-pop-up .assignment-data .assign-form ul.nav li:hover a {
  color: #383536;
}
.shift-details .assignment-data .assign-form ul.nav li:hover .icon, .default-pop-up .assignment-data .assign-form ul.nav li:hover .icon {
  display: block;
  opacity: 1;
  z-index: 50;
}
.shift-details .assignment-data .assign-form .nav-sub, .default-pop-up .assignment-data .assign-form .nav-sub {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 40px;
  line-height: 40px;
  color: #6a6768;
  white-space: nowrap;
  position: absolute;
}
.shift-details .assignment-data .assign-form .nav-sub span, .default-pop-up .assignment-data .assign-form .nav-sub span {
  color: #b4b1b2;
}
.shift-details .assignment-data .assign-form .nav-sub span.dd, .default-pop-up .assignment-data .assign-form .nav-sub span.dd {
  color: #6a6768;
}
.shift-details .assignment-data .assign-form .nav-sub span.plural, .default-pop-up .assignment-data .assign-form .nav-sub span.plural {
  color: #6a6768;
}
.shift-details .assignment-data .assign-form .nav-sub.mobile, .default-pop-up .assignment-data .assign-form .nav-sub.mobile {
  display: none;
}
.shift-details .assignment-data .assign-form ul.nav, .default-pop-up .assignment-data .assign-form ul.nav {
  margin-left: 0px;
}
.shift-details .assignment-data .assign-form ul.nav li, .default-pop-up .assignment-data .assign-form ul.nav li {
  padding-right: 10px;
  letter-spacing: 1px;
}
.shift-details .assignment-data .assign-form ul.nav li:last-of-type, .default-pop-up .assignment-data .assign-form ul.nav li:last-of-type {
  padding-right: 0px;
}
.shift-details .assignment-data .assign-form ul.nav li .icon, .default-pop-up .assignment-data .assign-form ul.nav li .icon {
  height: auto;
  width: 35%;
  padding: 0px 10px 0px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  text-align: right;
  background: white;
  color: #6a6768;
  text-transform: none;
  letter-spacing: normal;
}
.shift-details .assignment-data .assign-form ul.nav, .default-pop-up .assignment-data .assign-form ul.nav {
  text-align: right;
  margin-top: 10px;
}
.shift-details .assignment-data .assign-form ul.nav li .icon, .default-pop-up .assignment-data .assign-form ul.nav li .icon {
  bottom: 0px;
  margin-left: 18px;
  padding-right: 28px;
}
.shift-details .assignment-data .assign-form .assignedto, .default-pop-up .assignment-data .assign-form .assignedto {
  margin-top: 9px;
  background-size: 18px;
  background-position: 0px 0px;
}
.shift-details .assignment-data .assign-form .assignedto label, .default-pop-up .assignment-data .assign-form .assignedto label {
  cursor: pointer;
}
.shift-details .assignment-data .assign-form .tabcontents, .default-pop-up .assignment-data .assign-form .tabcontents {
  padding: 0px 0px 0px 0px;
  min-height: 0px;
  min-width: 310px;
}
.shift-details .assignment-data .assign-form .formarea input:not(.select2-input):not([type=button]):not([type=submit]), .default-pop-up .assignment-data .assign-form .formarea input:not(.select2-input):not([type=button]):not([type=submit]) {
  font-size: 1.3em;
  height: 34px;
}
.shift-details .assignment-data .assign-form .invitee-count, .default-pop-up .assignment-data .assign-form .invitee-count {
  display: inline-block;
  color: #6a6768;
  padding-left: 5px;
  line-height: 27px;
}
.shift-details .assignment-data .assign-form .assignee-name, .shift-details .assignment-data .assign-form .partner-name, .default-pop-up .assignment-data .assign-form .assignee-name, .default-pop-up .assignment-data .assign-form .partner-name {
  height: 29px;
  margin-top: -5px;
  font-size: 1.3em;
  line-height: 1.6em;
}
.shift-details .assignment-data .assign-form .assignee-name span, .shift-details .assignment-data .assign-form .partner-name span, .default-pop-up .assignment-data .assign-form .assignee-name span, .default-pop-up .assignment-data .assign-form .partner-name span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.shift-details .assignment-data .assign-form .assignee-name img.conflict-img, .shift-details .assignment-data .assign-form .partner-name img.conflict-img, .default-pop-up .assignment-data .assign-form .assignee-name img.conflict-img, .default-pop-up .assignment-data .assign-form .partner-name img.conflict-img {
  float: left;
  height: 20px;
  vertical-align: -4px;
  padding-right: 5px;
  padding-top: 4px;
}
.shift-details .assignment-data .assign-form .assignee-name .name, .shift-details .assignment-data .assign-form .partner-name .name, .default-pop-up .assignment-data .assign-form .assignee-name .name, .default-pop-up .assignment-data .assign-form .partner-name .name {
  float: left;
  line-height: 1.4em;
  padding-top: 4px;
}
.shift-details .assignment-data .assign-form .assignee-name .person-links, .shift-details .assignment-data .assign-form .partner-name .person-links, .default-pop-up .assignment-data .assign-form .assignee-name .person-links, .default-pop-up .assignment-data .assign-form .partner-name .person-links {
  position: absolute;
  display: none;
  right: 70px;
  top: -3px;
  background-color: white;
  min-width: 100px;
  text-align: right;
}
.shift-details .assignment-data .assign-form .assignee-name .person-links img, .shift-details .assignment-data .assign-form .partner-name .person-links img, .default-pop-up .assignment-data .assign-form .assignee-name .person-links img, .default-pop-up .assignment-data .assign-form .partner-name .person-links img {
  height: 14px;
  padding: 6px 0px 6px 12px;
  display: inline-block;
  opacity: 0.6;
}
.shift-details .assignment-data .assign-form .assignee-name .person-links img:hover, .shift-details .assignment-data .assign-form .partner-name .person-links img:hover, .default-pop-up .assignment-data .assign-form .assignee-name .person-links img:hover, .default-pop-up .assignment-data .assign-form .partner-name .person-links img:hover {
  opacity: 1;
}
.shift-details .assignment-data .assign-form .assignee-name:hover .person-links, .shift-details .assignment-data .assign-form .partner-name:hover .person-links, .default-pop-up .assignment-data .assign-form .assignee-name:hover .person-links, .default-pop-up .assignment-data .assign-form .partner-name:hover .person-links {
  display: block;
}
.shift-details .assignment-data .assign-form .partner-name .name, .default-pop-up .assignment-data .assign-form .partner-name .name {
  width: 253px;
}
.shift-details .assignment-data .assign-form .revoke-button, .default-pop-up .assignment-data .assign-form .revoke-button {
  margin-top: 2px;
  float: right;
}
.shift-details .assignment-data .assignments-label, .default-pop-up .assignment-data .assignments-label {
  margin-top: 5px;
  padding: 0px 0px 0px 20px;
  line-height: 16pt;
  display: inline-block;
  background-position: 5px 5px;
  background-size: 10px;
  background-repeat: no-repeat;
}
.shift-details .assignment-data .assignments-label.arrow-right, .default-pop-up .assignment-data .assignments-label.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.shift-details .assignment-data .assignments-label.arrow-down, .default-pop-up .assignment-data .assignments-label.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
.shift-details .assignment-data .assignee-data.collapsed, .default-pop-up .assignment-data .assignee-data.collapsed {
  display: none;
}
.shift-details .assignment-data .assignee-data .left, .default-pop-up .assignment-data .assignee-data .left {
  float: left;
  width: 35%;
  height: auto;
  text-align: right;
  position: relative;
}
.shift-details .assignment-data .assignee-data .left img, .default-pop-up .assignment-data .assignee-data .left img {
  width: 50px;
  display: block;
  position: absolute;
  right: 10px;
  top: 7px;
  opacity: 0.2;
}
.shift-details .assignment-data .assignee-data .left a, .default-pop-up .assignment-data .assignee-data .left a {
  bottom: 2px;
  right: 15px;
  color: white;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shift-details .assignment-data .assignee-data .left:hover a, .default-pop-up .assignment-data .assignee-data .left:hover a {
  display: inline-block;
  opacity: 1;
}
.shift-details .assignment-data .assignee-data .right, .default-pop-up .assignment-data .assignee-data .right {
  position: relative;
  margin-left: 35%;
  line-height: 1.7em;
}
.shift-details .assignment-data .assignee-data .right .info, .default-pop-up .assignment-data .assignee-data .right .info {
  float: left;
}
.shift-details .assignment-data .assignee-data .right .telephone, .default-pop-up .assignment-data .assignee-data .right .telephone {
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/phone-lightgrey.svg) 2px 3px no-repeat;
  background-size: 13px;
}
.shift-details .assignment-data .assignee-data .right .costs, .default-pop-up .assignment-data .assignee-data .right .costs {
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/euro-lightgrey.svg) 3px 3px no-repeat;
  background-size: 12px;
}
.shift-details .assignment-data .assignee-data .right .contract, .default-pop-up .assignment-data .assignee-data .right .contract {
  float: right;
  text-align: right;
}
.shift-details .assignment-data .assignee-data .right .partner, .shift-details .assignment-data .assignee-data .right .employeetype, .default-pop-up .assignment-data .assignee-data .right .partner, .default-pop-up .assignment-data .assignee-data .right .employeetype {
  color: #6a6768;
}
.shift-details .assignment-data .assignee-data .right .partner span, .shift-details .assignment-data .assignee-data .right .employeetype span, .default-pop-up .assignment-data .assignee-data .right .partner span, .default-pop-up .assignment-data .assignee-data .right .employeetype span {
  color: #b4b1b2;
}
.shift-details .assignment-data .assignments, .default-pop-up .assignment-data .assignments {
  margin-left: 20px;
}
.shift-details .assignment-data .assignments .assignee, .default-pop-up .assignment-data .assignments .assignee {
  font-size: 1.2em;
  line-height: 1.6em;
}
.shift-details .assignment-data .assignments .assignee span, .default-pop-up .assignment-data .assignments .assignee span {
  /* Last Name */
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.shift-details .assignment-data .assignments .assignee .assignment-status, .default-pop-up .assignment-data .assignments .assignee .assignment-status {
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a6768;
  font-size: 0.92em;
}
.shift-details .assignment-data .assignments .assignee .assignment-status .circle, .default-pop-up .assignment-data .assignments .assignee .assignment-status .circle {
  width: 12px;
  height: 12px;
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 10px;
}
.shift-details .writing-data, .default-pop-up .writing-data {
  position: relative;
  padding: 0px 30px 0px 30px;
  background-position: 25px 15px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.shift-details .writing-data:hover, .default-pop-up .writing-data:hover {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.shift-details .writing-data > div > div > label, .default-pop-up .writing-data > div > div > label {
  cursor: pointer;
}
.shift-details .writing-data .datetime-data, .default-pop-up .writing-data .datetime-data {
  padding-top: 5px;
}
.shift-details .writing-data .realisation, .default-pop-up .writing-data .realisation {
  margin-top: -3px;
  padding-bottom: 3px;
  color: #1a1718;
  padding: 3px 10px;
  background-color: #d8d5d6;
}
.shift-details .writing-data .realisation.late, .default-pop-up .writing-data .realisation.late {
  background-image: url(/bundles/shifterlayout/images/exclamark-orange.svg);
  background-position: 0px;
  background-size: 24px;
  background-repeat: repeat-y;
  padding-left: 33px;
}
.shift-details .writing-data .realisation span, .default-pop-up .writing-data .realisation span {
  color: #6a6768;
}
.shift-details .writing-data .writing-details, .default-pop-up .writing-data .writing-details {
  display: none;
}
.shift-details .writing-data .writing-details.expand, .default-pop-up .writing-data .writing-details.expand {
  display: block;
}
.shift-details .writing-data textarea, .default-pop-up .writing-data textarea {
  height: 24px;
  min-height: 24px;
  width: 229px;
  vertical-align: top;
}
.shift-details .writing-data .controlcentre, .default-pop-up .writing-data .controlcentre {
  margin-top: 0px;
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/split-grey.svg);
}
.shift-details .writing-data #checkshiftcard, .default-pop-up .writing-data #checkshiftcard {
  padding: 0px 5px 0px 4px;
  height: 13px;
  vertical-align: -1px;
  display: none;
}
.shift-details .writing-data #checkshiftcardmsg, .default-pop-up .writing-data #checkshiftcardmsg {
  display: none;
}
.shift-details .writing-data #printshiftcard, .default-pop-up .writing-data #printshiftcard {
  padding-left: 23px;
  background-image: url(/bundles/shifterlayout/images/printer-grey.svg);
}
.shift-details .writing-data #printshiftcard:hover, .default-pop-up .writing-data #printshiftcard:hover {
  background-image: url(/bundles/shifterlayout/images/printer-darkgrey.svg);
}
.shift-details .writing-data .breakDuration > div, .default-pop-up .writing-data .breakDuration > div {
  margin: 0px 5px;
  width: 50px;
}
.shift-details .writing-data .evaluation .display-container, .default-pop-up .writing-data .evaluation .display-container {
  width: 65%;
}
.shift-details .writing-data .evaluation .display-container div:nth-of-type(1), .default-pop-up .writing-data .evaluation .display-container div:nth-of-type(1) {
  float: left;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  line-height: 18px;
  width: 8%;
}
.shift-details .writing-data .evaluation .display-container div:nth-of-type(2), .default-pop-up .writing-data .evaluation .display-container div:nth-of-type(2) {
  float: left;
  width: 92%;
}
.shift-details .badge-data, .default-pop-up .badge-data {
  position: relative;
  padding: 0px 30px 0px 30px;
  background-position: 25px 0px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(/bundles/shifterlayout/images/badge-lightgrey.svg);
}
.shift-details .badge-data li span.late, .default-pop-up .badge-data li span.late {
  color: orange;
}
.shift-details .finance-data, .default-pop-up .finance-data {
  position: relative;
  padding: 0px 30px 5px 30px;
  background-position: 25px 0px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(/bundles/shifterlayout/images/euro-lightgrey.svg);
}
.shift-details .finance-data ul.nav, .default-pop-up .finance-data ul.nav {
  padding: 0px;
  margin-left: 22%;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
.shift-details .finance-data ul.nav li, .default-pop-up .finance-data ul.nav li {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #b4b1b2;
  padding-right: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shift-details .finance-data ul.nav li a, .default-pop-up .finance-data ul.nav li a {
  color: #b4b1b2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shift-details .finance-data ul.nav li .icon, .default-pop-up .finance-data ul.nav li .icon {
  position: absolute;
  display: none;
  left: -83px;
  bottom: -16px;
  width: 60px;
  height: 60px;
  background: #ebe9eb;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  z-index: 40;
  cursor: default;
}
.shift-details .finance-data ul.nav li .icon img, .default-pop-up .finance-data ul.nav li .icon img {
  width: 50px;
}
.shift-details .finance-data ul.nav li.current, .default-pop-up .finance-data ul.nav li.current {
  color: #383536;
  cursor: default;
}
.shift-details .finance-data ul.nav li.current .icon, .default-pop-up .finance-data ul.nav li.current .icon {
  opacity: 1;
  display: block;
}
.shift-details .finance-data ul.nav li:hover, .default-pop-up .finance-data ul.nav li:hover {
  color: #383536;
}
.shift-details .finance-data ul.nav li:hover a, .default-pop-up .finance-data ul.nav li:hover a {
  color: #383536;
}
.shift-details .finance-data ul.nav li:hover .icon, .default-pop-up .finance-data ul.nav li:hover .icon {
  display: block;
  opacity: 1;
  z-index: 50;
}
.shift-details .finance-data .nav-sub, .default-pop-up .finance-data .nav-sub {
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 40px;
  line-height: 40px;
  color: #6a6768;
  white-space: nowrap;
  position: absolute;
}
.shift-details .finance-data .nav-sub span, .default-pop-up .finance-data .nav-sub span {
  color: #b4b1b2;
}
.shift-details .finance-data .nav-sub span.dd, .default-pop-up .finance-data .nav-sub span.dd {
  color: #6a6768;
}
.shift-details .finance-data .nav-sub span.plural, .default-pop-up .finance-data .nav-sub span.plural {
  color: #6a6768;
}
.shift-details .finance-data .nav-sub.mobile, .default-pop-up .finance-data .nav-sub.mobile {
  display: none;
}
.shift-details .finance-data ul.nav, .default-pop-up .finance-data ul.nav {
  margin-left: 0px;
}
.shift-details .finance-data ul.nav li, .default-pop-up .finance-data ul.nav li {
  padding-right: 10px;
  letter-spacing: 1px;
}
.shift-details .finance-data ul.nav li:last-of-type, .default-pop-up .finance-data ul.nav li:last-of-type {
  padding-right: 0px;
}
.shift-details .finance-data ul.nav li .icon, .default-pop-up .finance-data ul.nav li .icon {
  height: auto;
  width: 35%;
  padding: 0px 10px 0px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  text-align: right;
  background: white;
  color: #6a6768;
  text-transform: none;
  letter-spacing: normal;
}
.shift-details .finance-data ul.nav, .default-pop-up .finance-data ul.nav {
  text-align: right;
  margin-top: 10px;
}
.shift-details .finance-data ul.nav li .icon, .default-pop-up .finance-data ul.nav li .icon {
  bottom: 0px;
  margin-left: 18px;
  padding-right: 28px;
}
.shift-details .parts-data, .default-pop-up .parts-data {
  position: relative;
  padding: 5px 30px 0px 30px;
  background: url(/bundles/shifterlayout/images/stopwatch-lightgrey.svg) no-repeat;
  background-position: 25px 13px;
  background-size: 19px;
}
.shift-details .parts-data div, .default-pop-up .parts-data div {
  vertical-align: top;
}
.shift-details .parts-data .part-labour, .default-pop-up .parts-data .part-labour {
  padding-bottom: 7px;
}
.shift-details .parts-data .part-row, .default-pop-up .parts-data .part-row {
  margin-top: -2px;
  padding-bottom: 4px;
}
.shift-details .parts-data .part-notallowed, .default-pop-up .parts-data .part-notallowed {
  padding-top: 3px;
  color: #6a6768;
}
.shift-details .parts-data .part-start, .default-pop-up .parts-data .part-start {
  display: inline-block;
}
.shift-details .parts-data .part-duration, .default-pop-up .parts-data .part-duration {
  display: inline-block;
  vertical-align: middle;
}
.shift-details .parts-data .part-duration input, .default-pop-up .parts-data .part-duration input {
  margin-right: 5px;
}
.shift-details .parts-data .part-type, .default-pop-up .parts-data .part-type {
  display: inline-block;
  margin-left: 5px;
}
.shift-details .parts-data .part-type .select2-container, .default-pop-up .parts-data .part-type .select2-container {
  width: 175px;
}
.shift-details .parts-data .part-remove, .default-pop-up .parts-data .part-remove {
  display: inline-block;
  margin-left: 5px;
}
.shift-details .parts-data .part-remove img, .default-pop-up .parts-data .part-remove img {
  vertical-align: -7px;
  cursor: pointer;
}
.shift-details .parts-data .part-note, .default-pop-up .parts-data .part-note {
  color: #b4b1b2;
  display: block;
}
.shift-details .parts-data .availability-comment, .default-pop-up .parts-data .availability-comment {
  width: 100%;
  min-height: 0px;
}
.shift-details .notes-data, .default-pop-up .notes-data {
  position: relative;
  padding: 0px 30px 5px 30px;
  line-height: 20px;
  background-position: 25px 3px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url(/bundles/shifterlayout/images/note-lightgrey.svg);
}
.shift-details .notes-data:hover, .shift-details .notes-data.expanded, .default-pop-up .notes-data:hover, .default-pop-up .notes-data.expanded {
  background-image: url(/bundles/shifterlayout/images/note-grey.svg);
}
.shift-details .notes-data label, .default-pop-up .notes-data label {
  cursor: pointer;
}
.shift-details .notes-data textarea, .default-pop-up .notes-data textarea {
  min-height: 42px;
  height: 42px;
  width: 100%;
}
.shift-details .notes-data .input-container, .default-pop-up .notes-data .input-container {
  line-height: 18px;
}
.shift-details .notes-data .notes, .default-pop-up .notes-data .notes {
  margin-top: 0px;
  margin-bottom: 0px;
  max-height: 150px;
  overflow-y: scroll;
  text-align: left;
}
.shift-details .notes-data .notes.collapsed, .default-pop-up .notes-data .notes.collapsed {
  display: none;
}
.shift-details .notes-data .notes p, .default-pop-up .notes-data .notes p {
  white-space: pre;
}
.shift-details .notes-data .note-make, .default-pop-up .notes-data .note-make {
  cursor: default;
  float: none;
  display: inline-block;
}
.shift-details .clone-data, .default-pop-up .clone-data {
  position: relative;
  padding: 0px 30px 5px 30px;
}
.shift-details .buttons, .default-pop-up .buttons {
  padding: 10px 30px 20px 30px;
}
.shift-details .buttons input[type=button], .default-pop-up .buttons input[type=button] {
  padding-left: 23px;
}
.shift-details .buttons .shift-history, .default-pop-up .buttons .shift-history {
  display: inline-block;
  padding-left: 24px;
  background-image: url(/bundles/shifterlayout/images/history-lightgrey.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 2px 2px;
  line-height: 19px;
}
.shift-details .buttons .buttons-secondary, .default-pop-up .buttons .buttons-secondary {
  float: none;
  line-height: 26px;
  margin-bottom: 8px;
}
.shift-details .buttons .buttons-primary, .default-pop-up .buttons .buttons-primary {
  width: 100%;
  float: none;
  text-align: right;
}
.shift-details .buttons .buttons-primary .buttons-primary-grid, .default-pop-up .buttons .buttons-primary .buttons-primary-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.shift-details .buttons .buttons-primary .buttons-primary-grid > input[type=button], .shift-details .buttons .buttons-primary .buttons-primary-grid > button, .shift-details .buttons .buttons-primary .buttons-primary-grid > save-button, .default-pop-up .buttons .buttons-primary .buttons-primary-grid > input[type=button], .default-pop-up .buttons .buttons-primary .buttons-primary-grid > button, .default-pop-up .buttons .buttons-primary .buttons-primary-grid > save-button {
  width: auto;
  margin: 0;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.shift-details .buttons .buttons-primary .buttons-primary-grid > save-button > input[type=button], .shift-details .buttons .buttons-primary .buttons-primary-grid > save-button > button, .default-pop-up .buttons .buttons-primary .buttons-primary-grid > save-button > input[type=button], .default-pop-up .buttons .buttons-primary .buttons-primary-grid > save-button > button {
  width: auto;
  box-sizing: border-box;
}
.weekday {
  max-width: 48px;
}
.weekday-list label.weekday-label {
  display: inline-block;
  float: none;
  width: 45%;
}
.copy-without-person-checkbox {
  opacity: 1 !important;
}
.check-box {
  height: 13px;
  width: 13px;
  margin-left: -2px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
}
.checked-none {
  background-image: url(/bundles/shifterlayout/images/checkbox-empty.png);
}
.checked-once {
  background-image: url(/bundles/shifterlayout/images/checkbox-check-black.png);
}
.checked-twice {
  background-image: url(/bundles/shifterlayout/images/checkbox-check-green.png);
}
.disabled-checkbox {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.disabled-button {
  position: relative;
  z-index: -1;
}
.close-button {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  z-index: 1;
}
.close-button:after {
  display: block;
  content: "";
  background: url(/bundles/shifterlayout/images/close-grey.svg) 0px 7px no-repeat;
  background-size: 13px;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.close-button:hover:after {
  opacity: 1;
}
.qualification .display-container {
  font-size: 1.3em;
  line-height: 1.6em;
  margin-top: -5px;
  width: 65%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.qualification .display-container .abbr {
  display: inline-block;
  padding-right: 5px;
}
.qualification .display-container .description {
  color: #6a6768;
}
.qual-short {
  display: inline-block;
  padding: 0px 5px 0px;
}
span.point {
  background: url("/bundles/shifterlayout/images/arrowright.svg") 3px 8px no-repeat;
  background-size: 9px;
  padding-left: 17px;
}
span.arrowright {
  background: url("/bundles/shifterlayout/images/arrowright.svg") 5px 50% no-repeat;
  background-size: 10px;
  padding-left: 20px;
}
.datetime > .display-container {
  margin-top: 0px;
}
.datetime .time {
  display: inline-block;
}
.datetime .fromtime {
  display: inline-block;
  margin: 0px 5px 0px 0px;
}
.datetime .starttime {
  display: inline-block;
  margin: 0px 5px 0px 5px;
}
.datetime .planned-duration {
  color: #b4b1b2;
  line-height: 1.8em;
  float: right;
}
.datetime .datetime-data .input-container input:first-of-type {
  margin-right: 5px;
}
.datetime .datetime-data .input-container input:nth-of-type(2) {
  margin-left: 5px;
}
.datetime .datetime-data label {
  background: none;
  position: relative;
  right: auto;
}
.datetime .sketch-datetime {
  color: #b4b1b2;
  font-size: 0.85em;
}
.datetime .collapsed {
  display: none;
}
.endtime {
  display: inline-block;
  margin: 0px 0px 0px 5px;
}
.price-justification {
  display: inline-block;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: top;
  position: relative;
  border: 1px solid transparent;
}
.price-justification img {
  position: relative;
  z-index: 2;
  background: white;
  padding: 4px 4px 5px 4px;
}
.price-justification .price-justification-text {
  display: none;
  text-align: left;
  position: absolute;
  background-color: white;
  padding: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  border: 1px solid #d8d5d6;
  z-index: 1;
  left: -1px;
  top: 19px;
}
.price-justification .price-justification-text div {
  white-space: nowrap;
}
.price-justification:hover {
  border-color: #d8d5d6;
}
.price-justification:hover img {
  z-index: 4;
}
.price-justification:hover .price-justification-text {
  display: block;
  z-index: 3;
}
.price-justification.list {
  line-height: 15px;
  margin: 0px 5px 0px 0px;
}
.price-justification.list img {
  background-color: transparent;
  vertical-align: 0px;
  padding: 3px 4px;
  height: 14px;
}
.price-justification.list .price-justification-text {
  line-height: 20px;
  left: auto;
  right: -1px;
}
.price-justification.list:hover img {
  background-color: white;
}
table.in-details {
  table-layout: auto;
  width: auto;
}
table.in-details thead th {
  text-transform: uppercase;
  text-align: left;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  background: none;
  padding: 3px 7px 1px 0px;
}
table.in-details thead td {
  text-transform: none;
  color: #b4b1b2;
  font-size: 0.85em;
}
table.in-details tbody tr td {
  padding-right: 5px;
  overflow: visible;
  white-space: nowrap;
}
table.in-details tbody tr td.cell_value input[type="text"] {
  width: 65px !important;
}
table.in-details tbody tr td.cell__delete input[type=checkbox] {
  margin-left: 8px;
}
table.in-details tbody tr td.cell_descr {
  color: #b4b1b2;
  text-align: left;
}
table.in-details tbody tr td.cell_descr img {
  width: 15px;
  vertical-align: -3px;
  margin-left: 8px;
}
table.in-details tbody tr td.cell_descr .text {
  display: none;
  background: #ebe9eb;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 27px;
  z-index: 30;
}
table.in-details tbody tr td.cell_descr:hover .text {
  display: block;
}
table.in-details tbody tr td button img {
  vertical-align: -3px;
}
table.in-details tbody tr td img.deleterow {
  margin-left: 9px;
  vertical-align: -3px;
  cursor: pointer;
}
table.in-details tbody tr td textarea {
  vertical-align: top;
}
table.in-details tr:hover td {
  background: none;
}
table.in-details label.row-label {
  position: absolute;
  right: 100%;
  line-height: 1.5em;
  white-space: nowrap;
  padding-right: 10px;
  width: auto;
}
.planning-options {
  position: relative;
  left: 200px;
  top: -42px;
  z-index: 490;
}
.planning-options .planning-mail {
  position: relative;
  text-align: left;
  top: 11px;
}
.planning-options .planning-mail .planning-mail-list {
  position: absolute;
  display: none;
  border: 1px solid #d8d5d6;
  background-color: white;
  padding: 10px 10px 3px 10px;
  margin-top: -7px;
  text-align: left;
}
.planning-options .planning-mail .planning-mail-list .button {
  display: block;
  margin-bottom: 7px;
}
.planning-options .planning-mail:hover .planning-mail-list {
  display: block;
}
.mail-details .person .lastname {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.mail-details .pop-up-status {
  padding-left: calc(24% + 10px);
}
.mail-details .person-email {
  color: #6a6768;
}
.mail-details .mail-data {
  position: relative;
  padding: 0px 30px 5px 30px;
}
.mail-details .formarea label, .mail-details .formfield label {
  width: 24%;
}
.mail-details .input-container, .mail-details .display-container {
  width: 76%;
}
.mail-details #s2id_department_list {
  width: calc(78% - 86px);
}
.mail-details .add-supervised {
  float: right;
  margin-top: 0px;
}
.list-head {
  position: relative;
  z-index: 500;
  white-space: nowrap;
}
.list-head .list-head-label {
  color: #6a6768;
  line-height: 24px;
}
.list-head input[type=button], .list-head button, .list-head .button {
  vertical-align: top;
  margin: 0px;
}
.list-head .daterange {
  display: inline-block;
  position: relative;
  min-width: 250px;
  height: 26px;
}
.list-head .daterange #dateStart {
  margin-right: 15px;
  display: inline-block;
}
.list-head .daterange #dateEnd {
  margin-left: 15px;
  display: inline-block;
}
.list-head .daterange input.filter {
  border-width: 1px;
  background-position: 5px center;
  padding-left: 24px;
}
.list-head .daterange .previous, .list-head .daterange .next {
  background-size: 11px;
  background-repeat: no-repeat;
}
.list-head .daterange .previous {
  background-image: url(/bundles/shifterlayout/images/arrowleft.svg);
  background-position: 6px center;
  padding-left: 23px;
}
.list-head .daterange .next {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  background-position: calc(100% - 6px) center;
  padding-right: 23px;
}
.list-head .daterange button.previous, .list-head .daterange button.next {
  height: 26px;
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}
.list-head .daterange .chain {
  display: inline-block;
  position: relative;
  margin: 0 0 0 5px;
  min-width: 14px;
  height: 14px;
  background-size: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.list-head .daterange .chain-open {
  background-image: url(/bundles/shifterlayout/images/chain-open.png);
}
.list-head .daterange .chain-closed {
  background-image: url(/bundles/shifterlayout/images/chain-closed.png);
}
.list-head.zeroheight {
  height: 0px;
}
.filter-container {
  vertical-align: top;
  display: inline-block;
  width: 22%;
  text-align: right;
  position: relative;
  height: 24px;
}
.filter-container input[type=text] {
  background: url(/bundles/shifterlayout/images/magglass-grey.svg) 20px center no-repeat;
  background-size: 14px;
  position: absolute;
  margin-bottom: 0px;
  bottom: 0px;
  left: 0px;
  width: 115%;
  border-width: 1px 0px;
  padding-left: 40px;
  height: 24px;
}
.filter-container input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b4b1b2;
}
.filter-container input[type=text]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b4b1b2;
}
.filter-container input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b1b2;
}
.filter-container input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b4b1b2;
}
.toggle-filter-form {
  height: auto;
  padding: 0px;
  margin: 0px;
  top: 0px;
  width: 81%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.toggle-filter-form button {
  right: auto;
  bottom: auto;
  position: relative;
}
.toggle-filter-form .instance {
  width: 590px;
}
.toggle-filter-form .input-container label {
  text-align: left;
}
.toggle-filter-form .buttons {
  margin-left: 27.1604938272%;
}
.contains-table table {
  width: auto;
  table-layout: auto;
}
.date-filter-table {
  width: auto;
}
.date-filter-table tbody tr td {
  padding: 0px 5px;
}
.date-filter-table tbody tr:hover td {
  background: none;
}
.date-filter-table tbody tr td:nth-of-type(2) {
  padding: 0px 5px 0px 5px;
}
.page-options {
  position: relative;
  width: 98%;
  margin-left: 56px;
}
.options {
  max-width: 80%;
  position: relative;
  z-index: 500;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 10px;
  height: 1px;
  margin-left: 18%;
}
.options > div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.options > div > img {
  height: 20px;
  padding: 7px 7px 7px 7px;
  border: 1px solid transparent;
}
.options .create {
  padding-top: 3px;
}
.options .edit {
  display: none;
}
.options .edit:hover img {
  background: white;
  border: 1px solid #d8d5d6;
}
.options .options-text {
  position: relative;
  vertical-align: 6px;
  display: inline-block;
  color: #2b5871;
  font-weight: bold;
  font-size: 18px;
  margin-right: -35px;
  z-index: 30;
}
.options .options-label {
  position: absolute;
  right: 24px;
  line-height: 39px;
  z-index: 25;
  -webkit-user-select: none;
}
.options .pending {
  position: relative;
  vertical-align: -11px;
  cursor: pointer;
}
.options .pending .arrowIcon {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  z-index: 100;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 3px;
  background-repeat: no-repeat;
  top: 11px;
  transition: all 0.2s ease-in;
  background-position: center;
  transform: rotate(0deg);
}
.options .pending .pendingIcon {
  min-width: 90px;
  width: auto;
  height: 30px;
  padding: 0;
  vertical-align: -1px;
  top: 3px;
  position: relative;
  border: 1px solid transparent;
}
.options .pending .pendinglist {
  cursor: auto;
  min-width: 600px;
  position: absolute;
  display: none;
  border: 1px solid #d8d5d6;
  background-color: white;
  padding: 10px 10px 3px 10px;
  right: 0px;
  margin-top: -3px;
  text-align: left;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.options .pending .pendinglist img {
  vertical-align: -2px;
}
.options .pending .pendinglist .button {
  display: inline-block;
  margin-bottom: 7px;
  padding-left: 23px;
}
.options .pending .pendinglist table tr td {
  vertical-align: middle;
}
.options .pending .pendinglist table tr td:first-child {
  vertical-align: top;
}
.options .pending.active .pendingIcon {
  position: relative;
  background: white;
  border: 1px solid #d8d5d6;
  border-bottom: 1px solid white;
  z-index: 20;
}
.options .pending.active .arrowIcon {
  transform: rotate(90deg);
}
.options .pending.active .pendinglist {
  display: block;
}
.options .legend-access {
  display: inline-block;
  vertical-align: top;
}
.options .legend-access .legendIcon {
  margin: 0px 0px 0px 10px;
  padding: 7px;
  border: 1px solid transparent;
  position: relative;
  z-index: 5;
}
.options .legend-access .legendIcon img {
  width: 20px;
  margin-right: 5px;
  vertical-align: top;
}
.options .legend-access .status-legend {
  display: none;
  right: 0px;
  margin-top: -1px;
  position: absolute;
  background-color: white;
  padding: 10px 15px 15px 5px;
  border: 1px solid #d8d5d6;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  text-align: left;
}
.options .legend-access .status-legend .legend-table {
  width: 940px;
}
.options .legend-access:hover .legendIcon {
  background-color: white;
  border: 1px solid #d8d5d6;
  border-bottom: 1px solid transparent;
  padding-bottom: 0px;
  height: 22px;
}
.options .legend-access:hover .status-legend {
  display: block;
}
.options input[type=button].print {
  background-image: url(/bundles/shifterlayout/images/printer-grey.svg);
  padding-left: 23px;
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: middle;
}
.options input[type=button].print:hover {
  background-image: url(/bundles/shifterlayout/images/printer-darkgrey.svg);
}
.options input[type=button].print.mail {
  background-image: url(/bundles/shifterlayout/images/mail-grey.svg);
}
.options input[type=button].print.mail:hover {
  background-image: url(/bundles/shifterlayout/images/mail-darkgrey.svg);
}
.options input[type=button].scanlist {
  background-image: url(/bundles/shifterlayout/images/scanner-grey.svg);
  padding-left: 23px;
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: middle;
}
.options input[type=button].scanlist:hover {
  background-image: url(/bundles/shifterlayout/images/scanner-lightgrey.svg);
}
.eventfilter, .departmentfilter {
  text-align: left;
  vertical-align: middle;
}
.eventfilter .select2-container-multi, .departmentfilter .select2-container-multi {
  width: auto;
  top: 4px;
  position: relative;
}
.eventfilter .select2-container-multi .select2-choices .select2-search-field, .departmentfilter .select2-container-multi .select2-choices .select2-search-field {
  display: inline-block;
}
.eventfilter .select2-container-multi .select2-choices .select2-search-field .select2-input, .departmentfilter .select2-container-multi .select2-choices .select2-search-field .select2-input {
  width: auto;
  min-width: 140px;
}
.select2-sprawl-prevention .select2-input {
  width: auto !important;
}
.page-shift-list .eventfilter .select2-container-multi {
  position: static;
}
.page-shift-list .eventfilter .select2-container-multi .select2-choices {
  height: 20px !important;
  padding-bottom: 1px;
  padding-top: 1px;
}
.shifts-list {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin-top: 6px;
}
.shifts-list th, .shifts-list td {
  white-space: nowrap;
  overflow: hidden;
}
.shifts-list thead tr:first-of-type th {
  text-align: left;
  line-height: 9px;
  background: none;
  padding-left: 0px;
}
.shifts-list thead tr:first-of-type th.edit-shifts {
  vertical-align: top;
  overflow: visible;
  text-transform: none;
  letter-spacing: 0px;
}
.shifts-list thead tr:first-of-type th.edit-shifts button {
  margin-left: 8px;
}
.shifts-list thead tr:first-of-type th a {
  width: 40px;
  height: 39px;
  background-color: transparent;
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}
.shifts-list thead tr:first-of-type th a.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.shifts-list thead tr:first-of-type th a.planning:hover, .shifts-list thead tr:first-of-type th a.planning:focus, .shifts-list thead tr:first-of-type th a.planning.expanded {
  background-image: url(/bundles/shifterlayout/images/compass-darkgrey.svg);
}
.shifts-list thead tr:first-of-type th a.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
  background-size: 22px;
}
.shifts-list thead tr:first-of-type th a.assigning:hover, .shifts-list thead tr:first-of-type th a.assigning:focus, .shifts-list thead tr:first-of-type th a.assigning.expanded {
  background-image: url(/bundles/shifterlayout/images/user-darkgrey.svg);
}
.shifts-list thead tr:first-of-type th a.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.shifts-list thead tr:first-of-type th a.writing:hover, .shifts-list thead tr:first-of-type th a.writing:focus, .shifts-list thead tr:first-of-type th a.writing.expanded {
  background-image: url(/bundles/shifterlayout/images/check-darkgrey.svg);
}
.shifts-list thead tr:first-of-type th a.processing {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
  background-size: 22px;
}
.shifts-list thead tr:first-of-type th a.processing:hover, .shifts-list thead tr:first-of-type th a.processing:focus, .shifts-list thead tr:first-of-type th a.processing.expanded {
  background-image: url(/bundles/shifterlayout/images/lock-darkgrey.svg);
}
.shifts-list thead tr:first-of-type th a:hover, .shifts-list thead tr:first-of-type th a:focus {
  background-color: #d8d5d6;
}
.shifts-list thead tr:first-of-type th a.expanded {
  background-color: #b4b1b2;
}
.shifts-list thead tr:nth-of-type(2) th {
  text-align: left;
  padding: 0px 10px 0px 0px;
  background: #b4b1b2;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: middle;
  /* Writing tab realized hours only — numeric column kept left so label and values line up (narrow % col). */
}
.shifts-list thead tr:nth-of-type(2) th a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-right: 14px;
  color: #1a1718;
  background-position: right 2px;
  background-size: 9px;
  background-repeat: no-repeat;
}
.shifts-list thead tr:nth-of-type(2) th a.asc {
  background-image: url(/bundles/shifterlayout/images/arrowdown-grey.svg);
}
.shifts-list thead tr:nth-of-type(2) th a.desc {
  background-image: url(/bundles/shifterlayout/images/arrowup-grey.svg);
}
.shifts-list thead tr:nth-of-type(2) th img {
  vertical-align: -3px;
  width: 15px;
}
.shifts-list thead tr:nth-of-type(2) th.sl-select {
  padding: 0px 10px 0px 7px;
}
.shifts-list thead tr:nth-of-type(2) th.sl-activity a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.shifts-list thead tr:nth-of-type(2) th.sl-activity:hover {
  overflow: visible;
  z-index: 2;
}
.shifts-list thead tr:nth-of-type(2) th.sl-activity:hover a {
  width: auto;
  position: relative;
  white-space: nowrap;
  background-color: #b4b1b2;
}
.shifts-list thead tr:nth-of-type(2) th.sl-plantime {
  padding-left: 5px;
}
.shifts-list thead tr:nth-of-type(2) th.sl-planduration + th {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shifts-list thead tr:nth-of-type(2) th.sl-planduration, .shifts-list thead tr:nth-of-type(2) th.sl-projectedcosts, .shifts-list thead tr:nth-of-type(2) th.sl-incidents, .shifts-list thead tr:nth-of-type(2) th.sl-price, .shifts-list thead tr:nth-of-type(2) th.sl-tags {
  text-align: right;
}
.shifts-list thead tr:nth-of-type(2) th.sl-realduration {
  text-align: left;
}
.shifts-list thead tr:nth-of-type(2) th.sl-realduration a {
  text-align: left;
}
.shifts-list thead tr:nth-of-type(2) th.sl-notes img {
  padding-left: 9px;
}
.shifts-list tbody tr td {
  line-height: 26px;
  padding: 0px 8px 0px 0px;
}
.shifts-list tbody tr td:nth-of-type(1) {
  padding-left: 7px;
  background: #d8d5d6;
}
.shifts-list tbody tr td:nth-of-type(1) input {
  margin-top: 3px;
}
.shifts-list tbody tr td:nth-of-type(1) label span {
  margin-top: 0px;
}
.shifts-list tbody tr td:nth-of-type(2) {
  background: #d8d5d6;
  overflow: visible;
  vertical-align: top;
  padding-left: 0px;
}
.shifts-list tbody tr td:nth-of-type(2) .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.shifts-list tbody tr td:nth-of-type(2) .status.planning, .shifts-list tbody tr td:nth-of-type(2) .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.planned, .shifts-list tbody tr td:nth-of-type(2) .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.assigning, .shifts-list tbody tr td:nth-of-type(2) .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.assigned, .shifts-list tbody tr td:nth-of-type(2) .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.writing, .shifts-list tbody tr td:nth-of-type(2) .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.written, .shifts-list tbody tr td:nth-of-type(2) .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.processed, .shifts-list tbody tr td:nth-of-type(2) .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.cancelled, .shifts-list tbody tr td:nth-of-type(2) .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.shifts-list tbody tr td:nth-of-type(2) .status {
  cursor: pointer;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 0px;
  height: 100%;
  padding-right: 0px;
  overflow: hidden;
  background-position: 6px 6px;
}
.shifts-list tbody tr td:nth-of-type(2) .status.cancelled {
  background-color: #aaa8aa;
}
.shifts-list tbody tr td:nth-of-type(2) .status:hover {
  width: auto;
  padding-right: 6px;
  z-index: 20;
}
.shifts-list tbody tr td:nth-of-type(3) {
  text-align: right;
  background: #d8d5d6;
  color: #2b5871;
  padding: 0px 10px 0px 10px;
}
.shifts-list tbody tr td:nth-of-type(3):hover {
  color: #52a2d5;
}
.shifts-list tbody tr td:nth-of-type(4) {
  background: #d8d5d6;
}
.shifts-list tbody tr td:nth-of-type(4) div {
  overflow: hidden;
}
.shifts-list tbody tr td:nth-of-type(4) div > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.shifts-list tbody tr td:nth-of-type(4) div > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.shifts-list tbody tr td:nth-of-type(4) div > span:last-of-type {
  padding-right: 5px;
}
.shifts-list tbody tr td:nth-of-type(5) {
  background: #d8d5d6;
  text-overflow: ellipsis;
  padding-right: 0px;
}
.shifts-list tbody tr td:nth-of-type(5) .location-container {
  display: inline-block;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
}
.shifts-list tbody tr td:nth-of-type(5) .location-container > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.shifts-list tbody tr td:nth-of-type(5) .location-container > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.shifts-list tbody tr td:nth-of-type(5) .location-container > span:last-of-type {
  padding-right: 5px;
}
.shifts-list tbody tr td:nth-of-type(5) .location-container span span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 8px;
  position: absolute;
  right: 0px;
  background-color: #d8d5d6;
  padding-right: 5px;
}
.shifts-list tbody tr td:nth-of-type(5):hover {
  overflow: visible;
  z-index: 2;
}
.shifts-list tbody tr td:nth-of-type(5):hover span {
  display: inline-block;
  position: relative;
  z-index: 3;
  background-color: #ebe9eb;
}
.shifts-list tbody tr td:nth-of-type(5):hover span span {
  background-color: #ebe9eb;
}
.shifts-list tbody tr td:nth-of-type(6) {
  padding-left: 5px;
}
.shifts-list tbody tr td:nth-of-type(7) {
  color: #6a6768;
  text-align: right;
}
.shifts-list tbody tr td:nth-of-type(8), .shifts-list tbody tr td:nth-of-type(9), .shifts-list tbody tr td:nth-of-type(29), .shifts-list tbody tr td:nth-of-type(31) {
  text-overflow: ellipsis;
}
.shifts-list tbody tr td:nth-of-type(10) {
  text-align: right;
}
.shifts-list tbody tr td:nth-of-type(23) {
  color: #6a6768;
  text-align: left;
}
.shifts-list tbody tr td:nth-of-type(24) {
  color: #6a6768;
  text-align: left;
}
.shifts-list tbody tr td:nth-of-type(25) {
  overflow: visible;
  text-align: left;
}
.shifts-list tbody tr td.list-department span {
  color: #6a6768;
}
.shifts-list tbody tr td:nth-of-type(32) {
  text-align: right;
}
.shifts-list tbody tr td:nth-of-type(34) img {
  padding-left: 2px;
}
.shifts-list tbody tr td:nth-of-type(12) img, .shifts-list tbody tr td:nth-of-type(18) img, .shifts-list tbody tr td:nth-of-type(21) img, .shifts-list tbody tr td:nth-of-type(28) img {
  height: 16px;
  padding-right: 4px;
  vertical-align: -5px;
}
.shifts-list tbody tr td .datetime-container {
  display: inline-block;
  text-transform: uppercase;
}
.shifts-list tbody tr td.person {
  text-overflow: ellipsis;
}
.shifts-list tbody tr td.person img {
  height: 14px;
}
.shifts-list tbody tr td.person img.conflict {
  height: 16px;
  vertical-align: middle;
  padding-right: 4px;
}
.shifts-list tbody tr td.person .sl-unassigned {
  color: #6a6768;
  font-style: italic;
}
.shifts-list tbody tr td.person .sl-unassigned-partner {
  color: #6a6768;
  font-style: normal;
  font-size: 0.9em;
}
.shifts-list tbody tr td.person .sl-unassigned-partner:before {
  content: "·";
  padding: 0px 4px;
}
.shifts-list tbody tr td .assignment {
  color: #b4b1b2;
}
.shifts-list tbody tr td .assignment > div {
  height: 26px;
}
.shifts-list tbody tr td .assignment > .status {
  display: inline-block;
  margin-right: 10px;
}
.shifts-list tbody tr td .assignment > .assigning {
  width: 16px;
  height: 16px;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shifts-list tbody tr td .assignment > .declined {
  width: 16px;
  height: 16px;
  background-color: #c80000;
  background-image: url(/bundles/shifterlayout/images/close-red.svg);
}
.shifts-list tbody tr td .assignment > .assigned {
  width: 16px;
  height: 16px;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.shifts-list tbody tr td .assignment > .cancelled {
  width: 16px;
  height: 16px;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.shifts-list tbody tr td .assignment > .revoked {
  width: 16px;
  height: 16px;
  background-color: orchid;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.shifts-list tbody tr td .eval .eval-comment {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0px;
  padding: 0px 0px 0px 20px;
  margin: 2px 0px 0px 3px;
  background: no-repeat 4px 50%;
  background-size: 12px;
  overflow: hidden;
  vertical-align: top;
  line-height: 20px;
}
.shifts-list tbody tr td .eval .eval-comment.commented {
  background-image: url(/bundles/shifterlayout/images/note-darkgrey.svg);
}
.shifts-list tbody tr td .eval:hover {
  background-color: white;
}
.shifts-list tbody tr td .eval:hover .eval-comment.commented {
  width: auto;
  padding-right: 4px;
  background-color: #ebe9eb;
}
.shifts-list tbody tr td.tags, .shifts-list tbody tr td.cell_partner {
  position: relative;
  text-align: right;
  background: #ebe9eb;
  vertical-align: top;
}
.shifts-list tbody tr td.tags .tags-hover, .shifts-list tbody tr td.cell_partner .tags-hover {
  display: inline-block;
}
.shifts-list tbody tr td.tags .tags-hover img, .shifts-list tbody tr td.cell_partner .tags-hover img {
  padding-left: 2px;
}
.shifts-list tbody tr td.tags .tags-hover span, .shifts-list tbody tr td.cell_partner .tags-hover span {
  line-height: 20px;
  display: none;
  padding: 0px 4px;
  margin-right: 4px;
  background: #ebe9eb;
}
.shifts-list tbody tr td.tags:hover, .shifts-list tbody tr td.cell_partner:hover {
  overflow: visible;
}
.shifts-list tbody tr td.tags > div:hover .count, .shifts-list tbody tr td.cell_partner > div:hover .count {
  display: none;
}
.shifts-list tbody tr td.tags > div:hover .tags-hover, .shifts-list tbody tr td.cell_partner > div:hover .tags-hover {
  background: white;
  right: 0px;
  display: inline-block;
  position: absolute;
  z-index: 2;
}
.shifts-list tbody tr td.tags > div:hover .tags-hover img, .shifts-list tbody tr td.cell_partner > div:hover .tags-hover img {
  padding-right: 2px;
}
.shifts-list tbody tr td.tags > div:hover .tags-hover span, .shifts-list tbody tr td.cell_partner > div:hover .tags-hover span {
  display: inline-block;
}
.shifts-list tbody tr td img {
  height: 12px;
  vertical-align: -2px;
}
.shifts-list tbody tr:hover td {
  background: #f0f4ff;
}
.shifts-list tbody tr:hover td:nth-of-type(1), .shifts-list tbody tr:hover td:nth-of-type(2), .shifts-list tbody tr:hover td:nth-of-type(3), .shifts-list tbody tr:hover td:nth-of-type(4), .shifts-list tbody tr:hover td:nth-of-type(5) {
  background-color: #e6edff;
}
.shifts-list tbody tr:hover td:nth-of-type(5) span span {
  background-color: #e6edff;
}
.shifts-list tbody tr.summary-row td {
  background: #ccc8c9;
  color: #6a6768;
}
.shifts-list tbody tr.summary-row td:nth-of-type(2) img {
  height: 14px;
  vertical-align: -3px;
  margin-left: 5px;
}
.shifts-list tbody tr.summary-row td:nth-of-type(3) {
  color: #383536;
}
.shifts-list tbody tr.summary-row td:nth-of-type(5) span {
  background: none;
}
.shifts-list tbody tr.summary-row:hover td {
  background: #ccc8c9;
}
.smartassign-shifts-list {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
}
.smartassign-shifts-list th, .smartassign-shifts-list td {
  white-space: nowrap;
  overflow: hidden;
}
.smartassign-shifts-list thead tr:first-of-type th {
  text-align: left;
  line-height: 9px;
  background: none;
  padding-left: 0px;
}
.smartassign-shifts-list thead tr:nth-of-type(2) th {
  text-align: left;
  padding: 0px 10px 0px 0px;
  background: #b4b1b2;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: middle;
}
.smartassign-shifts-list tbody tr td {
  line-height: 26px;
  padding: 0px 10px 0px 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(1) {
  padding-left: 7px;
  background: #d8d5d6;
}
.smartassign-shifts-list tbody tr td:nth-of-type(1) input {
  margin-top: 5px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(1) label span {
  margin-top: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) {
  background: #d8d5d6;
  overflow: visible;
  vertical-align: top;
  padding-left: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.planning, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.planned, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.assigning, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.assigned, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.writing, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.written, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.processed, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.cancelled, .smartassign-shifts-list tbody tr td:nth-of-type(2) .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status {
  cursor: pointer;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 0px;
  height: 100%;
  padding-right: 0px;
  overflow: hidden;
  background-position: 6px 6px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status.cancelled {
  background-color: #aaa8aa;
}
.smartassign-shifts-list tbody tr td:nth-of-type(2) .status:hover {
  width: auto;
  padding-right: 6px;
  z-index: 20;
}
.smartassign-shifts-list tbody tr td:nth-of-type(3) {
  text-align: right;
  background: #d8d5d6;
  color: #2b5871;
  padding: 0px 10px 0px 10px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(3):hover {
  color: #52a2d5;
}
.smartassign-shifts-list tbody tr td:nth-of-type(4) {
  background: #d8d5d6;
}
.smartassign-shifts-list tbody tr td:nth-of-type(4) div {
  overflow: hidden;
}
.smartassign-shifts-list tbody tr td:nth-of-type(4) div > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(4) div > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(4) div > span:last-of-type {
  padding-right: 5px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) {
  background: #d8d5d6;
  text-overflow: ellipsis;
  padding-right: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) .location-container {
  display: inline-block;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) .location-container > span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 7px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) .location-container > span:first-of-type {
  background-image: none;
  padding-left: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) .location-container > span:last-of-type {
  padding-right: 5px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5) .location-container span span {
  display: inline-block;
  padding: 0px 0px 0px 20px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) no-repeat;
  background-size: 9px;
  background-position: 6px 8px;
  position: absolute;
  right: 0px;
  background-color: #d8d5d6;
  padding-right: 5px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5):hover {
  overflow: visible;
  z-index: 2;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5):hover span {
  display: inline-block;
  position: relative;
  z-index: 3;
  background-color: #ebe9eb;
}
.smartassign-shifts-list tbody tr td:nth-of-type(5):hover span span {
  background-color: #ebe9eb;
}
.smartassign-shifts-list tbody tr td:nth-of-type(6) {
  background: #d8d5d6;
  text-overflow: ellipsis;
  padding-left: 5px;
  padding-right: 0px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(7) {
  padding-left: 5px;
}
.smartassign-shifts-list tbody tr td:nth-of-type(8) {
  color: #6a6768;
  text-align: right;
}
.smartassign-shifts-list tbody tr td:nth-of-type(9), .smartassign-shifts-list tbody tr td:nth-of-type(10) {
  text-overflow: ellipsis;
}
.smartassign-shifts-list tbody tr td .datetime-container {
  display: inline-block;
  text-transform: uppercase;
}
.smartassign-shifts-list tbody tr td:hover td {
  background: white;
}
.smartassign-shifts-list tbody tr td:hover td:nth-of-type(1), .smartassign-shifts-list tbody tr td:hover td:nth-of-type(2), .smartassign-shifts-list tbody tr td:hover td:nth-of-type(3), .smartassign-shifts-list tbody tr td:hover td:nth-of-type(4), .smartassign-shifts-list tbody tr td:hover td:nth-of-type(5), .smartassign-shifts-list tbody tr td:hover td:nth-of-type(6) {
  background-color: #ebe9eb;
}
.smartassign-shifts-list tbody tr td:hover td:nth-of-type(5) span span {
  background-color: #ebe9eb;
}
.smartassign-shifts-list tbody tr tr.summary-row td {
  background: #ccc8c9;
  color: #6a6768;
}
.smartassign-shifts-list tbody tr tr.summary-row td:nth-of-type(2) img {
  height: 14px;
  vertical-align: -3px;
  margin-left: 5px;
}
.smartassign-shifts-list tbody tr tr.summary-row td:nth-of-type(3) {
  color: #383536;
}
.smartassign-shifts-list tbody tr tr.summary-row td:nth-of-type(5) span {
  background: none;
}
.smartassign-shifts-list tbody tr tr.summary-row:hover td {
  background: #ccc8c9;
}
.shifts-list tbody tr td.cell_datetime {
  color: #1a1718;
  text-align: left;
}
.shifts-list thead tr th.write-confirm-th {
  background: #917411;
  padding-left: 10px;
}
.shifts-list tbody tr td.cell_clockintime, .shifts-list tbody tr td.cell_clockouttime, .shifts-list tbody tr td.cell_breakstarttime, .shifts-list tbody tr td.cell_start, .shifts-list tbody tr td.cell_end {
  text-align: left;
}
.shifts-list tbody tr td.cell_clockintime input[type=text]:not(.datefield), .shifts-list tbody tr td.cell_clockouttime input[type=text]:not(.datefield), .shifts-list tbody tr td.cell_breakstarttime input[type=text]:not(.datefield), .shifts-list tbody tr td.cell_start input[type=text]:not(.datefield), .shifts-list tbody tr td.cell_end input[type=text]:not(.datefield) {
  width: 56px !important;
}
.shifts-list tbody tr td.cell_clockintime .datetime-container, .shifts-list tbody tr td.cell_clockouttime .datetime-container, .shifts-list tbody tr td.cell_breakstarttime .datetime-container, .shifts-list tbody tr td.cell_start .datetime-container, .shifts-list tbody tr td.cell_end .datetime-container {
  padding: 0px 12px 0px 12px;
  color: #1a1718;
}
.shifts-list tbody tr td.cell_clockintime .datetime-container span.time, .shifts-list tbody tr td.cell_clockouttime .datetime-container span.time, .shifts-list tbody tr td.cell_breakstarttime .datetime-container span.time, .shifts-list tbody tr td.cell_start .datetime-container span.time, .shifts-list tbody tr td.cell_end .datetime-container span.time {
  padding-right: 16px;
}
.shifts-list tbody tr td.cell_clockintime .datelabel .datefield, .shifts-list tbody tr td.cell_clockouttime .datelabel .datefield, .shifts-list tbody tr td.cell_breakstarttime .datelabel .datefield, .shifts-list tbody tr td.cell_start .datelabel .datefield, .shifts-list tbody tr td.cell_end .datelabel .datefield {
  cursor: pointer;
}
.shifts-list tbody tr td.cell_department {
  vertical-align: bottom;
}
.shifts-list tbody tr td.cell_department > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.shifts-list tbody tr td.cell_department:hover {
  overflow: visible;
}
.shifts-list tbody tr td.cell_department:hover > div {
  overflow: visible;
  position: relative;
  background-color: white;
  padding-right: 5px;
  z-index: 100;
  width: 231px;
}
.shifts-list tbody tr td.cell_start .datelabel, .shifts-list tbody tr td.cell_end .datelabel {
  background-color: #d8d5d6;
}
.shifts-list tbody tr td.cell_start .datelabel:hover, .shifts-list tbody tr td.cell_end .datelabel:hover {
  background-color: #b4b1b2;
}
.shifts-list tbody tr td.cell_start input[type=text], .shifts-list tbody tr td.cell_end input[type=text] {
  background: rgba(255, 255, 255, 0.6);
}
.shifts-list tbody tr td.cell_start input[type=text]:hover, .shifts-list tbody tr td.cell_end input[type=text]:hover {
  background: rgba(255, 255, 255, 0.6);
}
.shifts-list tbody tr td.cell_confirm {
  background-color: #d8d5d6;
}
.shifts-list tbody tr td.cell_confirm.confirmable {
  background-color: #f0ba1c;
  padding-left: 10px;
}
.shifts-list tbody tr td.cell_confirm.confirmable.checked {
  background-color: #917411;
}
.cell_clockouttime .datelabel, .cell_breakstarttime .datelabel, .cell_clockintime .datelabel, .cell_checkintime .datelabel, .cell_end .datelabel {
  min-width: 35px;
  vertical-align: middle;
}
.cell_clockouttime .datelabel > .label, .cell_breakstarttime .datelabel > .label, .cell_clockintime .datelabel > .label, .cell_checkintime .datelabel > .label, .cell_end .datelabel > .label {
  font-size: 0;
  line-height: 24px;
  min-width: 0;
}
.cell_clockouttime .datelabel > .label.empty, .cell_breakstarttime .datelabel > .label.empty, .cell_clockintime .datelabel > .label.empty, .cell_checkintime .datelabel > .label.empty, .cell_end .datelabel > .label.empty {
  font-size: 11px;
  letter-spacing: -0.5px;
}
.cell_clockouttime .datelabel .datefield, .cell_breakstarttime .datelabel .datefield, .cell_clockintime .datelabel .datefield, .cell_checkintime .datelabel .datefield, .cell_end .datelabel .datefield {
  cursor: pointer;
}
.cell_clockouttime span.date, .cell_breakstarttime span.date, .cell_clockintime span.date, .cell_checkintime span.date, .cell_end span.date {
  font-size: 0;
}
.cell_clockouttime span.date .dd, .cell_clockouttime span.date .time, .cell_breakstarttime span.date .dd, .cell_breakstarttime span.date .time, .cell_clockintime span.date .dd, .cell_clockintime span.date .time, .cell_checkintime span.date .dd, .cell_checkintime span.date .time, .cell_end span.date .dd, .cell_end span.date .time {
  font-size: 13px;
}
.shifts-list tbody tr td.cell_partner {
  color: #1a1718;
  text-align: left;
}
.shifts-list tbody tr td.cell_evaluation {
  padding-left: 10px;
  text-align: center;
}
.shifts-list tbody tr td.cell_evaluation .select2-container {
  width: 50px;
  margin: 1px 0px 0px 0px;
}
#shift-write-table-container table.shifts-list thead tr th:nth-child(17) {
  text-align: center;
}
.select2-drop.samson-autocomplete.shifter-write-autocomplete {
  min-width: 0 !important;
}
.ui-datepicker.shifter-write-datepicker {
  z-index: 10050 !important;
}
.ui-datepicker.shifter-write-datepicker:before {
  display: none;
}
.cell_evaluationComment input {
  margin: 1px 0px 0px 0px;
}
.shifts-list tbody tr td.cell_shiftId {
  color: #1a1718;
}
.shifts-list tbody tr td.cell_shiftId:hover {
  color: #1a1718;
}
.shifts-list tbody tr td.cell_evaluationComment textarea {
  height: 24px;
  min-height: 0px;
  vertical-align: top;
  width: 100%;
  max-width: 240px;
  margin-top: 1px;
  box-sizing: border-box;
  padding: 2px 6px;
}
#shift-write-table-container table.shifts-list thead tr th:nth-child(11), #shift-write-table-container table.shifts-list thead tr th:nth-child(12), #shift-write-table-container table.shifts-list thead tr th:nth-child(13), #shift-write-table-container table.shifts-list thead tr th:nth-child(14), #shift-write-table-container table.shifts-list thead tr th:nth-child(15), #shift-write-table-container table.shifts-list tbody tr td.cell_checkintime, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime, #shift-write-table-container table.shifts-list tbody tr td.cell_breakduration {
  text-align: left;
  padding-left: 4px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime input[type=text]:not(.datefield), #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime input[type=text]:not(.datefield), #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime input[type=text]:not(.datefield), #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime input[type=text]:not(.datefield) {
  width: 56px !important;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_breakduration input[type=text] {
  width: 50px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime, #shift-write-table-container table.shifts-list tbody tr td.cell_end {
  white-space: nowrap;
  vertical-align: middle;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime .datelabel, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime .datelabel, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime .datelabel, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime .datelabel, #shift-write-table-container table.shifts-list tbody tr td.cell_end .datelabel {
  min-width: 30px;
  width: 30px;
  vertical-align: middle;
  margin: 0;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime .datelabel .datefield, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime .datelabel .datefield, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime .datelabel .datefield, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime .datelabel .datefield, #shift-write-table-container table.shifts-list tbody tr td.cell_end .datelabel .datefield {
  pointer-events: none;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime .datelabel > .label, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime .datelabel > .label, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime .datelabel > .label, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime .datelabel > .label, #shift-write-table-container table.shifts-list tbody tr td.cell_end .datelabel > .label {
  width: 30px;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  overflow: hidden;
  line-height: 24px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime .datelabel > .label > .dd, #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime .datelabel > .label > .dd, #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime .datelabel > .label > .dd, #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime .datelabel > .label > .dd, #shift-write-table-container table.shifts-list tbody tr td.cell_end .datelabel > .label > .dd {
  font-size: 13px;
  line-height: 24px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_checkintime > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_checkintime input[data-time], #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_clockintime input[data-time], #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_clockouttime input[data-time], #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_breakstarttime input[data-time], #shift-write-table-container table.shifts-list tbody tr td.cell_end > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_end input[data-time] {
  vertical-align: middle;
  margin: 0 !important;
  height: 24px;
}
#shift-write-table-container {
  overflow-x: auto;
}
#shift-write-table-container table.shifts-list {
  min-width: 1720px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_department:hover > div {
  width: 100%;
  max-width: 100%;
  padding-right: 0;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_department {
  padding-right: 0;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_department .select2-container, #shift-write-table-container table.shifts-list tbody tr td.cell_department > div {
  width: 100%;
  box-sizing: border-box;
}
#shift-write-table-container table.shifts-list thead tr th:nth-child(7), #shift-write-table-container table.shifts-list tbody tr td.cell_start {
  padding-left: 12px;
}
#shift-write-table-container table.shifts-list thead tr th.write-confirm-th, #shift-write-table-container table.shifts-list tbody tr td.cell_confirm {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}
#shift-write-table-container table.shifts-list thead tr th.write-confirm-th > input[type=checkbox], #shift-write-table-container table.shifts-list tbody tr td.cell_confirm > input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -7px;
}
#shift-write-table-container table.shifts-list thead tr th.write-confirm-th > input[type=checkbox] + label, #shift-write-table-container table.shifts-list tbody tr td.cell_confirm > input[type=checkbox] + label {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 16px;
  margin: -8px 0 0 -8px;
  line-height: 0;
}
#shift-write-table-container table.shifts-list thead tr th.write-confirm-th > input[type=checkbox] + label > span, #shift-write-table-container table.shifts-list tbody tr td.cell_confirm > input[type=checkbox] + label > span {
  display: block;
  width: 17px;
  height: 16px;
  margin: 0;
}
#shift-write-table-container table.shifts-list thead tr th:nth-child(3), #shift-write-table-container table.shifts-list tbody tr td:nth-of-type(3), #shift-write-table-container table.shifts-list tbody tr td.cell_shiftId {
  text-align: left !important;
  padding-left: 10px !important;
}
#shift-write-table-container table.shifts-list thead tr th:nth-child(2), #shift-write-table-container table.shifts-list tbody tr td:nth-of-type(2) {
  position: relative;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  padding: 0;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;
}
#shift-write-table-container table.shifts-list tbody tr td:nth-of-type(2) .status {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25px;
  height: auto;
  min-height: 24px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: center center;
  background-size: 12px;
  box-sizing: border-box;
}
#shift-write-table-container table.shifts-list tbody tr td:nth-of-type(2) .status:hover {
  width: auto;
  min-width: 25px;
  padding-left: 25px;
  padding-right: 6px;
  text-indent: 0;
  background-position: 6px center;
  z-index: 20;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_start {
  white-space: nowrap;
  vertical-align: middle;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_start .datelabel {
  vertical-align: middle;
  margin: 0;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_start .datelabel > .label.empty {
  font-size: 11px;
  letter-spacing: -0.5px;
}
#shift-write-table-container table.shifts-list tbody tr td.cell_start > input[type=text], #shift-write-table-container table.shifts-list tbody tr td.cell_start input[data-time] {
  vertical-align: middle;
  margin: 0 !important;
  height: 24px;
}
#shift-write-table-container table.shifts-list input[data-time]::placeholder {
  color: #b4b1b2;
  opacity: 1;
}
#shift-write-table-container table.shifts-list .datelabel {
  overflow: visible;
  position: relative;
  vertical-align: middle;
}
#shift-write-table-container table.shifts-list .datelabel .datefield {
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  opacity: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}
#shift-write-table-container table.shifts-list .datelabel.focus {
  z-index: 10052;
}
#shift-write-table-container table.shifts-list .datelabel.focus > .label {
  padding: 0;
  margin: 0;
  width: auto;
  min-width: 0;
}
#shift-write-table-container table.shifts-list .datelabel.focus .datefield {
  opacity: 0;
  width: 100%;
  margin-top: 0;
}
pre {
  margin: 5px 0px;
  font: 400 normal 13px "Lato", Helvetica, Arial, sans-serif;
  line-height: 1.6em;
}
pre::first-line {
  color: #6a6768;
}
.editbar {
  position: absolute;
  z-index: 1;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.editbar #feedback {
  margin-top: -43px;
}
.editbar .shifts-list img {
  width: 23px;
  height: 16px;
  vertical-align: -2px;
  padding-right: 5px;
}
.editbar .shifts-list td {
  padding-top: 3px;
  padding-bottom: 5px;
}
.editbar .shifts-list td:nth-of-type(1) {
  text-align: left;
  text-transform: uppercase;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  color: #6a6768;
  overflow: visible;
}
.editbar .shifts-list input {
  margin-top: 0px;
}
.viewperson {
  overflow-x: hidden;
}
.viewperson ul:not(.profile-picture-menu) li {
  line-height: 24px;
  padding-left: 28px;
  background-size: 14px;
  background-position: 0px 4px;
  background-repeat: no-repeat;
}
.viewperson ul:not(.profile-picture-menu) li span.clarification {
  color: #6a6768;
}
.viewperson ul:not(.profile-picture-menu) li.done {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.info {
  background-image: url(/bundles/shifterlayout/images/info-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.warning {
  background-image: url(/bundles/shifterlayout/images/warning-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.late {
  background-image: url(/bundles/shifterlayout/images/exclamark-orange.svg);
}
.viewperson ul:not(.profile-picture-menu) li.eval {
  background-image: url(/bundles/shifterlayout/images/pencheck-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.holiday {
  background-image: url(/bundles/shifterlayout/images/palmisland-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.sun {
  background-image: url(/bundles/shifterlayout/images/sun-grey.svg);
}
.viewperson ul:not(.profile-picture-menu) li.compensation {
  background-image: url(/bundles/shifterlayout/images/tilde-grey.svg);
}
.viewperson-summary {
  background: white;
  border-top: 1px solid #d8d5d6;
  position: relative;
}
.viewperson-summary-contents {
  margin-left: 22%;
  height: 140px;
  position: relative;
}
.viewperson-summary-contents .viewperson-pic {
  position: absolute;
  bottom: 0px;
  margin-left: -132px;
}
.viewperson-summary-contents .viewperson-pic img {
  width: 120px;
  height: 120px;
  vertical-align: middle;
  object-fit: cover;
}
.viewperson-summary-contents .viewperson-pic .editpicture {
  display: none;
  color: white;
  position: absolute;
  bottom: 0px;
  width: 120px;
  text-align: center;
}
.viewperson-summary-contents .viewperson-pic:hover .editpicture {
  display: block;
}
.viewperson-summary-contents .viewperson-name {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 2.5em;
  line-height: 2em;
}
.viewperson-summary-contents .viewperson-name span.lastname {
  font-weight: 900;
}
.viewperson-summary-contents .viewperson-name .viewperson-barcode {
  float: right;
  margin: 20px 20px 0 0;
}
.viewperson-summary-contents .viewperson-edit {
  padding: 0px 0px 0px 15px;
  display: none;
}
.viewperson-summary-contents .viewperson-edit img {
  width: 25px;
}
.viewperson-summary-contents .viewperson-function {
  margin-top: -15px;
  margin-bottom: 6px;
}
.viewperson-summary-contents .viewperson-function span {
  color: #b4b1b2;
}
.viewperson-summary-contents .viewperson-contact {
  line-height: 24px;
}
.viewperson-summary-contents:hover .viewperson-edit {
  display: inline-block;
}
.viewperson-blacklist {
  padding-left: calc(22% + 30px);
  background: url(/bundles/shifterlayout/images/blockeduser-white.svg) 22% 50% #383536 no-repeat;
  line-height: 24px;
  color: white;
}
.viewperson-currentshift {
  padding-left: calc(22% + 30px);
  line-height: 24px;
  color: white;
}
.viewperson-currentshift.assigned {
  background: url(/bundles/shifterlayout/images/user-white.svg) 22% 50% #742425 no-repeat;
}
.viewperson-currentshift.writing {
  background: url(/bundles/shifterlayout/images/check-white.svg) 22% 50% #f0ba1c no-repeat;
}
.viewperson-currentshift.written {
  background: url(/bundles/shifterlayout/images/check-white.svg) 22% 50% #917411 no-repeat;
}
.viewperson-details {
  overflow: visible;
  position: relative;
  width: 80%;
  padding-top: 10px;
}
.viewperson-details .display-container {
  width: calc(28% / 0.90);
}
.viewperson-details .accordeon {
  width: calc(100% / .81);
}
.viewperson-details .accordeon label {
  width: 22%;
}
.viewperson-details .accordeon .link-container {
  width: 21%;
}
.viewperson-details .accordeon ul.issue-list > li {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
  background-size: 8px;
  background-position: 7px 8px;
}
.viewperson-status {
  border-left: 1px solid #d8d5d6;
  box-sizing: border-box;
  float: right;
  padding: 19px 0px 19px 20px;
  width: 40%;
}
.viewperson-status .person .lastname {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.myshifts {
  width: 100%;
  position: relative;
}
.myshifts .people-count {
  background: #d8d5d6;
  height: 75px;
  padding-top: 8px;
  padding-right: calc(78% + 10px);
  text-align: right;
  color: #6a6768;
}
.myshifts .people-count > span {
  font-size: 1.3em;
  line-height: 1.6em;
}
.myshifts .people-count > span span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.myshifts .people-count div {
  padding-left: 10px;
}
.myshifts .viewonly-separator {
  background: #ccc8c9;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  color: #383536;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding-right: calc(78% + 10px);
  line-height: 24px;
}
.myshifts .month {
  position: relative;
  overflow: hidden;
}
.myshifts .month .month-label {
  position: absolute;
  top: 10px;
  left: 10px;
  padding-left: 20px;
  text-transform: uppercase;
  background-position: 5px 3px;
  background-size: 10px;
  background-repeat: no-repeat;
  z-index: 60;
}
.myshifts .month .month-label.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.myshifts .month .month-label.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
.myshifts .month.viewonly .days .day .leave {
  cursor: default;
}
.myshifts .hourlines {
  width: 10%;
  position: absolute;
  z-index: 2;
}
.myshifts .hourlines .hourline {
  width: 1000%;
  height: 1px;
  margin-bottom: 29px;
  background-color: #ebe9eb;
}
.myshifts .hourlist {
  width: 10%;
  background: #d8d5d6;
  position: absolute;
  z-index: 40;
  padding-top: 29px;
  margin-top: -29px;
  padding-bottom: 5px;
}
.myshifts .hourlist .hour-label {
  height: 30px;
  text-align: right;
  padding: 0px 10px;
  line-height: 30px;
}
.myshifts .hourlist .hour-label:first-of-type {
  margin-top: -15px;
}
.myshifts .hourlist-hider {
  position: absolute;
  left: 0px;
  width: 10%;
  height: 49px;
  top: 0px;
  z-index: 1;
  background-color: #ebe9eb;
}
.myshifts .week {
  width: 22%;
  background: #d8d5d6;
  float: left;
  height: 95px;
  position: relative;
  z-index: 40;
}
.myshifts .week .week-label {
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .week .week-clarification {
  text-align: right;
  text-transform: uppercase;
  color: #6a6768;
  letter-spacing: 1px;
  padding: 10px 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .week .person-label {
  padding: 8px 10px 0 0;
  overflow: hidden;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .week .person-label .person-links {
  display: none;
  padding-left: 17px;
}
.myshifts .week .person-label .person-links img {
  height: 14px;
  padding-right: 7px;
  opacity: 0.6;
}
.myshifts .week .person-label .person-links img:hover {
  opacity: 1;
}
.myshifts .week .person-label .person-name {
  display: inline-block;
  font-size: 1.3em;
  line-height: 1.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .week .person-label .person-name span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.myshifts .week .person-label .person-name img {
  height: 14px;
  padding-left: 5px;
}
.myshifts .week .person-label:hover .person-links {
  display: inline-block;
}
.myshifts .week .person-descr {
  text-align: right;
  color: #6a6768;
  padding-right: 10px;
}
.myshifts .week .person-descr img {
  vertical-align: -3px;
  padding-right: 4px;
}
.myshifts .week .person-descr.error {
  color: #d9414b;
}
.myshifts .week .person-descr span {
  color: #383536;
}
.myshifts .dayhours-head {
  width: 87.5%;
  position: relative;
  float: left;
  height: 32px;
}
.myshifts .dayhours-head .day {
  float: left;
  width: 14.2857142857%;
  position: relative;
}
.myshifts .dayhours-head .day .date-of-month {
  font-weight: bold;
}
.myshifts .days-calendar {
  height: 720px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 78px;
}
.myshifts #mobile-fixedheader {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  padding-top: 0px;
}
.myshifts #mobile-fixedheader .days-calendar {
  height: auto;
  padding-top: 31px;
  overflow-x: hidden;
}
.myshifts #mobile-fixedheader .hourlist-hider {
  height: 55px;
}
.myshifts #mobile-fixedheader .dayhours-body {
  height: auto;
}
.myshifts #mobile-fixedheader .dayhours-body .days-center {
  white-space: nowrap;
}
.myshifts #mobile-fixedheader .dayhours-body .days-week {
  height: 24px;
}
.myshifts #mobile-fixedheader .dayhours-body .daylabel-day {
  position: relative;
  display: inline-block;
  width: 150px;
}
.myshifts #mobile-fixedheader .dayhours-body .daylabel-day.today .datelabel {
  background: #2b5871;
  color: white;
}
.myshifts #mobile-fixedheader .dayhours-body .daylabel-day .monthlabel {
  top: -27px;
}
.myshifts .dayhours-body {
  width: 2000000px;
  position: relative;
  height: 100%;
}
.myshifts .dayhours-body .days-center {
  width: 1px;
  overflow: visible;
  position: relative;
  margin: 0 auto;
}
.myshifts .dayhours-body .days-week {
  background: white;
  white-space: nowrap;
}
.myshifts .dayhours-body .days-before {
  position: absolute;
  right: 0px;
}
.myshifts .dayhours-body .days-after {
  position: absolute;
  left: 1px;
}
.myshifts .dayhours-body .monthlabel {
  position: absolute;
  display: block;
  top: -81px;
  padding: 0px 0px 9px 10px;
  text-transform: uppercase;
  color: #6a6768;
}
.myshifts .dayhours-body .day {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 720px;
  border: 1px solid #b4b1b2;
  border-width: 0px 0px 1px 0px;
  vertical-align: top;
}
.myshifts .dayhours-body .day:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 100%;
  width: 1px;
  background-color: #b4b1b2;
}
.myshifts .dayhours-body .day:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -1px;
  z-index: 2;
  height: 100%;
  width: 1px;
  background-color: #b4b1b2;
}
.myshifts .dayhours-body .day .datelabel {
  margin-top: -54px;
  position: absolute;
}
.myshifts .dayhours-body .day .leave {
  margin-top: -30px;
  border: 1px solid #b4b1b2;
  border-width: 1px 0px 0px 1px;
}
.myshifts .dayhours-body .day:last-of-type .leave {
  border-width: 1px 1px 0px 1px;
}
.myshifts .dayhours-body .day.today {
  border-color: #2b5871;
}
.myshifts .dayhours-body .day.today:before {
  background-color: #2b5871;
  z-index: 3;
}
.myshifts .dayhours-body .day.today:after {
  background-color: #2b5871;
  z-index: 3;
}
.myshifts .dayhours-body .day.today .datelabel {
  background: #2b5871;
  color: white;
}
.myshifts .dayhours-body .day.today .leave {
  border-color: #2b5871;
}
.myshifts .dayhours-body .day.today .leave:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -1px;
  z-index: 2;
  height: 100%;
  width: 1px;
  background-color: #2b5871;
}
.myshifts .dayhours-body .day .available {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: white;
  cursor: pointer;
}
.myshifts .dayhours-body .day .moreshifts {
  text-align: center;
}
.myshifts .dayhours-body .shift .shift-start, .myshifts .dayhours-body .shift .shift-end {
  white-space: nowrap;
  overflow: hidden;
  direction: ltr;
  height: 36px;
  left: 30px;
  margin-top: -8px;
}
.myshifts .dayhours-body .shift .shift-start {
  top: 0px;
}
.myshifts .dayhours-body .shift .shift-end {
  top: 100%;
}
.myshifts .days {
  width: 78%;
  position: relative;
  float: left;
  height: 95px;
}
.myshifts .days .day {
  float: left;
  padding-top: 24px;
  height: 100%;
  width: 14.2857142857%;
  position: relative;
  background: #ebe9eb;
  border: 1px solid #b4b1b2;
  border-width: 1px 0px 0px 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .days .day .availability-container {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}
.myshifts .days .day .available {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: white;
  cursor: pointer;
}
.myshifts .days .day .available .available-times {
  top: 4px;
  width: 100%;
  position: absolute;
  display: none;
  z-index: 30;
}
.myshifts .days .day .available .available-times .available-end, .myshifts .days .day .available .available-times .available-start {
  padding: 2px 4px;
  background: #ccc8c9;
  position: absolute;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 7px -5px;
}
.myshifts .days .day .available .available-times .available-end:after, .myshifts .days .day .available .available-times .available-start:after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #ccc8c9;
  position: absolute;
  bottom: -10px;
  left: 16px;
}
.myshifts .days .day .available .available-times .available-end {
  right: 0px;
  margin-right: -21px;
}
.myshifts .days .day .available .available-times .available-start {
  left: 0px;
  margin-left: -21px;
}
.myshifts .days .day .available:hover .available-times {
  display: block;
}
.myshifts .days .day .tip-availability {
  top: 0px;
  height: 100%;
  width: 100%;
  padding: 45px 10px 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 10;
  position: absolute;
  cursor: pointer;
}
.myshifts .days .day .tip-availability:hover {
  opacity: 1;
}
.myshifts .days .day .leave {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
}
.myshifts .days .day .leave.change {
  cursor: default;
}
.myshifts .days .day .leave .tip-leave {
  margin: 8px 10px 0px 0px;
  color: #6a6768;
  cursor: pointer;
}
.myshifts .days .day .leave .requesttypes {
  display: none;
}
.myshifts .days .day .leave .requesttypes img {
  height: 16px;
  opacity: 0.7;
  cursor: pointer;
}
.myshifts .days .day .leave .requesttypes img:hover {
  opacity: 1;
}
.myshifts .days .day .leave:hover .tip {
  opacity: 1;
}
.myshifts .days .day .leave:hover .requesttypes {
  display: block;
}
.myshifts .days .day .leave.requested .tip {
  display: none;
}
.myshifts .days .day .leave-info {
  position: absolute;
  right: 0px;
  z-index: 11;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}
.myshifts .days .day .daydate {
  left: 10px;
  top: 10px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  position: absolute;
  z-index: 12;
}
.myshifts .days .day .dayholiday {
  left: 30px;
  top: 10px;
  position: absolute;
  z-index: 14;
}
.myshifts .days .day .shift {
  position: relative;
  margin-top: 3px;
  margin-bottom: 4px;
  z-index: 30;
  line-height: 24px;
}
.myshifts .days .day .moreshifts {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: url(/bundles/shifterlayout/images/plus.svg) 0px center no-repeat;
  background-size: 12px;
  width: 0px;
  height: 24px;
  line-height: 26px;
  padding-left: 16px;
  white-space: nowrap;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
}
.myshifts .days .day .moreshifts:hover {
  width: auto;
  padding-right: 4px;
}
.myshifts .days .day .assigntoshift {
  visibility: hidden;
  position: absolute;
  left: 0px;
  width: 0px;
  bottom: 0px;
  padding-left: 16px;
  background: url(/bundles/shifterlayout/images/user-lightgrey.svg) 4px center no-repeat;
  background-size: 12px;
  overflow: hidden;
}
.myshifts .days .day .assigntoshift:hover {
  width: auto;
}
.myshifts .days .day .assigntoshift .select2-container {
  background: none;
  margin-bottom: 0px;
  margin-left: -17px;
  margin-bottom: -1px;
  padding-bottom: 1px;
  width: 120px;
}
.myshifts .days .day .assigntoshift .select2-container .select2-choice {
  border: none;
  background: none;
  padding-left: 23px;
}
.myshifts .days .day .assigntoshift .select2-container .select2-choice > div {
  display: none;
}
.myshifts .days .day .assigntoshift .select2-container .select2-choice span {
  color: #4e95ac !important;
}
.myshifts .days .day .hourperday, .myshifts .days .day .hourdetails {
  position: relative;
  z-index: 10;
  margin-left: 20px;
  display: inline-block;
}
.myshifts .days .day:hover {
  z-index: 10;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;
}
.myshifts .days .day:hover .moreshifts {
  display: block;
}
.myshifts .days .day:hover .assigntoshift {
  visibility: visible;
}
.myshifts .days .day:hover .hourentry.prototype {
  background-color: #d8d5d6;
  cursor: pointer;
}
.myshifts .days .day:hover .hourentry.prototype:hover {
  background-color: #b4b1b2;
}
.myshifts .days .day.today {
  border: 1px solid #2b5871;
  border-width: 1px 1px 0px 1px;
  width: calc(14.28571% + 1px);
  margin-right: -1px;
  margin-bottom: -1px;
  z-index: 12;
}
.myshifts .days .day.today .daydate {
  color: white;
  background: #2b5871;
  height: 20px;
  top: 0px;
  width: 25px;
  left: 0px;
  padding: 10px 0px 0px 10px;
}
.myshifts .days .day.notthismonth {
  background: #e1e0e2;
  border-color: #d8d5d6;
}
.myshifts .days .day.notthismonth .available, .myshifts .days .day.notthismonth .tip-availability {
  display: none;
}
.myshifts .days .day.notthismonth .leave {
  display: none;
}
.myshifts .days .day.notthismonth .daydate {
  color: #b4b1b2;
}
.myshifts .days .day.notthismonth .shift, .myshifts .days .day.notthismonth .hourentry {
  background-color: #1a1718;
  opacity: 0.2;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts .days .day.notthismonth.today .daydate {
  background: #d8d5d6;
  color: #e1e0e2;
}
.myshifts .days .day.notthismonth:hover {
  z-index: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts .days .day.uneditable-availability {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts .days .day.uneditable-availability .available {
  cursor: default;
}
.myshifts .days .day.leaverequest-disabled .leave:not(.requested) {
  cursor: default;
  background: none;
  display: none;
}
.myshifts .days .day.assigningshift {
  border-color: #52a2d5;
}
.myshifts .days .day.assigningshift .assigntoshift {
  visibility: visible;
}
.myshifts .days .day .day-of-week-code3 {
  font-family: Verdana;
}
.myshifts .days .day .date-of-month {
  font-weight: bold;
}
.myshifts .days.lastweek .day {
  border-bottom-width: 1px;
}
.myshifts .days.lastweek .day.notthismonth {
  border-top-color: #b4b1b2;
}
.myshifts .days.lastweek .day.notthismonth.dayone {
  border-left-color: #b4b1b2;
}
.myshifts .days.person-uneditable .day .shift {
  cursor: default;
  box-shadow: none;
}
.myshifts .days.person-uneditable .day .leave {
  cursor: default;
}
.myshifts .days.person-uneditable .day .hourentry {
  cursor: default;
}
.myshifts .days-high {
  height: 180px;
}
.myshifts .weekdaynames .week {
  height: auto;
  background: none;
}
.myshifts .weekdaynames .days {
  height: auto;
}
.myshifts .weekdaynames .days .day {
  min-height: 0px;
  border: none;
}
.myshifts .weekdaynames .days .day:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: auto;
}
.myshifts.year .month {
  clear: both;
}
.myshifts.year .month.overlap {
  margin-top: -32px;
}
.myshifts.year .month .week {
  height: 32px;
  padding-top: 0px;
}
.myshifts.year .month .days {
  height: 32px;
}
.myshifts.year .month .days .day {
  padding-top: 31px;
}
.myshifts.year .month .days .day .leave {
  height: 100%;
}
.myshifts.year .month .days .day .leave .leave-status {
  height: 31px;
}
.myshifts.year .month .days .day .hourentry {
  top: 4px;
  margin-top: 0px;
}
.myshifts.year .month .days .day.today {
  height: 33px;
}
.myshifts.year .month .days .day.today .daydate {
  height: 21px;
}
.myshifts.year .month .days .day.notthismonth {
  background: #ebe9eb;
  z-index: -1;
}
.myshifts.year .month .days .day.notthismonth .daydate {
  z-index: 1;
}
.myshifts.oneweek .days .day {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: auto;
}
.myshifts.oneweek .days .day .available {
  cursor: default;
}
.myshifts.oneweek .days .day.today {
  z-index: 12;
}
.myshifts.threemonths .month .week {
  height: 37px;
}
.myshifts.threemonths .month .days {
  height: 75px;
}
.myshifts.threemonths .days .day {
  width: 1%;
  border-left-color: #d8d5d6;
  background: white;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.myshifts.threemonths .days .day:nth-of-type(7n+1) {
  border-left-color: #b4b1b2;
}
.myshifts.threemonths .days .day.today {
  height: 76px;
  border-left-color: #2b5871;
}
.myshifts.threemonths .days .day .shift {
  background-image: none;
}
.myshifts.threemonths .days .day .hourentry {
  margin-left: 0px !important;
  margin-top: 3px;
  border: 2px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  height: 24px;
}
.myshifts.threemonths .days .day .hourentry:after {
  display: none;
}
.myshifts.threemonths .days .day .leave .leave-status {
  margin-right: -29px;
}
.myshifts.threemonths .days .day.overflow {
  overflow: visible;
  z-index: 20;
}
.myshifts.threemonths .days.labels .day {
  width: 7%;
  background-color: transparent;
}
.myshifts.threemonths .days.labels .day:nth-of-type(15) {
  display: none;
}
.myshifts.oneweek .month:hover .week, .myshifts.threemonths .month:hover .week, .myshifts.year .month:hover .week {
  background-color: #ebe9eb;
}
.shift-calendar .myshifts .days .day.today:after {
  content: "";
  position: absolute;
  background: #2b5871;
  width: 100%;
  height: 1px;
  bottom: -1px;
}
.personal-schedule {
  padding-bottom: 30px;
}
.edit-person label, .edit-person .label_container_checkbox {
  width: 22%;
}
.accordeon label {
  cursor: pointer;
  background-size: 10px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.accordeon label.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright.svg);
}
.accordeon label.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown.svg);
}
.accordeon label h3:first-letter {
  text-transform: none;
}
.contracts label, .contracts .label_container_checkbox {
  width: 22%;
}
.contracts .inherited_value {
  display: inline-block;
  margin-top: 3px;
  padding-left: 10px;
  color: #6a6768;
}
.leave {
  height: 30px;
  background-size: auto 44px;
  background-position: 100% 11px;
  text-align: right;
  position: relative;
}
.leave:hover {
  background-image: url(/bundles/shifterlayout/images/leave-bg-v2.svg);
  opacity: 0.5;
}
.leave.requested {
  background-image: url(/bundles/shifterlayout/images/leave-bg-v2.svg);
  opacity: 1;
}
.leave img {
  height: 16px;
  margin: 7px 7px 0px 0px;
  vertical-align: 5px;
}
.leave img.leave-status {
  height: 30px;
  margin: 0px;
  vertical-align: -2px;
}
.department .week {
  height: 72px;
}
.department .week .block-descr {
  position: absolute;
  top: 44px;
  right: 10px;
  text-align: right;
  color: #6a6768;
}
.department .days {
  height: 110px;
}
.department .days .day {
  width: 14.2857142857%;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}
.department .days .day.sunday {
  border-width: 1px 1px 0px 1px;
}
.department .days .day .addblock {
  height: 100%;
  padding-top: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: url(/bundles/shifterlayout/images/plus.svg) no-repeat center -3px;
  background-size: 40px;
}
.department .days .day.hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.department .days .day .flipper {
  height: 75px;
  width: calc(100% - 0px);
  -webkit-transition: all ease-in-out 0.6s;
  -moz-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}
.department .days .day .block {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 10px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #d8d5d6;
  border-width: 1px 0px 0px 0px;
}
.department .days .day .block .block-actions {
  text-align: center;
  color: #b4b1b2;
  line-height: 2em;
}
.department .days .day .block .block-actions img {
  vertical-align: -3px;
}
.department .days .day .block-graph {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #d8d5d6;
  border-width: 1px 0px 0px 0px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.department .days .day .block-graph canvas {
  width: 100%;
  height: 100%;
}
.department .days .weektotal {
  float: left;
  width: 12.5%;
  height: 100%;
  padding: 42px 10px 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  margin: 40px 22% 20px 22%;
  border: 4px dashed #d8d5d6;
}
.dropzone h3 {
  font-size: 2.5em;
  color: #d8d5d6;
  text-align: center;
  line-height: 150px;
  font-weight: 500;
}
.dropzone.draggedOver {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #6a6768;
}
.dropzone.draggedOver h3 {
  color: #6a6768;
}
.contracts-import .loading {
  color: #b4b1b2;
}
#planningrulelegend {
  height: 108px;
  top: 3px;
  position: absolute;
  right: 62px;
  z-index: 1;
}
.planningrulebuttonrow td {
  text-align: right;
}
.planningrulebuttonrow td .reset {
  position: absolute;
  left: 0px;
}
.onoffswitch.switch-balance {
  padding-right: 10px;
}
.onoffswitch.switch-balance .onoffswitch-label {
  padding: 1px 0px;
}
.onoffswitch.switch-balance .onoffswitch-inner:before {
  content: "Actual";
}
.onoffswitch.switch-balance .onoffswitch-inner:after {
  content: "Forecast";
  padding-left: 31px;
  padding-right: 8px;
}
.balance-navigation {
  width: 78%;
}
.balance-navigation button {
  vertical-align: 0px;
}
.autocomplete_person-container {
  display: inline-block;
  float: right;
  text-align: left;
  margin-right: 20px;
  width: 267px;
}
.select-container select {
  cursor: pointer;
  background-image: none;
  padding-right: 22px;
}
.select-container {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.select-container:after {
  content: " ";
  width: 18px;
  height: 23px;
  border: none;
  background: url(/bundles/shifterlayout/images/arrowdown.svg) no-repeat center center;
  background-size: 8px;
  position: absolute;
  right: 0px;
  top: 0px;
  pointer-events: none;
}
.select-container:hover:after {
  background-image: url(/bundles/shifterlayout/images/arrowdown-grey.svg);
}
.week_selector-container select {
  width: 190px;
}
.registrar-balance thead tr th:not(:first-of-type) {
  text-align: center;
}
.registrar-balance .balance-column, .registrar-balance .mutation-column {
  text-align: right;
  padding-right: 25px;
}
.registrar-balance .balance-column {
  background: #D8D5D6;
}
.calendar-labour {
  background-color: #d8d5d6;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
}
.labour-table tbody:last-of-type tr {
  display: none;
}
.labour-table tbody:last-of-type tr.noresults {
  display: table-row;
}
.labour-table .labour-duration {
  text-align: right;
}
.labour-table .labour-duration-formatted {
  color: #b4b1b2;
}
#registrar-balances #buttons {
  margin-left: 22%;
  margin-bottom: 32px;
}
#registrar-balances #buttons > div {
  cursor: pointer;
  display: inline-block;
  margin: 0px 20px 10px 0px;
  color: #6a6768;
}
#registrar-balances #buttons > div.active, #registrar-balances #buttons > div:hover {
  cursor: default;
  color: black;
}
.registrar-balance thead tr:nth-of-type(2) th {
  background: #D8D5D6;
  font-weight: normal;
}
.mutations-cell {
  overflow: visible;
  text-align: right;
}
.mutations {
  position: relative;
  display: inline-block;
  text-align: left;
}
.mutations .mutations-tooltip {
  padding: 5px 7px 5px 7px;
  margin-bottom: 20px;
  z-index: 1;
  color: white;
  background-color: rgba(26, 23, 24, 0.7);
  position: absolute;
  display: none;
  top: 3px;
  right: 34px;
}
.mutations .mutations-tooltip ul li {
  white-space: nowrap;
}
.mutations .mutations-tooltip:after {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  border-left: 6px solid rgba(26, 23, 24, 0.7);
  right: -12px;
  top: 5px;
}
.mutations:hover .mutations-tooltip {
  display: block;
}
.mutation-zero {
  color: #b4b1b2;
}
.turnintable-accordeon {
  color: #6a6768;
  margin-top: 10px;
}
.turnintable-accordeon span.date {
  color: #1a1718;
}
.turnintable-accordeon span.date span.dd {
  color: #1a1718;
}
.switch-view {
  display: inline-block;
  width: 86px;
  vertical-align: bottom;
}
.switch-view .onoffswitch-inner:before {
  content: "3 months";
}
.switch-view .onoffswitch-inner:after {
  content: "Week";
}
.switch-view .onoffswitch-label {
  padding: 1px 0px;
}
.switch-view.weekview .onoffswitch-label .onoffswitch-inner {
  margin-left: -100%;
}
.switch-view.weekview .onoffswitch-label .onoffswitch-switch {
  left: 0px;
}
.switch-view .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.switch-view .onoffswitch-label .onoffswitch-switch {
  left: -moz-calc(100% - 22px);
  left: -o-calc(100% - 22px);
  left: -webkit-calc(100% - 22px);
  left: calc(100% - 22px);
}
.houradmin-top-table {
  margin-top: 20px;
}
.houradmin-top-table tbody tr:hover td, .houradmin-top-table tbody tr.hover td {
  background-color: transparent;
}
.personaldata-header {
  vertical-align: top;
  width: 22%;
  height: 24px;
}
.houradmin-personaldata {
  vertical-align: top;
  width: 22%;
  background-color: #d8d5d6;
}
.houradmin-personaldata ul {
  line-height: 25px;
  margin-top: 24px;
}
.houradmin-personaldata label {
  width: 50%;
}
.houradmin-personaldata li.person-links {
  padding: 5px 0px;
}
.houradmin-personaldata li.person-links a {
  padding-right: 5px;
}
.houradmin-personaldata .houradmin-personaldata-overflow {
  width: 49%;
  height: 20px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.period-close {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  padding-left: 10px;
}
.period-close .close-moment {
  padding-left: 5px;
}
.houradmin-balance-td {
  padding-right: 0px;
}
.houradmin-balance #buttons {
  display: none;
}
.houradmin-balance table.list {
  margin-top: 0px;
}
.houradmin-tabs {
  width: 82%;
}
.houradmin-tabs .link-container img {
  opacity: 0.5;
}
.houradmin-tabs .link-container.current img {
  opacity: 1;
}
.houradmin-tabs .link-container.current a {
  color: #383536;
  cursor: default;
}
.houradmin .houradmin-hourentries table.list {
  table-layout: fixed;
}
.houradmin table th.leftspace-th {
  padding-left: 6px;
}
.houradmin table th.reference-th {
  padding-right: 10px;
}
.houradmin table th.rightalign-th {
  text-align: right;
}
.houradmin table th.centeralign-th {
  text-align: center;
}
.houradmin table td {
  line-height: 2.2em;
}
.houradmin table td.labour-status {
  overflow: visible;
  padding-left: 0px;
}
.houradmin table td.labour-status .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.houradmin table td.labour-status .status.planning, .houradmin table td.labour-status .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.houradmin table td.labour-status .status.planned, .houradmin table td.labour-status .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.houradmin table td.labour-status .status.assigning, .houradmin table td.labour-status .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.houradmin table td.labour-status .status.assigned, .houradmin table td.labour-status .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.houradmin table td.labour-status .status.writing, .houradmin table td.labour-status .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.houradmin table td.labour-status .status.written, .houradmin table td.labour-status .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.houradmin table td.labour-status .status.processed, .houradmin table td.labour-status .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.houradmin table td.labour-status .status.cancelled, .houradmin table td.labour-status .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.houradmin table td.labour-status .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.houradmin table td.labour-status .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.houradmin table td.labour-status .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.houradmin table td.labour-status .status {
  cursor: pointer;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 0px;
  height: 100%;
  padding-right: 0px;
  overflow: hidden;
  background-position: 6px 6px;
}
.houradmin table td.labour-status .status.cancelled {
  background-color: #aaa8aa;
}
.houradmin table td.labour-status .status:hover {
  width: auto;
  padding-right: 6px;
  z-index: 20;
}
.houradmin table td.labour-leftspace {
  padding-left: 6px;
  white-space: nowrap;
}
.houradmin table td.labour-start {
  text-align: right;
}
.houradmin table td.labour-start input[type=time] {
  width: 100%;
  max-width: 68px;
  min-width: 0;
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
}
.houradmin table td.labour-start-input {
  text-align: right;
  padding-right: 0px;
  overflow: visible;
}
.houradmin table td.labour-start-input input[type=time] {
  width: 100%;
  max-width: 68px;
  min-width: 0;
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
}
.houradmin table td.labour-end {
  text-align: right;
}
.houradmin table td.labour-end-input {
  text-align: right;
  padding-right: 0px;
  overflow: visible;
}
.houradmin table td.labour-end-input input[type=time] {
  width: 100%;
  max-width: 68px;
  min-width: 0;
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
}
.houradmin table td.labour-reference {
  text-align: right;
  white-space: nowrap;
}
.houradmin table td.labour-duration {
  text-align: right;
}
.houradmin table td.labour-duration-formatted {
  color: #b4b1b2;
  white-space: nowrap;
}
.houradmin table td.labour-newshift {
  background: url(/bundles/shifterlayout/images/plus.svg) no-repeat 7px 8px / 10px;
  color: #6a6768;
  padding-left: 29px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.houradmin table td.labour-checkbox {
  text-align: right;
}
.houradmin table td.labour-checkbox .deleted-label {
  display: none;
  color: #6a6768;
}
.houradmin table td.dummy-message {
  color: #b4b1b2;
  text-align: right;
}
.houradmin table td.mutations-cell img {
  padding-right: 8px;
}
.houradmin table td .shift-notconfirmed {
  color: #b4b1b2;
}
.houradmin table td .labourimage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 25px;
  padding-left: 5px;
  background-color: #d8d5d6;
}
.houradmin table td .datelabel {
  margin-top: 2px;
  max-width: 100%;
  vertical-align: middle;
}
.houradmin table td .datelabel > .label {
  min-width: 72px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 6px;
}
.houradmin table td .select-container {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.houradmin table td .select-container select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.houradmin table td .labour-costcenter {
  color: #6a6768;
}
.houradmin table td input[type=button] {
  margin-top: 2px;
  margin-bottom: 3px;
}
.houradmin table td input[type=number], .houradmin table td input[type=text] {
  margin-bottom: 2px;
}
.houradmin table tr:hover td.labour-newshift {
  background: url(/bundles/shifterlayout/images/plus.svg) no-repeat 7px 8px / 10px white;
}
.houradmin .select2-container {
  margin: 2px 0px 0px 0px;
}
.houradmin .ac-department-label span {
  display: inline-block;
}
.houradmin .to-be-deleted td.date, .houradmin .to-be-deleted td.labour-duration, .houradmin .to-be-deleted td.labour-duration-formatted {
  text-decoration: line-through;
}
.houradmin .to-be-deleted > td:not(.labour-checkbox) {
  opacity: 0.5;
}
.houradmin .to-be-deleted .labour-checkbox .deleted-label {
  display: inline-block;
  padding-right: 5px;
}
.houradmin .houradmin-holidayimg {
  float: right;
  padding-top: 6px;
}
.datebutton-container {
  display: inline-block;
  width: 13%;
  margin-right: 1px;
}
.datebutton-container .button {
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  overflow: hidden;
}
.datebutton-container .button.active {
  background-color: white;
}
.houradmin-mutations table tbody tr th, .houradmin-mutations table tbody tr:hover th {
  background-color: #d8d5d6;
  text-transform: uppercase;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding-left: 5px;
}
.houradmin-mutations table tbody tr th.mutation-value, .houradmin-mutations table tbody tr:hover th.mutation-value {
  text-align: right;
  letter-spacing: 0px;
}
.switch-calendar {
  display: none;
  width: 73px;
}
.switch-calendar .onoffswitch-inner:before {
  content: "Month";
}
.switch-calendar .onoffswitch-inner:after {
  content: "Year";
}
.switch-calendar .onoffswitch-label {
  padding: 1px 0px;
}
.centre {
  position: relative;
  width: 57%;
  margin-left: 22%;
  margin-bottom: 10px;
}
.centre .late .select2-results {
  max-height: none;
  overflow: visible;
}
.centre .late .late-count {
  padding: 0px 0px 10px 87px;
  background: url(/bundles/shifterlayout/images/exclamark-orange.svg) 64px 0px no-repeat;
  background-size: 18px;
}
.centre .late-list .late-amount {
  background: url(/bundles/shifterlayout/images/exclamark-orange.svg) 0px 50% no-repeat;
  background-color: orange;
  background-size: 16px;
  padding: 4px 4px 3px 18px;
  margin-right: 5px;
  color: white;
}
.centre .late-list .late-shift {
  cursor: pointer;
  margin-top: 7px;
  z-index: 10;
}
.centre .late-list .late-shift .point {
  background-position: 4px 1px;
}
.centre .late-list .late-shift .left {
  margin-left: -3px;
}
.centre .late-list .late-shift .main {
  background-color: transparent;
  width: auto;
}
.centre .late-list .late-shift .main .person {
  border: none;
}
.centre .late-list .late-shift:hover .main {
  background-color: white;
}
.centre .late-list .late-shift .incidents {
  padding-left: 5px;
}
.centre .late-list .late-shift .incidents img {
  height: 12px;
  vertical-align: -2px;
}
.centre .late-list .late-shift .incidents span {
  background-color: #e1e0e2;
  padding: 2px 5px 0px 5px;
  margin-left: 5px;
  display: none;
}
.centre .late-list .late-shift .incidents:hover span {
  display: inline-block;
}
.centre .late-list .late-shift .incidents {
  display: inline-block;
  padding: 0px 5px;
}
.centre .late-list .late-shift .incidents:hover {
  background-color: white;
  position: absolute;
  right: 15px;
}
.centre .late-list .late-shift .notes {
  display: inline-block;
  padding: 0px 5px;
}
.centre .late-list .late-shift .notes img {
  height: 12px;
  vertical-align: -2px;
}
.searchshift {
  width: 790px;
  margin-left: -69px;
}
.searchshift .eventfilter {
  float: right;
  margin-top: -40px;
}
.searchshift .select2-container {
  margin-bottom: 10px;
}
.searchshift .select2-container .select2-choice {
  height: 46px;
}
.searchshift .select2-container .select2-choice span {
  overflow: visible;
}
.searchshift .select2-container .select2-default span {
  font-size: 1.5em;
  line-height: 47px;
  padding-left: 62px;
  background-image: url(/bundles/shifterlayout/images/magglass-lightgrey.svg);
  background-size: 29px;
  background-repeat: no-repeat;
  background-position: 9px 8px;
}
.select2-container .select2-choice .searchshift-result, .select2-results .searchshift-result {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  container-type: inline-size;
}
.select2-container .select2-choice .searchshift-result .left, .select2-results .searchshift-result .left {
  margin: -3px 0px -5px -7px;
  line-height: 20px;
  padding-right: 10px;
  float: left;
  height: 50px;
}
.select2-container .select2-choice .searchshift-result .left .status, .select2-results .searchshift-result .left .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.select2-container .select2-choice .searchshift-result .left .status.planning, .select2-container .select2-choice .searchshift-result .left .status.Planning, .select2-results .searchshift-result .left .status.planning, .select2-results .searchshift-result .left .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.planned, .select2-container .select2-choice .searchshift-result .left .status.Planned, .select2-results .searchshift-result .left .status.planned, .select2-results .searchshift-result .left .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.assigning, .select2-container .select2-choice .searchshift-result .left .status.Assigning, .select2-results .searchshift-result .left .status.assigning, .select2-results .searchshift-result .left .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.assigned, .select2-container .select2-choice .searchshift-result .left .status.Assigned, .select2-results .searchshift-result .left .status.assigned, .select2-results .searchshift-result .left .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.writing, .select2-container .select2-choice .searchshift-result .left .status.Writing, .select2-results .searchshift-result .left .status.writing, .select2-results .searchshift-result .left .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.written, .select2-container .select2-choice .searchshift-result .left .status.Written, .select2-results .searchshift-result .left .status.written, .select2-results .searchshift-result .left .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.processed, .select2-container .select2-choice .searchshift-result .left .status.Processed, .select2-results .searchshift-result .left .status.processed, .select2-results .searchshift-result .left .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.cancelled, .select2-container .select2-choice .searchshift-result .left .status.Cancelled, .select2-results .searchshift-result .left .status.cancelled, .select2-results .searchshift-result .left .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.pending, .select2-results .searchshift-result .left .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.approved, .select2-results .searchshift-result .left .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status.rejected, .select2-results .searchshift-result .left .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.select2-container .select2-choice .searchshift-result .left .status, .select2-results .searchshift-result .left .status {
  height: 100%;
  margin-bottom: 0px;
  background-size: 26px;
  background-position: 50% 50%;
  width: 24px;
}
.select2-container .select2-choice .searchshift-result .left img, .select2-results .searchshift-result .left img {
  width: 44px;
}
.select2-container .select2-choice .searchshift-result .main, .select2-results .searchshift-result .main {
  float: none;
  overflow: hidden;
  margin: -3px 0px -4px -10px;
  min-height: 50px;
  background: white;
}
.select2-container .select2-choice .searchshift-result .main:hover, .select2-results .searchshift-result .main:hover {
  background: #ebe9eb;
}
.select2-container .select2-choice .searchshift-result .main .activity, .select2-results .searchshift-result .main .activity {
  float: left;
  padding: 6px 0px 6px 12px;
}
.select2-container .select2-choice .searchshift-result .main .activity span, .select2-results .searchshift-result .main .activity span {
  font-size: 1em;
  line-height: 1.5em;
}
.select2-container .select2-choice .searchshift-result .main .person, .select2-results .searchshift-result .main .person {
  clear: left;
  border-top: 1px solid #d8d5d6;
  font-size: 1.5em;
  text-align: left;
  padding: 6px 12px 6px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-container .select2-choice .searchshift-result .main .person b, .select2-results .searchshift-result .main .person b {
  font-size: 1em;
}
.select2-container .select2-choice .searchshift-result .main .person .person-details, .select2-results .searchshift-result .main .person .person-details {
  font-size: 13px;
  color: #6a6768;
}
@container (min-width: 520px) {
  .select2-container .select2-choice .searchshift-result .main, .select2-results .searchshift-result .main {
    display: flex;
    align-items: stretch;
  }
  .select2-container .select2-choice .searchshift-result .main .activity, .select2-results .searchshift-result .main .activity {
    float: none;
    flex: 1 1 auto;
    min-width: 0;
  }
  .select2-container .select2-choice .searchshift-result .main .person, .select2-results .searchshift-result .main .person {
    clear: none;
    flex: 0 0 53.5%;
    min-width: 0;
    border-top: 0;
    border-left: 1px solid #d8d5d6;
    text-align: right;
    padding: 6px 6px 6px 12px;
  }
}
.select2-container .select2-choice .searchshift-result span {
  display: inline-block;
}
.select2-container .select2-choice .searchshift-result .main:hover {
  background: white;
}
.select2-container .select2-choice .searchshift-result .main .person {
  padding-right: 35px;
}
.worker {
  float: right;
  width: 18px;
  margin-left: 10px;
  z-index: 99999 !important;
  cursor: hand !important;
}
.id-red {
  background: url(/bundles/shifterlayout/images/id-red.png) no-repeat;
  background-size: 18px !important;
}
.id-green {
  background: url(/bundles/shifterlayout/images/id-green.png) no-repeat;
  background-size: 18px !important;
}
.id-orange {
  background: url(/bundles/shifterlayout/images/id-orange.png) no-repeat;
  background-size: 18px !important;
}
.assignshift-result {
  width: auto;
  position: relative;
}
.assignshift-result .top {
  height: 24px;
}
#controlcentre-graphs {
  margin: 20px 0px 10px 21%;
  width: 731px;
}
#controlcentre-graph {
  height: 350px;
}
.person-department-authorization .input-container {
  width: auto;
}
.person-department-authorization .formarea {
  margin-bottom: 12px;
}
.person-department-authorization table {
  width: auto;
  border-collapse: collapse;
}
.person-department-authorization table .select2-container {
  width: 150px;
}
.person-department-authorization table tr:hover td, .person-department-authorization table tr.hover td {
  background-color: transparent;
}
.person-department-authorization table td {
  padding: 2px 8px 2px 0;
  vertical-align: middle;
}
.person-department-authorization table td.action-col {
  padding-right: 0;
  text-align: center;
}
.person-department-authorization table td.action-col img {
  display: block;
  margin: auto;
}
.person-department-authorization table .dept-name span {
  color: #b4b1b2;
}
.person-department-authorization table #s2id_departmentAutocomplete, .person-department-authorization table #s2id_exceptionAutocomplete, .person-department-authorization table #s2id_additionAutocomplete, .person-department-authorization table #s2id_extraAdditionAutocomplete {
  width: 300px !important;
}
.person-department-authorization table .select2-drop {
  z-index: 9999;
}
.person-department-authorization #s2id_locationSelect .select2-choices {
  min-height: 26px;
  max-height: 80px;
  overflow-y: auto;
}
.person-authorization #s2id_department_ids .select2-search-choice div > span {
  width: auto !important;
}
.person-authorization .people-count {
  float: left;
  padding-left: 5px;
  color: #6a6768;
  line-height: 27px;
}
.person-authorization .remove-button {
  float: right;
}
.latecomers {
  width: 650px;
  height: 176px;
  background: white;
}
.latecomers .select2-results {
  height: 100%;
}
.selected-shift {
  height: auto;
  width: 650px;
  background: white;
  margin-top: -4px;
}
.selected-shift .select2-results {
  padding: 0px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #d8d5d6;
  overflow: hidden;
}
.graph-tooltip {
  position: absolute;
  z-index: 30;
  padding: 8px;
  background: white;
  white-space: nowrap;
  border: 1px solid #d8d5d6;
  -webkit-box-shadow: 0px 2px 15px -2px rgba(26, 23, 24, 0.2);
  -moz-box-shadow: 0px 2px 15px -2px rgba(26, 23, 24, 0.2);
  box-shadow: 0px 2px 15px -2px rgba(26, 23, 24, 0.2);
}
.graph-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: 15px;
  width: 0;
  height: 0;
  border-color: white transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
}
.graph-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 15px;
  width: 0;
  height: 0;
  border-color: #d8d5d6 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
}
#monitor {
  margin-left: -70px;
  position: relative;
}
#monitor .axis text {
  fill: #6a6768;
}
#monitor .legend text {
  fill: #6a6768;
}
#monitor path.domain {
  fill: none;
  stroke: #d8d5d6;
  stroke-width: 1px;
}
.pies-container {
  text-align: left;
  margin-bottom: 40px;
}
.pies-container .pie {
  display: inline-block;
  position: relative;
  margin-right: 50px;
}
.pies-container .pie:hover .graph-tooltip {
  z-index: 40;
}
.pies-container .pie-title {
  display: block;
  position: absolute;
  bottom: -20px;
  padding-left: 10px;
  color: #6a6768;
}
.pies-container table.summary {
  display: inline-block;
  table-layout: auto;
  width: auto;
  vertical-align: top;
}
.pies-container table.summary tr td {
  color: #6a6768;
}
.pies-container table.summary tr td:nth-of-type(1) {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 3em;
  color: #6a6768;
  padding-right: 10px;
  text-align: right;
}
.pies-container table.summary tr:hover td {
  background: none;
}
.info-container .traffic {
  display: inline-block;
  width: 63%;
  margin-right: 2%;
  height: 300px;
  position: relative;
}
.info-container .traffic .map-controls {
  position: absolute;
  left: 0%;
  width: 100px;
  padding-right: 10px;
  margin-left: -110px;
  text-align: right;
}
.info-container .traffic .map-controls label {
  width: auto;
}
.info-container .traffic #traffic-map {
  width: 100%;
  height: 100%;
}
.info-container .publictransport {
  display: inline-block;
  width: 33.333%;
}
.itemform {
  margin-top: 25px;
  position: relative;
}
.itemform label.descr {
  display: block;
  text-align: right;
  margin-left: -235px;
  margin-bottom: -18px;
}
.itemform .scanbox-container {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px 20px 40px;
  width: 21%;
  height: 170px;
}
.itemform .scanbox-container.select .scanbox.scan {
  background-image: none;
  height: auto;
  padding-bottom: 4px;
}
.itemform .scanbox-container.user {
  height: auto;
  width: -moz-calc(42% + 40px);
  width: -o-calc(42% + 40px);
  width: -webkit-calc(42% + 40px);
  width: calc(42% + 40px);
}
.itemform .scanbox-container.move {
  width: 100%;
  height: auto;
}
.itemform .scanbox-container.move.s {
  height: auto;
}
.itemform .scanbox-container.move p {
  line-height: 28px;
  padding: 0 0 0 45px;
}
.itemform .scanbox-container.move label.simple_label {
  width: 40%;
}
.itemform .scanbox-container.move .display-container {
  width: 60% !important;
}
.itemform .scanbox-container.move .move-undo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
  float: right;
  margin-right: 2px;
}
.itemform .scanbox-container.move .move-undo:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
.itemform .scanbox-container.move .move-undo:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
.itemform .scanbox-container.move .move-undo.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
.itemform .scanbox-container.move .move-undo.delete:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.itemform .scanbox-container.move .move-undo.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.itemform .scanbox-container.move .move-undo.planning:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
.itemform .scanbox-container.move .move-undo.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.itemform .scanbox-container.move .move-undo.planned:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.itemform .scanbox-container.move .move-undo.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.itemform .scanbox-container.move .move-undo.assigning:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.itemform .scanbox-container.move .move-undo.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.itemform .scanbox-container.move .move-undo.assigned:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
.itemform .scanbox-container.move .move-undo.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .move-undo.writing:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.itemform .scanbox-container.move .move-undo.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.itemform .scanbox-container.move .move-undo.writingjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.itemform .scanbox-container.move .move-undo.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .move-undo.written:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.itemform .scanbox-container.move .move-undo.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.itemform .scanbox-container.move .move-undo.writtenjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.itemform .scanbox-container.move .move-undo.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
.itemform .scanbox-container.move .move-undo.processed:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .move-undo.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
.itemform .scanbox-container.move .move-undo.processedjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .move-undo.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.itemform .scanbox-container.move .move-undo.cancelled:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
.itemform .scanbox-container.move .move-undo.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
.itemform .scanbox-container.move .move-undo.pending:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.itemform .scanbox-container.move .move-undo.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .move-undo.approved:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .move-undo.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.itemform .scanbox-container.move .move-undo.rejected:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
.itemform .scanbox-container.move .move-undo.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.itemform .scanbox-container.move .move-undo.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
.itemform .scanbox-container.move .move-undo.add:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
.itemform .scanbox-container.move .move-undo.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
.itemform .scanbox-container.move .move-undo.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
.itemform .scanbox-container.move .move-undo.deselect:hover:not([disabled=disabled]), .itemform .scanbox-container.move .move-undo.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.itemform .scanbox-container.move .move-undo[disabled="disabled"], .itemform .scanbox-container.move .move-undo[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.itemform .scanbox-container.move .move-undo[disabled="disabled"] img, .itemform .scanbox-container.move .move-undo[disabled] img {
  opacity: 0.2;
}
.itemform .scanbox-container.move .move-undo[disabled="disabled"]:hover, .itemform .scanbox-container.move .move-undo[disabled]:hover {
  background-color: #ebe9eb;
}
.itemform .scanbox-container.move .change-department {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: auto;
  display: inline-block;
  padding: 3px 7px 4px;
  margin: 2px 0px 3px 0px;
  background-image: none;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #2b5871;
  white-space: nowrap;
  vertical-align: bottom;
  border: 1px solid #d1cdce;
  cursor: pointer;
  -webkit-box-shadow: inset 1px 1px 1px 0px white;
  -moz-box-shadow: inset 1px 1px 1px 0px white;
  box-shadow: inset 1px 1px 1px 0px white;
  line-height: 15px;
  float: right;
  margin-right: 2px;
}
.itemform .scanbox-container.move .change-department:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department:focus:not([disabled=disabled]) {
  background-color: white;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  border-color: #d8d5d6;
}
.itemform .scanbox-container.move .change-department:active {
  background-color: #e3e1e3;
  border: 1px solid #c9c5c7;
  -webkit-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  -moz-box-shadow: inset 1px 1px 1px 0px #d8d5d6;
  box-shadow: inset 1px 1px 1px 0px #d8d5d6;
}
.itemform .scanbox-container.move .change-department.delete {
  background-image: url(/bundles/shifterlayout/images/trash-grey.svg);
}
.itemform .scanbox-container.move .change-department.delete:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.delete:focus:not([disabled=disabled]) {
  color: white;
  border-color: #e60000;
  background-color: red;
  background-image: url(/bundles/shifterlayout/images/trash-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.itemform .scanbox-container.move .change-department.delete[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/trash-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.planning {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.itemform .scanbox-container.move .change-department.planning:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.planning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #308ac4;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  -moz-box-shadow: inset 1px 1px 1px 0px #7bb8df;
  box-shadow: inset 1px 1px 1px 0px #7bb8df;
}
.itemform .scanbox-container.move .change-department.planning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.planned {
  background-image: url(/bundles/shifterlayout/images/compass-grey.svg);
}
.itemform .scanbox-container.move .change-department.planned:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.planned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.itemform .scanbox-container.move .change-department.planned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/compass-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.assigning {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.itemform .scanbox-container.move .change-department.assigning:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.assigning:focus:not([disabled=disabled]) {
  color: white;
  border-color: #c12731;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.itemform .scanbox-container.move .change-department.assigning[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.assigned {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.itemform .scanbox-container.move .change-department.assigned:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.assigned:focus:not([disabled=disabled]) {
  color: white;
  border-color: #4d1819;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #9b3031;
  -moz-box-shadow: inset 1px 1px 1px 0px #9b3031;
  box-shadow: inset 1px 1px 1px 0px #9b3031;
}
.itemform .scanbox-container.move .change-department.assigned[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.writing {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .change-department.writing:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.writing:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.itemform .scanbox-container.move .change-department.writing[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.writingjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.itemform .scanbox-container.move .change-department.writingjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.writingjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #cc9b0d;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  -moz-box-shadow: inset 1px 1px 1px 0px #f3c94c;
  box-shadow: inset 1px 1px 1px 0px #f3c94c;
}
.itemform .scanbox-container.move .change-department.writingjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.written {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .change-department.written:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.written:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.itemform .scanbox-container.move .change-department.written[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.writtenjob {
  background-image: url(/bundles/shifterlayout/images/checkclock-grey.svg);
}
.itemform .scanbox-container.move .change-department.writtenjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.writtenjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #634f0c;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/checkclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #bf9916;
  -moz-box-shadow: inset 1px 1px 1px 0px #bf9916;
  box-shadow: inset 1px 1px 1px 0px #bf9916;
}
.itemform .scanbox-container.move .change-department.writtenjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/checkclock-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.processed {
  background-image: url(/bundles/shifterlayout/images/lock-grey.svg);
}
.itemform .scanbox-container.move .change-department.processed:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.processed:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .change-department.processed[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lock-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.processedjob {
  background-image: url(/bundles/shifterlayout/images/lockclock-grey.svg);
}
.itemform .scanbox-container.move .change-department.processedjob:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.processedjob:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lockclock-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .change-department.processedjob[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/lockclock-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.itemform .scanbox-container.move .change-department.cancelled:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.cancelled:focus:not([disabled=disabled]) {
  color: #6a6768;
  border-color: #9b9798;
  background-color: #b4b1b2;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cdcbcc;
  box-shadow: inset 1px 1px 1px 0px #cdcbcc;
}
.itemform .scanbox-container.move .change-department.cancelled[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.pending {
  background-image: url(/bundles/shifterlayout/images/circle-grey.svg);
}
.itemform .scanbox-container.move .change-department.pending:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.pending:focus:not([disabled=disabled]) {
  color: white;
  border-color: #1d3b4c;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #397596;
  -moz-box-shadow: inset 1px 1px 1px 0px #397596;
  box-shadow: inset 1px 1px 1px 0px #397596;
}
.itemform .scanbox-container.move .change-department.pending[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/circle-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.approved {
  background-image: url(/bundles/shifterlayout/images/check-grey.svg);
}
.itemform .scanbox-container.move .change-department.approved:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.approved:focus:not([disabled=disabled]) {
  color: white;
  border-color: #368944;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #63c273;
  -moz-box-shadow: inset 1px 1px 1px 0px #63c273;
  box-shadow: inset 1px 1px 1px 0px #63c273;
}
.itemform .scanbox-container.move .change-department.approved[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/check-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.rejected {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.itemform .scanbox-container.move .change-department.rejected:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.rejected:focus:not([disabled=disabled]) {
  color: white;
  border-color: #611e1f;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
  -webkit-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  -moz-box-shadow: inset 1px 1px 1px 0px #c23c3e;
  box-shadow: inset 1px 1px 1px 0px #c23c3e;
}
.itemform .scanbox-container.move .change-department.rejected[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/close-lightgrey.svg);
}
.itemform .scanbox-container.move .change-department.add {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
  padding-left: 24px;
}
.itemform .scanbox-container.move .change-department.add:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.add:focus:not([disabled=disabled]) {
  background-image: url(/bundles/shifterlayout/images/plus-grey.svg);
}
.itemform .scanbox-container.move .change-department.add[disabled="disabled"] {
  background-image: url(/bundles/shifterlayout/images/plus.svg);
}
.itemform .scanbox-container.move .change-department.deselect {
  background-color: #c00;
  border-color: #b30000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f33;
  -moz-box-shadow: inset 1px 1px 1px 0px #f33;
  box-shadow: inset 1px 1px 1px 0px #f33;
  color: white;
}
.itemform .scanbox-container.move .change-department.deselect:hover:not([disabled=disabled]), .itemform .scanbox-container.move .change-department.deselect:focus:not([disabled=disabled]) {
  background-color: red;
  border-color: #e60000;
  -webkit-box-shadow: inset 1px 1px 1px 0px #f66;
  -moz-box-shadow: inset 1px 1px 1px 0px #f66;
  box-shadow: inset 1px 1px 1px 0px #f66;
}
.itemform .scanbox-container.move .change-department[disabled="disabled"], .itemform .scanbox-container.move .change-department[disabled] {
  color: #b4b1b2;
  background-color: #ebe9eb;
  background-size: 14px;
  background-position: 5px center;
  background-repeat: no-repeat;
  cursor: auto;
  border-color: #d8d5d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.itemform .scanbox-container.move .change-department[disabled="disabled"] img, .itemform .scanbox-container.move .change-department[disabled] img {
  opacity: 0.2;
}
.itemform .scanbox-container.move .change-department[disabled="disabled"]:hover, .itemform .scanbox-container.move .change-department[disabled]:hover {
  background-color: #ebe9eb;
}
.itemform .moves-container {
  display: inline-block;
  width: -moz-calc(42% + 40px);
  width: -o-calc(42% + 40px);
  width: -webkit-calc(42% + 40px);
  width: calc(42% + 40px);
}
.itemform span.big {
  font-size: 1.4em;
  line-height: 1.5em;
}
.itemform span.big.person .lastname {
  font-size: 1em;
}
.itemform .scanbox {
  position: relative;
  height: 170px;
  text-align: center;
  background-color: white;
  border: 1px solid #d8d5d6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.itemform .scanbox .person .lastname {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
}
.itemform .scanbox .imgspacer {
  height: 80px;
  padding: 15px 0px 10px 0px;
  display: block;
  margin: auto;
}
.itemform .scanbox.user, .itemform .scanbox.item {
  height: auto;
  min-height: 170px;
}
.itemform .scanbox.user .top, .itemform .scanbox.item .top {
  padding-bottom: 10px;
}
.itemform .scanbox.user .formfield, .itemform .scanbox.user .formarea, .itemform .scanbox.item .formfield, .itemform .scanbox.item .formarea {
  min-height: 0px;
}
.itemform .scanbox.user .formfield label, .itemform .scanbox.user .formarea label, .itemform .scanbox.item .formfield label, .itemform .scanbox.item .formarea label {
  color: #b4b1b2;
  width: auto;
  display: block;
  float: left;
  text-align: right;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.itemform .scanbox.user .input-container, .itemform .scanbox.item .input-container {
  width: auto;
}
.itemform .scanbox.user .display-container, .itemform .scanbox.item .display-container {
  width: auto;
}
.itemform .scanbox.user .display-container > div, .itemform .scanbox.item .display-container > div {
  display: inline-block;
}
.itemform .scanbox .buttons {
  text-align: left;
  padding: 10px;
}
.itemform .scanbox .shiftinfo {
  position: relative;
}
.itemform .scanbox .datetime {
  cursor: default;
  background: none;
}
.itemform .scanbox img.icon {
  position: absolute;
  top: 24px;
  left: 22px;
  height: 37px;
}
.itemform .scanbox .left {
  position: relative;
  margin-right: 240px;
  margin-left: 0px;
  text-align: left;
}
.itemform .scanbox .person-block, .itemform .scanbox .item-block {
  margin-left: 80px;
  padding: 20px 0px 10px 0px;
  text-align: left;
}
.itemform .scanbox .person-descr, .itemform .scanbox .item-descr {
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 11pt;
}
.itemform .scanbox .item-name {
  font-weight: 900;
}
.itemform .scanbox .item-info {
  text-align: left;
  border-top: 1px solid #d8d5d6;
  padding-bottom: 5px;
}
.itemform .scanbox .latestshifts .display-container {
  width: auto;
}
.itemform .scanbox .right {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: 0px;
  top: 0px;
  width: 240px;
  padding: 5px 10px 10px 12px;
  text-align: left;
  border-left: 1px solid #d8d5d6;
}
.itemform .scanbox .right .status {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-bottom: 9px;
  padding: 0px 6px 0px 25px;
  letter-spacing: 2px;
  background-color: rgba(106, 103, 104, 0.4);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 6px 5px;
  text-transform: uppercase;
}
.itemform .scanbox .right .status.planning, .itemform .scanbox .right .status.Planning {
  color: white;
  background-color: #52a2d5;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.itemform .scanbox .right .status.planned, .itemform .scanbox .right .status.Planned {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/compass-white.svg);
}
.itemform .scanbox .right .status.assigning, .itemform .scanbox .right .status.Assigning {
  color: white;
  background-color: #d9414b;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.itemform .scanbox .right .status.assigned, .itemform .scanbox .right .status.Assigned {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/user-white.svg);
}
.itemform .scanbox .right .status.writing, .itemform .scanbox .right .status.Writing {
  color: white;
  background-color: #f0ba1c;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.itemform .scanbox .right .status.written, .itemform .scanbox .right .status.Written {
  color: white;
  background-color: #917411;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.itemform .scanbox .right .status.processed, .itemform .scanbox .right .status.Processed {
  color: white;
  background-color: #44ae56;
  background-image: url(/bundles/shifterlayout/images/lock-white.svg);
}
.itemform .scanbox .right .status.cancelled, .itemform .scanbox .right .status.Cancelled {
  color: #6a6768;
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.itemform .scanbox .right .status.pending {
  color: white;
  background-color: #2b5871;
  background-image: url(/bundles/shifterlayout/images/circle-white.svg);
}
.itemform .scanbox .right .status.approved {
  color: white;
  background-color: #215f2d;
  background-image: url(/bundles/shifterlayout/images/check-white.svg);
}
.itemform .scanbox .right .status.rejected {
  color: white;
  background-color: #742425;
  background-image: url(/bundles/shifterlayout/images/close-white.svg);
}
.itemform .scanbox .right .status {
  padding-left: 19px;
  margin-bottom: 0px;
  margin-top: -4px;
}
.itemform .scanbox .right .qualification {
  margin-bottom: -5px;
}
.itemform .scanbox .right .qualification span {
  padding-right: 14px;
  margin-right: 4px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) 100% 4px no-repeat;
  background-size: 9px;
}
.itemform .scanbox .personitems {
  overflow: auto;
  padding: 0px 10px 10px 10px;
  border-top: 1px solid #d8d5d6;
  text-align: left;
}
.itemform .scanbox .personitems ul.nav {
  display: inline-block;
}
.itemform .scanbox .personitems ul.nav > li {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  cursor: pointer;
  color: #b4b1b2;
  white-space: nowrap;
}
.itemform .scanbox .personitems ul.nav > li h3 {
  display: inline-block;
}
.itemform .scanbox .personitems ul.nav > li.current {
  color: #383536;
}
.itemform .scanbox .personitems ul.nav > li.current .itemlist {
  display: block;
  cursor: default;
}
.itemform .scanbox .personitems ul.nav .icon {
  display: none;
}
.itemform .scanbox .personitems .itemlist {
  display: none;
  width: 100%;
  margin: 10px 3% 10px 0px;
}
.itemform .scanbox .delete {
  position: absolute;
  padding: 7px 7px 3px 3px;
  width: 13px;
  top: 0px;
  right: 0px;
  opacity: 0.5;
  cursor: pointer;
  z-index: 1;
}
.itemform .scanbox .delete:hover {
  opacity: 1;
}
.itemform .scanbox ul {
  color: #1a1718;
  text-align: left;
  margin-top: 5px;
}
.itemform .scanbox ul span > span {
  color: #6a6768;
}
.itemform .scanbox.item {
  min-height: 0px;
  height: auto;
}
.itemform .scanbox.item span > span {
  display: block;
  color: #b4b1b2;
}
.itemform .scanbox.item label {
  width: 30%;
}
.itemform .scanbox.item.move {
  width: auto;
}
.itemform .scanbox.item.move img.icon {
  top: 36px;
}
.itemform .scanbox.item.move .item-move-details {
  padding: 10px 10px 10px 80px;
}
.itemform .scanbox.item.move.s .item-move-details {
  display: none;
}
.itemform .scanbox.item.move .shiftinfo {
  text-align: left;
}
.itemform .scanbox.choose-location {
  background: transparent;
}
.itemform .scanbox.choose-location span {
  color: #b4b1b2;
}
.itemform .scanbox.choose {
  background: transparent url(/bundles/shifterlayout/images/scan-superlightgrey.svg) 50% 20px no-repeat;
  background-size: 80px;
}
.itemform .scanbox.choose span {
  color: #b4b1b2;
}
.itemform .scanbox.scan {
  background: transparent url(/bundles/shifterlayout/images/scan-red.svg) 50% 20px no-repeat;
  background-size: 80px;
}
.itemform .scanbox.scan span {
  color: #6a6768;
}
.itemform .scanbox .inputs {
  text-align: left;
}
.itemform .scanbox .inputs .input-container {
  width: 100%;
  padding: 8px 12px 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.itemform .issueinfo {
  margin-top: 10px;
}
.itemform .issueinfo .scanbox-container, .itemform .issueinfo .scanbox {
  height: 90px;
  min-height: 90px;
}
.itemform .size {
  vertical-align: 0px;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 4px;
  background-color: white;
}
.itemform .buttons .dates {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 42%;
  margin: 0px 40px 0px 40px;
}
.itemform button {
  margin: 0px 0px 20px 40px;
  width: 21%;
  height: auto;
  padding-bottom: 8px;
}
.itemform button img {
  width: 95%;
  height: 80px;
  image-rendering: crisp-edges;
  padding: 8px 6px;
  margin: 0px 2.5%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.itemform button.issuesubmit {
  float: right;
  margin: 5px 40px 10px 0px;
}
.itemform button.issueempty {
  float: left;
}
.itemform button.focus {
  background: white;
}
.itemlist {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.itemlist li > span > span {
  color: #6a6768;
}
.inventory-list tbody tr td:first-of-type {
  padding-left: 10px;
}
.itembreadcrumbs .imgspacer {
  height: 85px;
  visibility: hidden;
}
.itembreadcrumbs .button-container {
  vertical-align: top;
  display: inline-block;
  width: 21%;
  margin-left: 40px;
  height: 185px;
  padding-top: 5px;
}
.itembreadcrumbs .button-container .clickaction {
  margin-top: -50px;
  text-align: center;
  color: #6a6768;
  font-size: 1.4em;
  line-height: 1.5em;
}
.itembreadcrumbs .button-container > img {
  margin-left: 14px;
  margin-right: -26px;
  width: 12px;
}
.itembreadcrumbs .button-container button {
  width: 100%;
  margin: 0px;
  padding-bottom: 65px;
}
.itembreadcrumbs .scanbox-container {
  padding-top: 5px;
}
.itembreadcrumbs .scanbox-container .scanbox {
  height: 165px;
}
.itembreadcrumbs button {
  padding-bottom: 48px;
}
.smartassign-left {
  width: 60%;
  float: left;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #d8d5d6;
  -webkit-box-shadow: 7px 0px 5px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 7px 0px 5px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 7px 0px 5px -3px rgba(0, 0, 0, 0.1);
}
.smartassign-left .list-head .filter-container {
  width: 36.6666666667%;
}
.smartassign-left .smartassign-shifts-list {
  margin-top: 18px;
}
.smartassign-left .smartassign-shifts-list td.cell_preferences {
  text-align: left;
  color: #1a1718;
}
.smartassign-left .smartassign-shifts-list td:nth-of-type(3) {
  color: #1a1718;
}
.smartassign-left .smartassign-shifts-list td:nth-of-type(3):hover {
  color: #1a1718;
}
.smartassign-right {
  width: 40%;
  float: left;
}
.smartassign-right #feedback {
  position: absolute;
  margin-top: -50px;
  margin-left: 0.6%;
  width: 35%;
}
.smartassign-right #feedback p {
  margin: 0px;
}
.smartassign-right .list-head .filter-container {
  width: 30%;
}
.smartassign-right .list-head .filter-container input {
  border-width: 1px 1px 1px 0px;
}
.smartassign-right table.list {
  margin-top: 18px;
}
.smartassign-right table.list thead tr th {
  line-height: 24px;
}
.more {
  margin: 20px 10px 30px 10px;
  text-align: center;
}
.more .shiftloadmsg {
  color: #b4b1b2;
  margin-top: 10px;
}
.more .shiftloadmsg img {
  vertical-align: -2px;
}
table.list tbody tr.person-row td {
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 6px;
}
table.list tbody tr.person-row .user-icon {
  position: absolute;
  width: 34px;
  height: 34px;
  padding: 3px 0px 0px 7px;
}
table.list tbody tr.person-row .person {
  white-space: nowrap;
}
table.list tbody tr.person-row .person .info {
  display: block;
  font-size: 9pt;
  line-height: 16px;
  color: #6a6768;
}
table.list tbody tr.person-row .person .info span {
  color: #b4b1b2;
}
table.list tbody tr.person-row td.assign .button {
  padding-left: 24px;
}
.errorpage-contents {
  margin-left: 22%;
}
table.list tbody tr td.code div {
  width: 16px;
  height: 16px;
  margin-top: 4px;
}
.job-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-description:hover {
  overflow: visible;
}
.job-description:hover span {
  background-color: white;
  z-index: 1;
  position: relative;
  padding-right: 5px;
}
.treeblock {
  margin-top: 20px;
  border: 1px solid #D3D4D7;
}
.treeblock h2 {
  margin: 0;
  padding: 8px 12px;
  background: #d8d5d6;
  border-bottom: 1px solid #D3D4D7;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.actions-filterbar {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  z-index: 40;
  background: #ebe9eb;
  padding: 8px 10px;
  border: 1px solid #d3d4d7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.actions-filterbar input {
  width: 440px;
  max-width: 100%;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 12px;
}
.actions-filterbar .actions-filterbar-status {
  font-size: 12px;
  color: #555;
}
.actions-filterbar .actions-filterbar-status.no-results {
  color: #ad2121;
  font-weight: bold;
}
.accessgrid-wrap {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 200px);
  max-height: calc(100dvh - 200px);
  background: #ebe9eb;
  min-height: 0;
}
.accessgrid-header-clip {
  flex: 0 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  background: #d8d5d6;
  z-index: 30;
  box-shadow: 0 2px 4px rgba(26, 23, 24, 0.08);
}
.accessgrid-header-clip::-webkit-scrollbar {
  display: none;
}
.accessgrid-body-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.accessgrid-body {
  display: block;
  box-sizing: border-box;
}
.accessgrid-body > div {
  display: block;
  width: 100%;
}
.accessgrid-row {
  border-bottom: 1px solid #D3D4D7;
  background: #ebe9eb;
  outline: none;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.accessgrid-row:hover .accessgrid-label {
  background: #d8d6d9;
}
.accessgrid-row-highlight {
  border-left: 6px solid #1f9f3d;
  outline: 2px solid #39c95d;
  outline-offset: -2px;
  z-index: 1;
}
.accessgrid-row-highlight::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  animation: accessgridPulseGreenBlink 1.1s ease-in-out infinite;
  background: rgba(121, 236, 143, 0.18);
  border-top: 1px solid rgba(46, 175, 74, 0.2);
  border-bottom: 1px solid rgba(46, 175, 74, 0.2);
  z-index: 2;
}
@keyframes accessgridPulseGreenBlink {
  0% {
    background: rgba(121, 236, 143, 0.1);
    opacity: 0.55;
  }
  50% {
    background: rgba(121, 236, 143, 0.3);
    opacity: 1;
  }
  100% {
    background: rgba(121, 236, 143, 0.1);
    opacity: 0.55;
  }
}
.accessgrid-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  box-sizing: border-box;
  background: #d8d5d6;
  border-bottom: 2px solid #b4b1b2;
  border-top: 2px solid #b4b1b2;
  position: relative;
  z-index: 30;
}
.accessgrid-label {
  flex: 0 0 320px;
  width: 320px;
  padding: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 2px solid #D3D4D7;
  box-sizing: border-box;
  background: #d8d5d6;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 10;
  box-shadow: 3px 0 4px -2px rgba(0, 0, 0, 0.08);
}
.accessgrid-header .accessgrid-label, .accessgrid-label--corner {
  z-index: 35;
  box-shadow: 3px 0 4px -2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(26, 23, 24, 0.08);
}
.accessgrid-header .usergroupheader {
  flex: 0 0 75px;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 4px;
  border-right: 1px solid #D3D4D7;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  background: #d8d5d6;
}
.accessgrid-header .usergroupheader span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.accessgrid-header .usergroupheader:hover {
  overflow: visible;
  z-index: 36;
}
.accessgrid-header .usergroupheader:hover span {
  display: inline-block;
  width: auto;
  min-width: 100%;
  background: #d8d5d6;
  border: 1px solid #b4b1b2;
  padding: 2px 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.expand-btn {
  padding: 2px 10px;
  font-size: 11px;
  font-weight: normal;
  border: 1px solid #bbb;
  border-radius: 10px;
  background: #fff;
  color: #555;
  cursor: pointer;
  margin-left: 8px;
  transition: background 0.15s, border-color 0.15s;
}
.expand-btn:hover {
  background: #e8e6e8;
  border-color: #888;
  color: #222;
}
.accessgrid-row .access {
  flex: 0 0 75px;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  display: flex;
  align-items: stretch;
  border-right: 1px solid #D3D4D7;
  box-sizing: border-box;
  padding: 0;
}
.accessgrid-row .access a {
  display: block;
  width: 100%;
  min-height: 32px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.accessgrid-row .access-true a {
  background-color: #ddffdd;
}
.accessgrid-row .access-false a {
  background-color: #ffdddd;
}
.accessgrid-row .access-null a {
  background-color: #ebe9eb;
}
.accessgrid-row .access-loading a {
  background: url(/bundles/samsonframework/images/loading-horz.gif) no-repeat center center;
  background-size: 30px;
  background-color: #ebe9eb;
}
.block-exception .illustration-exception img {
  height: 90px;
  padding: 10px 0px 10px 100px;
}
.block-exception .text-exception {
  padding-bottom: 30px;
}
.block-exception .text-exception .open-quote {
  float: left;
  padding-left: 50px;
}
.block-exception .text-exception .close-quote {
  float: right;
  padding: 0px 20px;
}
.block-exception .text-exception h1 {
  margin-left: 100px;
}
.block-exception .text-exception h1 + div {
  margin-left: 100px;
}
.block-exception .text-exception .linked {
  margin-left: 100px;
}
.block {
  padding-left: 100px;
  padding-bottom: 15px;
}
.filterconfig-wrap {
  margin-top: 10px;
  border: 1px solid #D3D4D7;
  overflow: auto;
  max-height: calc(100vh - 120px);
}
.filterconfig {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.filterconfig thead th {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #d8d5d6;
  border-bottom: 2px solid #b4b1b2;
  border-right: 1px solid #D3D4D7;
  padding: 8px 6px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
}
.filterconfig thead th:hover {
  overflow: visible;
  z-index: 25;
}
.filterconfig thead th:hover span {
  display: inline-block;
  background: #d8d5d6;
  border: 1px solid #b4b1b2;
  padding: 2px 6px;
  white-space: nowrap;
  position: relative;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.filterconfig thead th.filter-name {
  position: sticky;
  left: 0;
  z-index: 30;
  width: 20%;
  min-width: 150px;
  border-right: 2px solid #b4b1b2;
  text-align: left;
}
.filterconfig tbody tr td {
  border-bottom: 1px solid #D3D4D7;
  border-right: 1px solid #D3D4D7;
  background: #ebe9eb;
  height: 36px;
  padding: 3px;
  text-align: center;
}
.filterconfig tbody tr td.filter-name {
  position: sticky;
  left: 0;
  z-index: 10;
  background: #ebe9eb;
  font-size: 13px;
  text-align: left;
  padding: 5px 12px;
  border-right: 2px solid #b4b1b2;
  white-space: nowrap;
  box-shadow: 3px 0 4px -2px rgba(0, 0, 0, 0.08);
}
.filterconfig .group-row td {
  background: #d8d5d6;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 12px;
  border-bottom: 1px solid #D3D4D7;
  text-align: left;
}
.filterconfig tbody tr:hover td {
  background: #cccacb !important;
}
.filterconfig tbody tr:hover td.filter-name {
  background: #cccacb !important;
}
.filterconfig tbody tr.group-row:hover td {
  background: #c4c0c1 !important;
}
.filterconfig .config {
  display: block;
  width: 100%;
  height: 30px;
  cursor: pointer;
  transition: filter 0.15s;
}
.filterconfig .config.on {
  background-color: #ddffdd;
  border: 1px solid #00A000;
}
.filterconfig .config.off {
  background-color: #ffdddd;
  border: 1px solid #A00000;
}
.filterconfig .config:hover {
  filter: brightness(0.93);
}
table.shift-permissions tr td {
  text-transform: uppercase;
  padding-left: 10px;
}
table.shift-permissions tr td:nth-of-type(1) {
  text-transform: none;
}
table.shift-permissions tr td:nth-of-type(2) {
  background-color: rgba(82, 162, 213, 0.5);
}
table.shift-permissions tr td:nth-of-type(3) {
  background-color: rgba(43, 88, 113, 0.5);
}
table.shift-permissions tr td:nth-of-type(4) {
  background-color: rgba(217, 65, 75, 0.5);
}
table.shift-permissions tr td:nth-of-type(5) {
  background-color: rgba(116, 36, 37, 0.5);
}
table.shift-permissions tr td:nth-of-type(6) {
  background-color: rgba(240, 186, 28, 0.5);
}
table.shift-permissions tr td:nth-of-type(7) {
  background-color: rgba(145, 116, 17, 0.5);
}
table.shift-permissions tr td:nth-of-type(8) {
  background-color: rgba(68, 174, 86, 0.5);
}
table.shift-permissions tr td:nth-of-type(9) {
  background-color: rgba(160, 160, 160, 0.5);
}
.lost-column {
  float: left;
  width: 21.5%;
}
.present-column {
  float: left;
  width: 78.5%;
}
.draggedOver {
  -webkit-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  -moz-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
}
.place-header {
  text-align: left;
  background-color: #e1e0e2;
  padding: 10px;
  cursor: move;
}
.place-count {
  padding-left: 10px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.place-person {
  text-align: left;
}
.place-person-flag {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 16px;
  cursor: pointer;
}
.place-person-flag.person- {
  background-image: url(/bundles/shifterlayout/images/user-lightgrey.svg);
}
.place-person-flag.person-gray {
  background-image: url(/bundles/shifterlayout/images/user-grey.svg);
}
.place-person-flag.person-red {
  background-image: url(/bundles/shifterlayout/images/woman-assigning.svg);
}
.place-person-flag.person-yellow {
  background-image: url(/bundles/shifterlayout/images/starman-writing.svg);
}
.place-person-flag.person-green {
  background-image: url(/bundles/shifterlayout/images/moustacheman-processed.svg);
}
.place-person-flag img {
  height: 16px;
  vertical-align: -4px;
  display: inline-block;
}
.place-person-name {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.place-person-partner div {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  color: white;
  width: 20px;
  height: 19px;
  display: inline-block;
  line-height: 1.5em;
  text-align: center;
}
.place-person-lost {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.partners-legend {
  margin: 10px;
}
.shift-details .break-duration-input .select2-container a.select2-choice span {
  display: inline;
}
.shifttemplate-details {
  margin-bottom: 30px;
}
.shifttemplate-details input[type=text] {
  width: 400px;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.7em;
}
.shifttemplate-details textarea {
  width: 400px;
  height: 42px;
  min-height: 42px;
}
table.shifttemplate-shifts thead td {
  padding-bottom: 0px;
}
table.shifttemplate-shifts > tbody > tr > td {
  padding: 3px 3px 1px 3px;
  border: 1px solid #d8d5d6;
}
table.shifttemplate-shifts > tbody > tr > td .shifttemplate-rowlabel {
  text-align: right;
  padding-right: 6px;
}
table.shifttemplate-shifts > tbody > tr > td .point {
  background-position-y: 3px;
}
table.shifttemplate-shifts > tbody > tr > td:first-of-type {
  background-color: #d8d5d6;
}
table.shifttemplate-shifts > tbody > tr > td .shifttemplate-shift-amount {
  width: calc(100% - 105px);
  max-width: 50px;
  float: right;
}
table.shifttemplate-shifts > tbody > tr > td .shifttemplate-shift-check {
  float: right;
}
table.shifttemplate-shifts > tbody > tr > td .department-costcenter {
  color: #6a6768;
}
table.shifttemplate-shifts > tbody > tr > td .tag {
  background-color: #d8d5d6;
  padding: 0px 4px;
  margin-right: 4px;
  line-height: 20px;
  display: inline-block;
}
table.shifttemplate-shifts > tbody > tr > td table td {
  white-space: nowrap;
}
table.shifttemplate-shifts.week-view .editable-times {
  position: relative;
}
table.shifttemplate-shifts.week-view .editable-times-inputs {
  padding-bottom: 10px;
}
table.shifttemplate-shifts.week-view .shift {
  top: 27px;
  background-image: none;
  height: 9px;
}
table.shifttemplate-shifts .badge {
  border: 1px solid black;
  font-weight: bold;
  padding: 0 5px;
}
.shifttemplate-buttons {
  margin-left: 22%;
}
.dummyshift-details select.dummyshift-day {
  width: 150px;
}
.note-edit-popup {
  position: absolute;
  text-align: left;
  border: 1px solid #d8d5d6;
  background: white;
  width: 230px;
  height: 143px;
  z-index: 10000 !important;
  -webkit-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  -moz-box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
}
.note-edit-popup > h3 {
  vertical-align: middle;
  text-align: left;
  line-height: 30px;
  padding-left: 5px;
  margin: 0;
}
.note-edit-popup > span {
  padding: 5px 6px;
  color: #bbb;
  display: inline-block;
}
.note-edit-popup > textarea {
  display: block;
  margin: 0px;
  margin-left: 5px;
  margin-top: 5px;
}
.note-edit-popup > input[type=button] {
  padding-left: 18px;
  float: right;
  margin: 5px;
}
.export-single .formfield {
  height: 1% !important;
}
#turn_in_processor_rule_parameters_calendarBlockTypes {
  padding-left: 433px;
  margin-right: 530px;
}
div#turn_in_processor_rule_parameters_calendarBlockTypes > span > label.simple_label {
  float: left;
}
.collection .formfield label {
  right: auto !important;
  left: 0px !important;
}
.collection .add {
  min-width: 220px;
}
.collection .existing > div, .collection .existing > .entry > a {
  display: block;
}
.collection .existing .entry > a {
  position: relative;
  margin-left: calc(100% + 5px);
  margin-top: -30px;
}
.collection a[add-row] {
  position: relative;
  left: calc(100% + 30px);
  margin-top: -30px;
  display: block;
}
.crud-bundle-create .formfield, .crud-bundle-edit .formfield {
  height: auto;
}
label.hideWritten {
  width: auto;
}
label.hideWritten > label {
  display: none;
}
.simpledropzone {
  position: relative;
  width: 100%;
}
.simpledropzone input[type=file] {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.simpledropzone .file-dummy {
  background: #ebe9eb;
  border: 4px dashed #d8d5d6;
  box-sizing: border-box;
  padding: 30px;
  text-align: center;
  transition: background 0.3s ease-in-out;
  width: 100%;
}
.simpledropzone .file-dummy .success {
  display: none;
}
.simpledropzone:hover .file-dummy {
  background: rgba(235, 233, 235, 0.5);
}
.simpledropzone input[type=file]:focus + .file-dummy {
  outline: 2px solid rgba(216, 213, 214, 0.5);
}
.simpledropzone input[type=file]:valid + .file-dummy {
  border-color: rgba(0, 255, 0, 0.4);
  background-color: rgba(0, 255, 0, 0.3);
}
.simpledropzone input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}
.simpledropzone input[type=file]:valid + .file-dummy .default {
  display: none;
}
.full-output {
  cursor: pointer;
}
#full-output-popup {
  background: white;
  border: 1px solid #d8d5d6;
  box-shadow: 0px 5px 30px 2px rgba(26, 23, 24, 0.3);
  display: none;
  left: 50%;
  width: 80vw;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}
#full-output-popup .head {
  background: #ebe9eb;
  padding: 5px;
}
#full-output-popup .head button {
  position: absolute;
  right: 2px;
  top: 0;
}
#full-output-popup .body {
  padding: 5px 20px 20px;
}
#full-output-popup .body pre {
  font-family: monospace;
  max-height: 70vh;
  overflow-x: auto;
  overflow-y: scroll;
}
.single-note, .new-note {
  border: 1px solid #d8d5d6;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.single-note .feedback-wrap, .new-note .feedback-wrap {
  margin-left: 0;
  width: auto;
}
.single-note .buttons, .new-note .buttons {
  float: right;
  padding: 0;
}
.single-note textarea, .new-note textarea {
  display: block;
  width: 100%;
}
.single-note .author, .new-note .author {
  color: #b4b1b2;
  font-style: italic;
}
.dropdown .dropbtn.arrow-right {
  background-image: url(/bundles/shifterlayout/images/arrowright-darkgrey.svg);
}
.dropdown .dropbtn.arrow-down {
  background-image: url(/bundles/shifterlayout/images/arrowdown-darkgrey.svg);
}
.dropbtn {
  border: none;
  cursor: pointer;
}
.dropdown {
  position: inherit;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.dropdown-content a {
  font-weight: 400;
  padding: 3px 4px;
  display: block;
  text-transform: capitalize;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
.show {
  display: block;
}
.assignee-name {
  position: relative;
  display: block;
  min-height: 48px;
}
.assignee-name .default-user-icon {
  position: absolute;
  left: -70px;
  top: 0;
  transform: none;
  width: 48px;
  height: 48px;
  object-fit: contain;
  pointer-events: none;
}
.assignee-name .assignee-content {
  display: flex;
  align-items: center;
}
.assignee-name .assignee-content .name {
  margin-right: 12px;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.assignee-name .assignee-content .person-links {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.assignee-name .assignee-content .revoke-button {
  margin-left: 8px;
}
.default-user-icon.thumb.conflict {
  top: 0;
  height: 48px;
}
.hover-lightbox .thumb {
  position: absolute;
  left: -70px;
  top: 0;
  height: 48px;
  transform: none;
  width: 48px;
  object-fit: contain;
  pointer-events: auto;
  cursor: pointer;
  z-index: 1;
}
.single-shift .assignment-data .assignee-name {
  overflow: visible;
  padding-top: 2px;
}
.single-shift .assignment-data .hover-lightbox .thumb, .single-shift .assignment-data .assignee-name .default-user-icon {
  top: 2px;
  transform: none;
  max-height: 48px;
}
.hover-lightbox .lightbox {
  position: absolute;
  top: -100px;
  right: -10px;
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
  z-index: 10000;
  pointer-events: none;
  visibility: hidden;
  transform: scale(0.8);
  transform-origin: top right;
}
.hover-lightbox .lightbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.hover-lightbox .lightbox img {
  width: 300px;
  height: 200px;
  display: block;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  object-fit: cover;
}
/* Only show lightbox on hover when can-hover class is present */
.hover-lightbox.can-hover:hover .lightbox {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  pointer-events: auto;
}
.feedback-wrap {
  margin: 0;
  width: auto;
}
.feedback-wrap .feedback {
  display: block;
}
.linked-persons-container {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
  padding: 10px;
  border-radius: 5px;
  width: 400px;
  font-size: 16px;
  max-height: 120px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.linked-persons-list {
  max-height: 100%;
  overflow-y: auto;
  transition: max-height 0.3s ease;
}
.linked-person {
  margin-bottom: 8px;
}
.viewperson-pic {
  display: inline-block;
}
.hover-container {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 6px;
}
.profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.3s ease-in-out;
}
.hover-camera {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  backdrop-filter: blur(4px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-decoration: none;
}
.hover-container:hover .profile-img {
  filter: blur(1px);
}
.hover-container:hover .hover-camera {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}
.camera-icon {
  width: 30px !important;
  height: 30px !important;
  filter: invert(1);
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.hover-container:hover .camera-icon {
  transform: scale(1.1);
}
.hover-tooltip {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}
.hover-camera:hover .hover-tooltip {
  opacity: 1;
}
.feedback-wrap {
  margin: 0;
  width: auto;
}
.feedback-wrap .feedback {
  display: block;
}
.linked-persons-container {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
  padding: 10px;
  border-radius: 5px;
  width: 400px;
  font-size: 16px;
  max-height: 120px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.linked-persons-list {
  max-height: 100%;
  overflow-y: auto;
  transition: max-height 0.3s ease;
}
.linked-person {
  margin-bottom: 8px;
}
.viewperson-pic {
  display: inline-block;
}
.hover-container {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 6px;
}
.profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.3s ease-in-out;
}
.hover-camera {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  backdrop-filter: blur(4px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-decoration: none;
}
.hover-container:hover .profile-img {
  filter: blur(1px);
}
.hover-container:hover .hover-camera {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}
.camera-icon {
  width: 30px !important;
  height: 30px !important;
  filter: invert(1);
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.hover-container:hover .camera-icon {
  transform: scale(1.1);
}
.hover-tooltip {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}
.hover-camera:hover .hover-tooltip {
  opacity: 1;
}
.feedback-wrap {
  margin: 0;
  width: auto;
}
.feedback-wrap .feedback {
  display: block;
}
.linked-persons-container {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
  padding: 10px;
  border-radius: 5px;
  width: 400px;
  font-size: 16px;
  max-height: 120px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.linked-persons-list {
  max-height: 100%;
  overflow-y: auto;
  transition: max-height 0.3s ease;
}
.linked-person {
  margin-bottom: 8px;
}
.viewperson-pic {
  display: inline-block;
}
.hover-container {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 6px;
}
.profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.3s ease-in-out;
}
.hover-camera {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  backdrop-filter: blur(4px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-decoration: none;
}
.hover-container:hover .profile-img {
  filter: blur(1px);
}
.hover-container:hover .hover-camera {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}
.camera-icon {
  width: 30px !important;
  height: 30px !important;
  filter: invert(1);
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.hover-container:hover .camera-icon {
  transform: scale(1.1);
}
.hover-tooltip {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}
.hover-camera:hover .hover-tooltip {
  opacity: 1;
}
/* Prevent FOUC before Angular bootstraps (ng-cloak) */
[ng-cloak], .ng-cloak {
  display: none !important;
}
.viewperson .profile-picture-widget {
  position: relative;
  display: block;
  width: 120px;
  z-index: 800;
}
.viewperson .profile-picture-menu-trigger {
  cursor: pointer;
}
.viewperson .profile-picture-menu-trigger:focus {
  outline: 2px solid #2b5871;
  outline-offset: 2px;
}
.viewperson .profile-picture-widget > ul.profile-picture-menu {
  position: absolute;
  top: 100%;
  left: 100%;
  right: auto;
  bottom: auto;
  margin: 2px 0 0 4px;
  z-index: 850;
  width: 240px;
  min-width: 240px;
  max-width: 280px;
  padding: 0;
  list-style: none;
  list-style-image: none;
  background: white;
  background-color: white;
  background-image: none;
  border: 1px solid #d8d5d6;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.1);
  text-align: left;
  box-sizing: border-box;
}
.viewperson .profile-picture-widget > ul.profile-picture-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
  background: transparent none !important;
  background-image: none !important;
  background-size: 0 !important;
}
.viewperson .profile-picture-widget > ul.profile-picture-menu li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.viewperson .profile-picture-menu[hidden] {
  display: none !important;
}
.viewperson .profile-picture-menu-item, .viewperson .profile-picture-widget > ul.profile-picture-menu .profile-picture-delete-form button.profile-picture-menu-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: #383536;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  background: transparent none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.viewperson .profile-picture-delete-form {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.viewperson a.profile-picture-menu-item:hover, .viewperson a.profile-picture-menu-item:focus {
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #1a1718;
  text-decoration: none;
}
.viewperson button.profile-picture-menu-item:hover, .viewperson button.profile-picture-menu-item:focus {
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #1a1718;
}
.viewperson .profile-picture-menu-item--disabled {
  color: #6a6768 !important;
  cursor: not-allowed;
}
.viewperson .profile-picture-menu-item--destructive {
  color: #9a1b1b !important;
  font-weight: 500;
}
.viewperson button.profile-picture-menu-item--destructive:hover, .viewperson button.profile-picture-menu-item--destructive:focus {
  background-color: rgba(154, 27, 27, 0.12) !important;
  color: #7f1010 !important;
}
@media screen and (max-width: 900px) {
  .viewperson .profile-picture-widget > ul.profile-picture-menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 8px 0 0;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}