/**
 * Layout
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  min-height: 100%;
  font-family: "open sans light", "arial";
  font-size: 16px;
  color: #252525;
  background: #252525;
}
header,
footer,
article {
  display: block;
}
p {
  font-size: 16px;
}
ul {
  list-style: none;
}
li {
  padding: 0;
  margin: 0;
}
/**
 * Headers
 */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/**
 * Remove focus & rects
 */
button {
  outline: none !important;
}
button,
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  text-decoration: none;
}
/**
 * Forms & Inputs
 */
.form-group {
  margin: 0;
}
.form-control,
.form-control:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  border-radius: 0 !important;
}
.input-group {
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.input-group.has-error {
  border-top: 2px solid #E1453F;
  border-bottom: 2px solid #E1453F;
}
input:focus {
  outline: none;
}
.input-group-addon {
  top: 0;
  border: none;
  border-radius: 0;
  background-color: #FFFFFF;
  color: #FFB672;
}
.has-error .input-group-addon {
  border: none;
  background-color: #FFFFFF;
  color: #E1453F;
}
.input-group-lg > .input-group-addon {
  line-height: initial;
  height: 46px;
}
.input-group-lg > .form-control {
  line-height: initial;
  height: 65px;
}
/**
 * Lists
 */
.list-group {
  margin-bottom: 0;
}
.list-group-allowfooter {
  min-height: 100%;
}
.list-group-item {
  max-height: 60px;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: #8E9A99;
  font-size: 16px;
  overflow: hidden;
}
.platform-android .list-group-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.ready .list-group-item {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-timing-function: ease;
  -webkit-transition-property: max-height;
  -webkit-transition-duration: 0.4s, 0.2s, 0.2s;
  transition-timing-function: ease;
  transition-property: max-height;
  transition-duration: 0.4s, 0.2s, 0.2s;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.list-group-item .col {
  line-height: 60px;
}
table {
  width: 100%;
}
/**
 * Mobiscroll calendar
 */
.mbsc-ios .dw-cal .dw-i {
  padding-bottom: 5px;
  padding-top: 5px;
}
.mbsc-ios .dw-cal-day-m {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 0;
  width: auto;
  height: auto;
  margin-left: -3px;
  background: #ccc;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.mbsc-ios .dw-sel .dw-cal-day-fg {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: none;
  color: #000000;
}
.dw-cal-day-diff .dw-i {
  opacity: 0.4;
}
.fade {
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
}
/**
 * custom angular-growl-v2 overrides
 */
.growl-container.growl-fixed.bottom-center {
  margin-left: -45%;
  margin-bottom: 80px;
}
.growl-container.growl-fixed {
  max-width: 90%;
}
.growl-container > .growl-item {
  padding: 14px 20px;
  border-radius: 8px;
  border-width: 0;
  font-size: 16px;
  position: relative;
  opacity: 0.9;
}
.growl-container > .growl-item.alert-info {
  background-color: #444444;
  color: #d5eef8;
}
.growl-container > .growl-item.alert-info.icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADB0lEQVRIiY2Wz2tUVxzFP+cxhCeohJcQioRQFCTklVLaLqouJRBsEEoxO+miRUrWhVKCFHHRjduq/4BQikHJIkTFZcmmShYZySKULlyEkBkGKZ2hDDld3PdzfgQvPO6Zd9+c7/ec7/e++8QJo9nuzQFLmEXkBdAMGNAB8AZ4CTwH/k6TeCSHRpACnLNZE15Bmg4rDo9nUzFD2/BYcBfzNp2qB4oGA9gsGbYlVkvySi6q/wQSwS3jbcTyIF8twG6r+x3yE/CcHaJlU4mpziUGZo3Xm63u90MW7ba7CK6B1oG4In9AnfuSXtv8K/HF0LMB/wfcsNn4aCrOFWjW8MA4BrA8zA5Iug9cknwV+0dwRh50ZHgC+FViFiDabXXBvg2ak0MRZWEzdGE/S5P4OE1OHVvaorgfrhJ7FrjTbPXQbrv7odArIKFI3BiFhBT+mOEt8LeGY6E7wK2RUgNFB/FZQ9YSIikrUmWtmBvwEtAU6gPT9Z6ljqVJYLmBWMRgQd36YFNA6mDvILUNFzELyoiGa1xi8GKEWQAPNI2LfCQ2EVctfZkm8ddClySeIoEUhI3BkuYjxExhhUrWsiv43PYzwSpAmsT/YNaLyhYJjcJMN8BRyV56FTrOIGbCis9U3EuqWsdZJMJOPhre/yqkgnBQ+EdBaq7kclWRPoxpR6A3ZTaVjZNX2Eb2EWYHoNnunZa4XG4OGI/Zi4AX+Y1iU1ZSzWryp6SjcMsfAx/k9XKZ9Ajsl5HxFlLnRItgO03i42zpU2DiPSx6B2xGgn1g4ySLgE6pSn2gj905ySLDJtZelCansPnZ+GCcRYKvmu1eAiDxEHwB6fdxFhkOBWvpVBzybba6IFZsPRI0Bl/V2VvjL2AHOGv7E9UOo9roY24ifkuTuE7VbPV+QPwCboRGVin9PbClvuAn4F5+RtePTHEP+6atw6pFNTy+c44E31TJ86XayA7988BdYBk4O8aKPPI7o03s25L2B78uRhyMlUBmHvk6aBGYByZtI6mDvWfxQtYGsDf4NZGP/wGdgYzCs9b0KgAAAABJRU5ErkJggg==);
}
.growl-container > .growl-item.alert-success.icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAChElEQVRIiZ3WP4hcVRQG8N95PMKSYgkpliBbLMFCUsjaiEUEiwQMIttpsFCXkEIRLQxvbBeRME8UEpQ0kTRB0U5sxFaSQoyohWwhYrGELcKyBJFhWeZavDvrndmdzU4OPGbemTPfd953/twXoDWH17CKJ1BLKqECCQH5fr8N87WL+7iF2xqDyOBf4CJ2JNvCcO+v6QC4KPwx9kuFeczhG8mlGm/iomRdWBXWMZQMxT6AcZJxq1DjyfwErwg/htY9PCV5Xs8vU+Bms75l4Y5kvcYitoQ/HgusNSe5otP+Sz0DrGfMxVr3WAOp0H02e11Yy98vaF3CvzqZj1WSKhdsdoLWGcnVjFFJzmEBoyao6r1WnB28xufCycJ7XfKnUI/auqLo9aODw9t4ofD+jE/0xkPrKf18uCXL+LDwDITLGg+LmEwwCzC0juOabqDoandV49exuIx7sP6tBe2YtmX27+Js4fkJn07LZz9B37P4TXJP39MTxMtYI3deso23NP6ZksxEgfsWhK9wSlgSvs2gtOZxQzgGeY18xIQ0pcWIIPYcO9gqQpYk32mdwfuS5/aSSe7iumYqPCYlamxjhWInhUXJHckHRUM8yF2zcyh6lmh8ghv3sSL5vSA5UUgzxJp0hN0VBxF0JBvCCgXJ//YDbk4O1GTm2YYdQd4bEyR/S16SCrmSLVzWGDwq85JgN++j/S3bsyG8nAv6AO9pbBwK3lmd8XYrbOIETh8Y2tXkvOQZ4fYRwGFJN+mboXUFH+Mu3sBfmsc8G1oVTktuCWfRC33zwtd4Edu6ORi9JfDoc6IqPiuc1CnyPV6NzDwveUdYxalD4UavMOUWLld92NQd+p9pPPwPKXe6WZF2aqAAAAAASUVORK5CYII=);
}
.growl-container > .growl-item.alert-warning {
  background-color: #FF9951;
  color: #FFFFFF;
}
.growl-container > .growl-item.alert-warning.icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACF0lEQVRIia2UMWtUURCFzyxLWMISNotVEIuQQkIKCYsgxC2sLLZIIRFBxErE2kKwCGJlZSH+AEt/gZ2NhQgGSRUWEas0goIiIWhyPgvvTa4vL3GT7MDjHebNm5lz5s6VjmHAjO2zx/lnZLN9HhgCn21fGGtyYAp4y76tA92xFbD93Db5SfYCOH1y4Arwm4O2CwxOVSRJs15mzQzSe3gqqYBHpSylTIX/6YlY2J4HvhadPwP6tvu2nxT+78DiSQq8LGWx/aBgdq+UC3h1WJ5GnRPoS1pJWJIUEdNFSCf7AQFXgcFIBYCWpMcRkRMr4U4RM539xfdV2+1RGAyApXJwCe8ViIhOyS7hnqRrRxYA2sBq6S+kKBl0axqQpIdlXB2DlYiYL2jXShQRnbqYiJgFbldZ5C6awMeajc02LNisVU5RuSubaY4HGNwE5jLlyinJWz0HnAPOHCKRJM0Ad6vdt4EPR3QPsGt7M3W4+5/Y4T+zsL1cuSnrbAO4CCzmZuokytj2rT3tbb+pu3NKbPt+0dCdEeLXgIkm0IuIXilZPh0VfAmYlGRJl0eIXwCWmhFxXVIrD6sMrtgy8E6SI2KhGl+DJyTdCOCTpFn27xyNEX9pSnotaSsiukALaEZEk7970ZDUiIjGIVIYcGK1Iyk/25K+RcT7yJQktSVNSZoEWonihKS9QjW676SZ/EpJtyVtSfoh6WdE6A+GHyFOX65RAQAAAABJRU5ErkJggg==);
}
.growl-container > .growl-item.alert-error {
  background-color: #E1453F;
  color: #FFFFFF;
}
.growl-container > .growl-item.alert-error.icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACh0lEQVRIiY2Vv2pUYRDFz1yWEFKIpQSRlAHFWnwESytJpwSUZQtN0lhYiYiFisQ/hb6ANkJewcIihCVECx9AsBMMGjebnJ9F5l4/b+6aHVi4934z58yZb2Y2NMGAvqS7knqTfNIOgIdVVb08wa8BrmwvAyOmt5HtZdtVG+9YdsCNiFgHZiLik6RXkjwhn0rSTUkXJa1HhCS9+V/2fdsj2wCbwPwUiueBTdvYHmVpTyzLcBrwFslwYrnyw15mvm373LTgBck5YJhK9mwv1wdlWbbKzG2ftn0V6AS1fQU401LSlMt2X8B3ANs7tv8BB94DY9srQK8AqoAlYM/2B9tnirh52ztZru8CdvNl0JJ8CzhM8lGS1GdLwM9UDfCgFdvP77s9QNle7VZ8A5yX1Jc0I+mRpBngG/BK0myCvYuINoEkHeFOUpCOs8B6kekY2KtfbL8FTnXENQrKyTs2TBHxW9Id/R2eHjCbzxsRcT0ifnQQNM8lwbExT5KDiPgI7Bd3YElbkn5NiGmIGtAMamdS2V6S9CIiZiJC+ask3QPWbHetm4aoIcigtuM1Sa+VFyppA2jKJelhRNyeNCc1yG5eWLtNr9bTnZf8FpgDerbXbR/m2bijxQeJudsMGvAZOFs4Ldr+0tUt2V3PgEPbX21fLs7OJtbRoOUAjRNoWJLYXgQeA3Mdynu27wOXWuDDVDwGVgTI9qDeR7a3bS9MLmq32V7I2HryB83d5G4Z1EqA7VLJSZaZbxfDODj275ZK1gqS4TQkHWVZK7sq2iTZEY91tH8+RcRT4KAenpZ/T0eTfkHSvqTViHje5duY7Xa5prHusrQVlEokrUhaVWuF8Hf71s9OxU+6Mv8DDJ6dJ1SGDwsAAAAASUVORK5CYII=);
}
.growl-item.icon > .growl-message {
  margin: 0 0 0 30px;
}
.growl-item.icon > .growl-title {
  font-weight: 900;
  margin: 0 0 4px 30px;
}
.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
  -webkit-transition: 0.5s ease-out all;
  -moz-transition: 0.5s ease-out all;
  -o-transition: 0.5s ease-out all;
  transition: 0.5s ease-out all;
}
.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave.ng-leave-active {
  opacity: 0;
  top: 100px;
}
.growl-container > .growl-item.ng-leave,
.growl-container > .growl-item.ng-enter.ng-enter-active {
  opacity: 0.9;
  top: 0;
}
body[agent*='HeadlessChrome'] * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
/*******************************************************************************************
 * VARS
 ******************************************************************************************/
/*******************************************************************************************
 * ANIM \ TRANSITION VARS
 ******************************************************************************************/
/*******************************************************************************************
 * GLOBAL THEME COLOURS
 ******************************************************************************************/
.wps-white {
  color: #FFFFFF;
}
.wps-black {
  color: #000000;
}
.wps-white-bg {
  background-color: #FFFFFF;
}
.wps-black-bg {
  background-color: #000000;
}
.wps-border-white {
  border-bottom-color: #757B82;
}
.wps-lightgray {
  color: #C4C6C9;
}
.wps-midlightgray {
  color: #8E9A99;
}
.wps-darkgray {
  color: #8E9A99;
}
.wps-darkgrayfont {
  color: #6D747B;
}
.wps-lightgray-bg {
  background-color: #C4C6C9;
}
.wps-midlightgray-bg {
  background-color: #8E9A99;
}
.wps-middarkgray-bg {
  background-color: #6D747B;
}
.wps-darkgray-bg {
  background-color: #8E9A99;
}
.wps-extremelightgray-bg {
  background-color: #F2F2F2;
}
.wps-red {
  color: #E1453F;
}
.wps-red-bg {
  background-color: #E1453F;
}
.wps-lightorange-bg {
  background-color: #FFB672;
}
.wps-midlightorange-bg {
  background-color: #FF9951;
}
.wps-middarkorange-bg {
  background-color: #FF8034;
}
.wps-darkorange-bg {
  background-color: #E47A3C;
}
.wps-lightblue-bg {
  background-color: #89C6E9;
}
.wps-midlightblue-bg {
  background-color: #62B1E6;
}
.wps-middarkblue-bg {
  background-color: #079AD7;
}
.wps-darkblue-bg {
  background-color: #27618E;
}
.wps-blueextremelight-bg {
  background-color: #d5eef8;
}
.wps-lightblue {
  color: #89C6E9;
}
.wps-darkblue {
  color: #27618E;
}
/*******************************************************************************************
 * TYPE
 ******************************************************************************************/
.wps-fontsize-normal {
  font-size: 16px;
}
.wps-fontsize-xlarge {
  font-size: 38px;
}
.wps-fontsize-xxlarge {
  font-size: 44px;
}
.wps-fontsize-large {
  font-size: 24px;
}
.wps-fontsize-caption {
  font-size: 14.4px;
}
.wps-fontsize-small {
  font-size: 14px;
}
.wps-fontsize-smaller {
  font-size: 13px;
}
.wps-fontsize-subheader {
  font-size: 21.6px;
}
.wps-font-regular {
  font-family: 'open sans regular';
}
.wps-font-light {
  font-family: 'open sans light';
}
.wps-font-bold {
  font-weight: bold;
}
.wps-font-bolder {
  font-weight: bolder;
}
/**
 * Explicit design styles
 *
 *  taken from font size @ 50pt based to 24px then using ratios as per design:
 *
 *    #ffffff 50pt Open sans Regular (1)
 *    #cccccc 50pt Open sans Light   (1)
 *    #ffffff 45pt Open sans Regular (0.9)
 *    #666666 40pt Open sans Light   (0.8)
 *    #ffffff 40pt Open sans Light   (0.8)
 *    #ffffff 30pt Open sans Light   (0.6)
 */
.wps-font-50-reg-gray {
  font-family: 'open sans regular';
  font-size: 21px;
  color: #cccccc;
}
.wps-font-50-lite-white {
  font-family: 'open sans light';
  font-size: 21px;
  color: #ffffff;
}
.wps-font-45-lite {
  font-family: 'open sans light';
  font-size: 18.9px;
}
.wps-font-40-lite-gray {
  font-family: 'open sans light';
  font-size: 16.8px;
  color: #666666;
}
.wps-font-40-lite-white {
  font-family: 'open sans light';
  font-size: 16.8px;
  color: #ffffff;
}
.wps-font-30-reg-white {
  font-family: 'open sans regular';
  font-size: 12.6px;
  color: #ffffff;
}
@font-face {
  font-family: 'open sans regular';
  src: url('../fonts/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'open sans light';
  src: url('../fonts/OpenSans-Light.eot');
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.ttf') format('truetype');
}
/*******************************************************************************************
 * LAYOUTS
 ******************************************************************************************/
.wps-no-gutter [class*="-12"] {
  padding-left: 0;
  padding-right: 0;
}
.wps-padded-v {
  padding: 20px 0;
}
.wps-padded-h {
  padding: 5px 0;
}
.wps-padded-hv {
  padding: 20px 5px;
}
/*IOS*/
.platform-ios .view-slide-menu {
  border-radius: 5px 0 0 0;
}
/* Percentage Classes pc-0 to pc-100 */
.pc-100 {
  width: 100%;
}
.pc-99 {
  width: 99%;
}
.pc-98 {
  width: 98%;
}
.pc-97 {
  width: 97%;
}
.pc-96 {
  width: 96%;
}
.pc-95 {
  width: 95%;
}
.pc-94 {
  width: 94%;
}
.pc-93 {
  width: 93%;
}
.pc-92 {
  width: 92%;
}
.pc-91 {
  width: 91%;
}
.pc-90 {
  width: 90%;
}
.pc-89 {
  width: 89%;
}
.pc-88 {
  width: 88%;
}
.pc-87 {
  width: 87%;
}
.pc-86 {
  width: 86%;
}
.pc-85 {
  width: 85%;
}
.pc-84 {
  width: 84%;
}
.pc-83 {
  width: 83%;
}
.pc-82 {
  width: 82%;
}
.pc-81 {
  width: 81%;
}
.pc-80 {
  width: 80%;
}
.pc-79 {
  width: 79%;
}
.pc-78 {
  width: 78%;
}
.pc-77 {
  width: 77%;
}
.pc-76 {
  width: 76%;
}
.pc-75 {
  width: 75%;
}
.pc-74 {
  width: 74%;
}
.pc-73 {
  width: 73%;
}
.pc-72 {
  width: 72%;
}
.pc-71 {
  width: 71%;
}
.pc-70 {
  width: 70%;
}
.pc-69 {
  width: 69%;
}
.pc-68 {
  width: 68%;
}
.pc-67 {
  width: 67%;
}
.pc-66 {
  width: 66%;
}
.pc-65 {
  width: 65%;
}
.pc-64 {
  width: 64%;
}
.pc-63 {
  width: 63%;
}
.pc-62 {
  width: 62%;
}
.pc-61 {
  width: 61%;
}
.pc-60 {
  width: 60%;
}
.pc-59 {
  width: 59%;
}
.pc-58 {
  width: 58%;
}
.pc-57 {
  width: 57%;
}
.pc-56 {
  width: 56%;
}
.pc-55 {
  width: 55%;
}
.pc-54 {
  width: 54%;
}
.pc-53 {
  width: 53%;
}
.pc-52 {
  width: 52%;
}
.pc-51 {
  width: 51%;
}
.pc-50 {
  width: 50%;
}
.pc-49 {
  width: 49%;
}
.pc-48 {
  width: 48%;
}
.pc-47 {
  width: 47%;
}
.pc-46 {
  width: 46%;
}
.pc-45 {
  width: 45%;
}
.pc-44 {
  width: 44%;
}
.pc-43 {
  width: 43%;
}
.pc-42 {
  width: 42%;
}
.pc-41 {
  width: 41%;
}
.pc-40 {
  width: 40%;
}
.pc-39 {
  width: 39%;
}
.pc-38 {
  width: 38%;
}
.pc-37 {
  width: 37%;
}
.pc-36 {
  width: 36%;
}
.pc-35 {
  width: 35%;
}
.pc-34 {
  width: 34%;
}
.pc-33 {
  width: 33%;
}
.pc-32 {
  width: 32%;
}
.pc-31 {
  width: 31%;
}
.pc-30 {
  width: 30%;
}
.pc-29 {
  width: 29%;
}
.pc-28 {
  width: 28%;
}
.pc-27 {
  width: 27%;
}
.pc-26 {
  width: 26%;
}
.pc-25 {
  width: 25%;
}
.pc-24 {
  width: 24%;
}
.pc-23 {
  width: 23%;
}
.pc-22 {
  width: 22%;
}
.pc-21 {
  width: 21%;
}
.pc-20 {
  width: 20%;
}
.pc-19 {
  width: 19%;
}
.pc-18 {
  width: 18%;
}
.pc-17 {
  width: 17%;
}
.pc-16 {
  width: 16%;
}
.pc-15 {
  width: 15%;
}
.pc-14 {
  width: 14%;
}
.pc-13 {
  width: 13%;
}
.pc-12 {
  width: 12%;
}
.pc-11 {
  width: 11%;
}
.pc-10 {
  width: 10%;
}
.pc-9 {
  width: 9%;
}
.pc-8 {
  width: 8%;
}
.pc-7 {
  width: 7%;
}
.pc-6 {
  width: 6%;
}
.pc-5 {
  width: 5%;
}
.pc-4 {
  width: 4%;
}
.pc-3 {
  width: 3%;
}
.pc-2 {
  width: 2%;
}
.pc-1 {
  width: 1%;
}
.pc-0 {
  width: 0%;
}
/*******************************************************************************************
 * BASE ELEMENTS
 ******************************************************************************************/
.wps-link {
  color: #8E9A99;
  font-size: 14px;
  text-decoration: underline;
}
.wps-clickable {
  cursor: pointer;
  cursor: hand;
}
.wps-rounded {
  border-radius: 50px;
  padding: 10px 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
}
.wps-label {
  background: #27618E;
  border-radius: 5px;
  line-height: 22px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 2px 5px;
  margin-left: 10px;
}
/*******************************************************************************************
 * hide content until translations resolved
 ******************************************************************************************/
.translate-cloak {
  background-color: #FFFFFF;
  opacity: 0;
}
/*******************************************************************************************
 * Styles used within directives
 ******************************************************************************************/
.wps-rating-panel {
  background: #FFFFFF;
  color: #757B82;
  text-align: center;
  height: 80px;
  font-size: 15px;
  padding-top: 6px;
}
.wps-rating-panel i {
  padding: 6px 10px;
}
.wps-rating-panel .wps-stars {
  color: #FF9951;
  font-size: 24px;
}
.wps-rating-panel .wps-stars .glyphicon-star-empty {
  color: #757B82;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*******************************************************************************************
 * HEADER
 ******************************************************************************************/
.wps-nav-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 70px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #C4C6C9;
  background: #FFFFFF url('../img/workforce_logo.d18c93f2.svg') no-repeat center center;
  background-size: 44px 44px;
}
.wps-nav-header .wps-left,
.wps-nav-header .wps-right {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 70px;
  color: #757B82;
  font-size: 32px;
  padding: 0;
  height: 70px;
  text-align: center;
  z-index: 999;
}
.wps-nav-header .wps-left > span,
.wps-nav-header .wps-right > span {
  width: 100%;
}
.wps-nav-header .wps-left {
  left: 0;
}
.wps-nav-header .wps-right {
  right: 0;
}
.wps-nav-header .container {
  padding-right: 0;
  padding-left: 0;
}
.wps-nav-subheader {
  min-height: 60px;
  background-color: #079AD7;
}
.wps-nav-subheader .wps-nav-subheader-title,
.wps-nav-subheader label {
  color: #FFFFFF;
  display: block;
  font-family: 'open sans regular';
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.wps-nav-subheader .wps-nav-subheader-text {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
}
.wps-nav-subheader.wps-nav-subheader-top .container:first-child {
  height: 100%;
  display: table;
}
.wps-nav-subheader.wps-nav-subheader-top .container:first-child label {
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}
.wps-nav-subheader-top {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 23px;
  right: 0;
}
.wps-nav-button {
  height: 70px;
  line-height: 70px;
  width: 70px;
  display: inline-block;
}
/*******************************************************************************************
 * BROAD HEADER
 ******************************************************************************************/
.wps-broad-header {
  color: #FFFFFF;
}
.wps-broad-header__title {
  font-size: 24px;
}
.wps-broad-header__caption {
  font-size: 14.4px;
  padding: 0 30px;
}
/*******************************************************************************************
 * FOOTER
 ******************************************************************************************/
.wps-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #8E9A99;
}
.forgotten-password-footer {
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  height: 60px;
}
.wps-broad-footer {
  bottom: 0;
  left: 0;
  height: 120px;
  background-color: #C4C6C9;
}
.wps-footer-text {
  display: block;
  font-family: 'open sans regular';
  font-size: 16px;
  line-height: 60px;
  text-align: center;
  color: #079AD7;
}
.wps-footer-powered {
  background: #FFFFFF;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-family: 'open sans regular';
}
.wps-footer-powered label {
  background: transparent url('../img/workforce_logo.d18c93f2.svg') no-repeat left;
  background-size: 20px;
  padding: 3px 0 0 26px;
  line-height: 24px;
  background-position-y: 5px;
}
/*******************************************************************************************
 * CONTENT
 ******************************************************************************************/
article {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #FFFFFF;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.wps-has-header {
  top: 70px;
}
.wps-has-tabbar {
  top: 80px;
}
.wps-has-header.wps-has-tabbar {
  top: 150px;
}
.wps-has-header.wps-has-tabbar.wps-only-calendar {
  top: 110px;
}
.view-animate-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.view-animate {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  opacity: 1;
}
.wps-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
}
.wps-loader.show {
  display: block;
}
.wps-loader span {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  font-size: 48px;
  border-top-color: transparent;
  border-radius: 100%;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.wps-spinner {
  z-index: 9999;
  height: 26px;
  width: 26px;
  -webkit-animation: rotation 0.5s infinite linear;
  -moz-animation: rotation 0.5s infinite linear;
  -o-animation: rotation 0.5s infinite linear;
  animation: rotation 0.5s infinite linear;
  border-left: 6px solid rgba(55, 55, 55, 0.15);
  border-right: 6px solid rgba(55, 55, 55, 0.15);
  border-bottom: 6px solid rgba(55, 55, 55, 0.15);
  border-top: 6px solid rgba(55, 55, 55, 0.9);
  border-radius: 100%;
}
.wps-spinner-container {
  left: 50%;
  margin-left: -26px;
  margin-top: 27px;
  min-height: 80px;
  width: 100%;
}
.wps-reload-spinner-container {
  left: 50%;
  margin-left: -26px;
  margin-top: 17px;
  min-height: 40px;
  width: 100%;
}
.reload-container {
  margin: 0 -15px 0;
  padding: 0 15px;
}
/*******************************************************************************************
 * FORMS
 ******************************************************************************************/
.wps-form-label {
  display: block;
  height: auto;
  padding: 15px 0 3px 10px;
  margin: 0;
  font-weight: normal;
}
.wps-form-label .bold {
  font-weight: bold !important;
  font-size: 120%;
  color: #000000;
}
.wps-form-label .inline {
  display: inline;
}
.wps-form-label-group {
  margin-top: 30px;
}
.wps-form-label-small {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wps-form-label-xs {
  padding-top: 0;
  padding-bottom: 0;
}
.wps-form-border-free * {
  border: none;
}
.wps-form-input {
  font-family: "open sans regular";
  color: #6D747B;
}
/* inline input box */
.wps-form-input-inline {
  font-family: "open sans regular";
  color: #6D747B;
  display: inline;
  width: 41% !important;
  border: none;
  border-bottom: 2px solid #079AD7;
  margin: 20px 0 20px 6%;
  box-shadow: none;
}
.wps-form-input-inline.has-error {
  border-top: 2px solid #E1453F;
  border-bottom: 3px solid #E1453F;
}
.wps-form-input-inline.full-width {
  width: 88% !important;
}
.wps-form-submit {
  margin: 20px 0 30px 0;
  font-size: 24px;
  color: #FFFFFF;
  background-color: #079AD7;
  border-radius: 0;
  border: none;
  height: 54px;
  padding: 0 0 0 20px;
  border-bottom: 4px solid #27618E;
  border-radius: 5px;
}
.wps-form-submit > span {
  line-height: 50px;
}
.wps-form-submit .glyphicon {
  float: right;
  font-size: 16px;
  margin-right: 20px;
  color: #89C6E9;
}
.wps-form-submit:focus,
.wps-form-submit:active {
  background-color: #62B1E6;
  border-color: #079AD7;
}
.wps-form-submit.wps-green-bg {
  background-color: #32AB34;
  border-bottom-color: #1E7E67;
}
.wps-form-submit.wps-green-bg:focus,
.wps-form-submit.wps-green-bg:active {
  background-color: #4DD052;
  border-color: #32AB34;
}
.wps-form-submit.wps-green-bg:disabled,
.wps-form-submit.wps-cancel-swap:disabled,
.wps-form-submit:disabled {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
  border-bottom-color: #C4C6C9;
  color: #8E9A99;
}
.wps-form-submit.wps-green-bg:disabled .glyphicon,
.wps-form-submit.wps-cancel-swap:disabled .glyphicon,
.wps-form-submit:disabled .glyphicon {
  color: inherit;
}
.wps-form-cancel {
  margin: 20px 0 30px 0;
  font-size: 24px;
  color: #FFFFFF;
  background-color: #E1453F;
  border-radius: 0;
  border: none;
  height: 54px;
  padding: 0 0 0 20px;
  border-bottom: 4px solid #ff392e;
  border-radius: 0 0 5px 5px;
}
.wps-form-cancel > span {
  line-height: 50px;
}
.wps-form-cancel .glyphicon {
  float: right;
  font-size: 16px;
  margin-right: 20px;
  color: #FFB2AE;
}
.wps-form-cancel:focus,
.wps-form-cancel:active {
  background-color: #ff9994;
  border: none;
}
.wps-form-cancel:disabled {
  background-color: #F2F2F2;
  border-color: #C4C6C9;
  color: #8E9A99;
}
.wps-form-cancel:disabled .glyphicon {
  color: inherit;
}
.wps-rounded-button {
  border-radius: 5px;
  padding: 10px 0;
  width: 162px;
  height: 50px;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  background: none;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.wps-form-error-label {
  padding: 5px 0 5px 15px;
  color: #E1453F;
  font-weight: bold;
}
.has-error-inset input,
.has-error-inset .glyphicon {
  color: #E1453F !important;
}
.wps-required {
  color: #E1453F;
  font-size: 16px;
  padding-right: 3px;
}
/* wps-swipe-pager classes */
wps-swipe-pager {
  min-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
wps-swipe-pager wps-swipe-page {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: normal;
}
wps-swipe-pager .swipePageButtons {
  width: 100%;
  text-align: center;
  padding: 10px;
  color: #aaaaaa;
  min-height: 30px;
  max-height: 100%;
  margin-top: -30px;
}
wps-swipe-pager .swipePageButtons span {
  padding: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
wps-swipe-pager .swipePageButtons span.current {
  color: #FFFFFF;
}
wps-swipe-pager .swipeNavButtons {
  width: 100%;
  padding: 10px;
  color: #FFFFFF;
  position: relative;
  float: left;
}
wps-swipe-pager .swipeNavButtons .page-back {
  float: left;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
wps-swipe-pager .swipeNavButtons .page-forward {
  float: right;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
wps-swipe-pager .swipeNavButtons .disabled {
  color: #aaaaaa;
}
/*******************************************************************************************
* INPUTS
********************************************************************************************/
input[type=checkbox] {
  font-size: 30px;
  position: relative;
  border: 1px solid #777;
  display: inline-block;
  line-height: 1em;
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  text-align: center;
  background-color: white;
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
}
input[type=checkbox]:checked {
  background-color: #079AD7;
}
input[type=checkbox]:checked::after {
  position: absolute;
  content: '';
  left: 17%;
  top: 22%;
  height: 40%;
  width: 70%;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform: rotate(-50deg);
}
input[type=checkbox]:disabled {
  background-color: #eee;
  border: 1px solid #aaa;
}
input[type=checkbox]:active,
input[type=checkbox]:focus {
  outline: none;
}
.wps-checkmark {
  color: #8E9A99;
}
.wps-checkmark.wps-checkmark-on {
  display: initial;
  color: #757B82;
}
.wps-checkmark.wps-checkmark-off {
  display: none;
}
.wps-list-item {
  height: 60px;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 15px;
}
.wps-list-item .wps-list-item-text {
  font-size: 16px;
  line-height: 60px;
}
.wps-list-item .wps-list-item-icon + .wps-list-item-icon {
  margin-right: 10px;
}
.wps-list-item .wps-list-item-icon {
  font-size: 24px;
  line-height: 60px;
}
.wps-list-item .wps-list-item-icon.right {
  float: right;
}
.wps-list-item .wps-list-item-icon.no-border {
  border: 1px solid white;
}
.wps-slider {
  position: relative;
  height: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-timing-function: ease;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.8s;
  transition-timing-function: ease;
  transition-property: opacity;
  transition-duration: 0.8s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.wps-slider .wps-slider-value {
  position: absolute;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #32AB34 0%, #2c972e 100%);
  background-image: linear-gradient(to bottom, #32AB34 0%, #2c972e 100%);
  border-radius: 5px;
}
.wps-slider .wps-slider-track {
  height: 20px;
  border-radius: 0;
}
.wps-slider .wps-slider-handle {
  position: absolute;
  width: 40px;
  height: 40px;
  margin-top: 40px;
  margin-left: -20px;
  background: #079AD7;
  border-radius: 2px 2px 4px 4px;
  box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px;
}
.wps-slider .wps-slider-handle:before {
  border-color: transparent transparent #079AD7;
  border-style: solid;
  border-width: 0 20px 20px;
  content: '';
  display: block;
  height: 0;
  position: relative;
  top: -19px;
  width: 0;
}
.wps-slider .wps-slider-handle:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 10px;
}
.wps-slider .wps-slider-handle.left:after {
  background: transparent url(../img/icon-start.e968288f.svg) center no-repeat;
}
.wps-slider .wps-slider-handle.right:after {
  background: transparent url(../img/icon-finish.d0de8e48.svg) center no-repeat;
}
.wps-slider .wps-slider-tip {
  position: absolute;
  margin-top: -45px;
  background-color: #079AD7;
  font-family: 'open sans regular';
  font-size: 16px;
  border-radius: 30px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 8px 12px;
  white-space: nowrap;
  min-width: 80px;
  text-align: center;
}
.wps-slider .wps-slider-tip.left {
  margin-left: -40px;
}
.wps-slider .wps-slider-tip.right {
  margin-right: -40px;
}
.wps-slider .wps-slider-tip .tooltip-arrow {
  border-top-color: #27618E;
}
#openClockingBtn {
  background: #32AB34;
  border: none;
  border-radius: 50%;
  bottom: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.115);
  color: #FFFFFF;
  font-size: 24px;
  height: 56px;
  position: fixed;
  right: 15px;
  line-height: 56px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 56px;
}
#openClockingBtn:active,
#openClockingBtn:hover,
#openClockingBtn:focus {
  color: #FFFFFF;
  outline: none;
}
#clockingSubmit {
  background: #32AB34;
  border-bottom: 4px solid #1E7E67;
  padding: 0;
}
#clockingSubmit:active,
#clockingSubmit:hover,
#clockingSubmit:focus {
  color: #FFFFFF;
  outline: none;
}
#clockingSubmit[disabled] {
  color: white;
}
.clocking-failed {
  margin-bottom: 20px;
}
.spin {
  display: inline-block;
  line-height: 0;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.clocking-slider .off-screen-heading {
  padding-left: 0px !important;
}
.clocking-slider .clocking-body {
  padding: 0px 16px;
}
.view-slide-menu {
  right: -230px;
  position: absolute;
  z-index: 10000;
  background: white;
  width: 230px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  display: inline-block;
  background-color: #6D747B;
}
.view-slide-menu ul {
  top: 70px;
  bottom: 0;
  position: absolute;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.view-slide-menu .wps-nav-button {
  height: 70px;
  line-height: 70px;
  width: 70px;
  display: inline-block;
  outline: none;
}
.view-slide-menu .wps-right {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 70px;
  color: #FFFFFF;
  font-size: 32px;
  padding: 0;
  right: -8px;
  text-align: center;
}
.wps-view-slide-header {
  height: 70px;
}
.show-nav {
  -webkit-transform: translateX(-230px);
  transform: translateX(-230px);
}
.show-nav ul.menuItems li {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.overlay {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  transition: opacity 0.2s ease;
  opacity: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.overlay.show {
  opacity: 0.75;
  z-index: 9999;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.menuItems {
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  position: absolute;
  padding: 0;
}
.menuItems li {
  color: #FFFFFF;
  padding: 12px;
  width: 100%;
  display: table;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.menuItems li span {
  display: table-cell;
}
.menuItems li .menu-icon {
  width: 28px;
  padding-right: 12px;
}
.menuItems li.wps-active {
  background: linear-gradient(135deg, #079AD7 20%, #54BF9F 80%);
}
.menuItems li:nth-of-type(20) {
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
}
.menuItems li:nth-of-type(19) {
  -webkit-transition: all 0.2s ease 0.48s;
  transition: all 0.2s ease 0.48s;
}
.menuItems li:nth-of-type(18) {
  -webkit-transition: all 0.2s ease 0.46s;
  transition: all 0.2s ease 0.46s;
}
.menuItems li:nth-of-type(17) {
  -webkit-transition: all 0.2s ease 0.44s;
  transition: all 0.2s ease 0.44s;
}
.menuItems li:nth-of-type(16) {
  -webkit-transition: all 0.2s ease 0.42s;
  transition: all 0.2s ease 0.42s;
}
.menuItems li:nth-of-type(15) {
  -webkit-transition: all 0.2s ease 0.4s;
  transition: all 0.2s ease 0.4s;
}
.menuItems li:nth-of-type(14) {
  -webkit-transition: all 0.2s ease 0.38s;
  transition: all 0.2s ease 0.38s;
}
.menuItems li:nth-of-type(13) {
  -webkit-transition: all 0.2s ease 0.36s;
  transition: all 0.2s ease 0.36s;
}
.menuItems li:nth-of-type(12) {
  -webkit-transition: all 0.2s ease 0.34s;
  transition: all 0.2s ease 0.34s;
}
.menuItems li:nth-of-type(11) {
  -webkit-transition: all 0.2s ease 0.32s;
  transition: all 0.2s ease 0.32s;
}
.menuItems li:nth-of-type(10) {
  -webkit-transition: all 0.2s ease 0.3s;
  transition: all 0.2s ease 0.3s;
}
.menuItems li:nth-of-type(9) {
  -webkit-transition: all 0.2s ease 0.28s;
  transition: all 0.2s ease 0.28s;
}
.menuItems li:nth-of-type(8) {
  -webkit-transition: all 0.2s ease 0.26s;
  transition: all 0.2s ease 0.26s;
}
.menuItems li:nth-of-type(7) {
  -webkit-transition: all 0.2s ease 0.24s;
  transition: all 0.2s ease 0.24s;
}
.menuItems li:nth-of-type(6) {
  -webkit-transition: all 0.2s ease 0.22s;
  transition: all 0.2s ease 0.22s;
}
.menuItems li:nth-of-type(5) {
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s;
}
.menuItems li:nth-of-type(4) {
  -webkit-transition: all 0.2s ease 0.18s;
  transition: all 0.2s ease 0.18s;
}
.menuItems li:nth-of-type(3) {
  -webkit-transition: all 0.2s ease 0.16s;
  transition: all 0.2s ease 0.16s;
}
.menuItems li:nth-of-type(2) {
  -webkit-transition: all 0.2s ease 0.14s;
  transition: all 0.2s ease 0.14s;
}
.menuItems li:nth-of-type(1) {
  -webkit-transition: all 0.2s ease 0.12s;
  transition: all 0.2s ease 0.12s;
}
.slide article {
  -webkit-overflow-scrolling: auto !important;
  overflow-y: visible !important;
}
/*******************************************************************************************
 * LOGIN VIEW
 ******************************************************************************************/
.wps-view-login .wps-form-label,
.wps-view-resetpassword .wps-form-label {
  margin-top: 5px;
}
.wps-view-login .glyphicon-envelope,
.wps-view-resetpassword .glyphicon-envelope {
  display: block;
  font-size: 120px;
  color: #fff;
  text-align: center;
  margin: 20px 0 5px;
  opacity: 0.5;
}
.wps-view-login .wps-footer.hide,
.wps-view-resetpassword .wps-footer.hide {
  display: none;
}
.wps-view-login .wps-tcs,
.wps-view-resetpassword .wps-tcs {
  display: block;
  margin: 20px 0px 5px 0px;
}
.wps-view-login .wps-tcs .wps-form-error-label,
.wps-view-resetpassword .wps-tcs .wps-form-error-label {
  text-align: left;
}
.wps-view-login .wps-tcs > input,
.wps-view-resetpassword .wps-tcs > input {
  margin-right: 6px;
}
.wps-view-login .wps-keep,
.wps-view-resetpassword .wps-keep {
  display: block;
  margin: 0px 0px 20px 0px;
}
.wps-view-login .wps-keep > input,
.wps-view-resetpassword .wps-keep > input {
  margin-right: 6px;
}
.wps-view-login #loginBtn,
.wps-view-resetpassword #loginBtn {
  margin-bottom: 12px;
}
.wps-tabbar {
  z-index: 9000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.wps-tabbar .wps-tabs {
  position: relative;
  background-color: #8E9A99;
  display: flex;
  flex-wrap: nowrap;
  z-index: 100;
}
.wps-tabbar .wps-tabs .wps-tab {
  display: block;
  float: left;
  width: 50%;
  flex-grow: 1;
  height: 40px;
  text-align: center;
  background-color: #8E9A99;
}
.wps-tabbar .wps-tabs .wps-tab span {
  color: #FFFFFF;
  display: block;
  font-family: 'open sans regular';
  line-height: 40px;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wps-tabbar .wps-tabs .wps-tab.wps-active {
  background-color: #079AD7;
}
.wps-tabbar .wps-tabs .wps-tab .tab-overlay {
  vertical-align: top;
  font-size: 24px;
  color: #FF9951;
  position: absolute;
  right: 6px;
}
.wps-tabbar .wps-calendar {
  background-color: #079AD7;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.wps-tabbar .wps-calendar.open {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}
.wps-tabbar .wps-calendar.open .wps-calendar-content {
  max-height: 380px;
}
.wps-tabbar .wps-calendar .wps-calendar-header {
  height: 40px;
  border-bottom: 3px solid #27618E;
  position: relative;
}
.wps-tabbar .wps-calendar .wps-calendar-header > span {
  line-height: 35px;
  font-size: 16px;
}
.wps-tabbar .wps-calendar .wps-calendar-header .wps-left,
.wps-tabbar .wps-calendar .wps-calendar-header .wps-right {
  position: absolute;
  top: 0;
  line-height: 35px;
  color: #89C6E9;
  font-size: 16px;
  padding: 0;
}
.wps-tabbar .wps-calendar .wps-calendar-header .wps-left {
  left: 12px;
}
.wps-tabbar .wps-calendar .wps-calendar-header .wps-right {
  right: 12px;
}
.wps-tabbar .wps-calendar .wps-calendar-content {
  max-height: 0px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}
.wps-tabbar .wps-calendar .wps-calendar-content .controls {
  height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #89C6E9;
}
.wps-tabbar .wps-calendar .wps-calendar-content .controls a {
  font-size: 14px;
  line-height: 40px;
  padding: 0 12px;
  color: #C4C6C9;
}
.wps-cal-spinner {
  position: absolute;
  top: 250px;
  left: 50%;
  margin-left: -15px;
  margin-top: -24px;
  background-color: #FFFFFF;
}
.wps-tabbar {
  top: 70px;
}
.wps-view-schedule {
  /* Locale-specific rules */
}
.wps-view-schedule .overlay-cal {
  position: absolute;
  right: 0;
  left: 0;
  top: 170px;
  bottom: 0;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
}
.wps-view-schedule .overlay-cal.show {
  pointer-events: auto;
  opacity: 0.75;
  z-index: 8888;
}
.wps-view-schedule .lock {
  position: fixed;
  width: 100%;
}
.wps-view-schedule .wps-myschedule {
  background: #8E9A99;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item {
  white-space: nowrap;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.wps-extrainfo {
  max-height: 80px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.wps-extrainfo .wps-extrainfo-content {
  color: #8E9A99;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.wps-today {
  min-height: 104px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.wps-today .wps-today-shifttimes {
  font-size: 18px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item .wps-onloan-duration-details {
  margin-top: -15px;
  padding-bottom: 15px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item .wps-schedule-item-duration {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item .wps-schedule-item-onloan {
  opacity: 1;
  transition: opacity 0.4s ease;
  font-size: 14px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item .wps-schedule-item-onloan .wps-extrainfo-content {
  margin-right: -110%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.open {
  max-height: 999px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.open .wps-schedule-item-duration {
  opacity: 1;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item.open .wps-schedule-item-onloan {
  opacity: 0;
}
.wps-view-schedule .wps-myschedule .wps-not-today .wps-shift-actions {
  background-color: #d5eef8;
  position: relative;
  top: 10px;
}
.wps-view-schedule .wps-myschedule .wps-today .wps-shift-actions {
  position: relative;
  top: 20px;
}
.wps-view-schedule .wps-myschedule .wps-today .wps-shift-notes {
  color: #AEE5FC;
}
.wps-view-schedule .wps-myschedule .wps-today .wps-shift-icon span.ion-shuffle {
  color: #AEE5FC;
}
.wps-view-schedule .wps-myschedule .wps-today-label {
  white-space: normal;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail {
  padding-bottom: 10px;
  white-space: normal;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail p {
  margin-top: 3px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-shift-actions {
  clear: left;
  padding-bottom: 8px;
  padding-right: 8px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-shift-actions .wps-shift-confirm-action .wps-shift-confirm-status {
  line-height: 65px;
  margin-left: -10px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-shift-actions .wps-form-submit {
  font-size: 1em;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: initial;
  margin: 8px 0 0 0;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-shift-actions .wps-form-submit > span {
  line-height: 40px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-shift-actions [class*='col-'] {
  padding-left: 8px;
  padding-right: 0px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities {
  margin-top: 15px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities .wps-activity {
  height: 54px;
  margin: 0 -15px;
  padding: 7px 15px;
  clear: left;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities .wps-activity .wps-activity-name {
  font-style: italic;
  font-weight: 600;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities .wps-activity .wps-activity-times {
  font-weight: 600;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities .wps-activity .wps-activity-summary {
  font-weight: normal;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-detail .wps-activities .wps-activity .wps-activity-task {
  font-weight: normal;
}
.wps-view-schedule .wps-myschedule [class*='col-'] {
  padding-left: 10px;
  padding-right: 10px;
}
.wps-view-schedule .wps-myschedule .wps-schedule-item-times {
  padding-right: 0px;
}
.wps-view-schedule .wps-myschedule .wps-shift-icon {
  margin-left: -10px;
  margin-top: 1px;
}
.wps-view-schedule .wps-myschedule .wps-shift-icon span {
  font-size: 1.3em;
  vertical-align: top;
}
.wps-view-schedule .wps-myschedule .wps-shift-icon span.ion-checkmark {
  color: #32AB34;
}
.wps-view-schedule .wps-myschedule .wps-shift-icon span.ion-android-radio-button-off {
  color: #FF8034;
}
.wps-view-schedule .wps-myschedule .wps-shift-icon span.ion-shuffle {
  color: #FF8034;
}
.wps-view-schedule .wps-myschedule .wps-schedule-week {
  border-bottom: 2px solid #079AD7;
}
.wps-view-schedule .wps-status-col span {
  vertical-align: top;
  font-size: 38px;
  color: #FF8034;
  top: -1px;
}
.wps-view-schedule .wps-shift-notes {
  color: #E47A3C;
  padding-top: 10px;
}
.wps-view-schedule .wps-shift-notes h5 {
  font-weight: 700;
  margin: 0;
}
.wps-view-schedule .wps-shift-notes p {
  font-style: italic;
}
.wps-view-schedule .wps-cancel-swap {
  background-color: #FF9951;
  border-bottom-color: #E47A3C;
}
.wps-view-schedule .wps-unpublished-week {
  background-color: #FFFFFF;
  text-align: center;
}
.wps-view-schedule .wps-unpublished-week p {
  padding: 25px 10px;
  margin: 0;
}
.wps-view-schedule.locale-nl-BE .wps-tabbar .wps-tabs .wps-tab-extra span {
  font-size: 14px;
}
.wps-view-schedule.locale-nl-BE .wps-rating-panel,
.wps-view-schedule.locale-nl-NL .wps-rating-panel,
.wps-view-schedule.locale-de .wps-rating-panel,
.wps-view-schedule.locale-fr .wps-rating-panel,
.wps-view-schedule.locale-es .wps-rating-panel,
.wps-view-schedule.locale-es-ES .wps-rating-panel,
.wps-view-schedule.locale-hu-HU .wps-rating-panel,
.wps-view-schedule.locale-ro-RO .wps-rating-panel,
.wps-view-schedule.locale-el-GR .wps-rating-panel {
  font-size: 11px;
}
.wps-view-schedule.locale-de .wps-form-submit,
.wps-view-schedule.locale-ru-RU .wps-form-submit,
.wps-view-schedule.locale-kk-KZ .wps-form-submit {
  font-size: 20px;
}
.wps-view-schedule .wps-loading-schedule {
  text-align: center;
  padding: 55px 10px 55px 10px;
  margin: 0 -15px;
  background-color: #FFFFFF;
}
.wps-view-schedule .wps-schedule-spinner {
  left: 50%;
  margin-left: -26px;
  margin-top: 7px;
  min-height: 34px;
  width: 34px;
}
.wps-view-schedule .week-number {
  background-color: #FFFFFF;
  color: #757B82;
  font-size: 15px;
  text-align: center;
  padding: 2px;
  letter-spacing: 1px;
}
.wps-view-schedule .no-more-schedules {
  background-color: #FFFFFF;
  text-align: center;
  padding: 16px 4px;
  margin-bottom: 0;
  color: #757B82;
  border-bottom: 1px solid #8E9A99;
}
.wps-colleagues {
  /**
   * High-specificity selector necessary to override line-height declaration
   */
}
.wps-colleagues .no-colleagues {
  margin: 15px;
}
.wps-colleagues div.on-screen slide-in-body ul li.list-group-item {
  line-height: 2rem;
  max-height: none;
}
.wps-view-shifts .overlay-cal {
  position: absolute;
  right: 0;
  left: 0;
  top: 170px;
  bottom: 0;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
}
.wps-view-shifts .overlay-cal.show {
  pointer-events: auto;
  opacity: 0.75;
  z-index: 8888;
}
.wps-view-shifts .lock {
  position: fixed;
  width: 100%;
}
.wps-extrashifts .no-extra-shifts {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 4px;
  background: #C4C6C9;
  margin-bottom: 12px;
  margin-top: 0px;
}
.wps-extrashifts .list-group {
  margin-bottom: 6px;
}
.wps-extrashifts .list-group-item {
  height: auto;
  min-height: none;
  max-height: none;
  background-color: #C4C6C9;
  border-top: 5px solid #8E9A99;
  border-bottom: none;
}
.wps-extrashifts .list-group-item.wps-active .wps-list-header {
  background-color: #27618E;
  color: #FFFFFF;
}
.wps-extrashifts .list-group-item.wps-active .wps-shiftoffer-panel {
  max-height: 500px;
}
.wps-extrashifts .list-group-item:first-child {
  border-top: none;
}
.wps-extrashifts .list-group-item .wps-list-header {
  overflow: hidden;
  background: #F2F2F2;
}
.wps-extrashifts .list-group-item .wps-list-header .col {
  font-size: 20px;
  font-family: 'open sans regular';
  line-height: 40px;
}
.wps-extrashifts .wps-schedule-item-detail {
  line-height: 26px;
  padding-bottom: 0;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item {
  background-color: #FFFFFF;
  border-top: 1px solid #8E9A99;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-location,
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-task {
  margin: 2px 0 0 0;
  line-height: normal;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-open-shiftlen {
  margin: 10px 10px 0 0;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item:first-child,
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item:first-child.active {
  border-top: none;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item.wps-inactive {
  background-color: #E1E1E1;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-schedule-item-detail-inner {
  padding: 10px 0;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-schedule-item-detail-inner * {
  pointer-events: none;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-schedule-item-detail-inner .row {
  margin: 0px;
}
.wps-extrashifts .wps-schedule-item-detail .wps-openshift-item .wps-schedule-item-detail-inner .wps-badge-container {
  line-height: 52px;
}
/* Locale-specific rules */
.wps-view-shifts.locale-nl-BE .wps-tabbar .wps-tabs .wps-tab-extra span {
  font-size: 14px;
}
.wps-view-shifts.locale-de .wps-form-submit,
.wps-view-shifts.locale-ru-RU .wps-form-submit,
.wps-view-shifts.locale-kk-KZ .wps-form-submit {
  font-size: 20px;
}
.wps-shiftoffer-panel {
  padding-left: 0px;
  padding-right: 0px;
  overflow-y: hidden;
  line-height: normal;
}
.wps-shiftoffer-panel .decision-note,
.wps-shiftoffer-panel .close-note {
  padding-top: 0px;
}
.wps-shiftoffer-panel > header,
.wps-shiftoffer-panel > section,
.wps-shiftoffer-panel > footer {
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
}
.wps-shiftoffer-panel > header {
  padding: 0;
}
.wps-shiftoffer-panel > header .col {
  font-size: 20px;
  font-family: 'open sans regular';
  line-height: 40px;
  padding: 0 20px;
}
.wps-shiftoffer-panel > footer p {
  line-height: normal;
  font-size: 14px;
  margin: 20px 0;
}
.wps-shiftoffer-panel > footer p:first-child {
  margin: 0 0 20px 0;
}
.wps-shiftoffer-panel > footer p:last-child {
  margin: 20px 0 0 0;
}
.wps-shiftoffer-panel > footer p a {
  text-decoration: underline;
}
.wps-shiftoffer-panel .wps-form-submit {
  font-size: 16px;
  margin: 10px 0;
}
.wps-view-employeedetails .wps-has-header {
  top: 150px;
}
.wps-view-employeedetails .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-employeedetails input.form-control:disabled {
  background-color: #FFFFFF;
  color: #8E9A99;
  -webkit-text-fill-color: #8E9A99;
}
.platform-android .wps-keyboard-active .wps-view-employeedetails .wps-nav-subheader {
  display: none;
}
.platform-android .wps-keyboard-active .wps-view-employeedetails .wps-has-header {
  top: 70px;
}
.wps-view-annualleavebalance {
  /* due to an iOS issue .overlay-cal cannot be position: fixed; */
}
.wps-view-annualleavebalance .wps-calendar-container {
  height: 100%;
}
.wps-view-annualleavebalance .wps-calendar-container .wps-calendar {
  margin-left: 0;
  margin-right: 0;
}
.wps-view-annualleavebalance .overlay-cal {
  position: absolute;
  right: 0;
  left: 0;
  top: 150px;
  bottom: 0;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
}
.wps-view-annualleavebalance .overlay-cal.show {
  pointer-events: auto;
  opacity: 1;
  z-index: 8888;
}
.wps-view-annualleavebalance h3 {
  margin: 0;
  padding: 15px 10px;
  background: #F2F2F2;
  font-family: 'open sans regular';
  font-weight: bold;
  font-size: 1.2em;
  color: #6D747B;
}
.wps-view-annualleavebalance input {
  font-size: 120%;
}
.wps-view-annualleavebalance .wps-footer-powered {
  background-color: #FFFFFF;
  margin-top: 60px;
}
.wps-view-annualleavebalance .wps-nav-subheader-top {
  position: fixed;
}
.wps-view-annualleavebalance .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-annualleavebalance .wps-has-header {
  top: 150px;
}
.wps-view-annualleavebalance .wps-blocks {
  overflow: hidden;
}
.wps-view-annualleavebalance .wps-blocks .wps-block {
  /*height: @tabbar-tab-height*5;*/
  line-height: 20px;
  text-align: center;
}
.wps-view-annualleavebalance .wps-blocks .wps-block-leaveDetails {
  line-height: 18px;
  text-align: left;
  padding: 30px 0px 30px 50px;
  color: #FFFFFF;
}
.wps-view-annualleavebalance .wps-blocks .wps-block-leaveDetails label + p {
  margin-top: 18px;
}
.wps-view-annualleavebalance .wps-blocks .wps-block-leaveDetails span + label {
  margin-left: 4px;
}
.wps-view-annualleavebalance .wps-blocks .wps-block-leaveDetails .balance {
  color: #FFFFFF;
}
.wps-view-annualleavebalance .wps-blocks .wps-block-leaveDetails .wps-period {
  margin-top: 4px;
  padding-bottom: 6px;
}
.wps-view-annualleavebalance .wps-blocks .wps-no-leave-banks {
  padding: 100px 0px;
  text-align: center;
  color: #C4C6C9;
}
.wps-view-annualleavebalance .wps-block-info {
  text-align: center;
  color: #8E9A99;
  margin-top: 12px;
  font-size: 14px;
}
.wps-view-annualleavebalance .wps-nav-header + .wps-tabbar {
  top: 70px;
}
.wps-view-annualleavebalance #progressbar {
  background-color: #89C6E9;
  min-width: 100%;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0;
  line-height: 0;
}
.wps-view-annualleavebalance #progress {
  background-color: #079AD7;
  height: 15px;
  display: inline-block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wps-view-annualleavebalance .wps-form-submit {
  font-size: 20px;
}
.wps-view-annualleavebalance .wps-form-input-inline {
  float: left;
}
.wps-view-annualleavebalance .wps-balance {
  display: inline-block;
  margin-right: 12px;
}
.wps-view-annualleavebalance.locale-nl-NL .wps-form-submit,
.wps-view-annualleavebalance.locale-nl-BE .wps-form-submit {
  font-size: 18px;
}
wps-request-leave-panel {
  display: block;
  overflow: hidden;
  background: #FFFFFF;
}
wps-request-leave-panel .wps-form-input-inline {
  line-height: 28px;
}
.locale-hu-HU wps-request-leave-panel #startDate.ng-empty,
.locale-hu-HU wps-request-leave-panel #endDate.ng-empty {
  font-size: 14px;
}
.locale-pl-PL wps-request-leave-panel #leaveReason.ng-empty {
  font-size: 14px;
}
.wps-view-notificationList label {
  font-weight: normal;
}
.wps-view-notificationList .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-notificationList .wps-has-header {
  top: 150px;
}
.wps-view-notificationList .wps-view-notification-title {
  height: 40px;
  color: #8E9A99;
  padding-left: 45px;
}
.wps-view-notificationList .wps-view-notification-title-seen {
  background: #C4C6C9 url('../img/clock_dark.27db5543.svg') no-repeat 5px center;
  color: #8E9A99;
  background-size: 35px;
}
.wps-view-notificationList .wps-view-notification-title-unseen {
  background: #62B1E6 url('../img/clock.f5ef49d6.svg') no-repeat 5px center;
  color: #FFFFFF;
  background-size: 35px;
}
.wps-view-notificationList .wps-view-notification-title-time {
  line-height: 40px;
}
.wps-view-notificationList .wps-view-notification-message {
  min-height: 80px;
  padding: 5px 12px;
  color: #6D747B;
}
.wps-view-notificationList .wps-view-notification-message .wps-view-notification-message-action {
  font-family: 'open sans regular';
  font-weight: bold;
  color: #6D747B;
}
.wps-view-notificationList .wps-view-notfication-message-seen {
  background-color: #FFFFFF;
}
.wps-view-notificationList .wps-view-notfication-message-unseen {
  background-color: #FFFFFF;
}
.wps-view-notificationList .wps-no-notifications {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  min-height: 100%;
  margin: -50px 0 0 0;
  padding-top: 100px;
}
.wps-notification-idle {
  height: 69px;
  background: #FFFFFF url('../img/bell_outline.66b30e33.svg') no-repeat center center;
  background-size: 41px;
  width: 69px;
  display: block;
}
.wps-notification-badge {
  position: absolute;
  top: 12px;
  left: 35px;
  background: #FF8034;
  width: 25px;
  height: 25px;
  z-index: 83;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 12px;
  padding-top: 4px;
  line-height: 16px;
  width: 25px !important;
}
.swap-notification-shift {
  border: 2px solid #F6F6F6;
  margin-bottom: 1rem;
}
.swap-notification-shift__header {
  background: #F6F6F6;
  padding: 0.25rem 0 0.25rem 1.5rem;
}
.swap-notification-shift__content {
  padding: 0.25rem 0 0.25rem 1.5rem;
}
.swap-notification-shift__date {
  padding-left: 1rem;
}
.swap-notification-shift__shift-times {
  float: right;
  margin-right: 1.5rem;
}
.wps-offline-notifier {
  position: absolute;
  top: 100%;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #FF9951;
  color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transform: translate3d(0, -60px, 0);
}
.wps-offline-notifier.expanded {
  -webkit-transform: translate3d(0, -100%, 0);
}
.wps-offline-notifier .header span.ion-ios-cloud-outline {
  float: left;
  font-size: 38px;
  line-height: 60px;
  margin: 0 20px 0 0;
}
.wps-offline-notifier .header p {
  font-size: 14px;
  padding: 10px 0;
}
.wps-offline-notifier .content {
  margin-top: 200px;
}
.wps-offline-notifier .content > p {
  font-size: 16.8px;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 30px;
}
.wps-offline-notifier .content > p:first-child {
  font-size: 21px;
}
.wps-offline-notifier .content > p:last-child {
  margin-top: 40px;
  font-size: 21px;
}
.wps-offline-notifier .content span.ion-ios-cloud-outline {
  font-size: 70px;
  line-height: 0;
}
/* Locale-specific rules */
.locale-de .wps-offline-notifier .header p {
  font-size: 12px;
}
.locale-fr .wps-offline-notifier .header p {
  font-size: 12px;
}
.locale-it .wps-offline-notifier .header p {
  font-size: 12px;
}
.locale-es .wps-offline-notifier .header p {
  font-size: 12px;
}
@media only screen and (min-device-height: 320px) and (max-device-height: 480px) {
  .wps-offline-notifier .content {
    margin-top: 200px;
  }
  .wps-offline-notifier .content > p {
    font-size: 12.6px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .wps-offline-notifier .content > p:first-child {
    font-size: 16.8px;
  }
  .wps-offline-notifier .content > p:last-child {
    margin-top: 10px;
    font-size: 16.8px;
  }
  .wps-offline-notifier .content span.ion-ios-cloud-outline {
    font-size: 50px;
    line-height: 0;
  }
}
.wps-view-settings .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-settings .wps-has-header {
  top: 150px;
}
.wps-view-settings .wps-view-notification-title {
  height: 40px;
  color: #8E9A99;
  padding-left: 45px;
}
.wps-view-settings .wps-view-settings-listitem {
  border-bottom: 1px solid #dcdcdc;
  display: table;
  height: 66px;
  width: 100%;
}
.wps-view-settings .wps-view-settings-disclosure {
  float: right;
  font-size: 18px;
  padding-right: 25px;
  padding-top: 20px;
}
.wps-view-settings .wps-view-settings-listimage {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 29px;
  line-height: normal;
  text-align: center;
  width: 60px;
  display: table-cell;
  vertical-align: middle;
}
.wps-view-settings .wps-view-settings-text {
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
  padding-right: 4px;
}
.wps-view-changepassword .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-changepassword .wps-has-header {
  top: 150px;
}
.wps-view-changepassword .wps-form-submit {
  font-size: 18px;
}
.wps-view-availability .wps-has-header {
  top: 150px;
}
.wps-view-availability .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-availability .flex {
  display: flex;
  display: -webkit-flex;
}
.wps-view-availability .day {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  line-height: 60px;
  min-width: 15%;
  padding: 0 0 0 15px;
}
.wps-view-availability .date {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  font-weight: 200;
  line-height: 60px;
  padding: 0 0 0 15px;
}
.wps-view-availability .time {
  flex: 20 1 auto;
  -webkit-flex: 20 1 auto;
  padding: 0 15px;
  text-align: right;
}
.wps-view-availability .time.single-shift {
  line-height: 60px;
}
.wps-view-availability .time.double-shift {
  line-height: 22px;
  padding-top: 8px;
}
.wps-view-availability .time span {
  display: block;
}
.wps-view-availability .time span.contract {
  font-weight: 200;
}
.wps-view-availability .time span.contract i {
  font-size: 10px;
  top: -1px;
}
.wps-view-availability .time span.available {
  color: #32AB34;
}
.wps-view-availability .time span.available i {
  font-size: 10px;
  top: -1px;
}
.wps-view-availability .period-hours {
  line-height: initial;
  text-align: right;
  margin-top: 5px;
}
.wps-view-availability .period-hours-fixed {
  color: #8E9A99;
}
.wps-view-availability .period-hours-fixed i {
  font-size: 12px;
}
.wps-view-availability .period-hours-overridden {
  color: #32AB34;
  font-weight: bold;
}
@keyframes slowblink {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes slowblink {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.day-list .panel-group .add-edit-button {
  background: #89C6E9;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  color: #27618E;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  padding: 0;
}
.day-list .panel-group .day-list-item.panel {
  background: #FFFFFF;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  z-index: 1000;
}
.day-list .panel-group .day-list-item.panel + .day-list-item.panel {
  margin: 0;
}
.day-list .panel-group .day-list-item.panel .panel-heading {
  background: transparent;
  border: none;
  border-radius: 0;
  height: 65px;
  padding: 0;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 {
  padding: 0;
  margin: 0;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a {
  text-decoration: none !important;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .flex {
  display: flex;
  display: -webkit-flex;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .day {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  line-height: 60px;
  min-width: 15%;
  padding: 0 0 0 15px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .date {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  font-weight: 200;
  line-height: 60px;
  padding: 0 0 0 15px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  padding: 0 15px;
  text-align: right;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time.single-shift {
  line-height: 60px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time.double-shift {
  line-height: 22px;
  padding-top: 8px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span {
  display: block;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span.contract {
  color: #ccc;
  font-weight: 200;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span.contract i {
  font-size: 10px;
  top: -1px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span.available {
  color: #32AB34;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span.pending {
  color: #FF8034;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .time span.pendingText {
  display: inline-block;
  -webkit-animation: slowblink 4s ease-in-out infinite;
  animation: slowblink 4s ease-in-out infinite;
  background: #FFFFFF;
  color: #FF8034;
  margin-top: -1px;
  padding-right: 20px;
  position: absolute;
  right: 15px;
  text-align: right;
  width: 50%;
  z-index: 10;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .add-edit {
  text-align: right;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  padding: 10px 15px 0 0;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .add-edit .add-edit-button.remove-action {
  background: #E1453F;
  color: #FFFFFF;
  margin-right: 10px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .add-edit .add-edit-button.cancel-action {
  margin-right: 10px;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .add-edit .add-edit-button.confirm-action {
  background: #32AB34;
  color: #FFFFFF;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .add-edit .add-edit-button.confirm-action[disabled="disabled"] {
  opacity: 0.3;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts {
  background: #c9e5f5;
  height: 5px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .shifts-inner {
  position: relative;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .contract,
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .available {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  display: block;
  height: 5px;
  position: absolute;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .contract {
  background: #999;
  z-index: 20;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .contract.start-0 {
  border-left: none;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .available {
  background: #32AB34;
  z-index: 10;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .available.pending {
  background: #FF8034;
}
.day-list .panel-group .day-list-item.panel .panel-heading h4 a .shifts .add-edit-button.add-action {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  background: #27618E;
  color: #FFFFFF;
  padding-left: 2px;
  margin-top: -10px;
  height: 50px;
  width: 50px;
  border-radius: 30px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .time span.pendingText,
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .time > span {
  background: #8E9A99;
  color: #FFFFFF;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading {
  background: #8E9A99;
  height: 95px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .day,
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .date,
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .time {
  color: #FFFFFF;
  padding-bottom: 15px;
  padding-top: 15px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .time span.contract {
  color: #ccc;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .time span.available {
  color: #FFFFFF;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .add-edit {
  padding-top: 25px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .add-edit .add-edit-button.remove-action {
  background: #E1453F;
  color: #FFFFFF;
  margin-right: 10px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .add-edit .add-edit-button.cancel-action {
  margin-right: 10px;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .add-edit .add-edit-button.confirm-action {
  background: #32AB34;
  color: #FFFFFF;
}
.day-list .panel-group .day-list-item.panel.today .panel-heading h4 a .shifts {
  background: #ccc;
}
.day-list .panel-group .day-list-item.panel.editing {
  overflow: visible;
  z-index: 1010;
}
.day-list .panel-group .day-list-item.panel.editing .panel-heading {
  -webkit-animation: slide-down-bg 0.4s linear 0s 1 forwards;
  -moz-animation: slide-down-bg 0.4s linear 0s 1 forwards;
  -o-animation: slide-down-bg 0.4s linear 0s 1 forwards;
  animation: slide-down-bg 0.4s linear 0s 1 forwards;
}
.day-list .panel-group .day-list-item.panel.editing .panel-heading h4 a .time {
  display: none;
}
.day-list .panel-group .day-list-item.panel.editing .panel-heading h4 a .shifts {
  height: 20px;
  overflow: visible;
  position: absolute;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2) inset;
}
.day-list .panel-group .day-list-item.panel.editing .panel-heading h4 a .shifts .shifts-inner {
  margin-left: 20px;
  margin-right: 20px;
}
.day-list .panel-group .day-list-item.panel.editing .panel-heading .wps-slider {
  -webkit-animation: fade-op 1.2s linear 0.1s 1 forwards;
  -moz-animation: fade-op 1.2s linear 0.1s 1 forwards;
  -o-animation: fade-op 1.2s linear 0.1s 1 forwards;
  animation: fade-op 1.2s linear 0.1s 1 forwards;
}
.day-list .panel-group .day-list-item.panel.editing.today .panel-heading {
  -webkit-animation: slide-down-today 0.2s linear 0s 1 forwards;
  -moz-animation: slide-down-today 0.2s linear 0s 1 forwards;
  -o-animation: slide-down-today 0.2s linear 0s 1 forwards;
  animation: slide-down-today 0.2s v 0s 1 forwards;
}
.day-list .panel-group .day-list-item.panel.editing.today .panel-heading h4 a .shifts {
  margin-top: 30px;
}
/* SHIFT WIDTHS & POSITION */
.shift-96 {
  width: 100%;
}
.start-96 {
  left: 100%;
}
.shift-95 {
  width: 98.95833333%;
}
.start-95 {
  left: 98.95833333%;
}
.shift-94 {
  width: 97.91666667%;
}
.start-94 {
  left: 97.91666667%;
}
.shift-93 {
  width: 96.875%;
}
.start-93 {
  left: 96.875%;
}
.shift-92 {
  width: 95.83333333%;
}
.start-92 {
  left: 95.83333333%;
}
.shift-91 {
  width: 94.79166667%;
}
.start-91 {
  left: 94.79166667%;
}
.shift-90 {
  width: 93.75%;
}
.start-90 {
  left: 93.75%;
}
.shift-89 {
  width: 92.70833333%;
}
.start-89 {
  left: 92.70833333%;
}
.shift-88 {
  width: 91.66666667%;
}
.start-88 {
  left: 91.66666667%;
}
.shift-87 {
  width: 90.625%;
}
.start-87 {
  left: 90.625%;
}
.shift-86 {
  width: 89.58333333%;
}
.start-86 {
  left: 89.58333333%;
}
.shift-85 {
  width: 88.54166667%;
}
.start-85 {
  left: 88.54166667%;
}
.shift-84 {
  width: 87.5%;
}
.start-84 {
  left: 87.5%;
}
.shift-83 {
  width: 86.45833333%;
}
.start-83 {
  left: 86.45833333%;
}
.shift-82 {
  width: 85.41666667%;
}
.start-82 {
  left: 85.41666667%;
}
.shift-81 {
  width: 84.375%;
}
.start-81 {
  left: 84.375%;
}
.shift-80 {
  width: 83.33333333%;
}
.start-80 {
  left: 83.33333333%;
}
.shift-79 {
  width: 82.29166667%;
}
.start-79 {
  left: 82.29166667%;
}
.shift-78 {
  width: 81.25%;
}
.start-78 {
  left: 81.25%;
}
.shift-77 {
  width: 80.20833333%;
}
.start-77 {
  left: 80.20833333%;
}
.shift-76 {
  width: 79.16666667%;
}
.start-76 {
  left: 79.16666667%;
}
.shift-75 {
  width: 78.125%;
}
.start-75 {
  left: 78.125%;
}
.shift-74 {
  width: 77.08333333%;
}
.start-74 {
  left: 77.08333333%;
}
.shift-73 {
  width: 76.04166667%;
}
.start-73 {
  left: 76.04166667%;
}
.shift-72 {
  width: 75%;
}
.start-72 {
  left: 75%;
}
.shift-71 {
  width: 73.95833333%;
}
.start-71 {
  left: 73.95833333%;
}
.shift-70 {
  width: 72.91666667%;
}
.start-70 {
  left: 72.91666667%;
}
.shift-69 {
  width: 71.875%;
}
.start-69 {
  left: 71.875%;
}
.shift-68 {
  width: 70.83333333%;
}
.start-68 {
  left: 70.83333333%;
}
.shift-67 {
  width: 69.79166667%;
}
.start-67 {
  left: 69.79166667%;
}
.shift-66 {
  width: 68.75%;
}
.start-66 {
  left: 68.75%;
}
.shift-65 {
  width: 67.70833333%;
}
.start-65 {
  left: 67.70833333%;
}
.shift-64 {
  width: 66.66666667%;
}
.start-64 {
  left: 66.66666667%;
}
.shift-63 {
  width: 65.625%;
}
.start-63 {
  left: 65.625%;
}
.shift-62 {
  width: 64.58333333%;
}
.start-62 {
  left: 64.58333333%;
}
.shift-61 {
  width: 63.54166667%;
}
.start-61 {
  left: 63.54166667%;
}
.shift-60 {
  width: 62.5%;
}
.start-60 {
  left: 62.5%;
}
.shift-59 {
  width: 61.45833333%;
}
.start-59 {
  left: 61.45833333%;
}
.shift-58 {
  width: 60.41666667%;
}
.start-58 {
  left: 60.41666667%;
}
.shift-57 {
  width: 59.375%;
}
.start-57 {
  left: 59.375%;
}
.shift-56 {
  width: 58.33333333%;
}
.start-56 {
  left: 58.33333333%;
}
.shift-55 {
  width: 57.29166667%;
}
.start-55 {
  left: 57.29166667%;
}
.shift-54 {
  width: 56.25%;
}
.start-54 {
  left: 56.25%;
}
.shift-53 {
  width: 55.20833333%;
}
.start-53 {
  left: 55.20833333%;
}
.shift-52 {
  width: 54.16666667%;
}
.start-52 {
  left: 54.16666667%;
}
.shift-51 {
  width: 53.125%;
}
.start-51 {
  left: 53.125%;
}
.shift-50 {
  width: 52.08333333%;
}
.start-50 {
  left: 52.08333333%;
}
.shift-49 {
  width: 51.04166667%;
}
.start-49 {
  left: 51.04166667%;
}
.shift-48 {
  width: 50%;
}
.start-48 {
  left: 50%;
}
.shift-47 {
  width: 48.95833333%;
}
.start-47 {
  left: 48.95833333%;
}
.shift-46 {
  width: 47.91666667%;
}
.start-46 {
  left: 47.91666667%;
}
.shift-45 {
  width: 46.875%;
}
.start-45 {
  left: 46.875%;
}
.shift-44 {
  width: 45.83333333%;
}
.start-44 {
  left: 45.83333333%;
}
.shift-43 {
  width: 44.79166667%;
}
.start-43 {
  left: 44.79166667%;
}
.shift-42 {
  width: 43.75%;
}
.start-42 {
  left: 43.75%;
}
.shift-41 {
  width: 42.70833333%;
}
.start-41 {
  left: 42.70833333%;
}
.shift-40 {
  width: 41.66666667%;
}
.start-40 {
  left: 41.66666667%;
}
.shift-39 {
  width: 40.625%;
}
.start-39 {
  left: 40.625%;
}
.shift-38 {
  width: 39.58333333%;
}
.start-38 {
  left: 39.58333333%;
}
.shift-37 {
  width: 38.54166667%;
}
.start-37 {
  left: 38.54166667%;
}
.shift-36 {
  width: 37.5%;
}
.start-36 {
  left: 37.5%;
}
.shift-35 {
  width: 36.45833333%;
}
.start-35 {
  left: 36.45833333%;
}
.shift-34 {
  width: 35.41666667%;
}
.start-34 {
  left: 35.41666667%;
}
.shift-33 {
  width: 34.375%;
}
.start-33 {
  left: 34.375%;
}
.shift-32 {
  width: 33.33333333%;
}
.start-32 {
  left: 33.33333333%;
}
.shift-31 {
  width: 32.29166667%;
}
.start-31 {
  left: 32.29166667%;
}
.shift-30 {
  width: 31.25%;
}
.start-30 {
  left: 31.25%;
}
.shift-29 {
  width: 30.20833333%;
}
.start-29 {
  left: 30.20833333%;
}
.shift-28 {
  width: 29.16666667%;
}
.start-28 {
  left: 29.16666667%;
}
.shift-27 {
  width: 28.125%;
}
.start-27 {
  left: 28.125%;
}
.shift-26 {
  width: 27.08333333%;
}
.start-26 {
  left: 27.08333333%;
}
.shift-25 {
  width: 26.04166667%;
}
.start-25 {
  left: 26.04166667%;
}
.shift-24 {
  width: 25%;
}
.start-24 {
  left: 25%;
}
.shift-23 {
  width: 23.95833333%;
}
.start-23 {
  left: 23.95833333%;
}
.shift-22 {
  width: 22.91666667%;
}
.start-22 {
  left: 22.91666667%;
}
.shift-21 {
  width: 21.875%;
}
.start-21 {
  left: 21.875%;
}
.shift-20 {
  width: 20.83333333%;
}
.start-20 {
  left: 20.83333333%;
}
.shift-19 {
  width: 19.79166667%;
}
.start-19 {
  left: 19.79166667%;
}
.shift-18 {
  width: 18.75%;
}
.start-18 {
  left: 18.75%;
}
.shift-17 {
  width: 17.70833333%;
}
.start-17 {
  left: 17.70833333%;
}
.shift-16 {
  width: 16.66666667%;
}
.start-16 {
  left: 16.66666667%;
}
.shift-15 {
  width: 15.625%;
}
.start-15 {
  left: 15.625%;
}
.shift-14 {
  width: 14.58333333%;
}
.start-14 {
  left: 14.58333333%;
}
.shift-13 {
  width: 13.54166667%;
}
.start-13 {
  left: 13.54166667%;
}
.shift-12 {
  width: 12.5%;
}
.start-12 {
  left: 12.5%;
}
.shift-11 {
  width: 11.45833333%;
}
.start-11 {
  left: 11.45833333%;
}
.shift-10 {
  width: 10.41666667%;
}
.start-10 {
  left: 10.41666667%;
}
.shift-9 {
  width: 9.375%;
}
.start-9 {
  left: 9.375%;
}
.shift-8 {
  width: 8.33333333%;
}
.start-8 {
  left: 8.33333333%;
}
.shift-7 {
  width: 7.29166667%;
}
.start-7 {
  left: 7.29166667%;
}
.shift-6 {
  width: 6.25%;
}
.start-6 {
  left: 6.25%;
}
.shift-5 {
  width: 5.20833333%;
}
.start-5 {
  left: 5.20833333%;
}
.shift-4 {
  width: 4.16666667%;
}
.start-4 {
  left: 4.16666667%;
}
.shift-3 {
  width: 3.125%;
}
.start-3 {
  left: 3.125%;
}
.shift-2 {
  width: 2.08333333%;
}
.start-2 {
  left: 2.08333333%;
}
.shift-1 {
  width: 1.04166667%;
}
.start-1 {
  left: 1.04166667%;
}
.shift-0 {
  display: none !important;
}
@-webkit-keyframes slide-down-bg {
  0% {
    height: 65px;
    background-color: #FFFFFF;
  }
  100% {
    height: 130px;
    background-color: #C4C6C9;
  }
}
@-moz-keyframes slide-down-bg {
  0% {
    height: 65px;
    background-color: #FFFFFF;
  }
  100% {
    height: 130px;
    background-color: #C4C6C9;
  }
}
@-o-keyframes slide-down-bg {
  0% {
    height: 65px;
    background-color: #FFFFFF;
  }
  100% {
    height: 130px;
    background-color: #C4C6C9;
  }
}
@keyframes slide-down-bg {
  0% {
    height: 65px;
    background-color: #FFFFFF;
  }
  100% {
    height: 130px;
    background-color: #FFFFFF;
  }
}
@-webkit-keyframes slide-down-today {
  0% {
    height: 65px;
  }
  100% {
    height: 150px;
  }
}
@-moz-keyframes slide-down-today {
  0% {
    height: 65px;
  }
  100% {
    height: 150px;
  }
}
@-o-keyframes slide-down-today {
  0% {
    height: 65px;
  }
  100% {
    height: 150px;
  }
}
@keyframes slide-down-today {
  0% {
    height: 65px;
  }
  100% {
    height: 150px;
  }
}
@-webkit-keyframes fade-op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.wps-schedule-bar {
  height: 5px;
  width: 100%;
  background: #c9e5f5;
}
.wps-view-needsupdate .wps-appdownloadlinks {
  position: absolute;
  background: #ffffff;
  top: 150px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 40px;
  font-size: 22px;
  color: #444;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  text-align: center;
}
.wps-view-needsupdate .wps-appdownloadlinks .glyphicon {
  font-size: 120px;
  margin-bottom: 30px;
  display: block;
  color: #eee;
}
.wps-view-needsupdate .wps-appdownloadlinks a {
  display: block;
  padding-top: 50px;
}
.wps-view-needsupdate .wps-appdownloadlinks .wps-appstore-img {
  width: 230px;
}
.wps-view-needsupdate .wps-appdownloadlinks .wps-googleplay-img {
  width: 250px;
}
.wps-view-notifications-edit .wps-has-header {
  top: 270px;
}
.wps-view-notifications-edit .wps-view-notifications-edit-header {
  top: 150px;
  width: 100%;
  position: absolute;
}
.wps-view-notifications-edit .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-notifications-edit .wps-nav-subheader .list-group {
  text-align: left;
}
.wps-view-notifications-edit .wps-list-item-text-container {
  display: table;
  width: 100%;
  height: 60px;
  margin-bottom: -60px;
  padding-right: 75px;
}
.wps-view-notifications-edit .wps-list-item-text-container .wps-list-item-text {
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}
.wps-view-notifications-edit .wps-list-item-text-container .wps-list-item-text.wps-indented {
  padding-left: 20px;
}
.wps-view-notifications-edit .wps-list-item-icon {
  line-height: inherit;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -15px;
  border: 1px solid #8E9A99;
  border-radius: 4px;
}
.wps-view-notifications-edit .wps-list-item-icon.wps-checkmark {
  color: #C4C6C9;
}
.wps-view-notifications-edit .wps-list-item-icon.wps-checkmark.wps-checkmark-on {
  color: #FFFFFF;
  background-color: #62B1E6;
}
.wps-view-notifications-edit .wps-list-item-icon.wps-checkmark.wps-checkmark-off {
  display: initial;
  color: #FFFFFF;
  background-color: #FFFFFF;
}
.wps-send-feedback .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-send-feedback .wps-has-header {
  top: 150px;
  padding-left: 10px;
  padding-right: 10px;
}
.wps-send-feedback .wps-feedback-summary {
  margin: 15px 5px 25px 5px;
  color: #6D747B;
  text-align: justify;
}
.wps-send-feedback .wps-feedback-confidential {
  font-size: 0.8em;
  margin: 0 5px 15px 5px;
  color: #757B82;
  font-weight: bold;
}
.wps-send-feedback .form-group {
  margin: 20px -10px;
}
.wps-send-feedback .form-group label {
  color: #6D747B;
  text-align: left;
}
.wps-send-feedback .form-group textarea {
  margin: 10px 0;
  color: #000000;
}
.wps-send-feedback .form-group .form-control-static {
  color: #000000;
  font-weight: bold;
  font-size: 0.8em;
}
.wps-send-feedback .form-group .wps-form-submit {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
}
.wps-send-feedback .form-group .wps-form-submit div {
  margin-left: -30px;
  display: inline-block;
  text-align: center;
}
.platform-android .wps-keyboard-active .wps-send-feedback .wps-nav-subheader {
  display: none;
}
.platform-android .wps-keyboard-active .wps-send-feedback .wps-has-header {
  top: 70px;
}
wps-requested-leave-list {
  display: block;
  overflow: hidden;
}
wps-requested-leave-list .panel {
  background: #FFFFFF;
  border-radius: 0;
  border: none;
}
wps-requested-leave-list .panel .wps-fetch-status {
  padding: 20px 15px;
  font-size: 0.9em;
  font-family: 'open sans regular';
  text-align: center;
}
wps-requested-leave-list .panel .list-group .list-group-item {
  border-width: 0 0 1px 0;
  padding: 15px 10px;
  max-height: initial;
}
wps-requested-leave-list .panel .list-group .list-group-item .wps-status-icon {
  line-height: 60px;
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 1.1em;
}
wps-requested-leave-list .panel .list-group .list-group-item .wps-status-icon.ion-checkmark {
  color: #32AB34;
}
wps-requested-leave-list .panel .list-group .list-group-item .wps-status-icon.ion-alert-circled {
  color: #C4C6C9;
  font-size: 1.25em;
}
wps-requested-leave-list .panel .list-group .list-group-item .wps-status-icon.ion-close {
  color: #E1453F;
}
wps-requested-leave-list .panel .list-group .list-group-item .wps-status-icon.ion-minus {
  color: #FF9951;
}
wps-requested-leave-list .panel .list-group .list-group-item strong {
  font-family: 'open sans regular';
}
wps-requested-leave-list .panel .list-group .list-group-item p {
  font-size: 0.9em;
  margin: 5px 0;
}
wps-requested-leave-list .panel-default > .panel-heading {
  background: #F2F2F2;
  padding: 15px 10px;
  font-family: 'open sans regular';
  font-weight: bold;
  font-size: 1.1em;
  color: #757B82;
}
.wps-view-paidtime .wps-has-header {
  top: 150px;
}
.wps-view-paidtime .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-paidtime .panel-heading {
  height: auto !important;
}
.wps-view-paidtime .flex {
  display: flex;
  display: -webkit-flex;
}
.wps-view-paidtime .day {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  line-height: 60px;
  min-width: 15%;
  padding: 0 0 0 15px;
}
.wps-view-paidtime .date {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  font-weight: 200;
  line-height: 60px;
  padding: 0 0 0 15px;
}
.wps-view-paidtime .time {
  flex: 20 1 auto;
  -webkit-flex: 20 1 auto;
  padding: 0 15px;
  text-align: right;
  line-height: 60px;
}
.wps-view-paidtime .no-paid-time {
  text-align: center;
  font-size: 14px;
  padding: 10px;
}
.wps-view-paidtime .week-separator {
  border-bottom: 2px solid #62B1E6 !important;
}
.wps-component-view .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-component-view .wps-has-header {
  top: 150px;
}
slide-in .off-screen {
  color: #6D747B;
  background: #FFFFFF;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.3s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 9999;
}
slide-in .off-screen.on-screen {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
slide-in .off-screen .scrollable {
  bottom: 0;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 70px;
}
slide-in .off-screen .off-screen-heading {
  height: 70px;
  font-size: 32px;
  padding-left: 10px;
  border-bottom: 1px solid #C4C6C9;
  display: flex;
}
slide-in .off-screen .off-screen-heading .header-action {
  border: 0;
  background: transparent;
  float: left;
  height: 70px;
  padding: 13px;
  width: 50px;
}
slide-in .off-screen .off-screen-heading h4 {
  font-size: 18px;
  margin: 0;
  padding: 27px 0 27px 0;
}
slide-in .off-screen .two-line-header {
  float: left;
}
slide-in .off-screen .two-line-header h4 {
  font-size: 18px;
  line-height: 1;
  margin: 0;
  padding: 15px 0 5px;
}
slide-in .off-screen .two-line-header .subheader {
  color: #8E9A99;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
slide-in .off-screen .wp-list-group .row {
  margin: 0;
}
slide-in .off-screen .wp-list-group .list-group-item {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 30px;
  border-bottom: 1px solid #C4C6C9;
}
slide-in .off-screen .wp-list-group .list-group-item input[type="checkbox"] {
  margin-top: -5px;
}
slide-in .off-screen [class*='col-'] + [class*='col-'] {
  padding-left: 0;
}
.wps-view-help .wps-footer-powered {
  background-color: #FFFFFF;
  margin-top: 60px;
}
.wps-view-help .wps-nav-subheader {
  display: block;
  float: left;
  width: 100%;
  flex-grow: 1;
  min-height: 80px;
  text-align: center;
}
.wps-view-help .wps-has-header {
  top: 150px;
}
.wps-view-help .wps-faq-item {
  border: 1px solid #DDDDDD;
  border-width: 1px 0 1px 0;
}
.wps-view-help .wps-faq-item .wps-faq-item-q,
.wps-view-help .wps-faq-item .wps-faq-item-a {
  padding: 10px 15px;
  overflow: hidden;
}
.wps-view-help .wps-faq-item .wps-faq-item-q span,
.wps-view-help .wps-faq-item .wps-faq-item-a span {
  float: left;
}
.wps-view-help .wps-faq-item .wps-faq-item-q p,
.wps-view-help .wps-faq-item .wps-faq-item-a p {
  margin: 0 0 0 25px;
}
.wps-view-help .wps-faq-item .wps-faq-item-q {
  background-color: #FFFFFF;
}
.wps-view-help .wps-faq-item .wps-faq-item-a {
  background-color: #F2F2F2;
}
.wps-view-help .wps-faq-item .wps-faq-item-a.ng-enter {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wps-view-help .wps-faq-item .wps-faq-item-a.ng-enter {
  max-height: 0;
}
.wps-view-help .wps-faq-item .wps-faq-item-a.ng-enter.ng-enter-active {
  max-height: 100px;
}
.wps-view-help .tcs {
  text-align: center;
  padding-top: 12px;
  margin-bottom: -40px;
}
.wps-view-about label {
  font-weight: normal;
}
.wps-view-about .wps-view-notification-title {
  height: 40px;
  color: #8E9A99;
  padding-left: 45px;
}
.wps-view-about .wps-view-about-listitem {
  padding-top: 20px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
}
.wps-view-about .wps-view-about-disclosure {
  float: right;
  font-size: 18px;
  padding-right: 25px;
}
.wps-view-about .wps-view-about-listimage {
  float: left;
  padding-left: 15px;
  padding-right: 20px;
  font-size: 29px;
  line-height: 20px;
}
.wps-view-about .wps-view-about-text {
  padding-left: 15px;
  padding-right: 20px;
  line-height: 26px;
}
.wps-view-about button {
  margin-bottom: 6px;
}
swap-action .btn-sm {
  margin: 12px 0;
  font-size: 20px;
  padding: 4px 10px;
  border-bottom-width: 2px;
  color: #FFFFFF;
  height: 40px;
}
swap-action .btn-sm i {
  font-size: 20px;
  vertical-align: middle;
}
swap-action .btn-sm.wps-red-bg {
  border-bottom-color: #FF6961;
}
swap-action .btn-sm.wps-red-bg:disabled {
  border-color: #FF6961;
  color: #8E9A99;
}
swap-action .btn-sm.wps-green-bg {
  background-color: #32AB34;
  border-bottom-color: #1E7E67;
}
swap-action .btn-sm.wps-green-bg:disabled {
  border-color: #32AB34;
  color: #8E9A99;
}
swap-action .btn-sm:disabled {
  background-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
  color: #8E9A99;
}
swap-target {
  /* overrides when extra space is needed for warning */
}
swap-target .non-targetable {
  color: #8E9A99;
  background-color: #F2F2F2;
}
swap-target .on-holiday {
  color: #27618E !important;
  background-color: #d5eef8 !important;
}
swap-target .target-label {
  height: 60px;
  margin-top: -15px;
  display: table;
}
swap-target .target-label span {
  line-height: 110%;
  display: table-cell;
  vertical-align: middle;
}
swap-target .swap-shift-action {
  background: #FFFFFF;
  bottom: -36px;
  box-shadow: none;
  left: 0;
  padding: 15px;
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.3s linear;
  right: 0;
  height: 120px;
}
swap-target .swap-shift-action.active {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
  transform: translate(0);
}
swap-target .wps-form-submit {
  margin: 0;
  height: 54px;
}
swap-target .wp-list-group {
  padding-bottom: 84px;
}
swap-target .targeted-count {
  background: #FFFFFF;
  color: #079AD7;
  display: inline-block;
  border-radius: 6px;
  font-size: 16px;
  height: 24px;
  line-height: 24px !important;
  margin-left: 10px;
  padding: 0 6px;
  position: relative;
  text-align: center;
  top: -2px;
  min-width: 24px;
}
swap-target .with-warning .wp-list-group {
  padding-bottom: 120px;
}
swap-target .with-warning .swap-shift-action {
  transform: translateY(-36px);
  padding-bottom: 0px;
}
swap-target .with-warning .swap-shift-action .warning-msg {
  display: table;
  height: 50px;
  width: 100%;
  color: #6D747B;
  text-align: center;
}
swap-target .with-warning .swap-shift-action .warning-msg span {
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}
swap-target-pick > .list-group {
  margin-bottom: 20px;
  padding-bottom: 84px;
}
swap-target-pick > .list-group .list-group-item {
  border-bottom: 1px solid #C4C6C9;
}
swap-target-pick > .list-group .list-group-item .ion-ios-arrow-down:before {
  transition: transform 0.3s linear;
  -webkit-transition: transform 0.3s linear;
}
swap-target-pick > .list-group .list-group-item.expanded {
  /* transition only on expand, since on collapse max-height change would only be visible at end of animation cycle */
  transition: max-height 1s ease-in;
  -webkit-transition: max-height 1s ease-in;
  max-height: none;
}
swap-target-pick > .list-group .list-group-item.expanded .ion-ios-arrow-down:before {
  transform: rotate(180deg);
}
swap-target-pick > .list-group .accordion-trigger {
  min-height: 60px;
  line-height: 60px;
}
swap-target-pick > .list-group .accordion-content {
  background: #F2F2F2;
  padding: 1px 0;
}
swap-target-pick > .list-group .accordion-content .list-group-item {
  font-size: 14px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  height: 60px;
  padding-top: 10px;
  margin: 10px;
}
swap-target-pick > .list-group .accordion-content .list-group-item.active {
  background-color: #d5eef8;
  border-color: #079AD7;
  color: #079AD7;
}
swap-target-pick > .list-group .accordion-content .list-group-item.shift-item {
  font-size: 13px;
  padding-right: 5px;
}
swap-target-pick > .list-group .accordion-content .employee-name,
swap-target-pick > .list-group .accordion-content .shift-extras {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
swap-target-pick > .list-group .accordion-content .shift-extras {
  font-size: 12px;
}
swap-target-pick > .list-group .accordion-content .shift-select {
  padding-top: 8px;
  white-space: nowrap;
}
swap-target-pick > .list-group .accordion-content .shift-select label {
  border: 1px solid #C4C6C9;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
swap-target-pick > .list-group .accordion-content .shift-select input[type="radio"] {
  height: 0;
  opacity: 0;
  width: 0;
}
swap-target-pick > .list-group .accordion-content .shift-select input[type="radio"]:checked ~ label {
  border-color: #079AD7;
  box-shadow: inset 0 0 2px 6px #62B1E6;
}
swap-target-pick .swap-information {
  text-align: center;
  padding: 55px 15px;
}
swap-target-pick .swap-shift-pick-action {
  background: #FFFFFF;
  bottom: 0px;
  box-shadow: none;
  left: 0;
  padding: 15px;
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.3s linear;
  right: 0;
  height: 84px;
}
swap-target-pick .swap-shift-pick-action.active {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
  transform: translate(0);
}
.create-dialog {
  overflow: hidden;
}
.create-dialog .modal-dialog {
  margin: 0;
  width: auto;
}
.create-dialog .modal-dialog h1 {
  color: #8E9A99;
  font-size: 20px;
  text-align: center;
}
.create-dialog .modal-dialog h1 + h1 {
  margin-top: -13px;
  margin-bottom: 13px;
}
.create-dialog .modal-dialog .section {
  padding: 4px 0px;
  border-bottom: 1px dotted #8E9A99;
}
.create-dialog .modal-dialog .section:first-of-type h1 {
  display: none;
}
.create-dialog .modal-dialog .modal-header {
  padding: 5px 5px 10px 5px;
}
.create-dialog .modal-dialog .modal-header .close {
  font-size: 30px;
  margin-top: -6px;
  width: 20px;
  margin-left: -20px;
}
.create-dialog .modal-dialog .modal-body {
  margin-top: 0px;
  padding-top: 0px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.create-dialog .modal-dialog .modal-body p {
  text-align: justify;
}
.create-dialog .modal-dialog .modal-body h2 {
  color: #8E9A99;
  font-size: 20px;
}
.create-dialog .modal-dialog .modal-body h3 {
  color: #8E9A99;
  font-size: 18px;
}
.create-dialog .modal-dialog .modal-body h5 {
  font-style: italic;
}
.create-dialog .modal-dialog .modal-body ul {
  list-style-type: disc;
  margin-left: -18px;
}
/* override bootstrap modal styles */
.modal-content {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 8px !important;
}
.modal-footer {
  padding: 9px 20px 10px;
}
.modal-footer .btn {
  background-color: #C4C6C9;
}
.modal-footer .btn-primary {
  background-color: #079AD7;
}
.modal {
  z-index: 99999;
}
.modal-dialog {
  z-index: 99999;
}
.modal-backdrop {
  z-index: 99998;
}
#modalSelectDialog .modal-header h1 {
  color: #6D747B;
  font-weight: bold;
}
#modalSelectDialog .modal-footer {
  display: none;
}
#modalSelectDialog .wps-modal-list {
  padding: 0;
  margin-left: -15px !important;
  margin-right: -15px;
  color: #000000;
}
#modalSelectDialog .wps-modal-list .wps-modal-item {
  padding: 20px;
  list-style: none;
  border-bottom: 1px solid #C4C6C9;
}
#modalSelectDialog .wps-modal-list .wps-modal-item.wps-modal-selected {
  background-color: #62B1E6;
  color: #FFFFFF;
}
#standardDialog {
  padding: 10px;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#standardDialog .modal-body {
  padding: 20px;
  max-height: 450px;
  overflow: auto;
}
#standardDialog .modal-footer {
  margin-top: 0;
  text-align: center;
}
#standardDialog .modal-footer .btn {
  padding: 6px 30px;
}