@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*/
@page {
  size: landscape;
  margin: 6mm 5mm;
}
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;
}
.clear {
  clear: both;
}
.sf-toolbar {
  display: none !important;
}
#logo .shifter {
  position: absolute;
  top: 0px;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 5px;
  line-height: 25px;
  color: #1a1718;
}
#page-header nav {
  display: none;
}
.print-datetime {
  text-transform: uppercase;
  position: absolute;
  white-space: nowrap;
  top: 28px;
  font-size: 10px;
}
#page-breadcrumbs {
  display: none;
}
#page-title {
  list-style: none;
  text-align: right;
  margin-right: 50px;
  font: 300 normal 34px "Lato", "SourceSansProExtralight", Helvetica, Arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: -24px;
}
#page-title li {
  display: none;
}
#page-title li.current {
  display: inline-block;
}
#page-title li.current .icon {
  display: block;
  position: absolute;
  right: 0px;
}
#page-title li.current .icon img {
  width: 40px;
}
#page-title li.current .nav-sub {
  margin-top: 6px;
  font-size: 12px;
  color: #6a6768;
}
#page-title li.current .nav-sub.mobile {
  display: none;
}
.list-head {
  display: none;
}
.datelabel {
  position: relative;
  color: black;
  display: inline-block;
  border: 1px solid #b4b1b2;
  border-width: 1px 1px 0px 1px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
}
.datelabel > .label {
  min-width: 80px;
  padding: 0px 4px;
  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 {
  display: none;
}
.myshifts {
  width: 100%;
  position: relative;
}
.myshifts .viewonly-separator {
  -webkit-print-color-adjust: exact;
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  color: #383536;
  background-color: #b4b1b2;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding-right: calc(78% + 10px);
  line-height: 24px;
}
.myshifts .month {
  position: relative;
}
.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: 3;
}
.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 .week {
  width: 22%;
  background: #d8d5d6;
  float: left;
  height: 70px;
  position: relative;
}
.myshifts .week .week-label {
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1px;
  right: 10px;
  top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts .week .person-label {
  position: absolute;
  right: 10px;
  top: 10px;
  white-space: nowrap;
  text-align: right;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3em;
  line-height: 1.6em;
  font-size: 1em;
}
.myshifts .week .person-label span {
  font: 900 normal 13px "Lato", "SourceSansProSemibold", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.myshifts .week .person-label img {
  margin-right: 5px;
  display: none;
}
.myshifts .week .person-descr {
  display: none;
}
.myshifts .days {
  width: 78%;
  min-height: 70px;
  position: relative;
  display: table;
  table-layout: fixed;
}
.myshifts .days .day {
  -webkit-print-color-adjust: exact;
  display: table-cell;
  word-wrap: break-word;
  padding-top: 31px;
  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 .available {
  -webkit-print-color-adjust: exact;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: white;
}
.myshifts .days .day .available .available-times {
  top: -4px;
  width: 100%;
  position: absolute;
  z-index: 12;
}
.myshifts .days .day .available .available-times .available-end, .myshifts .days .day .available .available-times .available-start {
  font-size: 0.8em;
  padding: 2px 3px;
  background: #ccc8c9;
  position: absolute;
}
.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: 11px;
}
.myshifts .days .day .available .available-times .available-end {
  right: 0px;
  margin-right: -17px;
}
.myshifts .days .day .available .available-times .available-start {
  left: 0px;
  margin-left: -16px;
}
.myshifts .days .day .leave {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
}
.myshifts .days .day .leave-info {
  position: absolute;
  right: 0px;
  z-index: 11;
  white-space: nowrap;
}
.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 .tip {
  display: none;
}
.myshifts .days .day .shift {
  position: relative;
  margin-top: 0px;
  margin-bottom: 3px;
  z-index: 30;
  line-height: 16px;
  margin-left: 0% !important;
  width: 100% !important;
  padding-left: 21px;
  -webkit-print-color-adjust: exact;
  background-size: 12px;
  background-position: 5px 1px;
  background-repeat: no-repeat;
}
.myshifts .days .day .shift.assigning {
  background-image: url(/bundles/shifterlayout/images/user-assigning.svg);
}
.myshifts .days .day .shift.assigned {
  background-image: url(/bundles/shifterlayout/images/user-assigned.svg);
}
.myshifts .days .day .shift.writing {
  background-image: url(/bundles/shifterlayout/images/check-writing.svg);
}
.myshifts .days .day .shift.written {
  background-image: url(/bundles/shifterlayout/images/check-written.svg);
}
.myshifts .days .day .shift.processed {
  background-image: url(/bundles/shifterlayout/images/lock-processing.svg);
}
.myshifts .days .day .shift.cancelled {
  background-image: url(/bundles/shifterlayout/images/close-grey.svg);
}
.myshifts .days .day .shift .shift-start, .myshifts .days .day .shift .shift-end {
  display: inline-block;
}
.myshifts .days .day .shift .shift-start:after {
  content: " - ";
}
.myshifts .days .day .assigntoshift {
  display: none;
}
.myshifts .days .day .moreshifts {
  display: none;
}
.myshifts .days .day .hourperday {
  position: relative;
  z-index: 10;
  margin-left: 20px;
  display: inline-block;
}
.myshifts .days .day .hourentry {
  width: 100% !important;
  margin-left: 3px !important;
  z-index: 30;
  position: relative;
}
.myshifts .days .day .hourentry img {
  vertical-align: -2px;
}
.myshifts .days .day .shift-tags {
  padding-left: 3px;
  display: none;
  font-size: 12px;
}
.myshifts .days .day .shift-tags .tag:after {
  content: ", ";
  display: inline-block;
}
.myshifts .days .day .shift-department {
  padding-left: 3px;
  display: none;
  font-size: 12px;
}
.myshifts .days .day.notthismonth {
  background: #e1e0e2;
  border-color: #d8d5d6;
}
.myshifts .days .day.notthismonth .available {
  display: none;
}
.myshifts .days .day.notthismonth .leave {
  display: none;
}
.myshifts .days .day.notthismonth .daydate {
  color: #b4b1b2;
}
.myshifts .days .day.notthismonth .shift {
  background: none;
  opacity: 0.2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.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 .weekdaynames .week {
  height: auto;
  background: none;
}
.myshifts .weekdaynames .days {
  height: auto;
  min-height: 0px;
}
.myshifts .weekdaynames .days .day {
  min-height: 0px;
  border: none;
  background: none;
}
.myshifts .weekdaynames .days .day:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: auto;
}
.myshifts.year .month.overlap {
  margin-top: -32px;
}
.myshifts.year .month .week {
  height: 32px;
}
.myshifts.year .month .days {
  height: 32px;
}
.myshifts.year .month .days .day {
  background: white;
}
.myshifts.year .month .days .day .leave {
  height: 100%;
}
.myshifts.year .month .days .day .leave img {
  margin-top: 9px;
}
.myshifts.year .month .days .day .specialhour-print {
  margin-top: 9px;
  margin-left: 25px;
}
.myshifts.year .month .days .day .specialhour-print span {
  display: none;
}
.myshifts.year .month .days .day.notthismonth {
  background: #ebe9eb;
  z-index: -1;
}
.myshifts.year .month .days .day.notthismonth .daydate {
  z-index: 1;
}
.myshifts.threemonths .month .days, .myshifts.threemonths .month .week {
  height: 70px;
}
.myshifts.threemonths .days .day {
  width: 1%;
  border-left-color: #d8d5d6;
  background: none;
}
.myshifts.threemonths .days .day:nth-of-type(7n+1) {
  border-left-color: #b4b1b2;
}
.myshifts.threemonths .days .day .shift {
  -webkit-print-color-adjust: exact;
  height: 20px;
  padding-left: 0px;
}
.myshifts.threemonths .days .day .shift.assigning {
  background: #d9414b;
}
.myshifts.threemonths .days .day .shift.assigned {
  background: #742425;
}
.myshifts.threemonths .days .day .shift.writing {
  background: #f0ba1c;
}
.myshifts.threemonths .days .day .shift.written {
  background: #917411;
}
.myshifts.threemonths .days .day .shift.processed {
  background: #44ae56;
}
.myshifts.threemonths .days .day .shift.cancelled {
  background: #6a6768;
}
.myshifts.threemonths .days .day .leave img {
  display: none;
}
.myshifts.threemonths .days .day .hourentry {
  -webkit-print-color-adjust: exact;
  background-color: #6a6768;
  height: 22px;
  border: 1px solid white;
  margin: -1px 0px 0px 0px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myshifts.threemonths .days .day .hourentry .specialhour-print {
  display: none;
}
.myshifts.threemonths .days.labels .day {
  width: 7%;
}
.myshifts.threemonths .days.labels .day .datelabel > .label {
  padding: 0px 1px;
}
.myshifts.threemonths .days.labels .day:nth-of-type(15) {
  display: none;
}
.myshifts .people-count {
  display: none;
}
.myplanning-body .week {
  height: auto;
  min-height: 32px;
}
.myplanning-body .days {
  height: auto;
  min-height: 32px;
}
.myplanning-body .days .day {
  padding-top: 2px;
  font-size: 11px;
  line-height: 16px;
}
.myplanning-shifts {
  position: relative;
  z-index: 1;
}
.myplanning-shifts .times {
  display: inline-block;
  padding-left: 3px;
}
.myplanning-shifts .shift-start {
  display: inline-block;
}
.myplanning-shifts .shift-end {
  display: inline-block;
}
.myplanning-shifts .activity {
  display: inline-block;
  padding-left: 3px;
}
.myplanning-shifts .activity span {
  padding-left: 10px;
  background: url(/bundles/shifterlayout/images/arrowright.svg) 2px 2px / 5px no-repeat;
}
.shifts-panel {
  display: none;
}
.leave {
  -webkit-print-color-adjust: exact;
  height: 24px;
  background-size: 100%;
  background-position: 100% 100%;
  text-align: right;
}
.leave:hover {
  background-image: linear-gradient(45deg, #d8d5d6 0%, #d8d5d6 17%, #ebe9eb 17%, #ebe9eb 39%, #d8d5d6 39%, #d8d5d6 61%, #ebe9eb 61%, #ebe9eb 83%, #d8d5d6 83%, #d8d5d6 100%);
}
.leave.requested {
  background-image: linear-gradient(45deg, #d8d5d6 0%, #d8d5d6 17%, #ebe9eb 17%, #ebe9eb 39%, #d8d5d6 39%, #d8d5d6 61%, #ebe9eb 61%, #ebe9eb 83%, #d8d5d6 83%, #d8d5d6 100%);
}
.leave .requesttypes {
  display: none;
}
.leave img {
  height: 13px;
  margin: 5px 7px 0px 0px;
}
.status-legend {
  display: none;
}
#page-footer {
  width: 100%;
  height: 40px;
  margin-top: 20px;
  z-index: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #b4b1b2;
}
#page-footer #secondary-menu {
  display: none;
}
#page-footer #softwareinfo {
  right: 0px;
  left: auto;
  padding-top: 10px;
  text-align: right;
}
#page-footer #softwareinfo .app img {
  display: none;
}
#page-footer #softwareinfo .version {
  display: none;
}
#page-footer #softwareinfo .copyright {
  display: block;
  color: #6a6768;
}
.options {
  display: none;
}
table.shifts-list {
  border-spacing: 0px;
  font-size: 10px;
  /* Shift list print layout is tuned in shifter3-shift-list.css (fixed + hidden cols) */
  table-layout: fixed;
  /* Keep colgroup visible for layout so column widths apply in print */
}
table.shifts-list colgroup {
  display: table-column-group;
}
table.shifts-list thead tr, table.shifts-list tbody tr {
  /* Column visibility for print is handled in shifter3-shift-list.css via .sl-col--hidden */
}
table.shifts-list thead tr td, table.shifts-list thead tr th, table.shifts-list tbody tr td, table.shifts-list tbody tr th {
  line-height: 19px;
  padding-right: 10px;
  white-space: nowrap;
}
table.shifts-list thead tr td img, table.shifts-list thead tr th img, table.shifts-list tbody tr td img, table.shifts-list tbody tr th img {
  display: none;
}
table.shifts-list thead tr td:nth-of-type(1), table.shifts-list thead tr th:nth-of-type(1), table.shifts-list tbody tr td:nth-of-type(1), table.shifts-list tbody tr th:nth-of-type(1) {
  display: none;
}
table.shifts-list thead tr td:nth-of-type(2), table.shifts-list thead tr th:nth-of-type(2), table.shifts-list tbody tr td:nth-of-type(2), table.shifts-list tbody tr th:nth-of-type(2) {
  display: none;
}
table.shifts-list thead tr td:nth-of-type(4) span:not(:first-of-type):before, table.shifts-list tbody tr td:nth-of-type(4) span:not(:first-of-type):before {
  -webkit-print-color-adjust: exact;
  content: "►";
  color: #b4b1b2;
  padding: 0px 3px;
  font-size: 9px;
}
table.shifts-list thead tr td:nth-of-type(5) span:not(:first-of-type):before, table.shifts-list tbody tr td:nth-of-type(5) span:not(:first-of-type):before {
  -webkit-print-color-adjust: exact;
  content: "►";
  color: #b4b1b2;
  padding: 0px 3px;
  font-size: 9px;
}
table.shifts-list thead tr td:nth-of-type(5) span:last-of-type span, table.shifts-list tbody tr td:nth-of-type(5) span:last-of-type span {
  display: none;
}
table.shifts-list thead tr td:nth-of-type(6), table.shifts-list thead tr th:nth-of-type(6), table.shifts-list tbody tr td:nth-of-type(6), table.shifts-list tbody tr th:nth-of-type(6) {
  text-transform: uppercase;
}
table.shifts-list thead tr td:nth-of-type(10), table.shifts-list thead tr th:nth-of-type(10), table.shifts-list tbody tr td:nth-of-type(10), table.shifts-list tbody tr th:nth-of-type(10) {
  display: none;
}
table.shifts-list thead tr .tags-hover, table.shifts-list tbody tr .tags-hover {
  display: none;
}
table.shifts-list thead tr .assignment, table.shifts-list tbody tr .assignment {
  display: none;
}
table.shifts-list thead tr:nth-of-type(1) {
  display: none;
}
table.shifts-list thead tr:nth-of-type(2) th {
  -webkit-print-color-adjust: exact;
  background-color: #b4b1b2;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 10px;
}
table.shifts-list thead tr:nth-of-type(2) th a {
  color: #1a1718;
}
table.shifts-list body tr.summary-row td {
  -webkit-print-color-adjust: exact;
  background: #ccc8c9;
}
.shtooltip {
  display: none !important;
}
.fixedheader {
  display: none !important;
}
.pagination {
  display: none;
}
.powerTip, .overlib {
  display: none !important;
}
.embedContainer {
  display: none;
}
/* Ensure Angular hidden elements remain hidden in print, even if other rules force display */
td.ng-hide, th.ng-hide, .ng-hide {
  display: none !important;
}
/* Shift list print column layout: see shifter3-shift-list.css @media print */
/* Hide price justification text in print; show only the numeric price */
.price-justification .price-justification-text {
  display: none !important;
}
/* Hide tags/notes columns in print */
@media print {
  .page-shift-list table.shifts-list col.col-tags, .page-shift-list table.shifts-list col.col-notes, .page-shift-list table.shifts-list td.col-tags, .page-shift-list table.shifts-list th.col-tags, .page-shift-list table.shifts-list td:last-of-type, .page-shift-list table.shifts-list th:last-of-type, .page-shift-list table.shifts-list td:nth-last-of-type(2), .page-shift-list table.shifts-list th:nth-last-of-type(2) {
    display: none !important;
  }
}