@charset "UTF-8";
@keyframes lavaAnimation {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes animate-spinner {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animate-working-btn {
  from {
    transform: translate3d(-12px, 0, 16px);
    box-shadow: 0.25rem 0 0.5rem 0 white;
  }
  to {
    transform: translate3d(12px, 0, 16px);
    box-shadow: -0.25rem 0 0.5rem 0 white;
  }
}
@keyframes animate-working-btn-short {
  from {
    transform: translate3d(-8px, 0, 16px);
    box-shadow: 0.25rem 0 0.5rem 0 white;
  }
  to {
    transform: translate3d(8px, 0, 16px);
    box-shadow: -0.25rem 0 0.5rem 0 white;
  }
}
@keyframes animate-status-pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes animate-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-bounce-ball {
  0% {
    top: 0%;
    left: 50%;
  }
  9% {
    top: 100%;
    left: 50%;
  }
  18% {
    top: 30%;
    left: 100%;
  }
  27% {
    top: 0%;
    left: 80%;
  }
  36% {
    top: 31%;
    left: 0%;
  }
  45% {
    top: 100%;
    left: 16%;
  }
  54% {
    top: 0%;
    left: 55%;
  }
  63% {
    top: 100%;
    left: 88%;
  }
  72% {
    top: 92%;
    left: 100%;
  }
  81% {
    top: 0%;
    left: 67%;
  }
  90% {
    top: 33%;
    left: 0%;
  }
  100% {
    top: 100%;
    left: 22%;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: "Nowsta Icons";
  src: url("/assets/fonts/nowsta-icons.eot");
  src: url("/assets/fonts/nowsta-icons.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/nowsta-icons.woff") format("woff"), url("/assets/fonts/nowsta-icons.ttf") format("truetype"), url("/assets/fonts/nowsta-icons.svg#nowsta-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-regular-webfont.woff2") format("woff2"), url("/assets/fonts/silka-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-regularitalic-webfont.woff2") format("woff2"), url("/assets/fonts/silka-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-bold-webfont.woff2") format("woff2"), url("/assets/fonts/silka-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-bolditalic-webfont.woff2") format("woff2"), url("/assets/fonts/silka-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-medium-webfont.woff2") format("woff2"), url("/assets/fonts/silka-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-mediumitalic-webfont.woff2") format("woff2"), url("/assets/fonts/silka-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-semibold-webfont.woff2") format("woff2"), url("/assets/fonts/silka-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-semibolditalic-webfont.woff2") format("woff2"), url("/assets/fonts/silka-semibolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-black-webfont.woff2") format("woff2"), url("/assets/fonts/silka-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Silka";
  src: url("/assets/fonts/silka-blackitalic-webfont.woff2") format("woff2"), url("/assets/fonts/silka-blackitalic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  color: inherit;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
ol {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
  font-family: "Silka", "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

input,
textarea,
button {
  font-family: "Silka", "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

input:required {
  box-shadow: none;
}

textarea {
  resize: vertical;
}

label,
button {
  cursor: pointer;
}

html,
body {
  font-size: 16px;
  font-family: "Silka", "Helvetica", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1rem;
  margin: 0;
  color: #2c373d;
  background: #f0f2f4;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print {
  html,
  body {
    background: none;
    color: black;
  }
}

::-webkit-input-placeholder {
  color: rgba(44, 55, 61, 0.5);
}

:-moz-placeholder {
  color: rgba(44, 55, 61, 0.5);
}

::-moz-placeholder {
  color: rgba(44, 55, 61, 0.5);
}

:-ms-input-placeholder {
  color: rgba(44, 55, 61, 0.5);
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #1e8094;
}
@media only screen and (min-width : 800px) {
  a:hover {
    color: #007ebd;
  }
}
@media print {
  a {
    color: black;
  }
}

.gm-style-iw-c,
.gm-style-iw-d {
  padding: 0 !important;
  overflow: auto !important;
}

.gm-style-iw-chr {
  display: none !important;
}

/*
      a:focus,
      button:focus {
        outline-width: rem(1px);
        outline-style: dotted;
        outline-color: $alt-blue;
      }
  */
.-icon, .b-searchTool:after, .b-infoBox__headerBtn--working:after, .b-fileUpload__uploadBtn.-working:after, .b-checkbox__display, .b-status\(rejected\):before,
.b-status\(declined\):before, .b-status\(removed\):before, .b-status\(messaged_to_confirm_hold\):before,
.b-status\(pending\):before, .b-status\(confirmed\):before, .b-hoursData:before, .a-sortable:after, .c-venueTile__mapBlank:after, .c-helpBox:before, .c-helpInfo:before, .c-helpInfo--error:before, .c-accordion__trigger:before, .c-accordion__trigger--open:before, .c-button--confirmed:after, .c-button--confirmed:disabled:after, .c-button--working:after, .c-button--working:disabled:after, .c-searchBar__label:after, .c-formToggleInput__toggler:after, .c-formCheckboxInput__checkbox:after, .c-formTextInput:after, .c-formSelectInput:after, .c-selectMenu:after, .p-sortable:after, .p-data__available:before, .span-working:after,
.typo-icon,
.activityFeed__item:before {
  font-family: "Nowsta Icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-align: left;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  vertical-align: -0.1875rem;
  display: inline-block;
  min-width: 1em;
  min-height: 1em;
  speak: none;
}
.-icon-coins:before,
.typo-icon-coins:before {
  content: "\E153";
}
.-icon-calendar:before,
.typo-icon-calendar:before {
  content: "\F155";
}
.-icon-calendar-days:before,
.typo-icon-calendar-days:before {
  content: "\E175";
}
.-icon-conflict:before,
.typo-icon-conflict:before {
  content: "\E0C9";
}
.-icon-address-book:before,
.typo-icon-address-book:before {
  content: "\E152";
}
.-icon-bar-chart:before,
.typo-icon-bar-chart:before {
  content: "\E028";
}
.-icon-id:before,
.typo-icon-id:before {
  content: "\E0CB";
}
.-icon-settings:before,
.typo-icon-settings:before {
  content: "\E1F1";
}
.-icon-wrench:before,
.typo-icon-wrench:before {
  content: "\E1E0";
}
.-icon-robot:before,
.typo-icon-robot:before {
  content: "\E07F";
}
.-icon-megaphone:before,
.typo-icon-megaphone:before {
  content: "\E1CA";
}
.-icon-share:before,
.typo-icon-share:before {
  content: "\E08E";
}
.-icon-clock:before,
.typo-icon-clock:before {
  content: "\E17E";
}
.-icon-phone:before,
.typo-icon-phone:before {
  content: "\E1D4";
}
.-icon-email:before,
.typo-icon-email:before {
  content: "\E135";
}
.-icon-mailbox:before,
.typo-icon-mailbox:before {
  content: "\E0A0";
}
.-icon-map-marker:before,
.typo-icon-map-marker:before {
  content: "\E1C7";
}
.-icon-log-out:before,
.typo-icon-log-out:before {
  content: "\E18A";
}
.-icon-search:before,
.typo-icon-search:before {
  content: "\E1C1";
}
.-icon-locked:before,
.typo-icon-locked:before {
  content: "\E0B2";
}
.-icon-close:before,
.typo-icon-close:before {
  content: "\E1B0";
}
.-icon-close-2:before,
.typo-icon-close-2:before {
  content: "\E00A";
}
.-icon-file:before,
.typo-icon-file:before {
  content: "\E10C";
}
.-icon-file-box:before,
.typo-icon-file-box:before {
  content: "\E151";
}
.-icon-archive:before,
.typo-icon-archive:before {
  content: "\E0EA";
}
.-icon-unarchive:before,
.typo-icon-unarchive:before {
  content: "\E0DC";
}
.-icon-edit:before,
.typo-icon-edit:before {
  content: "\E09D";
}
.-icon-atm:before,
.typo-icon-atm:before {
  content: "\E0A1";
}
.-icon-download:before,
.typo-icon-download:before {
  content: "\E148";
}
.-icon-thumbs-up:before,
.typo-icon-thumbs-up:before {
  content: "\E030";
}
.-icon-thumbs-down:before,
.typo-icon-thumbs-down:before {
  content: "\E031";
}
.-icon-menu-vertical:before,
.typo-icon-menu-vertical:before {
  content: "\E0AB";
}
.-icon-working:before,
.typo-icon-working:before {
  content: "\E1F0";
  position: absolute;
  animation: animate-spinner 0.6s linear infinite;
}
.-icon-working2:before,
.typo-icon-working2:before {
  content: "\E0BD";
  position: absolute;
  animation: animate-spinner 0.6s linear infinite;
}
.-icon-confirmed:before,
.typo-icon-confirmed:before {
  content: "\E1C8";
}
.-icon-checkmark-skinny:before,
.typo-icon-checkmark-skinny:before {
  content: "\E1DC";
}
.-icon-checkmark-medium:before,
.typo-icon-checkmark-medium:before {
  content: "\E17D";
}
.-icon-clients:before,
.typo-icon-clients:before {
  content: "\E087";
}
.-icon-info:before,
.typo-icon-info:before {
  content: "\E0BC";
  font-size: 1rem;
}
.-icon-add,
.typo-icon-add {
  font-size: 1rem;
}
.-icon-add:before,
.typo-icon-add:before {
  content: "\E001";
}
.-icon-subtract,
.typo-icon-subtract {
  font-size: 1rem;
}
.-icon-subtract:before,
.typo-icon-subtract:before {
  content: "\E07C";
}
.-icon-user:before,
.typo-icon-user:before {
  content: "\E197";
  font-size: 1.125rem;
}
.-icon-user-available:before,
.typo-icon-user-available:before {
  content: "\E18B";
}
.-icon-user-responsePending:before,
.typo-icon-user-responsePending:before {
  content: "\E1A4";
}
.-icon-user-notAsked:before,
.typo-icon-user-notAsked:before {
  content: "\E19D";
}
.-icon-user-declined:before,
.typo-icon-user-declined:before {
  content: "\E183";
}
.-icon-user-onHiatus:before,
.typo-icon-user-onHiatus:before {
  content: "\E192";
}
.-icon-chevron-med-left:before,
.typo-icon-chevron-med-left:before {
  content: "\E1D6";
}
.-icon-chevron-med-right:before,
.typo-icon-chevron-med-right:before {
  content: "\E1D8";
}
.-icon-chevron-light-left:before,
.typo-icon-chevron-light-left:before {
  content: "\E1D9";
}
.-icon-chevron-light-right:before,
.typo-icon-chevron-light-right:before {
  content: "\E1DA";
}
.-icon-chevron-light-up:before,
.typo-icon-chevron-light-up:before {
  content: "\E1DB";
}
.-icon-chevron-light-down:before,
.typo-icon-chevron-light-down:before {
  content: "\E1D7";
}
.-icon-chevron-bold-left:before,
.typo-icon-chevron-bold-left:before {
  content: "\E1B2";
}
.-icon-chevron-bold-right:before,
.typo-icon-chevron-bold-right:before {
  content: "\E1B3";
}
.-icon-chevron-bold-up:before,
.typo-icon-chevron-bold-up:before {
  content: "\E1B4";
}
.-icon-chevron-bold-down:before,
.typo-icon-chevron-bold-down:before {
  content: "\E1B1";
}
.-icon-arrow-left:before,
.typo-icon-arrow-left:before {
  content: "\E010";
}
.-icon-arrow-right:before,
.typo-icon-arrow-right:before {
  content: "\E005";
}
.-icon-arrow-up:before,
.typo-icon-arrow-up:before {
  content: "\E006";
}
.-icon-arrow-down:before,
.typo-icon-arrow-down:before {
  content: "\E002";
}
.-icon-triangle-up:before,
.typo-icon-triangle-up:before {
  content: "\E004";
}
.-icon-triangle-down:before,
.typo-icon-triangle-down:before {
  content: "\E003";
}
.-icon-star:before,
.typo-icon-star:before {
  content: "\E1AA";
}
.-icon-star-half:before,
.typo-icon-star-half:before {
  content: "\E1AB";
}
.-icon-star-border:before,
.typo-icon-star-border:before {
  content: "\E1AC";
}
.-icon.-size\(16\), .-size\(16\).b-searchTool:after, .-size\(16\).b-infoBox__headerBtn--working:after, .-size\(16\).b-fileUpload__uploadBtn.-working:after, .-size\(16\).b-checkbox__display, .-size\(16\).b-status\(rejected\):before,
.-size\(16\).b-status\(declined\):before, .-size\(16\).b-status\(removed\):before, .-size\(16\).b-status\(messaged_to_confirm_hold\):before,
.-size\(16\).b-status\(pending\):before, .-size\(16\).b-status\(confirmed\):before, .-size\(16\).b-hoursData:before, .-size\(16\).a-sortable:after, .-size\(16\).c-venueTile__mapBlank:after, .-size\(16\).c-helpBox:before, .-size\(16\).c-helpInfo:before, .-size\(16\).c-helpInfo--error:before, .-size\(16\).c-accordion__trigger:before, .-size\(16\).c-accordion__trigger--open:before, .-size\(16\).c-button--confirmed:after, .-size\(16\).c-button--working:after, .-size\(16\).c-searchBar__label:after, .-size\(16\).c-formToggleInput__toggler:after, .-size\(16\).c-formCheckboxInput__checkbox:after, .-size\(16\).c-formTextInput:after, .-size\(16\).c-formSelectInput:after, .-size\(16\).c-selectMenu:after, .-size\(16\).p-sortable:after, .-size\(16\).p-data__available:before, .-size\(16\).span-working:after,
.typo-icon.-size\(16\),
.-size\(16\).activityFeed__item:before {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}
.-icon.-size\(20\), .-size\(20\).b-searchTool:after, .-size\(20\).b-infoBox__headerBtn--working:after, .-size\(20\).b-fileUpload__uploadBtn.-working:after, .-size\(20\).b-checkbox__display, .-size\(20\).b-status\(rejected\):before,
.-size\(20\).b-status\(declined\):before, .-size\(20\).b-status\(removed\):before, .-size\(20\).b-status\(messaged_to_confirm_hold\):before,
.-size\(20\).b-status\(pending\):before, .-size\(20\).b-status\(confirmed\):before, .-size\(20\).b-hoursData:before, .-size\(20\).a-sortable:after, .-size\(20\).c-venueTile__mapBlank:after, .-size\(20\).c-helpBox:before, .-size\(20\).c-helpInfo:before, .-size\(20\).c-helpInfo--error:before, .-size\(20\).c-accordion__trigger:before, .-size\(20\).c-accordion__trigger--open:before, .-size\(20\).c-button--confirmed:after, .-size\(20\).c-button--working:after, .-size\(20\).c-searchBar__label:after, .-size\(20\).c-formToggleInput__toggler:after, .-size\(20\).c-formCheckboxInput__checkbox:after, .-size\(20\).c-formTextInput:after, .-size\(20\).c-formSelectInput:after, .-size\(20\).c-selectMenu:after, .-size\(20\).p-sortable:after, .-size\(20\).p-data__available:before, .-size\(20\).span-working:after,
.typo-icon.-size\(20\),
.-size\(20\).activityFeed__item:before {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.-icon.-size\(24\), .-size\(24\).b-searchTool:after, .-size\(24\).b-infoBox__headerBtn--working:after, .-size\(24\).b-fileUpload__uploadBtn.-working:after, .-size\(24\).b-checkbox__display, .-size\(24\).b-status\(rejected\):before,
.-size\(24\).b-status\(declined\):before, .-size\(24\).b-status\(removed\):before, .-size\(24\).b-status\(messaged_to_confirm_hold\):before,
.-size\(24\).b-status\(pending\):before, .-size\(24\).b-status\(confirmed\):before, .-size\(24\).b-hoursData:before, .-size\(24\).a-sortable:after, .-size\(24\).c-venueTile__mapBlank:after, .-size\(24\).c-helpBox:before, .-size\(24\).c-helpInfo:before, .-size\(24\).c-helpInfo--error:before, .-size\(24\).c-accordion__trigger:before, .-size\(24\).c-accordion__trigger--open:before, .-size\(24\).c-button--confirmed:after, .-size\(24\).c-button--working:after, .-size\(24\).c-searchBar__label:after, .-size\(24\).c-formToggleInput__toggler:after, .-size\(24\).c-formCheckboxInput__checkbox:after, .-size\(24\).c-formTextInput:after, .-size\(24\).c-formSelectInput:after, .-size\(24\).c-selectMenu:after, .-size\(24\).p-sortable:after, .-size\(24\).p-data__available:before, .-size\(24\).span-working:after,
.typo-icon.-size\(24\),
.-size\(24\).activityFeed__item:before {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-check:before {
  content: "\E17D";
}

.icon-check-circle:before {
  content: "\E15D";
}

.icon-airplane:before {
  content: "\E000";
}

.icon-megaphone:before {
  content: "\E08F";
}

.icon-trash:before {
  content: "\E02C";
}

.icon-edit:before {
  content: "\E09B";
}

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

.icon-mailbox:before {
  content: "\E0A0";
}

.icon-bell:before {
  content: "\E017";
}

.icon-pencil-write:before {
  content: "\E09B";
}

.icon-clock:before {
  content: "\E17E";
}

.icon-clock-remove:before {
  content: "\E06B";
}

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

.icon-add-small:before {
  content: "\E001";
}

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

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

.icon-user-remove:before {
  content: "\E048";
}

.icon-user-ask:before {
  content: "\E03F";
}

.icon-user-check:before {
  content: "\E04B";
}

.icon-user-block:before {
  content: "\E04F";
}

.icon-file-new:before {
  content: "\E10B";
}

.icon-file-new2:before {
  content: "\E10C";
}

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

.icon-file-download2:before {
  content: "\E12C";
}

.icon-log-out:before {
  content: "\E0AD";
}

.icon-log-in:before {
  content: "e0ae";
}

.ui-actionBtn {
  background: #0099e5;
  display: block;
  cursor: pointer;
  border: 0;
  border-radius: 0.125rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2rem;
  text-transform: uppercase;
  color: white;
  text-align: center;
  min-height: 2rem;
  box-sizing: border-box;
}
.ui-actionBtnSmall, .ui-actionBtn.-size-small {
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.ui-actionBtnSmall .ui-actionBtn__label, .ui-actionBtn.-size-small .ui-actionBtn__label {
  font-size: 0.625rem;
  text-transform: none;
}
.ui-actionBtn.-size-xsmall {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0 0.25rem;
  min-height: 1.25rem;
}
.ui-actionBtn.-size-xsmall .ui-actionBtn__label {
  font-size: 0.625rem;
  text-transform: none;
}
.ui-actionBtn.-size-tiny {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 0.125rem;
  min-height: 1rem;
}
.ui-actionBtn.-size-tiny .ui-actionBtn__label {
  font-size: 0.625rem;
  text-transform: none;
}
.ui-actionBtn.-style-inverted {
  background: white;
  color: #4a5d66;
}
.ui-actionBtn.-style-inverted:hover {
  background: white;
  color: #0099e5;
}
.ui-actionBtn.-style-frameless {
  background: none;
  color: #4a5d66;
  box-shadow: none;
}
.ui-actionBtn.-style-frameless:hover {
  color: white;
  background: #0099e5;
}
.ui-actionBtn.-style-flat {
  box-shadow: none;
  background: #f0f2f4;
  color: #4a5d66;
}
.ui-actionBtn.-style-flat:hover {
  color: white;
  background: #0099e5;
}
.ui-actionBtn.-inline {
  display: inline-block;
}
.ui-actionBtn--big {
  height: 2.5rem;
  min-width: 11rem;
}
.ui-actionBtn:focus {
  outline: none;
}

.ui-alertBtn {
  background: #e54040;
  display: block;
  cursor: pointer;
  border: 0;
  border-radius: 0.125rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: white;
  text-align: center;
  min-height: 2rem;
  box-sizing: border-box;
}
.ui-alertBtn:focus {
  outline: none;
}
.ui-alertBtn.-size-small {
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.ui-alertBtn.-size-small .ui-actionBtn__label {
  font-size: 0.625rem;
  text-transform: none;
}

.ui-actionBtn__icon {
  padding: 0.125rem 0.25rem 0 0;
  width: 1rem;
  height: 1rem;
  float: left;
  display: block;
}
.ui-actionBtn__icon.icon-only {
  float: none;
  padding: 0;
}

@keyframes animate__actionClick {
  0% {
    background: #0099e5;
  }
  50% {
    background: #007fba;
  }
  100% {
    background: #0099e5;
  }
}
.ui-contextBtn {
  display: block;
  cursor: pointer;
  border: 0.125rem solid #0099e5;
  border-radius: 0.125rem;
  padding: 0 1rem;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: #0099e5;
  text-align: center;
  min-height: 2rem;
  box-sizing: border-box;
}
.ui-contextBtnSmall {
  font-size: 0.75rem;
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.ui-contextBtn--big {
  height: 2.5rem;
  min-width: 11rem;
}
.ui-contextBtn:hover {
  background: #e1e6e9;
}
.ui-contextBtn:focus {
  outline: none;
}
.ui-contextBtn:active {
  animation-duration: 0.2s;
  animation-name: animate__contextClick;
}

@keyframes animate__contextClick {
  0% {
    border-color: #0099e5;
    color: #0099e5;
  }
  50% {
    border-color: #007fba;
    color: #007fba;
  }
  100% {
    border-color: #0099e5;
    color: #0099e5;
  }
}
.ui-framelessBtn, .ui-framelessBtn--modalFooter {
  display: block;
  cursor: pointer;
}

.ui-framelessBtn--modalFooter {
  position: absolute;
  color: #0099e5;
  font-size: 1rem;
  top: 1.375rem;
}
.ui-framelessBtn--modalFooter.-nav-prev {
  left: 1.5rem;
}
.ui-framelessBtn--modalFooter.-nav-next {
  right: 1.5rem;
}

.ui-iconBtn {
  position: relative;
  min-width: 1.75rem;
}
.ui-iconBtn:before {
  font-family: "Nowsta Icons";
  content: "l";
  font-size: 0.875rem;
  line-height: 1.5rem;
  vertical-align: middle;
  text-align: center;
  text-transform: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ui-iconBtn__label {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 0.25rem;
  min-height: 1.5rem;
  text-transform: none;
}

.ui-radioBox__label {
  display: inline-block;
  min-width: 1rem;
  min-height: 1rem;
}
.ui-radioBox__label .ui-radioBox {
  -webkit-appearance: radio;
  margin: 0 0.25rem 0 0;
}

.ui-dropdown__module {
  position: relative;
  z-index: 100;
}

.ui-dropdown__label {
  margin: 0;
  padding: 0 0.75rem 0 0;
  position: relative;
}
.ui-dropdown__label:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #4a5d66;
  line-height: 0;
  position: absolute;
  right: 0.25rem;
  top: 50%;
  margin-top: -0.125rem;
}

.ui-dropdown__module:hover .ui-dropdown__label {
  color: #0099e5;
}
.ui-dropdown__module:hover .ui-dropdown__label:after {
  border-top: 0.25rem solid #0099e5;
}

.ui-dropdown__menu {
  display: none;
  position: absolute;
  background: white;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  top: 100%;
  margin: -0.1875rem 0 0 -0.5rem;
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.34);
  width: 7.75rem;
  max-height: calc(100vh - 240px);
  overflow: auto;
  text-align: left;
}
.ui-dropdown__menu--medium {
  width: 10rem;
}

.ui-dropdown__trigger--showDrop + .ui-dropdown__menu {
  display: block;
}

.ui-dropdown__item {
  display: block;
  text-align: left;
  padding: 0 0.75rem;
}
.ui-dropdown__item--heading {
  color: #a4b4bc;
  padding: 0.375rem 0.625rem;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f2f4;
}
.ui-dropdown__item--fullWidth {
  padding: 0;
}
.ui-dropdown__item .ui-checkbox__label {
  line-height: 1rem;
  padding: 0.25rem 0 0.25rem 1.25rem;
}
.ui-dropdown__item .ui-dropdown__btn {
  line-height: 1rem;
  padding: 0.25rem 0;
  text-align: left;
  display: block;
}
.ui-dropdown__item .ui-dropdown__btn:hover {
  color: #0099e5;
}
.ui-dropdown__item .ui-dropdown__btn.-state-disabled {
  cursor: default;
  color: #a4b4bc;
}
.ui-dropdown__item .ui-dropdown__btn.-state-disabled:hover {
  color: #a4b4bc;
}
.ui-dropdown__item:hover {
  color: #0099e5;
}

.ui-dropdown__section {
  border-top: 0.0625rem solid #f0f2f4;
  margin: 0.5rem 0 0 0;
  padding-top: 0.5rem;
  text-align: left;
  cursor: normal;
}

.ui-dropdown__sectionTitle {
  color: #a4b4bc;
  margin: 0 0.75rem 0.5rem;
  display: block;
}

.ui-dropdown__action, .ui-iconMenu__action {
  padding: 0.125rem 0.75rem;
  text-align: left;
  font-size: 0.75rem;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.ui-dropdown__action:hover, .ui-iconMenu__action:hover {
  background: #0099e5;
  color: white;
}

.ui-iconMenu__action {
  position: relative;
  padding: 0;
}

.ui-iconMenu__icon {
  position: absolute;
  top: 0.5rem;
  left: 0.8125rem;
}

.ui-iconMenu__label {
  display: block;
  margin: 0 0 0 2.25rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.ui-checkbox__group {
  padding: 0.375rem 0 0 0;
}

.ui-checkbox {
  display: none;
}
.ui-checkbox:checked + .ui-checkbox__label {
  color: #15a83a;
}
.ui-checkbox:checked + .ui-checkbox__label:before {
  font-family: "Nowsta Icons";
  background: #15a83a;
  border-color: #15a83a;
  content: "\E007";
}
.ui-checkbox:checked + .ui-checkbox__label .ui-forms__counter {
  color: #2c373d;
}
.ui-checkbox:disabled + .ui-checkbox__label:before {
  opacity: 0.4;
}
.ui-checkbox:disabled + .ui-checkbox__label:hover:before {
  border-color: #e1e6e9;
  background: #f0f2f4;
}

.ui-checkbox__label {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  font-weight: 400;
  position: relative;
  padding: 0;
  margin: 0;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-width: 1.25rem;
  min-height: 1.5rem;
}
.ui-checkbox__label:hover:before {
  border-color: #0099e5;
  background: white;
}
.ui-checkbox__label:before {
  content: "";
  border-radius: 0.125rem;
  border: 0.0625rem solid #e1e6e9;
  background: #f0f2f4;
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  color: white;
  font-family: sans-serif;
  font-size: 0.625rem;
  line-height: 0.75rem;
  vertical-align: middle;
  box-sizing: content-box;
}
.ui-checkbox__label--big {
  width: 1.125rem;
  height: 2rem;
}
.ui-checkbox__label--big:before {
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  top: 0.4375rem;
}
.ui-checkbox__label--mixed:before {
  background: #15a83a;
  border-color: #15a83a;
  content: "\2013";
}
.ui-checkbox__label .ui-checkbox__title {
  padding: 0 0 0 1.375rem;
}
.ui-checkbox__label .ui-forms__counter {
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ui-forms__item {
  padding: 0.5rem 0 0 0;
}

.ui-actionHdr__btn {
  float: right;
  margin-top: 0.125rem;
}

.ui-forms__textBox {
  background: white;
  border: 0.0625rem solid white;
  border-radius: 0.125rem;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ui-forms__textBox:hover {
  border-color: #0099e5;
}
.ui-forms__textBox:focus {
  background: #e1e6e9;
  border-color: #0099e5;
  outline: none;
}

.ui-forms__item--inputBlank, .dateTimeInput__module {
  padding: 0.5rem 0 0.125rem 0;
}
.ui-forms__item--inputBlank.-layout-1-2, .-layout-1-2.dateTimeInput__module {
  width: 50%;
  box-sizing: border-box;
}
.ui-forms__item--inputBlank.-layout-1-2:nth-child(odd), .-layout-1-2.dateTimeInput__module:nth-child(odd) {
  padding-right: 0.25rem;
}
.ui-forms__item--inputBlank.-layout-1-2:nth-child(even), .-layout-1-2.dateTimeInput__module:nth-child(even) {
  padding-left: 0.25rem;
}

.ui-forms__item--notice {
  font-style: italic;
  padding: 0.75rem 0;
  color: #a4b4bc;
}

.ui-forms__errorMsg,
.ui-forms__successMsg {
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0.5rem 0;
  color: #e54040;
  font-weight: 400;
  display: none;
}
.ui-forms__errorMsg:before,
.ui-forms__successMsg:before {
  content: "! ";
  font-weight: 600;
}
.ui-forms__errorMsg--show,
.ui-forms__successMsg--show {
  display: block;
}
.ui-forms__errorMsg--inline-show,
.ui-forms__successMsg--inline-show {
  display: inline-block;
  margin-left: 0.375rem;
}

.ui-forms__successMsg {
  color: #15a83a;
}

.ui-forms__inputBlank, .timeSelector__input, .ui-forms__select {
  background: #f0f2f4;
  border: 0;
  border-bottom: 0.125rem solid #e1e6e9;
  color: #2c373d;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin: 0.5rem 0 0 0;
  padding: 0.375rem 0.75rem;
  width: 13.5rem;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-sizing: content-box;
}
.ui-forms__inputBlank--small {
  width: 4rem;
}
.ui-forms__inputBlank--full {
  width: 100%;
  box-sizing: border-box;
}
.ui-forms__inputBlank:hover, .timeSelector__input:hover, .ui-forms__select:hover {
  border-color: #a4b4bc;
}
.ui-forms__inputBlank:focus, .timeSelector__input:focus, .ui-forms__select:focus {
  background: #e1e6e9;
  border-color: #0099e5;
  outline: none;
}
.ui-forms__inputBlank--error {
  background: #fdf2f2;
  border-color: #e54040;
}
.ui-forms__inputBlank--error:focus {
  background: #fdf2f2;
  border-color: #e54040;
  outline: none;
}
.ui-forms__inputBlankLabel {
  margin-left: 0.75rem;
}
.ui-forms__inputBlankLabel .ui-forms__fineprint {
  margin-left: 1rem;
}

.ui-forms__textarea {
  width: 100%;
  padding: 0.875rem 0.75rem;
  background: #f0f2f4;
  border: 0;
  border-bottom: 0.125rem solid #e1e6e9;
  min-height: 12.5rem;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ui-forms__textarea:hover {
  border-color: #a4b4bc;
}
.ui-forms__textarea:focus {
  outline: none;
  background: #e1e6e9;
  border-color: #0099e5;
}

.ui-forms__select {
  border-radius: 0;
  -webkit-appearance: none;
  cursor: pointer;
}
.ui-forms__select.-width-full {
  width: 100%;
  box-sizing: border-box;
}

.ui-forms__2colSpacer {
  float: left;
  width: 3rem;
  text-align: center;
  color: #4a5d66;
  margin: 1.1875rem 0 0 0;
}

.ui-forms__2col .ui-forms__inputBox {
  float: left;
  width: 15rem;
}
.ui-forms__2col .ui-forms__inputBox:last-child {
  float: right;
}

.ui-forms__h1 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin: 1.4375rem 0 0.0625rem 0;
}
.ui-forms__h1.-typo-bigger {
  font-size: 1rem;
  margin: 1.375rem 0 0.125rem 0;
}

.ui-forms__h2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 0.375rem 0 0 0;
}

.ui-forms__fineprint {
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  color: #4a5d66;
  margin: 0.5rem 0 0 0;
}

.ui-forms__counter {
  color: #4a5d66;
}

.ui-forms__inputBlank--city {
  float: left;
  width: 11rem;
  margin-right: 0.5rem;
}

.ui-forms__inputBlank--state {
  float: left;
  width: 3rem;
  margin-right: 0.5rem;
}

.ui-forms__inputBlank--zip {
  float: left;
  width: 4rem;
}

.dateTimeInput__dateBox {
  float: left;
  width: 12rem;
  margin: 0 1rem 0 0;
}

.dateTimeInput__timeBox {
  float: left;
  width: 11.5rem;
}

.inliner__preview:hover {
  background: rgba(0, 0, 0, 0.16);
  cursor: text;
}

.inliner__input {
  border: 1;
  padding: 0;
  background: #f0faff;
  border-color: #0099e5;
}

.-state-error:after {
  content: "\E1B0";
  color: #e54040;
}
.-state-error:focus {
  padding-right: 2rem;
  border-color: #e54040;
  background: #fdf2f2;
}

.timeSelector__module, .timeSelector__module--minutes, .timeSelector__module--hours {
  float: left;
  position: relative;
}
.timeSelector__module--hours {
  margin-right: 0.375rem;
}
.timeSelector__module--hours:after {
  content: ":";
  font-size: 1.5rem;
  position: absolute;
  top: 1rem;
  left: 100%;
  width: 0.75rem;
  text-align: center;
  color: #4a5d66;
}
.timeSelector__module--minutes {
  margin-left: 0.375rem;
  margin-right: 1rem;
}

.timeSelector__input {
  width: 2.5rem;
  height: 1.5rem;
  text-align: center;
  padding: 0.375rem 0.25rem;
}
.timeSelector__input:focus + .timeSelector__options {
  opacity: 1;
  transform: scale3d(1, 1, 10);
}

.timeSelector__options {
  position: absolute;
  top: 0.5rem;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 2.375rem;
  transform-origin: 50% 50%;
  opacity: 0;
  transform: scale3d(0, 0, 10);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.timeSelector__option {
  background: #0099e5;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  display: block;
  text-align: center;
  color: white;
  cursor: pointer;
  transform-origin: 50% 50%;
  position: absolute;
  margin: 0.1875rem 0 0 0.5rem;
  box-sizing: content-box;
}
.timeSelector__option:hover {
  border: 3px solid #0099e5;
  background: white;
  margin: 0 0 0 0.3125rem;
  color: #0099e5;
}
.timeSelector__option.-radial-1of12 {
  transform: translate3d(2.25rem, -3.875rem, 0);
}
.timeSelector__option.-radial-2of12 {
  transform: translate3d(3.875rem, -2.25rem, 0);
}
.timeSelector__option.-radial-3of12 {
  transform: translate3d(4.5rem, 0, 0);
}
.timeSelector__option.-radial-4of12 {
  transform: translate3d(3.875rem, 2.25rem, 0);
}
.timeSelector__option.-radial-5of12 {
  transform: translate3d(2.25rem, 3.875rem, 0);
}
.timeSelector__option.-radial-6of12 {
  transform: translate3d(0, 4.5rem, 0);
}
.timeSelector__option.-radial-7of12 {
  transform: translate3d(-2.25rem, 3.875rem, 0);
}
.timeSelector__option.-radial-8of12 {
  transform: translate3d(-3.875rem, 2.25rem, 0);
}
.timeSelector__option.-radial-9of12 {
  transform: translate3d(-4.5rem, 0, 0);
}
.timeSelector__option.-radial-10of12 {
  transform: translate3d(-3.875rem, -2.25rem, 0);
}
.timeSelector__option.-radial-11of12 {
  transform: translate3d(-2.25rem, -3.875rem, 0);
}
.timeSelector__option.-radial-12of12 {
  transform: translate3d(0, -4.5rem, 0);
}

.dateTimeInput__ampm {
  width: 3.5rem;
  float: left;
}

.dateTimeInput__am {
  margin: 0.375rem 0 0 0;
}

.p-viewPane {
  margin-left: 3rem;
}
.p-viewPane:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  content: "";
  z-index: 999;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-viewPane--hasModal {
  position: relative;
}
.p-viewPane--hasModal:after {
  bottom: 0;
  background: black;
  opacity: 0.2;
}
.p-viewPane--multiEventView {
  margin-left: 14rem;
  margin-top: 2.5rem;
}
.p-viewPane--singleEventView {
  display: flex;
  flex: 0 1 auto;
  margin-top: 7rem;
  padding: 0 1.5rem;
}
.p-viewPane--settingsView {
  display: flex;
  background: white;
  position: relative;
  min-height: calc(100vh - 56px);
}
.p-viewPane--workersView {
  background: white;
  position: relative;
  min-height: calc(100vh - 56px);
  margin-top: 2.5rem;
}

@media only screen and (min-width : 640px) {
  .p-viewPane--calendarView {
    margin-top: 6rem;
  }
  .p-viewPane--settingsView {
    margin-top: 2.5rem;
  }
  .p-viewPane--headerBar {
    margin-top: 6rem;
  }
}
.p-sideBar {
  min-width: 11rem;
  border-right: 0.0625rem solid #e1e6e9;
  position: relative;
}
.p-sideBar .u-pos-fixed {
  width: 11rem;
}

.p-companionView {
  flex-grow: 1;
  position: relative;
}
.p-companionView__actions {
  display: flex;
  margin: 0.5rem 0 0 0;
  position: fixed;
  right: 1.5rem;
  top: 0;
  z-index: 2000;
}
.p-companionView__actions .c-framelessBtn,
.p-companionView__actions .c-button {
  margin: 0 0.5rem 0 0;
}

.p-overlapView {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  overflow: hidden;
  z-index: 110;
}
.p-overlapView.-slide-in {
  left: 0;
  right: 0;
}
.p-overlapView.-slide-in .p-overlapView__panel {
  transform: translateX(0);
}
.p-overlapView.-slide-out {
  left: 100%;
  right: 0;
  transition: left 0s 0.6s linear;
}
.p-overlapView.-slide-out .p-overlapView__panel {
  transform: translateX(100%);
}
.p-overlapView__panel {
  background: white;
  position: absolute;
  top: 0;
  left: 1rem;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.16);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(100%);
  overflow: auto;
}
.p-overlapView__panel:after {
  content: "";
  width: 1rem;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
}

.u-align-center {
  text-align: center;
}

.u-color-alert {
  color: #ff9100;
}

.u-color-confirmed {
  color: #15a83a;
}

.u-color-critical,
.u-color-declined {
  color: #e54040;
}

.u-color-whisper {
  color: #a4b4bc;
}

.u-hide,
.-view-hide {
  display: none;
}

.-view-show {
  display: block;
}

.u-p-sm-1 {
  margin: 0.25rem 0;
}

.u-pos-fixed {
  position: fixed;
}

.u-link {
  color: #007ebd;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-bottom: 0.0625rem dotted #0099e5;
  text-align: left;
  font-weight: 500;
}
.u-link:hover {
  color: #0099e5;
}
.u-link--invisible {
  text-align: left;
  font-weight: 500;
  color: #2c373d;
}
.u-link--invisible:hover {
  color: white;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
}
@media print {
  .u-link {
    color: black;
    border-bottom: 0;
  }
}

.span-working {
  position: relative;
}
.span-working:after {
  content: "\E1F0";
  position: absolute;
  animation: animate-spinner 0.6s linear infinite;
  top: 10%;
  left: 50%;
  margin-left: 0.3125rem;
}

.p-data__eventProgress {
  font-weight: bold;
  color: #a4b4bc;
}

.p-data__confirmed {
  font-weight: bold;
  color: #15a83a;
}

.p-data__totalShifts {
  color: #4a5d66;
}

.p-data__available {
  color: #0099e5;
  position: relative;
  padding-left: 1.25rem;
}
.p-data__available:before {
  content: "\E17F";
  position: absolute;
  left: 0;
  top: 0.375rem;
  transform: translateY(-50%);
}

.p-data__responsePending {
  color: #9d8dff;
}

.p-data__declined {
  color: #e54040;
}

.p-data__notInterested {
  color: #ff9100;
}

.p-data__notAsked {
  color: #4a5d66;
}

.p-data__onHiatus {
  color: #a4b4bc;
}

.p-alertCount {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  background: #e54040;
  color: white;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: bold;
  padding: 0 0.25rem;
  border-radius: 0.5rem;
  min-height: 1rem;
  min-width: 1rem;
  text-align: center;
}

.p-statusText {
  font-weight: bold;
  position: relative;
  padding: 0 0 0 0.75rem;
}
.p-statusText:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-sizing: border-box;
}
@media print {
  .p-statusText {
    padding: 0;
  }
  .p-statusText:before {
    display: none;
  }
}
.p-statusText--notAsked {
  color: #a4b4bc;
}
.p-statusText--notAsked:before {
  border: 0.125rem solid #a4b4bc;
}
.p-statusText--unassigned {
  color: #68828f;
}
.p-statusText--unassigned:before {
  border: 0.125rem solid #808080;
}
.p-statusText--available {
  color: #0099e5;
}
.p-statusText--available:before {
  border: 0.125rem solid #0099e5;
}
.p-statusText--partiallyAvailable {
  color: #0099e5;
}
.p-statusText--partiallyAvailable:before {
  border: 0.125rem solid #0099e5;
}
.p-statusText--assigned {
  color: #007ebd;
}
.p-statusText--assigned:before {
  border: 0.125rem solid #007ebd;
}
.p-statusText--requested {
  color: #ffc400;
}
.p-statusText--requested:before {
  border: 0.125rem solid #ffc400;
}
.p-statusText--responsePending {
  color: #9d8dff;
}
.p-statusText--responsePending:before {
  border: 0.125rem solid #9d8dff;
}
.p-statusText--confirming {
  color: #ff9100;
}
.p-statusText--confirming:before {
  border: 0.125rem solid #ff9100;
}
.p-statusText--unavailable, .p-statusText--onHiatus {
  color: #a4b4bc;
}
.p-statusText--unavailable:before, .p-statusText--onHiatus:before {
  background: #a4b4bc;
}
.p-statusText--confirmed {
  color: #15a83a;
}
.p-statusText--confirmed:before {
  background: #15a83a;
}
.p-statusText--declined {
  color: #e54040;
}
.p-statusText--declined:before {
  background: #e54040;
}

.-status-unassigned {
  color: #808080;
}

.-status-responsePending {
  color: #9d8dff;
}

.-status-available {
  color: #0099e5;
}

.-status-assigned {
  color: #007ebd;
}

.-status-confirming {
  color: #ff9100;
}

.-status-confirmed {
  color: #15a83a;
}

.-status-declined {
  color: #e54040;
}

.-status-notAsked {
  color: #a4b4bc;
}

.-status-onHiatus {
  color: #a4b4bc;
}

.p-displayTable {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
}
.p-displayTable.-size-med {
  max-width: 28rem;
}
.p-displayTable.-size-med-2 {
  max-width: 30rem;
}
.p-displayTable.-size-full {
  max-width: none;
}
.p-displayTableHeader {
  display: flex;
  align-items: center;
  border-bottom: 0.125rem solid #0099e5;
  padding: 0.4375rem 1rem;
  min-height: 2.5rem;
  position: relative;
}
.p-displayTableHeader.-addHeight-1 {
  min-height: 3.5rem;
}
.p-displayTableHeader.-addHeight-2 {
  min-height: 4.5rem;
}
.p-displayTableHeader__title {
  font-weight: bold;
  color: #4a5d66;
}
.p-displayTableHeader__radioBox {
  width: 4rem;
  text-align: center;
}
.p-displayTableHeader .p-displayTable__inputBox {
  margin-left: 0;
}
.p-displayTableBody {
  padding: 0.5rem 0 0.4375rem;
  border-bottom: 0.0625rem solid #e1e6e9;
  background: #f0f2f4;
  padding: 0.5rem;
}
.p-displayTableBody__toolBar {
  padding: 0 0 0.5rem;
  text-align: center;
}
.p-displayTableBody__scrollBox {
  min-height: 20rem;
  height: 65vh;
  overflow: auto;
  padding: 0 0.5rem 0 0;
  margin: 0 -0.5rem 0 0;
}
.p-displayTableCell, .c-workerCell {
  font-size: 0.75rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
}
.p-displayTableCell__locked {
  color: #ff9100;
  font-size: 1.25rem;
  margin-left: 0.5rem;
}
.p-displayTableCell__radioBox {
  width: 4rem;
  text-align: center;
}
.p-displayTableCell__radioBox:last-child {
  margin-right: -0.5rem;
}
.p-displayTable__inputBox {
  margin: 0 1rem 0 -0.5rem;
  min-width: 2rem;
}
.p-displayTable__toggleBox {
  margin: 0 -0.5rem 0 0.5rem;
}

.p-sortable {
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  display: inline-block;
}
.p-sortable:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.6875rem;
  content: "\E004";
  color: #e1e6e9;
  font-size: 0.9375rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-sortable:hover {
  color: #0099e5;
}
.p-sortable:hover:after, .p-sortable:hover.-sort-up:after, .p-sortable:hover.-sort-down:after {
  color: #0099e5;
}
.p-sortable.-sort-up:after {
  top: -0.6875rem;
  content: "\E004";
  color: #007ebd;
}
.p-sortable.-sort-down:after {
  top: auto;
  bottom: -0.6875rem;
  content: "\E003";
  color: #007ebd;
}

.p-bulkActions, .p-bulkActions--active {
  position: absolute;
  top: 0;
  left: 2.5rem;
  overflow: hidden;
  width: calc(100% - 40px);
  min-height: 0;
  height: 0;
  z-index: 110;
  transition: min-height 0s 0.5s linear;
}
.p-bulkActions--active {
  transition: height 0s 0.5s linear;
  min-height: 2.375rem;
}
.p-bulkActions--active .p-bulkActions__panel {
  transform: translateY(0);
}
.p-bulkActions__panel {
  position: absolute;
  transform: translateY(-100%);
  background: white;
  display: flex;
  width: 100%;
  padding-right: 1rem;
  min-height: 2.375rem;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-bulkActions__actions {
  display: flex;
}
.p-bulkActions__title {
  flex-grow: 1;
  padding: 0.6875rem 1rem 0.1875rem;
  font-weight: bold;
  color: #4a5d66;
}
.p-bulkActions__toggleBox {
  padding: 0.375rem 0 0 0;
}
.p-bulkActions__radioBox {
  width: 3.5rem;
  text-align: center;
  padding-top: 0.375rem;
}

.p-formItem {
  padding: 1rem 0 0;
}
.p-formItem__label {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  margin: 0.25rem 0;
  display: block;
}
.p-formItem.-size-half {
  width: 100%;
  -webkit-flex-basis: 10.5rem;
  -moz-flex-basis: 10.5rem;
  -ms-flex-preferred-size: 10.5rem;
  flex-basis: 10.5rem;
}
.p-formItem.-size-small {
  width: 100%;
  -webkit-flex-basis: 5.5rem;
  -moz-flex-basis: 5.5rem;
  -ms-flex-preferred-size: 5.5rem;
  flex-basis: 5.5rem;
}
.p-formItem.-standalone {
  padding: 0.5rem 0 0;
}

.p-formSet {
  display: flex;
  padding: 1rem 0 0 0;
}
.p-formSet.-standalone {
  padding: 0.5rem 0 0;
}
.p-formSet .p-formItem {
  padding: 0;
  margin: 0 0.5rem 0 0;
}
.p-formSet .p-formItem.-spacing-big {
  margin: 0 1.5rem 0 0;
}
.p-formSet .p-formItem:last-child {
  margin-right: 0;
}

.c-selectMenu {
  position: relative;
  display: block;
}
.c-selectMenu:after {
  font-size: 1.1875rem;
  content: "\E003";
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #2c373d;
  pointer-events: none;
}
.c-selectMenu__selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 0.875rem;
  height: 2rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #f0f2f4;
  background: #f0f2f4;
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  width: 100%;
}
.c-selectMenu__selector:hover {
  border-color: #0099e5;
  background: #f0faff;
}

.c-formSelectInput {
  padding: 0 0 0.25rem;
  display: block;
  position: relative;
}
.c-formSelectInput:after {
  font-size: 1.1875rem;
  content: "\E003";
  position: absolute;
  right: 0.5rem;
  bottom: 0.9375rem;
  color: #2c373d;
  pointer-events: none;
  color: #4a5d66;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formSelectInput:hover:after {
  color: #2c373d;
}
.c-formSelectInput.-state-valid .c-formSelectInput__selector {
  color: #2c373d;
}
.c-formSelectInput__selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 2.25rem;
  background: #f0f2f4;
  border: 0;
  border-radius: 0;
  border-bottom: 0.125rem solid #e1e6e9;
  padding: 0.5rem 2rem 0.5625rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formSelectInput__selector:hover {
  border-color: #a4b4bc;
}
.c-formSelectInput__selector:focus {
  background: #f0faff;
  border-color: #0099e5;
  outline: none;
}

.c-formTextInput {
  padding: 0 0 0.25rem;
  display: block;
  position: relative;
}
.c-formTextInput:after {
  pointer-events: none;
  position: absolute;
  right: 0.5rem;
  bottom: 0.9375rem;
}
.c-formTextInput.-state-valid:after {
  content: "\E1C8";
  color: #15a83a;
}
.c-formTextInput.-state-valid .c-formTextInput__input, .c-formTextInput.-state-valid .c-formTextInput__small-textarea, .c-formTextInput.-state-valid .c-formTextInput__textarea {
  padding-right: 2rem;
}
.c-formTextInput.-state-pending:after {
  content: "\E1F0";
  color: #0099e5;
  animation: animate-spinner 0.6s linear infinite;
}
.c-formTextInput.-state-pending .c-formTextInput__input, .c-formTextInput.-state-pending .c-formTextInput__small-textarea, .c-formTextInput.-state-pending .c-formTextInput__textarea {
  padding-right: 2rem;
}
.c-formTextInput.-state-error:after {
  content: "\E1B0";
  color: #e54040;
}
.c-formTextInput.-state-error .p-formItem__label {
  color: #e54040;
}
.c-formTextInput.-state-error .c-formTextInput__input, .c-formTextInput.-state-error .c-formTextInput__small-textarea, .c-formTextInput.-state-error .c-formTextInput__textarea {
  padding-right: 2rem;
  background: #fdf2f2;
}
.c-formTextInput.-state-error .c-formTextInput__input:focus, .c-formTextInput.-state-error .c-formTextInput__small-textarea:focus, .c-formTextInput.-state-error .c-formTextInput__textarea:focus {
  border-color: #e54040;
}
.c-formTextInput__input, .c-formTextInput__small-textarea, .c-formTextInput__textarea {
  width: 100%;
  background: #f0f2f4;
  border-bottom: 0.125rem solid #e1e6e9;
  padding: 0.3125rem 0.75rem;
  color: #2c373d;
  font-size: 0.875rem;
  line-height: 1.5rem;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formTextInput__input:hover, .c-formTextInput__small-textarea:hover, .c-formTextInput__textarea:hover {
  border-color: #a4b4bc;
}
.c-formTextInput__input:focus, .c-formTextInput__small-textarea:focus, .c-formTextInput__textarea:focus {
  background: #f0faff;
  border-color: #0099e5;
}
.c-formTextInput__textarea {
  min-height: 10.125rem;
  resize: vertical;
}
.c-formTextInput__textarea--tall {
  min-height: 20rem;
}
.c-formTextInput__small-textarea {
  resize: vertical;
  rows: 2;
}

.c-formCheckboxInput {
  display: block;
  padding: 0.25rem 0.5rem;
}
.c-formCheckboxInput.-layout-horizontal {
  display: flex;
  align-items: center;
}
.c-formCheckboxInput.-layout-horizontal .c-formCheckboxInput__checkbox {
  margin-right: 0.5rem;
}
.c-formCheckboxInput:hover .c-formCheckboxInput__checkbox {
  border-color: #a4b4bc;
}
.c-formCheckboxInput__input {
  display: none;
}
.c-formCheckboxInput__checkbox {
  display: block;
  min-width: 1rem;
  min-height: 1rem;
  border: 0.0625rem solid #e1e6e9;
  border-radius: 0.125rem;
  background: #f0f2f4;
  position: relative;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formCheckboxInput__checkbox:after {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  content: "";
  opacity: 0;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formCheckboxInput__input.-indeterminate + .c-formCheckboxInput__checkbox, .c-formCheckboxInput__input:indeterminate + .c-formCheckboxInput__checkbox {
  background: #0099e5;
  border-color: #0099e5;
}
.c-formCheckboxInput__input.-indeterminate + .c-formCheckboxInput__checkbox:after, .c-formCheckboxInput__input:indeterminate + .c-formCheckboxInput__checkbox:after {
  content: "";
  min-width: auto;
  min-height: auto;
  width: 0.5rem;
  height: 0.125rem;
  background: white;
  left: 50%;
  top: 6px;
  overflow: hidden;
  transform: translateX(-50%);
  opacity: 1;
}
.c-formCheckboxInput__input:checked + .c-formCheckboxInput__checkbox {
  border-color: #0099e5;
  background: #0099e5;
}
.c-formCheckboxInput__input:checked + .c-formCheckboxInput__checkbox:after {
  content: "\E1C8";
  color: white;
  opacity: 1;
}

.c-formToggleInput {
  display: block;
  padding: 0.125rem 0.5rem;
}
.c-formToggleInput:hover .c-formToggleInput__switch {
  background-color: #0099e5;
}
.c-formToggleInput__input {
  display: none;
}
.c-formToggleInput__switch {
  display: block;
  width: 2.5rem;
  height: 1.25rem;
  border-radius: 2.5rem;
  background: #e1e6e9;
  position: relative;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formToggleInput__toggler {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  background: white;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.c-formToggleInput__toggler:after {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(1px, 1px);
  font-size: 0.875rem;
  content: "";
  opacity: 0;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formToggleInput__input:disabled + .c-formToggleInput__switch {
  cursor: not-allowed;
}
.c-formToggleInput__input:checked + .c-formToggleInput__switch {
  background: #15a83a;
}
.c-formToggleInput__input:checked + .c-formToggleInput__switch .c-formToggleInput__toggler {
  transform: translateX(1.25rem);
}
.c-formToggleInput__input:checked + .c-formToggleInput__switch .c-formToggleInput__toggler:after {
  content: "\E1C8";
  color: #15a83a;
  opacity: 1;
}
.c-formToggleInput--paired {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.125rem 0;
}
.c-formToggleInput--paired .c-formToggleInput__switch {
  min-width: 2.5rem;
  margin: 0 0.75rem 0 0;
}
.c-formToggleInput__pairLabel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.c-formRadioInput {
  display: inline-block;
  padding: 0.25rem 0.5rem;
}
.c-formRadioInput:hover .c-formRadioInput__radio {
  background: white;
  border-color: #a4b4bc;
}
.c-formRadioInput__input {
  display: none;
}
.c-formRadioInput__radio {
  display: block;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  border-radius: 1rem;
  border: 0.3125rem solid #e1e6e9;
  background: #e1e6e9;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-formRadioInput__radio.-size-small {
  width: 0.75rem;
  height: 0.75rem;
  border-width: 0.25rem;
}
.c-formRadioInput__input:checked + .c-formRadioInput__radio {
  border-color: #0099e5;
  background: white;
}
.c-formRadioInput__input:checked + .c-formRadioInput__radio.-type-positive {
  border-color: #15a83a;
}
.c-formRadioInput__input:checked + .c-formRadioInput__radio.-type-negative {
  border-color: #e54040;
}
.c-formRadioInput__input:checked + .c-formRadioInput__radio.-type-less-preferred {
  border-color: #ffc400;
}
.c-formRadioInput__input:disabled + .c-formRadioInput__radio {
  border-color: #f0f2f4;
  background: #f0f2f4;
  cursor: no-drop;
}

.inliner__preview {
  background: none;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-block;
}
.inliner__preview:hover {
  background: none;
  color: #1e8094;
}
.inliner__input {
  padding: 0.125rem 0.25rem;
  border: 0.0625rem solid #26a3bd;
  display: inline-block;
}

.c-workerPortrait {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background: #e1e6e9;
}
.c-workerPortrait.-standalone {
  margin: 0 auto;
}
.c-workerPortrait.-size-24 {
  min-width: 1.5rem;
  min-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.c-workerPortrait.-size-32 {
  min-width: 2rem;
  min-height: 2rem;
}
.c-workerPortrait.-size-40 {
  width: 2.5rem;
  height: 2.5rem;
}
.c-workerPortrait.-size-120 {
  width: 7.5rem;
  height: 7.5rem;
}
.c-workerPortrait__img {
  max-width: 2rem;
  max-height: 2rem;
  display: block;
}
.c-workerPortrait__img--profileEditor {
  max-width: 100%;
  max-height: 100%;
}

.c-workerPortraitShared {
  display: block;
  position: relative;
  border-radius: 50%;
  background: #e1e6e9;
}
.c-workerPortraitShared__img {
  max-width: 2rem;
  max-height: 2rem;
  display: block;
  border-radius: 50%;
}
.c-workerPortraitShared.-size-32 {
  min-width: 2rem;
  min-height: 2rem;
}
.c-workerPortraitShared__agency {
  position: absolute;
  top: 1.125rem;
  left: 1.25rem;
  border: 0.0625rem solid white;
  border-radius: 0.25rem;
  background: #e1e6e9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

.c-workerPortraitLaborMarket {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background: #e1e6e9;
  border: 0.2rem solid #0099e5;
}
.c-workerPortraitLaborMarket.-standalone {
  margin: 0 auto;
}
.c-workerPortraitLaborMarket.-size-24 {
  min-width: 1.5rem;
  min-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.c-workerPortraitLaborMarket.-size-32 {
  min-width: 2rem;
  min-height: 2rem;
}
.c-workerPortraitLaborMarket.-size-40 {
  width: 2.5rem;
  height: 2.5rem;
}
.c-workerPortraitLaborMarket.-size-120 {
  width: 7.5rem;
  height: 7.5rem;
}
.c-workerPortraitLaborMarket__img {
  max-width: 2rem;
  max-height: 2rem;
  display: block;
}

.c-workerCell {
  background: white;
  margin: 0 0 0.125rem;
  cursor: pointer;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-workerCell:hover {
  background: #f0f2f4;
}
.c-workerCell:hover .c-workerCell__name {
  color: #0099e5;
}
.c-workerCell .c-workerPortrait {
  margin: 0 1rem 0 0;
}
.c-workerCell__name {
  flex-grow: 1;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-workerCell__name_short {
  flex-grow: 1;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  overflow-wrap: break-word;
  max-width: 5rem;
}
.c-workerCell.-isSelected {
  background: #f0f2f4;
  color: #007ebd;
}
.c-workerCell .o-timePicker {
  margin-right: 0.5rem;
  max-width: 6.625rem;
}

.c-searchBar {
  display: inline-block;
  vertical-align: top;
}
.c-searchBar__label {
  display: inline-block;
  position: relative;
  width: 100%;
}
.c-searchBar__label:after {
  content: "\E1C1";
  position: absolute;
  top: 50%;
  left: 0.5rem;
  font-size: 0.875rem;
  transform: translateY(-50%);
  color: #4a5d66;
}
.c-searchBar__input {
  color: #2c373d;
  background: #f0f2f4;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0.25rem;
  font-size: 1rem;
  line-height: 2rem;
  height: 2rem;
  width: 100%;
  padding: 0 0.5rem 0 1.75rem;
  border: 0.0625rem solid #f0f2f4;
}
.c-searchBar__input:hover {
  border-color: #a4b4bc;
}
.c-searchBar__input:focus {
  background: #f0faff;
  border-color: #0099e5;
}
.c-searchBar.-size-sm {
  width: 100%;
  max-width: 11.5rem;
}
.c-searchBar.-size-sm .c-searchBar__input {
  border-radius: 1.25rem;
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 24px;
}
.c-searchBar.-bg-white .c-searchBar__input {
  background: white;
}

.c-button {
  border-radius: 0.25rem;
  background: #0099e5;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-button.-size-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
}
.c-button.-size-short {
  padding: 0.25rem 1.5rem;
  font-size: 0.75rem;
}
.c-button:hover {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  transform: translateY(-0.125rem);
}
.c-button:active {
  transform: translateY(0);
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #007ebd;
}
.c-button:disabled {
  background: #f0f2f4;
  color: #a4b4bc;
  box-shadow: none;
  transform: none;
  cursor: not-allowed;
}
.c-button--working, .c-button--working:disabled {
  background: #0099e5;
  color: white;
  position: relative;
}
.c-button--working .c-button__label, .c-button--working:disabled .c-button__label {
  visibility: hidden;
}
.c-button--working:after, .c-button--working:disabled:after {
  opacity: 1;
  content: "\E1F0";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  margin: -0.5rem 0 0 -0.5rem;
  animation: animate-spinner 0.6s linear infinite;
}
.c-button--working:hover, .c-button--working:disabled:hover {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  transform: translateY(-2px);
}
.c-button--confirmed, .c-button--confirmed:disabled {
  background: #15a83a;
  color: white;
  position: relative;
}
.c-button--confirmed .c-button__label, .c-button--confirmed:disabled .c-button__label {
  visibility: hidden;
}
.c-button--confirmed:after, .c-button--confirmed:disabled:after {
  opacity: 1;
  content: "\E1C8";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  margin: -0.5rem 0 0 -0.5rem;
}
.c-button--confirmed:hover, .c-button--confirmed:disabled:hover {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  transform: translateY(-2px);
}
.c-button.-type-warning {
  background: #ff9100;
}
.c-button.-type-warning:active {
  transition: none;
  background: #ffc400;
}
.c-button.-type-danger {
  background: #e54040;
}
.c-button.-type-danger:active {
  transition: none;
  background: #bd3535;
}

.c-framelessBtn {
  border-radius: 0.25rem;
  background: transparent;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  color: #0099e5;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-framelessBtn.-size-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
}
.c-framelessBtn.-size-short {
  padding: 0.25rem 1.5rem;
  font-size: 0.75rem;
}
.c-framelessBtn:hover {
  background: #e1e6e9;
}
.c-framelessBtn:active {
  transition: none;
  background: #007ebd;
  color: white;
}

.c-borderBtn {
  border: 0.0625rem solid #0099e5;
  color: #0099e5;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
}
.c-borderBtn.-size-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.c-borderBtn.-style-circle {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  padding: 0;
}
.c-borderBtn:hover {
  background: #f0faff;
}
.c-borderBtn:active {
  transition: none;
  background: #0099e5;
  color: white;
}
.c-borderBtn:disabled {
  border-color: #e1e6e9;
  color: #e1e6e9;
}
.c-borderBtn:disabled:hover {
  cursor: no-drop;
  background: none;
}

.c-blockBtn {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0;
  color: #0099e5;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: bottom;
}
.c-blockBtn:hover {
  background: #0099e5;
  color: white;
}
.c-blockBtn:active {
  background: #007ebd;
  transition: background 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-blockBtn:disabled {
  background: #f0f2f4;
  color: #a4b4bc;
  cursor: not-allowed;
}

.c-toggleBtn, .c-toggleBtn--active {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  margin: 0 0.125rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-toggleBtn.-status-available, .-status-available.c-toggleBtn--active {
  color: #0099e5;
}
.c-toggleBtn.-status-responsePending, .-status-responsePending.c-toggleBtn--active {
  color: #9d8dff;
}
.c-toggleBtn.-status-notAsked, .-status-notAsked.c-toggleBtn--active {
  color: #a4b4bc;
}
.c-toggleBtn.-status-declined, .-status-declined.c-toggleBtn--active {
  color: #e54040;
}
.c-toggleBtn.-status-onHiatus, .-status-onHiatus.c-toggleBtn--active {
  color: #a4b4bc;
}
.c-toggleBtn:disabled, .c-toggleBtn--active:disabled {
  color: #e1e6e9;
}
.c-toggleBtn:disabled:hover, .c-toggleBtn--active:disabled:hover {
  background: none;
}
.c-toggleBtn:hover, .c-toggleBtn--active:hover {
  background: #f0faff;
}
.c-toggleBtn--active {
  background: #2c373d;
  color: white;
}
.c-toggleBtn--active.-status-available {
  background: #0099e5;
  color: white;
}
.c-toggleBtn--active.-status-responsePending {
  background: #9d8dff;
  color: white;
}
.c-toggleBtn--active.-status-notAsked {
  background: #a4b4bc;
  color: white;
}
.c-toggleBtn--active.-status-declined {
  background: #e54040;
  color: white;
}
.c-toggleBtn--active.-status-onHiatus {
  background: #a4b4bc;
  color: white;
}

.c-has-tooltip {
  position: relative;
  z-index: 100;
}
.c-has-tooltip:after {
  position: absolute;
  overflow: hidden;
  max-width: 7.5rem;
  height: auto;
  padding: 0.5rem;
  content: attr(data-tooltip);
  background: #2c373d;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
  border: 0;
  opacity: 0;
  transition: opacity 0.25s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: white;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.4);
  text-align: center;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -0.5rem);
}
.c-has-tooltip:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transition: opacity 0.25s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  border-width: 0.25rem;
  bottom: 100%;
  left: 50%;
  margin-left: -0.25rem;
  border-top-color: #2c373d;
}
.c-has-tooltip:hover:after, .c-has-tooltip:hover:before {
  opacity: 1;
}
.c-has-tooltip.-position-left:after {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 100%;
  transform: translate(-0.5rem, -50%);
}
.c-has-tooltip.-position-left:before {
  bottom: auto;
  right: 100%;
  top: 50%;
  left: auto;
  border-top-color: transparent;
  border-left-color: #2c373d;
  margin-left: 0;
  margin-top: -0.25rem;
}
.c-has-tooltip.-position-right:after {
  bottom: auto;
  top: 50%;
  left: 100%;
  right: auto;
  transform: translate(0.5rem, -50%);
}
.c-has-tooltip.-position-right:before {
  bottom: auto;
  right: auto;
  top: 50%;
  left: 100%;
  border-top-color: transparent;
  border-right-color: #2c373d;
  margin-right: 0;
  margin-left: 0;
  margin-top: -0.25rem;
}

.c-companyBranding {
  display: block;
  overflow: hidden;
  background: #e1e6e9;
}
.c-companyBranding.-standalone {
  margin: 0 auto;
}
.c-companyBranding.-size-240 {
  width: 15rem;
  height: 7.5rem;
}
.c-companyBranding__img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.c-accordion__trigger, .c-accordion__trigger--open {
  cursor: pointer;
  position: relative;
  width: 100%;
  text-align: left;
}
.c-accordion__trigger:before, .c-accordion__trigger--open:before {
  content: "\E003";
  position: absolute;
  top: 50%;
  left: 0.5rem;
  font-size: 1.1875rem;
  margin-top: -0.625rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-accordion__trigger.-arrow-right:before, .-arrow-right.c-accordion__trigger--open:before {
  left: auto;
  right: 0.5rem;
}
.c-accordion__trigger:hover:before, .c-accordion__trigger--open:hover:before {
  color: #0099e5;
}
.c-accordion__trigger--open:before {
  transform: rotate(180deg);
}

.c-accordion__panel {
  display: none;
}

.c-accordion__trigger--open + .c-accordion__panel {
  display: block;
}

.c-helpInfo, .c-helpInfo--error {
  position: relative;
  padding: 0 0 0 1.5rem;
  margin: 0.5rem 0 0 0;
  color: #4a5d66;
}
.c-helpInfo__p {
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 0 0.5rem;
}
.c-helpInfo:before, .c-helpInfo--error:before {
  content: "\E0BC";
  position: absolute;
  top: -0.0625rem;
  left: 0;
  font-size: 1.125rem;
  color: #ff9100;
}
.c-helpInfo--error {
  color: #e54040;
}
.c-helpInfo--error:before {
  content: "\E0C9";
  color: #e54040;
}
.c-helpInfo.-standalone, .-standalone.c-helpInfo--error {
  margin: 1.5rem 0 0 0;
}

.c-helpBox {
  background: #fffbed;
  padding: 0.5rem 1.5rem 0.5rem 2.75rem;
  position: relative;
}
.c-helpBox:before {
  content: "\E0BC";
  font-size: 1.125rem;
  position: absolute;
  left: 1rem;
  top: 0.875rem;
  color: #ff9100;
}
.c-helpBox__p {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-helpBox__actions {
  display: flex;
  justify-content: space-between;
}
.c-helpBox__action {
  font-weight: bold;
  text-transform: uppercase;
  color: #007ebd;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-helpBox__action:hover {
  color: #0099e5;
}
.c-helpBox__link {
  font-weight: bold;
  color: #007ebd;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-helpBox__link:hover {
  color: #0099e5;
}

.c-uniformTile {
  display: flex;
  border: 0.0625rem solid #e1e6e9;
  border-radius: 0.1875rem;
  margin-bottom: 1.5rem;
  transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-uniformTile__imgBox {
  width: 8.375rem;
  border-right: 0.0625rem solid #e1e6e9;
}
.c-uniformTile__img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.c-uniformTile__infoBox {
  padding: 0.5rem 3rem 1rem 1rem;
  position: relative;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-uniformTile__title {
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.625rem 0 0.3125rem 0;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-uniformTile__title--small {
  padding: 0 0 0.25rem 0;
  font-size: 0.75rem;
  font-weight: 500;
}
.c-uniformTile__title--bolded {
  font-weight: 600;
}
.c-uniformTile__info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  padding: 0.25rem 0;
  white-space: pre-line;
}
.c-uniformTile__archiveBtn {
  width: 2rem;
  height: 2rem;
  display: block;
  color: #4a5d66;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-uniformTile__archiveBtn:hover {
  background: #ff9100;
  color: white;
}
.c-uniformTile--link:hover {
  cursor: pointer;
  border-color: #0099e5;
}
.c-uniformTile--link:hover .c-uniformTile__title {
  color: #0099e5;
}

.c-venueTile {
  display: flex;
  position: relative;
  border: 0.0625rem solid #e1e6e9;
  margin-bottom: 1.5rem;
  transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-venueTile__mapBox {
  background: #f0f2f4;
  border-right: 0.0625rem solid #e1e6e9;
}
.c-venueTile__mapBlank {
  position: relative;
}
.c-venueTile__mapBlank:after {
  content: "\E1C7";
  font-size: 2rem;
  color: #a4b4bc;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-venueTile__infoBox {
  max-width: 13.5rem;
  flex-grow: 1;
  padding: 0.5rem 1rem 1rem 1.5rem;
  position: relative;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-venueTile__title {
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.625rem 0 0.3125rem 0;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-venueTile__info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  padding: 0.25rem 0;
}
.c-venueTile__notesBox {
  max-width: 13.875rem;
  flex-grow: 1;
  padding: 0.9375rem 1.5rem 1rem 0;
}
.c-venueTile__archiveBtn {
  width: 2rem;
  height: 2rem;
  display: block;
  color: #4a5d66;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-venueTile__archiveBtn:hover {
  background: #ff9100;
  color: white;
}
.c-venueTile:hover {
  cursor: pointer;
  border-color: #0099e5;
}
.c-venueTile:hover .c-uniformTile__title {
  color: #0099e5;
}
.c-venueTile:hover .c-uniformTile__infoBox {
  background: #f0f2f4;
}

.c-clientTile {
  position: relative;
  border: 0.0625rem solid #e1e6e9;
  margin-bottom: 1.5rem;
  transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-clientTile__title {
  flex-grow: 1;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 1.125rem 2rem 0.8125rem 1.5rem;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-clientTileBody {
  display: flex;
  padding: 0.0625rem 1rem 0.875rem 2rem;
}
.c-clientTile__stat {
  width: 9.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  padding: 0.1875rem 0 0.3125rem 0;
}
.c-clientTile__notesBox {
  flex-grow: 1;
  margin: 0 1.5rem 0 0;
}
.c-clientTile__note {
  flex-grow: 1;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  padding: 0.1875rem 0 0.3125rem;
}
.c-clientTile__archiveBtn {
  width: 2rem;
  height: 2rem;
  display: block;
  color: #4a5d66;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-clientTile__archiveBtn:hover {
  background: #ff9100;
  color: white;
}
.c-clientTile:hover {
  cursor: pointer;
  border-color: #0099e5;
}
.c-clientTile:hover .c-uniformTile__title {
  color: #0099e5;
}
.c-clientTile:hover .c-uniformTile__infoBox {
  background: #f0f2f4;
}

.nowsta-rails .flash-alert {
  background-color: #e54040;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 10;
  text-align: center;
}
.nowsta-rails .flash-error {
  background-color: #ff9100;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 10;
  text-align: center;
}
.nowsta-rails .flash-notice {
  background-color: #0099e5;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 10;
  text-align: center;
}
.nowsta-rails .flash-success {
  background-color: #15a83a;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 10;
  text-align: center;
}
.nowsta-rails .well {
  background-color: #4a5d66;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 10;
  text-align: center;
}

.o-systemFeedback {
  position: fixed;
  top: 0;
  left: 3.5rem;
  right: 0;
  z-index: 8000;
  pointer-events: none;
}
.o-systemFeedback__msgBox {
  pointer-events: auto;
  border: 0.0625rem solid #ffc400;
  border-radius: 0.1875rem;
  background: #fffbed;
  margin: 0.75rem auto;
  display: flex;
  -webkit-flex-basis: 28.625rem;
  -moz-flex-basis: 28.625rem;
  -ms-flex-preferred-size: 28.625rem;
  flex-basis: 28.625rem;
  align-items: center;
  opacity: 0;
  transform: translateY(-0.75rem);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-systemFeedback__msgBox.-view-show {
  opacity: 1;
  transform: translateY(0);
}
.o-systemFeedback__msg {
  padding: 0.4375rem 1rem 0.4375rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  flex-grow: 1;
}
.o-systemFeedback__actions {
  padding: 0.375rem 0.25rem;
}
.o-systemFeedback__btn {
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-systemFeedback__btn:hover {
  color: #0099e5;
}
.o-systemFeedback__closeBtn {
  padding: 0.375rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-systemFeedback__closeBtn:hover {
  color: #0099e5;
}

.o-titleBar {
  background: white;
  min-height: 2.5rem;
  margin-left: 3rem;
  -webkit-box-shadow: 0 1px 0 0 #e1e6e9;
  box-shadow: 0 1px 0 0 #e1e6e9;
}
.o-titleBar__title {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5rem;
  margin: 0 0 0 1rem;
  padding: 1rem 0 0 2.25rem;
  position: relative;
}
.o-titleBar__icon {
  font-size: 1.5rem;
  position: absolute;
  left: 0;
}
.o-titleBar__divider {
  margin: 0 0.375rem;
}
.o-titleBar__searchInput {
  display: block;
  border-radius: 12.5rem;
  width: 12.5rem;
  background: #f0f2f4;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1rem;
}
.o-titleBar__actions {
  text-align: center;
  margin: 0.5rem 0 0 0;
}
.o-titleBar__button {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  margin: 0 0.25rem 0.5rem;
}
.o-titleBar__statusIcon, .o-titleBar__statusIcon--active {
  margin: 0 0.5rem 0.5rem;
  color: #a4b4bc;
  font-size: 1.5rem;
  vertical-align: top;
  height: 2.375rem;
  width: 2rem;
  position: relative;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-titleBar__statusIcon.-hasUpdates:before, .-hasUpdates.o-titleBar__statusIcon--active:before {
  background: #ff9100;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  top: 0.125rem;
  right: 0;
  display: block;
  content: "";
}
.o-titleBar__statusIcon--active:after {
  width: 100%;
  height: 0.25rem;
  background: #0099e5;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.o-titleBar__statusIcon:hover, .o-titleBar__statusIcon--active:hover {
  color: #0099e5;
}

@media only screen and (min-width : 640px) {
  .o-titleBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 3rem;
    right: 0;
    z-index: 2000;
    margin-left: 0;
  }
  .o-titleBar__title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .o-titleBar__search {
    position: absolute;
    left: 50%;
    top: 0.875rem;
    transform: translateX(-50%);
  }
  .o-titleBar__searchInput {
    display: block;
    border-radius: 12.5rem;
    width: 12.5rem;
    background: #f0f2f4;
    padding: 0.375rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1rem;
  }
  .o-titleBar__actions {
    margin: 0.5rem 0.5rem 0 0;
    text-align: right;
  }
  .o-titleBar__button {
    margin: 0 0.5rem 0.5rem 0;
  }
}
.o-optionBar {
  background: white;
  min-height: 2.5rem;
  padding: 0.375rem 0.5rem 0;
}
.o-optionBar:after {
  content: "";
  display: table;
  clear: both;
}
.o-optionBar.-isAttached-titleBar {
  margin-left: 3rem;
  min-height: 2.5rem;
  border-bottom: 0.0625rem solid #e1e6e9;
  text-align: center;
}
.o-optionBar.-isAttached-titleBar .c-searchBar {
  padding: 0 0 0.8125rem;
}
.o-optionBar.-isAttached-titleBar .o-monthSelector {
  display: block;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width : 640px) {
  .o-optionBar {
    padding: 0 0.5rem;
  }
  .o-optionBar.-isAttached-titleBar {
    position: fixed;
    top: 2.5rem;
    left: 3rem;
    right: 0;
    z-index: 2100;
    margin-left: 0;
    text-align: left;
  }
  .o-optionBar.-isAttached-titleBar .c-searchBar {
    float: right;
    margin-right: 0.5rem;
    padding: 0 0 0.5625rem 0;
  }
  .o-optionBar.-isAttached-titleBar .o-monthSelector {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
  }
}
@media only screen and (min-width : 640px) {
  .o-optionBar .o-monthSelector__navBtn {
    display: none;
  }
}
.o-monthSelector {
  display: inline-block;
}
.o-monthSelector .c-dropDownMenu {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.o-monthSelector .c-dropDownMenu:after {
  right: auto;
  left: 50%;
  transform: translate(-50%, 5px);
}
.o-monthSelector .c-dropDownMenu__title {
  width: 8rem;
  text-align: center;
}
.o-monthSelector__navBtn {
  font-size: 1.25rem;
  color: #0099e5;
  padding: 0 0.5rem;
  height: 2rem;
  vertical-align: top;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-monthSelector__navBtn:hover {
  transform: translateY(-2px);
}
.o-monthSelector__navBtn:active {
  transform: translateY(0);
  color: #007ebd;
}
.o-monthSelector .c-dropDownMenu__items {
  left: 50%;
  transform: translateX(-50%);
}
.o-monthSelector .c-dropDownMenu__btn {
  text-align: center;
}
.o-monthSelector .c-dropDownMenu__btn--active {
  border-right: 0.25rem solid #0099e5;
}

.o-dropInModal {
  background: white;
  position: fixed;
  width: 300px;
  box-shadow: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  bottom: 0;
  left: 50%;
  z-index: 6100;
  transform: translate3d(-50%, 125%, 0) scale(1, 1);
}
@media only screen and (min-width : 640px) {
  .o-dropInModal {
    width: 25rem;
  }
}
.o-dropInModal--show {
  transform: translate3d(-50%, 0, 0) scale(1, 1);
}
.o-dropInModal__header {
  background: #f0f2f4;
  border-bottom: 0.0625rem solid #e1e6e9;
  color: #2c373d;
  padding: 0.75rem 1rem;
  position: relative;
}
.o-dropInModal__title {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  font-weight: bold;
}
.o-dropInModal__closeBtn {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
}
.o-dropInModal__closeBtn .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: #2c373d;
}
.o-dropInModal__closeBtn:hover .b-icon {
  fill: #0099e5;
}
.o-dropInModal__body {
  padding: 1rem;
  height: calc(100vh - 56px);
  overflow-y: auto;
  padding-bottom: 5rem;
}
.o-dropInModal__footer {
  background: #f0f2f4;
  border-top: 0.0625rem solid #e1e6e9;
  padding: 0.5rem 1rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.o-dropInModal .b-button, .o-dropInModal .b-circleBtn {
  margin-bottom: 0.5rem;
}

.o-dropInModal__displayItem {
  margin: 1rem 0;
}
.o-dropInModal__displayItem .c-venueTile__mapBlank {
  width: 5.875rem;
  height: 5.875rem;
}
.o-dropInModal__displayItem .c-clientTile__title {
  padding: 0.9375rem 1.4375rem;
}

.o-workerListManager {
  max-width: 52rem;
}
.o-workerListManager .c-helpInfo, .o-workerListManager .c-helpInfo--error {
  max-width: 22.5rem;
}
.o-workerListManager__lists {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 0 0;
}
.o-workerListManager__targetList, .o-workerListManager__sourceList {
  width: 100%;
  max-width: 22.5rem;
}
.o-workerListManager__listTitle {
  flex-grow: 1;
}
.o-workerListManager__actions {
  margin: 0 2rem;
  width: 3rem;
}
.o-workerListManager__actions .c-button {
  width: 3rem;
  margin-bottom: 0.75rem;
}
.o-workerListManager__actions .-icon, .o-workerListManager__actions .b-searchTool:after, .o-workerListManager__actions .b-infoBox__headerBtn--working:after, .o-workerListManager__actions .b-fileUpload__uploadBtn.-working:after, .o-workerListManager__actions .b-checkbox__display, .o-workerListManager__actions .b-status\(rejected\):before,
.o-workerListManager__actions .b-status\(declined\):before, .o-workerListManager__actions .b-status\(removed\):before, .o-workerListManager__actions .b-status\(messaged_to_confirm_hold\):before,
.o-workerListManager__actions .b-status\(pending\):before, .o-workerListManager__actions .b-status\(confirmed\):before, .o-workerListManager__actions .b-hoursData:before, .o-workerListManager__actions .a-sortable:after, .o-workerListManager__actions .span-working:after, .o-workerListManager__actions .p-data__available:before, .o-workerListManager__actions .p-sortable:after, .o-workerListManager__actions .c-selectMenu:after, .o-workerListManager__actions .c-formSelectInput:after, .o-workerListManager__actions .c-formTextInput:after, .o-workerListManager__actions .c-formCheckboxInput__checkbox:after, .o-workerListManager__actions .c-formToggleInput__toggler:after, .o-workerListManager__actions .c-searchBar__label:after, .o-workerListManager__actions .c-button--working:after, .o-workerListManager__actions .c-button--confirmed:after, .o-workerListManager__actions .c-accordion__trigger:before, .o-workerListManager__actions .c-accordion__trigger--open:before, .o-workerListManager__actions .c-helpInfo:before, .o-workerListManager__actions .c-helpInfo--error:before, .o-workerListManager__actions .c-helpBox:before, .o-workerListManager__actions .c-venueTile__mapBlank:after {
  font-size: 0.9375rem;
}

.o-multiEventSelector {
  width: 14rem;
  background: #161c1f;
  position: fixed;
  left: 3rem;
  top: 2.5rem;
  bottom: 0;
  color: #68828f;
  overflow: auto;
}
.o-multiEventSelector .c-formSelectInput__selector {
  background-color: rgba(245, 245, 245, 0.3);
  color: white;
  border-bottom: 0px;
}
.o-multiEventSelector__month {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0.5rem 1rem;
  color: white;
}
.o-multiEventSelector__month:before {
  color: white;
}
.o-multiEventSelector__monthIcon {
  vertical-align: top;
  margin: 0.25rem 0.5rem 0 0;
}

.o-eventListTile, .o-eventListTile--active, .o-eventListTile--active:hover {
  cursor: pointer;
  color: #a4b4bc;
  padding: 0.5rem 1rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.o-eventListTile:after, .o-eventListTile--active:after, .o-eventListTile--active:hover:after {
  content: "";
  display: table;
  clear: both;
}
.o-eventListTile__dateBox {
  float: left;
  width: 1.5rem;
}
.o-eventListTile__date {
  font-size: 0.75rem;
  line-height: 1;
  margin: 0.125rem 0 0 0;
  display: block;
}
.o-eventListTile__weekday {
  font-size: 0.625rem;
  line-height: 1;
  margin: 0.0625rem 0 0.4375rem;
  display: block;
}
.o-eventListTile__infoBox {
  margin: 0 0 0 2rem;
}
.o-eventListTile__duration {
  font-size: 0.6875rem;
  line-height: 1;
  margin: 0.125rem 0;
  display: block;
}
.o-eventListTile__title {
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 0 0 0.0625rem;
  color: #e1e6e9;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-eventListTile__confirmedWorkersCounter {
  line-height: 1rem;
  font-size: 0.75rem;
}
.o-eventListTile:hover, .o-eventListTile--active:hover {
  color: white;
  background: rgba(255, 255, 255, 0.08);
}
.o-eventListTile:hover .o-eventListTile__title, .o-eventListTile--active:hover .o-eventListTile__title {
  color: white;
}
.o-eventListTile--active, .o-eventListTile--active:hover {
  background: #4a5d66;
  color: white;
  border-right: 0.25rem solid #0099e5;
}
.o-eventListTile--active .o-eventListTile__title,
.o-eventListTile--active .p-data__totalShifts, .o-eventListTile--active:hover .o-eventListTile__title,
.o-eventListTile--active:hover .p-data__totalShifts {
  color: white;
}

.o-availableWorkers {
  width: 17.5rem;
  position: absolute;
  top: 2.5rem;
  bottom: 0;
}
.o-availableWorkers__header {
  width: 17.5rem;
  background: white;
  position: fixed;
  z-index: 100;
}
.o-availableWorkers__range {
  margin: 0.5rem;
}
.o-availableWorkers__range:after {
  content: "";
  display: table;
  clear: both;
}
.o-availableWorkers__selectMenu {
  width: 100%;
  float: left;
  position: relative;
  display: block;
}
.o-availableWorkers__modifyBtn {
  width: 2rem;
  float: right;
}
.o-availableWorkers__dateRange {
  margin: 0 0.5rem;
  position: relative;
  z-index: 110;
}
.o-availableWorkers__dateRange .p-formSet {
  padding: 0;
}
.o-availableWorkers__dateRange .c-formTimeInput.-space-left {
  margin-left: 0;
}
.o-availableWorkers__dateRange .p-formItem.-size-half {
  -webkit-flex-basis: 5.5rem;
  -moz-flex-basis: 5.5rem;
  -ms-flex-preferred-size: 5.5rem;
  flex-basis: 5.5rem;
}
.o-availableWorkers__dateRange .c-formTextInput__input, .o-availableWorkers__dateRange .c-formTextInput__textarea, .o-availableWorkers__dateRange .c-formTextInput__small-textarea {
  font-size: 0.75rem;
  padding: 0.3125rem 0;
  text-align: center;
}
.o-availableWorkers__dateRangeBtn {
  bottom: 0.25rem;
  right: 0;
  padding: 0.375rem 0.5rem;
}
.o-availableWorkers__searchBox {
  margin: 0.5rem;
  display: block;
}
.o-availableWorkers__statusBar {
  margin: 0.5rem;
}
.o-availableWorkers__statusBar:after {
  content: "";
  display: table;
  clear: both;
}
.o-availableWorkers__statusBar .c-toggleBtn, .o-availableWorkers__statusBar .c-toggleBtn--active {
  float: left;
  display: block;
}
.o-availableWorkers__statusBar .-icon, .o-availableWorkers__statusBar .b-searchTool:after, .o-availableWorkers__statusBar .b-infoBox__headerBtn--working:after, .o-availableWorkers__statusBar .b-fileUpload__uploadBtn.-working:after, .o-availableWorkers__statusBar .b-checkbox__display, .o-availableWorkers__statusBar .b-status\(rejected\):before,
.o-availableWorkers__statusBar .b-status\(declined\):before, .o-availableWorkers__statusBar .b-status\(removed\):before, .o-availableWorkers__statusBar .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .b-status\(pending\):before, .o-availableWorkers__statusBar .b-status\(confirmed\):before, .o-availableWorkers__statusBar .b-hoursData:before, .o-availableWorkers__statusBar .a-sortable:after, .o-availableWorkers__statusBar .span-working:after, .o-availableWorkers__statusBar .p-data__available:before, .o-availableWorkers__statusBar .p-sortable:after, .o-availableWorkers__statusBar .c-selectMenu:after, .o-availableWorkers__statusBar .c-formSelectInput:after, .o-availableWorkers__statusBar .c-formTextInput:after, .o-availableWorkers__statusBar .c-formCheckboxInput__checkbox:after, .o-availableWorkers__statusBar .c-formToggleInput__toggler:after, .o-availableWorkers__statusBar .c-searchBar__label:after, .o-availableWorkers__statusBar .c-button--working:after, .o-availableWorkers__statusBar .c-button--confirmed:after, .o-availableWorkers__statusBar .c-accordion__trigger:before, .o-availableWorkers__statusBar .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .c-helpInfo:before, .o-availableWorkers__statusBar .c-helpInfo--error:before, .o-availableWorkers__statusBar .c-helpBox:before, .o-availableWorkers__statusBar .c-venueTile__mapBlank:after {
  margin-right: 0.125rem;
  font-size: 0.8125rem;
  vertical-align: top;
}
.o-availableWorkers__statusBar .-status-available .-icon:before, .o-availableWorkers__statusBar .-status-available .b-checkbox__display:before, .o-availableWorkers__statusBar .-status-available .b-status\(rejected\):before,
.o-availableWorkers__statusBar .-status-available .b-status\(declined\):before, .o-availableWorkers__statusBar .-status-available .b-status\(removed\):before, .o-availableWorkers__statusBar .-status-available .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .-status-available .b-status\(pending\):before, .o-availableWorkers__statusBar .-status-available .b-status\(confirmed\):before, .o-availableWorkers__statusBar .-status-available .b-hoursData:before, .o-availableWorkers__statusBar .-status-available .p-data__available:before, .o-availableWorkers__statusBar .-status-available .c-accordion__trigger:before, .o-availableWorkers__statusBar .-status-available .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .-status-available .c-helpInfo:before, .o-availableWorkers__statusBar .-status-available .c-helpInfo--error:before, .o-availableWorkers__statusBar .-status-available .c-helpBox:before {
  content: "\E18B";
}
.o-availableWorkers__statusBar .-status-responsePending .-icon:before, .o-availableWorkers__statusBar .-status-responsePending .b-checkbox__display:before, .o-availableWorkers__statusBar .-status-responsePending .b-status\(rejected\):before,
.o-availableWorkers__statusBar .-status-responsePending .b-status\(declined\):before, .o-availableWorkers__statusBar .-status-responsePending .b-status\(removed\):before, .o-availableWorkers__statusBar .-status-responsePending .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .-status-responsePending .b-status\(pending\):before, .o-availableWorkers__statusBar .-status-responsePending .b-status\(confirmed\):before, .o-availableWorkers__statusBar .-status-responsePending .b-hoursData:before, .o-availableWorkers__statusBar .-status-responsePending .p-data__available:before, .o-availableWorkers__statusBar .-status-responsePending .c-accordion__trigger:before, .o-availableWorkers__statusBar .-status-responsePending .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .-status-responsePending .c-helpInfo:before, .o-availableWorkers__statusBar .-status-responsePending .c-helpInfo--error:before, .o-availableWorkers__statusBar .-status-responsePending .c-helpBox:before {
  content: "\E1B7";
}
.o-availableWorkers__statusBar .-status-notAsked .-icon:before, .o-availableWorkers__statusBar .-status-notAsked .b-checkbox__display:before, .o-availableWorkers__statusBar .-status-notAsked .b-status\(rejected\):before,
.o-availableWorkers__statusBar .-status-notAsked .b-status\(declined\):before, .o-availableWorkers__statusBar .-status-notAsked .b-status\(removed\):before, .o-availableWorkers__statusBar .-status-notAsked .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .-status-notAsked .b-status\(pending\):before, .o-availableWorkers__statusBar .-status-notAsked .b-status\(confirmed\):before, .o-availableWorkers__statusBar .-status-notAsked .b-hoursData:before, .o-availableWorkers__statusBar .-status-notAsked .p-data__available:before, .o-availableWorkers__statusBar .-status-notAsked .c-accordion__trigger:before, .o-availableWorkers__statusBar .-status-notAsked .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .-status-notAsked .c-helpInfo:before, .o-availableWorkers__statusBar .-status-notAsked .c-helpInfo--error:before, .o-availableWorkers__statusBar .-status-notAsked .c-helpBox:before {
  content: "\E1EE";
}
.o-availableWorkers__statusBar .-status-declined .-icon:before, .o-availableWorkers__statusBar .-status-declined .b-checkbox__display:before, .o-availableWorkers__statusBar .-status-declined .b-status\(rejected\):before,
.o-availableWorkers__statusBar .-status-declined .b-status\(declined\):before, .o-availableWorkers__statusBar .-status-declined .b-status\(removed\):before, .o-availableWorkers__statusBar .-status-declined .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .-status-declined .b-status\(pending\):before, .o-availableWorkers__statusBar .-status-declined .b-status\(confirmed\):before, .o-availableWorkers__statusBar .-status-declined .b-hoursData:before, .o-availableWorkers__statusBar .-status-declined .p-data__available:before, .o-availableWorkers__statusBar .-status-declined .c-accordion__trigger:before, .o-availableWorkers__statusBar .-status-declined .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .-status-declined .c-helpInfo:before, .o-availableWorkers__statusBar .-status-declined .c-helpInfo--error:before, .o-availableWorkers__statusBar .-status-declined .c-helpBox:before {
  content: "\E18D";
}
.o-availableWorkers__statusBar .-status-onHiatus .-icon:before, .o-availableWorkers__statusBar .-status-onHiatus .b-checkbox__display:before, .o-availableWorkers__statusBar .-status-onHiatus .b-status\(rejected\):before,
.o-availableWorkers__statusBar .-status-onHiatus .b-status\(declined\):before, .o-availableWorkers__statusBar .-status-onHiatus .b-status\(removed\):before, .o-availableWorkers__statusBar .-status-onHiatus .b-status\(messaged_to_confirm_hold\):before,
.o-availableWorkers__statusBar .-status-onHiatus .b-status\(pending\):before, .o-availableWorkers__statusBar .-status-onHiatus .b-status\(confirmed\):before, .o-availableWorkers__statusBar .-status-onHiatus .b-hoursData:before, .o-availableWorkers__statusBar .-status-onHiatus .p-data__available:before, .o-availableWorkers__statusBar .-status-onHiatus .c-accordion__trigger:before, .o-availableWorkers__statusBar .-status-onHiatus .c-accordion__trigger--open:before, .o-availableWorkers__statusBar .-status-onHiatus .c-helpInfo:before, .o-availableWorkers__statusBar .-status-onHiatus .c-helpInfo--error:before, .o-availableWorkers__statusBar .-status-onHiatus .c-helpBox:before {
  content: "\E059";
}
.o-availableWorkers__filterBar {
  background: #2c373d;
  padding: 0 0.5rem;
  position: relative;
  z-index: 5;
}
.o-availableWorkers__filterBar:after {
  content: "";
  display: table;
  clear: both;
}
.o-availableWorkers__filter {
  float: left;
  margin: 0 0.5rem 0 0;
}
.o-availableWorkers__filter .ui-dropdown__trigger {
  padding: 0.5rem 0;
  font-size: 0.75rem;
  color: #a4b4bc;
  display: block;
}
.o-availableWorkers__filter .ui-dropdown__trigger:hover {
  color: #0099e5;
}

.mainPanel {
  position: absolute;
  left: 14rem;
  right: 0;
  top: 3rem;
  bottom: 0;
}

.pageHeader__module {
  position: absolute;
  background: white;
  left: 0;
  right: 0;
  height: 3.375rem;
  z-index: 100;
}
.pageHeader__module:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 100%;
  width: 100%;
  height: 0.125rem;
  background: #00aeff;
  background: -moz-linear-gradient(left, #0099e5 0%, #15a83a 50%, #0099e5 100%);
  background: -webkit-linear-gradient(left, #0099e5 0%, #15a83a 50%, #0099e5 100%);
  background: linear-gradient(to right, #0099e5 0%, #15a83a 50%, #0099e5 100%);
}

.pageHeader__title {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0 0 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 12.5rem);
}
.pageHeader__title:before {
  font-family: "Nowsta Icons";
  position: absolute;
  left: 0;
  font-size: 1rem;
}
.pageHeader__title--check {
  padding: 0 0 0 1.5rem;
  position: relative;
}
.pageHeader__title--check:before {
  content: "\E000";
}
.pageHeader__title--event {
  padding: 0 0 0 1.5rem;
  position: relative;
}
.pageHeader__title--event:before {
  content: "\E174";
}

.pageHeader__searchBox {
  position: absolute;
  left: 50%;
  top: 0.625rem;
  margin: 0 0 0 -11rem;
}
.pageHeader__searchBox .ui-searchBox__input {
  background: #f0f2f4;
  border-color: #f0f2f4;
  width: 20rem;
}

.pageHeader__actions {
  position: absolute;
  top: 0.6875rem;
  right: 1rem;
}

.-layout-1-2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.-layout-1-2:nth-child(odd) {
  padding: 0 1rem 0 0;
}
.-layout-1-2:nth-child(even) {
  padding: 0 0 0 1rem;
}

.availability__eventsPanel {
  position: absolute;
  top: 3.5rem;
  bottom: 0;
  left: 20.625rem;
  right: 0;
}

.p-viewPane--multiEventView .availability__eventsPanel {
  left: 35rem;
}

.availability__events {
  position: absolute;
  top: 1rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.availabilityEvents__list {
  width: 312.5rem;
  height: 100%;
}

.availabilityEvents__item {
  float: left;
  width: 22rem;
  height: 100%;
  margin: 0 1rem 0 0;
}

.workerCount__module {
  font-size: 0.75rem;
  color: #e8e8e8;
  padding: 0.25rem 0 0 1rem;
  position: relative;
}
.workerCount__module:before {
  font-family: "Nowsta Icons";
  font-size: 0.875rem;
  content: "\E00F";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0.25rem;
  color: #4a5d66;
}

.workerCount__confirmed {
  color: #15a83a;
}

.workerCount__shiftsTotal {
  color: #4a5d66;
}

.availableWorkers__module {
  width: 18.5rem;
  background: white;
  box-shadow: 0.0625rem 0 0 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 3.5rem;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.availableWorkers__listPanel {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 9.5rem;
  bottom: 0;
  left: 0;
  right: 0;
}
.availableWorkers__listPanel--customRange {
  top: 20.875rem;
}

.availableWorkers__dropdown {
  text-align: left;
  width: 8.75rem;
}

.availableWorkers__header {
  background: #f0f2f4;
  padding: 0.5rem 0 0 0;
}

.availableWorkers__searchBox {
  padding: 0 0.75rem;
}
.availableWorkers__searchBox .ui-searchBox {
  width: 100%;
}

.availableWorkers__range {
  padding: 0.0625rem 0.75rem;
}
.availableWorkers__range:after {
  content: "\E003";
  font-family: "Nowsta Icons";
  position: absolute;
  z-index: 0;
  right: 1.25rem;
  top: 1rem;
  color: #4a5d66;
}

.availableWorkers__checkSelector {
  font-size: 0.875rem;
  width: 17rem;
  height: 1.875rem;
  border-radius: 0.125rem;
  border: 0.0625rem solid #e1e6e9;
  background: transparent;
  -webkit-appearance: none;
  padding: 0.25rem 0.5rem;
  transition: border 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.availableWorkers__checkSelector:hover {
  border-color: #0099e5;
}

.avalableWorkers__checkTitle {
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0.5rem 1rem 0.5625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.availableWorkers__statusTypes {
  padding: 0 1rem;
  position: relative;
  z-index: 10;
}
.availableWorkers__statusTypes .ui-tabs__tab {
  width: 4.5rem;
}
.availableWorkers__statusTypes .statusTabs__moreTab {
  width: 3rem;
}

.statusTabs__moreBtn:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #4a5d66;
  line-height: 0;
  position: absolute;
  right: 0.125rem;
  top: 50%;
  margin-top: -0.125rem;
}

.availabilityStatusBar__module {
  margin: 0.5625rem 0.75rem 0.5rem;
}

.availabilityStatusBtn, .availabilityStatusBtn--active {
  float: left;
  width: 3.125rem;
  margin: 0 0.125rem;
  font-size: 0.75rem;
  height: 1.25rem;
  border-radius: 0.625rem;
}
.availabilityStatusBtn.-status-available, .-status-available.availabilityStatusBtn--active {
  color: #0099e5;
  border-color: #0099e5;
}
.availabilityStatusBtn.-status-pending, .-status-pending.availabilityStatusBtn--active {
  color: #9d8dff;
  border-color: #9d8dff;
}
.availabilityStatusBtn.-status-notAsked, .-status-notAsked.availabilityStatusBtn--active {
  color: #a4b4bc;
  border-color: #a4b4bc;
}
.availabilityStatusBtn.-status-declined, .-status-declined.availabilityStatusBtn--active {
  color: #e54040;
  border-color: #e54040;
}
.availabilityStatusBtn.-status-unavailable, .-status-unavailable.availabilityStatusBtn--active {
  color: #a4b4bc;
  border-color: #a4b4bc;
}
.availabilityStatusBtn--active.-status-available {
  background: #0099e5;
  color: white;
}
.availabilityStatusBtn--active.-status-pending {
  background: #9d8dff;
  color: white;
}
.availabilityStatusBtn--active.-status-notAsked {
  background: #a4b4bc;
  color: white;
}
.availabilityStatusBtn--active.-status-declined {
  background: #e54040;
  color: white;
}
.availabilityStatusBtn--active.-status-unavailable {
  background: #a4b4bc;
  color: white;
}

.availabilityStatusBtn__counter:before {
  content: "\E00F";
  font-family: "Nowsta Icons";
  display: inline-block;
  vertical-align: -0.0625rem;
  margin-right: 0.125rem;
  font-size: 0.625rem;
}

.availableWorkers__filterBar {
  background: #2c373d;
  padding: 0 0.75rem 0 1rem;
  position: relative;
  z-index: 5;
}

.availableWorkers__filter {
  float: left;
  margin: 0 0.5rem 0 0;
}
.availableWorkers__filter .ui-dropdown__trigger {
  padding: 0.5rem 0;
  font-size: 0.75rem;
  color: #a4b4bc;
  display: block;
}
.availableWorkers__filter .ui-dropdown__trigger:hover {
  color: #0099e5;
}

.availableWorkers__check {
  padding: 0.75rem 1rem 0.6875rem 2.25rem;
  border-bottom: 0.0625rem solid #f0f2f4;
  color: #4a5d66;
  display: block;
  font-size: 0.8125rem;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.availableWorkers__check:before {
  content: "\E000";
  font-family: "Nowsta Icons";
  position: absolute;
  left: 1rem;
}
.availableWorkers__check:hover {
  color: #0099e5;
  background: #e1e6e9;
}
.availableWorkers__check .event__date {
  float: left;
  width: 4.5rem;
}
.availableWorkers__check .event__time {
  float: left;
  width: 10.75rem;
}

.workersList__module {
  background: white;
}

.workersList__header {
  padding: 0.75rem 0 0.75rem 1.5rem;
  border-bottom: solid 0.0625rem #f0f2f4;
  position: relative;
}
.workersList__header:after {
  content: "";
  display: table;
  clear: both;
}
.workersList__header:before {
  left: 0.75rem;
}
.workersList__header.-ui-noAccordion {
  padding-left: 2.75rem;
  padding-right: 1.5rem;
}
.workersList__header.-ui-noAccordion:before {
  left: auto;
  right: 0.75rem;
}

.workersList__checkAll {
  position: absolute;
  top: 0.25rem;
  left: 1rem;
}

.workersList__title, .eventCardDetails__title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  margin: 0;
}

.workersList__counter {
  color: #4a5d66;
  font-size: 0.75rem;
  font-weight: 400;
}

.workersList__shiftInfo {
  background: #f0f2f4;
  margin: 0 0.5rem;
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.workersList__shiftInfo:after {
  content: "";
  display: table;
  clear: both;
}
.workersList__shiftInfo:hover .workersList__shiftActions {
  display: block;
}

.shift__startEnd {
  color: #4a5d66;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 400;
  position: relative;
  float: left;
}

.workersList__shiftActions {
  float: right;
  margin: 0.125rem 0 0 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
  text-align: right;
  width: 5rem;
}

.shiftActions__action {
  display: inline-block;
  margin: 0 0 0 0.5rem;
}

.workersList {
  padding: 0.5rem 0;
}
.workersList--have-workers {
  border-bottom: 0.0625rem solid #f0f2f4;
}
.workersList--dragging {
  width: 16.375rem;
  padding: 0;
  margin: 0;
  border: 0;
}
.workersList--dragging .worker__module {
  padding: 0 0 0 0.5rem;
  margin: 0;
  border: 0.0625rem dashed #0099e5;
  opacity: 0.56;
  background: white;
}
.workersList--dragging .worker__portraitBox {
  width: 1.5rem;
  height: 1.5rem;
}
.workersList--dragging .worker__infoBox {
  width: 12.5rem;
}

.worker__module {
  position: relative;
  margin: 0 0.5rem;
  border: 0.0625rem solid white;
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.worker__module--qualified .worker__name,
.worker__module--qualified .shift__label {
  color: #0099e5;
}
.worker__module--qualified .shift__portraitBox {
  border-color: #0099e5;
}
.worker__module--declined {
  background: #fdf2f2;
}
.worker__module--declined:hover {
  background: #fdf2f2;
  border-color: #e54040;
}
.worker__module--declined:hover .worker__name {
  color: #e54040;
}
.worker__module--unqualified {
  opacity: 0.3;
}
.worker__module:hover, .worker__module--dropTarget, .worker__module--selected {
  opacity: 1;
  background: #f0faff;
  border: 0.0625rem solid #0099e5;
  cursor: pointer;
}
.worker__module:hover .worker__name,
.worker__module:hover .shift__label,
.worker__module:hover .shift__portraitBox, .worker__module--dropTarget .worker__name,
.worker__module--dropTarget .shift__label,
.worker__module--dropTarget .shift__portraitBox, .worker__module--selected .worker__name,
.worker__module--selected .shift__label,
.worker__module--selected .shift__portraitBox {
  color: #0099e5;
}
.worker__module:hover .shift__portraitBox, .worker__module--dropTarget .shift__portraitBox, .worker__module--selected .shift__portraitBox {
  border-color: #0099e5;
  background: white;
}
.worker__module:hover .worker__statusBadge--assigned, .worker__module--dropTarget .worker__statusBadge--assigned, .worker__module--selected .worker__statusBadge--assigned {
  background: #e1e6e9;
}
.worker__module:hover .worker__actionsBox {
  display: block;
}

.worker__selector {
  padding: 0.4375rem 0 0.375rem 0;
  display: block;
}
.worker__selector:after {
  content: "";
  display: table;
  clear: both;
}

.worker__selectorBox,
.worker__genderBox {
  margin: 0 0.25rem 0 0.4375rem;
  float: left;
}

.worker__gender {
  display: none;
}
.worker__gender:checked + .worker__genderLabel {
  color: #0099e5;
}

.worker__genderLabel {
  position: relative;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.worker__genderLabel:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
}
.worker__genderLabel--male:after {
  content: "M";
}
.worker__genderLabel--female:after {
  content: "F";
}

.worker__portraitBox {
  width: 2rem;
  height: 2rem;
  display: block;
  position: relative;
  float: left;
}
.worker__portraitBox--small {
  width: 1.5rem;
  height: 1.5rem;
}
.worker__portraitBox.-size-small {
  width: 1.5rem;
  height: 1.5rem;
}
.worker__portraitBox--preview {
  opacity: 0.5;
}
.worker__portraitBox.status--notAsked:before, .worker__portraitBox.status--pending:before, .worker__portraitBox.status--available:before, .worker__portraitBox.status--unavailable:before, .worker__portraitBox.status--declined:before {
  content: "";
  position: absolute;
  right: -0.0625rem;
  bottom: -0.0625rem;
  width: 0.375rem;
  height: 0.375rem;
  overflow: hidden;
  border-radius: 50%;
  border: solid 0.0625rem white;
  box-sizing: content-box;
}
.worker__portraitBox.status--notAsked:before {
  background: #a4b4bc;
}
.worker__portraitBox.status--pending:before {
  background: #9d8dff;
}
.worker__portraitBox.status--available:before {
  background: #0099e5;
}
.worker__portraitBox.status--unavailable:before {
  background: #a4b4bc;
}
.worker__portraitBox.status--declined:before {
  background: #e54040;
}

.worker__portrait {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #4a5d66;
  overflow: hidden;
}
.worker__portrait--unassigned {
  border: 0.0625rem dashed #4a5d66;
  box-sizing: border-box;
}

.worker__portraitImg {
  display: block;
  width: 100%;
  height: 100%;
}

.worker__infoBox {
  min-width: 8.5rem;
  max-width: 9.4375rem;
  margin: 0 0 0 0.5rem;
  float: left;
}
.worker__infoBox .p-statusText {
  font-size: 0.6875rem;
}

.worker__name,
.shift__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2c373d;
  margin: 0.0625rem 0 0 0;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.worker__rate,
.shift__rate {
  font-size: 0.6875rem;
  text-align: right;
  width: 3rem;
  color: #4a5d66;
  float: left;
}

.worker__readOut {
  font-size: 0.6875rem;
  color: #4a5d66;
  margin: 0.0625rem 0 0 0;
}
.worker__readOut:after {
  content: "";
  display: table;
  clear: both;
}
.worker__readOutExpander {
  display: none;
  margin: 0.5rem 0;
}
.worker__readOutExpander .p-statusText {
  margin-bottom: 0.125rem;
}
.worker__readOutExpander.-view-show {
  display: block;
}

.worker__status {
  float: left;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0.25rem 0.25rem 0.25rem 0;
  position: relative;
  background: #f0f2f4;
}
.worker__status--pending {
  background: #9d8dff;
}
.worker__status--unqualified {
  background: #f5a623;
}
.worker__status--available {
  background: #0099e5;
}
.worker__status--assigned {
  background: #007ebd;
}
.worker__status--confirming {
  background: #ff9100;
}
.worker__status--confirmed {
  background: #15a83a;
}
.worker__status--declined {
  background: #e54040;
}
.worker__status--notAsked {
  background: #a4b4bc;
}

.worker__actionsBox {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
}

.worker__dropTrigger {
  width: 100%;
  height: 100%;
  color: #0099e5;
}

.worker__actions {
  border-bottom: 1px solid #e1e6e9;
}

.shift__portraitBox {
  width: 2rem;
  height: 2rem;
  display: block;
  background: #f2f2f2;
  border: 1px dashed #4a5d66;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  transition: border 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #4a5d66;
  float: left;
  position: relative;
}

.shift__portraitBox:after {
  font-family: "Nowsta Icons";
  content: "\E015";
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
}

.shift__label,
.shift__rate {
  color: #4a5d66;
}

.shift__actionsMenu {
  right: 0;
  width: 12.5rem;
  padding: 0.1875rem;
  border: 1px solid #4a5d66;
}

.worker__statusBadge, .worker__statusBadge--declined, .worker__statusBadge--confirmed, .worker__statusBadge--assigned {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.worker__statusBadge.docked, .docked.worker__statusBadge--declined, .docked.worker__statusBadge--confirmed, .docked.worker__statusBadge--assigned {
  position: absolute;
  right: 0.25rem;
  bottom: 0.4375rem;
}
.worker__statusBadge:before, .worker__statusBadge--declined:before, .worker__statusBadge--confirmed:before, .worker__statusBadge--assigned:before {
  font-family: "Nowsta Icons";
  color: white;
  font-size: 0.75rem;
  text-align: center;
  display: block;
}
.worker__statusBadge--assigned {
  background: white;
}
.worker__statusBadge--assigned:before {
  content: "\273B";
  color: #007ebd;
}
.worker__statusBadge--confirmed {
  background: #15a83a;
}
.worker__statusBadge--confirmed:before {
  content: "\E17D";
}
.worker__statusBadge--declined {
  background: #e54040;
}
.worker__statusBadge--declined:before {
  content: "\E00A";
}

.eventCardMedium__module {
  width: 22rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
}
.eventCardMedium__module:before {
  position: absolute;
  left: 0;
  top: 9rem;
  bottom: 4rem;
  overflow: hidden;
  width: 100%;
  min-height: 4rem;
  max-height: 15rem;
  background: white;
  font-size: 0.75rem;
  padding: 1.25rem 0 0 0;
  text-align: center;
  color: #ff9100;
}
.eventCardMedium__module .eventCardMedium__pastHeader {
  background: rgba(222, 0, 0, 0.75);
  color: white;
  padding: 0.25rem 0.5rem;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  z-index: 50;
}
.eventCardMedium__module .worker__module {
  min-height: 2.5rem;
}
.eventCardMedium__module .worker__portraitBox,
.eventCardMedium__module .shift__portraitBox {
  width: 1.5rem;
  height: 1.5rem;
}
.eventCardMedium__module .shift__portraitBox {
  margin-left: 1.9375rem;
}
.eventCardMedium__module .worker__infoBox {
  width: 10.5rem;
  max-width: none;
}
.eventCardMedium__module .worker__name,
.eventCardMedium__module .shift__label {
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin: -0.0625rem 0 0 0;
}
.eventCardMedium__module .shift__label {
  margin-top: 0.3125rem;
}
.eventCardMedium__module .worker__readOut {
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin: 0;
}
.eventCardMedium__module .worker__rate,
.eventCardMedium__module .shift__rate {
  font-size: 0.625rem;
}
.eventCardMedium__module .worker__rate {
  font-size: 0.625rem;
  margin: 0.25rem 0 0 0;
}
.eventCardMedium__module .worker__statusBadge, .eventCardMedium__module .worker__statusBadge--assigned, .eventCardMedium__module .worker__statusBadge--confirmed, .eventCardMedium__module .worker__statusBadge--declined {
  float: left;
  margin: 0.25rem 0 0 1rem;
}

.eventCardMedium__header {
  padding: 0.625rem 1rem 0;
  background: #47ba79;
  color: #2c373d;
  position: relative;
  z-index: 10;
}
.eventCardMedium__header--loaded:before {
  position: absolute;
  top: 8.875rem;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: black;
  opacity: 0.12;
  content: "";
}
.eventCardMedium__header .eventCardMedium__editBar .ui-actionBtn {
  opacity: 0;
  float: right;
  margin: 0 0 0 0.375rem;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.eventCardMedium__header .eventCardMedium__editBar .action {
  float: right;
}
.eventCardMedium__header:hover .eventCardMedium__editBar .ui-actionBtn {
  opacity: 1;
}
.eventCardMedium__header .event__dateTime {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.eventCardMedium__header .event__time {
  font-size: 0.75rem;
  padding: 0.0625rem 0 0 0.5rem;
}

.eventCardMedium__title, .eventCardMedium__title--bookmarked {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.25rem;
  height: 3rem;
  overflow: hidden;
  margin: 0.1875rem 0 0 0;
  color: white;
}
.eventCardMedium__title .inliner__input, .eventCardMedium__title--bookmarked .inliner__input {
  width: 20rem;
  line-height: 1.25rem;
}
.eventCardMedium__title .b-form__inline:after, .eventCardMedium__title--bookmarked .b-form__inline:after {
  left: 0;
}
.eventCardMedium__title .b-form__inline .b-form__inlineDisplay, .eventCardMedium__title--bookmarked .b-form__inline .b-form__inlineDisplay {
  color: white;
}
@media only screen and (min-width : 800px) {
  .eventCardMedium__title .b-form__inline:hover .b-form__inlineDisplay, .eventCardMedium__title--bookmarked .b-form__inline:hover .b-form__inlineDisplay {
    color: white;
  }
  .eventCardMedium__title .b-form__inline:hover:after, .eventCardMedium__title--bookmarked .b-form__inline:hover:after {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.16);
  }
  .eventCardMedium__title .b-form__inline:hover .b-icon, .eventCardMedium__title--bookmarked .b-form__inline:hover .b-icon {
    cursor: pointer;
    fill: white;
  }
}
.eventCardMedium__title .b-form__inlineTextInput, .eventCardMedium__title--bookmarked .b-form__inlineTextInput {
  color: white;
}
.eventCardMedium__title .b-form__inline--editMode:after, .eventCardMedium__title--bookmarked .b-form__inline--editMode:after {
  background: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.16);
}
.eventCardMedium__title .b-icon, .eventCardMedium__title--bookmarked .b-icon {
  fill: white;
}
.eventCardMedium__title--bookmarked .inliner__input {
  width: 18.375rem;
}
.eventCardMedium__title--bookmarked:before {
  font-family: "Nowsta Icons";
  font-size: 0.875rem;
  line-height: 1.25rem;
  content: "\E02A";
  float: left;
  margin: 0 0.25rem 0 0;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.eventCardMedium__client {
  font-size: 0.75rem;
  margin: 0.25rem 0 0 0;
}

.eventCardMedium__editBar {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.eventCardMedium__actionBar {
  padding: 0.75rem 0 0 0;
  min-height: 2rem;
  position: relative;
}
.eventCardMedium__actionBar .workerCount__confirmed {
  color: #2c373d;
}

.eventCardMedium__tab, .eventCardMedium__tab--active {
  height: 2rem;
  padding: 0 0.75rem;
  margin: 0 0.5rem 0 0;
  color: white;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0);
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.eventCardMedium__tab:hover, .eventCardMedium__tab--active:hover {
  background: rgba(255, 255, 255, 0.2);
}
.eventCardMedium__tab--active {
  color: #4a5d66;
  background: white;
  background: rgb(255, 255, 255);
}
.eventCardMedium__tab--active:hover {
  background: white;
}

.eventCardMedium__confirmBar {
  position: absolute;
  right: -0.5rem;
  top: 0.75rem;
}

.eventCardMedium__contentPane, .eventCardMedium__contentPane--details, .eventCardMedium__contentPane--active {
  position: absolute;
  top: 11.25rem;
  bottom: 0;
  width: 23.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 10rem 0;
  display: none;
}
.eventCardMedium__contentPane--active {
  display: block;
}
.eventCardMedium__contentPane--details {
  display: block;
  top: 8.9375rem;
}

.eventCardMedium__section {
  background: white;
  width: 22rem;
  border-bottom: 0.125rem solid #f0f2f4;
}

.eventCardWorkerBar__module, .eventCardWorkerBar__module--active {
  background: white;
  width: 22rem;
  position: absolute;
  left: 0;
  z-index: 2;
  height: 2.5rem;
  border-bottom: 0.125rem solid #f0f2f4;
  display: none;
}
.eventCardWorkerBar__module--active {
  display: block;
}
.eventCardWorkerBar__module .workerCount__module, .eventCardWorkerBar__module--active .workerCount__module {
  float: right;
  margin: 0.5rem 1rem 0 0;
}
.eventCardWorkerBar__module .shiftPosition__rate, .eventCardWorkerBar__module--active .shiftPosition__rate {
  width: 4.5rem;
  margin: 0.75rem 0 0 0;
}

.eventCardWorkerBar__selectAllBox {
  display: block;
  float: left;
  margin: 0.5rem 0 0 1rem;
  color: #4a5d66;
  width: 11rem;
}
.eventCardWorkerBar__selectAllBox .ui-checkbox__label {
  display: inline-block;
}

.eventCardWorkerBar__actionsBox, .eventCardWorkerBar__actionsBox--active {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  background: white;
  padding-left: 0.25rem;
  display: none;
}
.eventCardWorkerBar__actionsBox--active {
  display: block;
}

.eventCardWorkerBar__btn {
  display: inline-block;
  margin-left: 0.25rem;
}

.eventCardDetails__header {
  padding: 0.75rem 1rem;
}

.eventCardDetails__copyBox {
  font-size: 0.8125rem;
  color: #4a5d66;
  line-height: 1.25rem;
  padding: 0 1rem 1rem 1rem;
}

.shiftsList__module .workersList__header {
  border: 0;
}
.shiftsList__module .workerCount__module {
  float: right;
  margin: -0.25rem 1rem 0 0;
}

.shiftsList {
  padding: 0.5rem 0 0.625rem;
}
.shiftsList__shift .p-statusText:before {
  top: 0.125rem;
}

.shiftPosition__title {
  width: 12rem;
  float: left;
  margin-left: 0.5rem;
}

.shiftPosition__rate {
  width: 3rem;
  float: left;
  font-size: 0.75rem;
  color: #4a5d66;
  text-align: right;
}

.shiftPositionActions__module {
  display: none;
  background: white;
  position: absolute;
  right: 0.5rem;
  top: 0;
  z-index: 4;
  padding: 0.5rem 0;
  width: 10rem;
  text-align: right;
}
.shiftPositionActions__module .ui-actionBtn {
  display: inline-block;
  margin: 0 0.25rem;
}
.shiftPositionActions__module--show {
  display: block;
}

.shiftsList__shiftPreview {
  border: 0.0625rem dashed #0099e5;
  background: #e1e6e9;
}
.shiftsList__shiftPreview .worker__portraitBox {
  margin-left: 1.9375rem;
}

.eventInstructionsIndex__module, .eventInstructionsRecipients__module {
  width: 11.25rem;
  margin: 0 2rem 0 0;
  float: left;
}

.eventInstructionsIndex__newMessageBtn {
  position: absolute;
  right: 0;
  top: -0.125rem;
  width: 2rem;
  height: 1.5rem;
  min-height: auto;
  padding: 0;
}

.eventInstructionsIndex__messageItem {
  font-size: 0.875rem;
  line-height: 1rem;
  border-left: 0.1875rem solid white;
  padding: 0.6875rem 0.75rem 0.8125rem 0.5625rem;
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.eventInstructionsIndex__messageItem:hover {
  background: #e1e6e9;
  border-color: #0099e5;
  color: #0099e5;
}
.eventInstructionsIndex__messageItem.-state-selected {
  background: #f0f2f4;
  border-color: #15a83a;
  color: #2c373d;
}

.eventInstructionsRecipients__positions {
  margin: 0.5rem 0 0 0;
}

.eventInstructionsRecipients__positionItem {
  position: relative;
}

.eventInstructionsRecipients__checkbox {
  position: absolute;
  top: 0.0625rem;
  left: 0;
}

.eventInstructionsRecipients__positionLabel {
  padding: 0.125rem 0.5rem 0.125rem 1.25rem;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.eventInstructionsRecipients__positionLabel:hover {
  color: #0099e5;
}

.eventInstructionsMessage__module {
  float: left;
  width: 24.5rem;
}
.eventInstructionsMessage__module .ui-modal__tableHeaderBox {
  margin-bottom: 0.5rem;
}

.eventInstructionsMessage__textBox {
  margin-top: 1rem;
}

.messageComposer__fieldPair {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 1.5rem;
  margin: 0.25rem 0;
}

.messageComposer__fieldLabel {
  width: 5rem;
  margin: 0 0.5rem 0 0;
  font-size: 0.75rem;
  line-height: 1rem;
}

.messageComposer__fieldBody--text {
  margin-top: 0.125rem;
}
.messageComposer__fieldBody .messageComposer__recipient, .messageComposer__fieldBody--text .messageComposer__recipient {
  position: static;
  float: left;
  margin: 0 0.25rem 0 0;
}

.messageComposer__inputPair {
  padding: 0 0 0.125rem;
}
.messageComposer__inputPair .ui-forms__inputBlank, .messageComposer__inputPair .ui-forms__select, .messageComposer__inputPair .timeSelector__input {
  margin: 0;
}

.messageComposer__inputLabel {
  float: left;
  width: 3.5rem;
  margin: 0.6875rem 0.5rem 0 0;
}

.messageComposer__trailerText {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  display: inline-block;
  margin: 0.25rem 0 0 0.25rem;
}

.messageComposer__fieldText {
  margin: 0.0625rem 0 0 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.messageComposer__messageBox {
  margin: 0.5rem 0 0 0;
}

.messageComposer__message {
  height: 19.75rem;
}
.messageComposer__message[disabled] {
  border-color: #4a5d66;
}

.activityPanel__group {
  width: 20rem;
  background: white;
  color: #2c373d;
  position: fixed;
  z-index: 3000;
  top: 3rem;
  right: 1rem;
  bottom: 1.5rem;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.34);
  display: none;
}
.activityPanel__group.-view-show {
  display: block;
}

.activityPanel--ottoSideBar {
  right: 4rem;
}

.activityPanel--ottoSideBarOpen {
  right: 29rem;
}

.activityPanel--chatSideBar {
  right: 4rem;
}

.activityPanel--enableAnnouncementsHistory {
  right: 4rem;
}

.activityPanel__header {
  background: #f0f2f4;
  margin: 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  height: 2.5rem;
}

.activityPanel__titleBox {
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 0;
  font-weight: normal;
}
.activityPanel__titleBox .typo-icon, .activityPanel__titleBox .activityFeed__item:before {
  margin: 0.125rem 0 0 0;
}

.activityPanel__title {
  margin: 0 0 0 0.375rem;
}

.activityPanel__scrollBox {
  margin: 0 0.5rem;
  position: absolute;
  top: 3rem;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  overflow: auto;
}

.activityFeed__item {
  border-bottom: 1px solid #f0f2f4;
  position: relative;
  padding: 0 0 0.6875rem;
}
.activityFeed__item:after {
  content: "";
  background: #f0f2f4;
  width: 0.25rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0.5rem;
  bottom: 0.5rem;
}
.activityFeed__item.-status-unread:after {
  background: #ff9100;
}
.activityFeed__item:before {
  position: absolute;
  left: 0.75rem;
  top: 1rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  line-height: 1rem;
  text-align: center;
}
.activityFeed__item.-type-availability:before {
  content: "\E00F";
}
.activityFeed__item.-response-available:before,
.activityFeed__item.-response-available .activityText__status {
  color: #0099e5;
}
.activityFeed__item.-response-declined:before,
.activityFeed__item.-response-declined .activityText__status {
  color: #e54040;
}
.activityFeed__item.-response-declined.-type-confirmation:before {
  content: "\E00A";
  color: white;
  background: #e54040;
}
.activityFeed__item.-response-declined.-type-confirmation .activityText__status {
  color: #e54040;
}
.activityFeed__item.-response-confirmed:before {
  content: "\E17D";
  color: white;
  background: #15a83a;
}
.activityFeed__item.-response-confirmed .activityText__status {
  color: #15a83a;
}
.activityFeed__item .worker__portraitBox {
  position: absolute;
  top: 0.75rem;
  left: 2.25rem;
}

.activityType__icon {
  position: absolute;
  left: 0.75rem;
  top: 1rem;
}

.activityText__group {
  margin: 0 0.5rem 0 5rem;
}
.activityText__group:after {
  content: "";
  display: table;
  clear: both;
}

.activityText__workerName {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0.625rem 0 0.125rem 0;
  width: 9.25rem;
}

.activityText__timeStamp {
  position: absolute;
  right: 0.5rem;
  top: 0.625rem;
  width: 4.5rem;
  font-size: 0.625rem;
  color: #4a5d66;
  text-align: right;
}

.activityText__copy {
  font-size: 0.6875rem;
  line-height: 1rem;
  margin: 0;
}

.activityText__status {
  font-weight: 600;
}

.registrationContainer {
  position: fixed;
  top: 0px;
  left: -50px;
  right: 0px;
  bottom: 0px;
  background-color: #2c373d;
  overflow-y: auto;
}

.registrationLogoContainer {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registrationLogoContainer .nowsta-logomark {
  display: inline-block;
  margin-right: 15px;
  fill: #0099e5;
}
.registrationLogoContainer .nowsta-wordmark {
  fill: #0099e5;
}

.onboardingContainer {
  position: fixed;
  top: 0px;
  left: -50px;
  right: 0px;
  bottom: 0px;
  background-color: #2c373d;
  overflow-y: auto;
}

.onboardingLogoContainer {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboardingLogoContainer .nowsta-logomark {
  display: inline-block;
  margin-right: 15px;
  fill: #0099e5;
}
.onboardingLogoContainer .nowsta-wordmark {
  fill: #0099e5;
}

.paymentsChargeHeader {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #e1e6e9;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.paymentsChargeDate {
  flex: 1;
}

.paymentsChargeHandle {
  font-size: 24px;
}

.paymentsChargeExpanded {
  padding-bottom: 15px;
}
.paymentsChargeExpanded table {
  width: 100%;
}
.paymentsChargeExpanded table th {
  text-align: left;
}

.paymentsInvoiceLabel {
  text-align: right;
  padding-right: 15px;
}

.paymentsMemberList {
  padding: 10px 0px;
}
.paymentsMemberList ul {
  margin-left: 5px;
  column-count: 3;
}

.dateTimePicker__dateInput {
  width: 5.75rem;
}
.dateTimePicker .rdt {
  position: relative;
}
.dateTimePicker .rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f9f9f9;
}
.dateTimePicker .rdtOpen .rdtPicker {
  display: block;
}
.dateTimePicker .rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}
.dateTimePicker .rdtPicker .rdtTimeToggle {
  text-align: center;
}
.dateTimePicker .rdtPicker table {
  width: 100%;
  margin: 0;
}
.dateTimePicker .rdtPicker td,
.dateTimePicker .rdtPicker th {
  text-align: center;
  height: 28px;
  padding: 0.5em 0;
}
.dateTimePicker .rdtDay {
  cursor: pointer;
}
.dateTimePicker .rdtDay:hover {
  color: #00aeff;
}
.dateTimePicker .rdtPicker td.rdtToday:hover,
.dateTimePicker .rdtPicker td.rdtHour:hover,
.dateTimePicker .rdtPicker td.rdtMinute:hover,
.dateTimePicker .rdtPicker td.rdtSecond:hover,
.dateTimePicker .rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.dateTimePicker .rdtPicker td.rdtOld,
.dateTimePicker .rdtPicker td.rdtNew {
  color: #999999;
}
.dateTimePicker .rdtPicker td.rdtToday {
  position: relative;
}
.dateTimePicker .rdtPicker td.rdtToday:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.dateTimePicker .rdtPicker td.rdtActive,
.dateTimePicker .rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dateTimePicker .rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.dateTimePicker .rdtPicker td.rdtDisabled,
.dateTimePicker .rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.dateTimePicker .rdtPicker td span.rdtOld {
  color: #999999;
}
.dateTimePicker .rdtPicker td span.rdtDisabled,
.dateTimePicker .rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.dateTimePicker .rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.dateTimePicker .rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}
.dateTimePicker .rdtPicker th.rdtNext,
.dateTimePicker .rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}
.dateTimePicker .rdtPicker th.rdtDisabled,
.dateTimePicker .rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.dateTimePicker .rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.dateTimePicker .rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.dateTimePicker .rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}
.dateTimePicker .rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.dateTimePicker .rdtPicker button:hover {
  background-color: #eee;
}
.dateTimePicker .rdtPicker thead button {
  width: 100%;
  height: 100%;
}
.dateTimePicker td.rdtMonth,
.dateTimePicker td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
.dateTimePicker td.rdtMonth:hover,
.dateTimePicker td.rdtYear:hover {
  background: #eee;
}
.dateTimePicker .rdtPicker .rdtTime td {
  width: 240px;
  display: table;
}
.dateTimePicker .rdtCounters {
  display: inline-block;
}
.dateTimePicker .rdtCounters > div {
  float: left;
}
.dateTimePicker .rdtCounter {
  height: 100px;
}
.dateTimePicker .rdtCounter {
  width: 40px;
}
.dateTimePicker .rdtCounterSeparator {
  line-height: 100px;
}
.dateTimePicker .rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  font-family: sans-serif;
}
.dateTimePicker .rdtCounter .rdtBtn:hover {
  background: #eee;
}
.dateTimePicker .rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}
.dateTimePicker .rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}
.dateTimePicker input.form-control {
  width: 14em;
}
.dateTimePicker .rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.-pTop {
  padding-top: 0.5rem;
}
.-pTop\(4\) {
  padding-top: 0.25rem;
}
.-pTop\(16\) {
  padding-top: 1rem;
}

.-pBot {
  padding-bottom: 0.5rem;
}
.-pBot\(4\) {
  padding-bottom: 0.25rem;
}

.-padding\(8\) {
  padding: 0.5rem;
}

.-mTop {
  margin-top: 0.5rem;
}
.-mTop\(4\) {
  margin-top: 0.25rem;
}
.-mTop\(16\) {
  margin-top: 1rem;
}
.-mTop\(24\) {
  margin-top: 1.5rem;
}

.-flex-grow\(1\) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.-flex-grow\(2\) {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.imgBlock {
  width: 100%;
  height: auto;
  display: block;
}

.pre-wrap {
  white-space: pre-line;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.a-col\(1-3\) {
  -webkit-flex-basis: 33.33%;
  -moz-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}

.a-col\(grow\) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.a-col\(grow\).\--borderLeft {
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.08);
}

.a-col\(192\) {
  -webkit-flex-basis: 192px;
  -moz-flex-basis: 192px;
  -ms-flex-preferred-size: 192px;
  flex-basis: 192px;
  max-width: 12rem;
}

.a-col\(280\) {
  -webkit-flex-basis: 280px;
  -moz-flex-basis: 280px;
  -ms-flex-preferred-size: 280px;
  flex-basis: 280px;
  max-width: 17.5rem;
}

.a-panel {
  padding: 0.5rem 0.4375rem 0.5rem 0.5rem;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.a-panel:last-child {
  border-right: 0;
  padding: 0.5rem;
}

.a-limiter\(480\) .b-infoBox__editor {
  max-width: 30rem;
  margin: 0 auto;
}

.a-limiter\(560\) {
  max-width: 35rem;
  margin: 0 auto;
}

.a-limiter\(1024\) {
  max-width: 64rem;
  margin: 0 auto;
}

.a-section {
  padding: 1rem;
}

.a-actions {
  margin: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.a-width\(224\) {
  -webkit-flex-basis: 14rem;
  -moz-flex-basis: 14rem;
  -ms-flex-preferred-size: 14rem;
  flex-basis: 14rem;
  max-width: 14rem;
}

@media only screen and (max-width : 959px) {
  .a-width\(200\)--preDesktopSM3 {
    -webkit-flex-basis: 12.5rem;
    -moz-flex-basis: 12.5rem;
    -ms-flex-preferred-size: 12.5rem;
    flex-basis: 12.5rem;
    max-width: 12.5rem;
  }
}
.a-h\(14\) {
  font-size: 0.875rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #4a5d66;
}

.a-h\(13\) {
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: bold;
}

.a-h\(12\) {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #4a5d66;
}

.a-p\(16\) {
  font-size: 1rem;
  line-height: 1.25rem;
}

.a-p\(16-24\) {
  font-size: 1rem;
  line-height: 1.5rem;
}

.a-p\(14\) {
  font-size: 0.875rem;
  line-height: 1rem;
}
.a-p\(14\).-baseline {
  margin: 0.5rem 0;
  padding: 0.25rem 0;
}

.a-p\(13\) {
  font-size: 0.8125rem;
  line-height: 1rem;
}
.a-p\(13\).-baseline {
  margin: 0.5rem 0;
  padding: 0.25rem 0;
}

.a-p\(12\) {
  font-size: 0.75rem;
  line-height: 1rem;
}
.a-p\(12\).-spacer {
  padding: 0.25rem 0;
}

.a-p\(11\) {
  font-size: 0.6875rem;
  line-height: 1rem;
}
.a-p\(11\).-baseline {
  padding: 0.3125rem 0 0.1875rem;
}

.a-sortable {
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  display: inline-block;
}
.a-sortable:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.6875rem;
  content: "\E004";
  color: rgba(0, 0, 0, 0.08);
  font-size: 0.9375rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.a-sortable.-sort-up, .a-sortable.-sort-down {
  font-weight: bold;
  color: #007ebd;
}
.a-sortable:hover {
  color: #0099e5;
}
.a-sortable:hover:after, .a-sortable:hover.-sort-up:after, .a-sortable:hover.-sort-down:after {
  color: #0099e5;
  font-weight: normal;
}
.a-sortable.-sort-up:after {
  top: -0.6875rem;
  content: "\E004";
  color: #007ebd;
}
.a-sortable.-sort-down:after {
  top: auto;
  bottom: -0.6875rem;
  content: "\E003";
  color: #007ebd;
}

.b-tag2 {
  font-size: 0.75rem;
  line-height: 1rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  background: #f0f2f4;
  padding: 0.1875rem 0.6875rem;
  display: inline-block;
  border-radius: 6.25rem;
  margin: 0.5rem 0.25rem 0 0;
}

.b-position, .o-eventListing__shiftTitle {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
}

.b-dateTile {
  width: 3rem;
  height: 3rem;
  padding: 0 0.5rem 3.6875rem 0.1875rem;
  color: #4a5d66;
  text-align: center;
}
.b-dateTile__date {
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}
.b-dateTile__month {
  display: block;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.b-dateTile__year {
  display: block;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: bold;
}

.b-dateString {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
}

.b-ratingDisplay {
  color: #007ebd;
}
.b-ratingDisplay .-empty {
  color: rgba(0, 0, 0, 0.08);
}

.b-hoursData {
  position: relative;
  padding-left: 1.125rem;
  color: #4a5d66;
  display: inline-block;
}
.b-hoursData:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\E17E";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  font-size: 1rem;
  text-align: center;
  color: #4a5d66;
}
.b-hoursData.-warning {
  color: #ff9100;
  font-weight: bold;
}
.b-hoursData.-warning:before {
  color: #ff9100;
}
.b-hoursData.-critical {
  color: white;
  background: #e54040;
  padding: 0 0.375rem 0 1.125rem;
  border-radius: 3.125rem;
}
.b-hoursData.-critical:before {
  color: white;
}

.b-status\(rejected\),
.b-status\(declined\), .b-status\(removed\), .b-status\(messaged_to_confirm_hold\),
.b-status\(pending\), .b-status\(confirmed\) {
  position: relative;
  padding-left: 1.25rem;
}
.b-status\(rejected\):before,
.b-status\(declined\):before, .b-status\(removed\):before, .b-status\(messaged_to_confirm_hold\):before,
.b-status\(pending\):before, .b-status\(confirmed\):before {
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: white;
  font-size: 1rem;
  text-align: center;
}

.b-status\(confirmed\) {
  color: #15a83a;
}
.b-status\(confirmed\):before {
  content: "\E17D";
  background: #15a83a;
}

.b-status\(messaged_to_confirm_hold\),
.b-status\(pending\) {
  color: #9d8dff;
}
.b-status\(messaged_to_confirm_hold\):before,
.b-status\(pending\):before {
  content: "\E139";
  font-size: 0.875rem;
  padding: 0.0625rem 0 0 0;
  background: #9d8dff;
}

.b-status\(removed\) {
  color: #8a8a8a;
}
.b-status\(removed\):before {
  content: "\E07C";
  background: #8a8a8a;
}

.b-status\(rejected\),
.b-status\(declined\) {
  color: #e54040;
}
.b-status\(rejected\):before,
.b-status\(declined\):before {
  content: "\E1DD";
  background: #e54040;
}

.b-checkbox__input {
  display: none;
}
.b-checkbox__input:checked + .b-checkbox__display {
  color: white;
  background: #15a83a;
  border-color: #15a83a;
}
.b-checkbox__input:checked:hover + .b-checkbox__display {
  background: #0099e5;
  color: white;
}
.b-checkbox__input:disabled + .b-checkbox__display, .b-checkbox__input:disabled:hover + .b-checkbox__display {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.08);
  background: #f0f2f4;
  border-color: #f0f2f4;
}
.b-checkbox__display {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.08);
  border: 0.0625rem solid #0099e5;
  border-radius: 0.125rem;
  background: white;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-checkbox__display:before {
  content: "\E17D";
}
.b-checkbox:hover .b-checkbox__display {
  border-color: #0099e5;
  color: #0099e5;
}

.b-deletable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-deletable__deleteBtn {
  min-width: 2rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-deletable__deleteBtn:hover {
  color: #e54040;
}

.b-viewPane {
  margin-left: 3rem;
  min-width: 45rem;
  min-height: 100vh;
  background: white;
}
.b-viewPane--min960 {
  min-width: 60rem;
}
@media only screen and (min-width : 640px) {
  .b-viewPane {
    margin-top: 2.5rem;
  }
}

.b-panels--fullHeight {
  min-height: calc(100vh - 48px);
  padding: 0;
}

.b-sidePanel {
  padding: 0.5rem;
  border-right: 0.0625rem solid #e1e6e9;
  box-sizing: content-box;
}
.b-sidePanel:last-child {
  border-right: 0;
  border-left: 0.0625rem solid #e1e6e9;
}
.b-sidePanel__actions {
  text-align: center;
  padding: 0 0 1rem;
}

.b-mainPanel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.b-scrollPanels--sideMainSide .b-sidePanel {
  position: fixed;
  top: 3rem;
  bottom: 0;
  left: 3rem;
  width: 100%;
  overflow: auto;
}
.b-scrollPanels--sideMainSide .b-sidePanel:last-child {
  left: auto;
  bottom: 0;
  right: 0;
}
.b-scrollPanels--sideMainSide .b-mainPanel {
  position: fixed;
  top: 3rem;
  left: 18.5625rem;
  right: 15.0625rem;
  bottom: 0;
  overflow: auto;
}

@media only screen and (max-width : 959px) {
  .b-scrollPanels--sideMainSide .b-mainPanel {
    left: 17.0625rem;
    right: 13.5625rem;
  }
}
.b-fileUpload__display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-fileUpload__chooser {
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-right: 0;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-fileUpload__chooserBtn {
  font-size: 0.8125rem;
  line-height: 1rem;
  height: 1.875rem;
  background: #0099e5;
  margin: 0 0.5rem 0 0;
  padding: 0 0.375rem;
  color: white;
  border: 0.125rem solid white;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-fileUpload__chooserBtn:hover {
  background: #0099e5;
}
.b-fileUpload__chooserInput {
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-right: 0.5rem;
  width: 10rem;
}
.b-fileUpload__chooser:hover {
  border-color: #0099e5;
}
.b-fileUpload__uploadBtn {
  padding: 0.5rem 0.75rem;
  background: #0099e5;
  color: white;
}
.b-fileUpload__uploadBtn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.b-fileUpload__uploadBtn.-working {
  position: relative;
}
.b-fileUpload__uploadBtn.-working .b-fileUpload__btnLabel {
  visibility: hidden;
}
.b-fileUpload__uploadBtn.-working:after {
  content: "\E1F0";
  position: absolute;
  animation: animate-spinner 0.6s linear infinite;
  top: 50%;
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
}
.b-fileUpload__btnLabel {
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: bold;
  display: block;
}

.b-uploadedFile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem 0 0.4375rem;
  border-bottom: 0.0625rem solid #f0f2f4;
}
.b-uploadedFile__name {
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #2c373d;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.b-uploadedFile__name:hover {
  color: #0099e5;
}
.b-uploadedFile__deleteBtn {
  font-size: 0.8125rem;
  line-height: 1rem;
  padding: 0.1875rem 0.6875rem;
  border: 0.0625rem solid #e54040;
  color: #e54040;
  border-radius: 6.25rem;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-uploadedFile__deleteBtn:hover {
  background: #e54040;
  color: white;
}

.b-selectorBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-selectorBar--critical .b-selectorBar__tab {
  border-color: #e54040;
  background: #fdf2f2;
}
.b-selectorBar__tab {
  border: 0.0625rem solid #0099e5;
  background: #f0faff;
  color: #4a5d66;
  padding: 0.4375rem 0.6875rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  margin-right: -0.0625rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0;
}
.b-selectorBar__tab:first-child {
  border-radius: 6.25rem 0 0 6.25rem;
}
.b-selectorBar__tab:last-child {
  border-radius: 0 6.25rem 6.25rem 0;
  margin-right: 0;
}
.b-selectorBar__tab:disabled {
  background: #e1e6e9;
  border-color: #a4b4bc;
  cursor: not-allowed;
}
.b-selectorBar__tab:hover:not(:disabled) {
  background: #0099e5;
  color: white;
}
.b-selectorBar__tab.-active {
  background: #007ebd;
  border-color: #007ebd;
  color: white;
}

.b-tableA {
  background: 100%;
}
.b-tableAHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem 0.4375rem;
  border-bottom: 0.0625rem solid #0099e5;
}
.b-tableAHeader__col {
  font-size: 0.6875rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: #4a5d66;
}
.b-tableAHeader__col h3 {
  text-transform: none;
}
.b-tableAHeader__scrollHeader {
  overflow-y: scroll;
  width: calc(100% + 40px);
  padding-right: 4.5rem;
  margin-top: -0.125rem;
}
.b-tableAHeader__scrollHeaderWrapper {
  overflow-x: hidden;
}
.b-tableARow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
}

.b-dataTable {
  width: 100%;
  color: #4a5d66;
  table-layout: auto;
}
.b-dataTable__scrollView {
  overflow: auto;
  max-height: 94vh;
}
.b-dataTableHeader {
  background: #f0f2f4;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.b-dataTableHeader .b-dataTable__cell {
  padding: 0.75rem 1rem;
}
.b-dataTable__row {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding-left: 2.5625rem;
}
.b-dataTable__cell {
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  position: relative;
  vertical-align: middle;
}
.b-dataTable__cell--rowLeader {
  width: 2.5rem;
  background: #f0f2f4;
  text-align: center;
  padding: 0.5rem 0;
}
.b-dataTable__cell--unpadded {
  padding: 0;
}
.b-dataTable__resizer {
  position: absolute;
  width: 0.5rem;
  top: 0;
  bottom: 0;
  right: 0;
  background: #0099e5;
  cursor: col-resize;
  z-index: 4;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.b-dataTable__resizer:hover {
  opacity: 0.8;
}
.b-dataTable__input {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), copy 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #007ebd;
  display: block;
  border: 0;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
}
.b-dataTable__input:focus {
  background: #f0faff;
  border: 0.0625rem solid #0099e5;
  padding: 0.1875rem 0.4375rem;
}
.b-dataTable__input--error {
  background: #fdf2f2;
  color: #e54040;
}
.b-dataTable__input--error:focus {
  background: #fdf2f2;
  border: 0.0625rem solid #e54040;
  padding: 0.1875rem 0.4375rem;
}
.b-dataTable__selector:before, .b-dataTable__selector:after {
  position: absolute;
  font-family: "Nowsta Icons";
  font-size: 1rem;
  pointer-events: none;
  right: 0.25rem;
  top: 50%;
  z-index: 5;
}
.b-dataTable__selector:before {
  content: "\E003";
  margin-top: -0.3125rem;
}
.b-dataTable__selector:after {
  content: "\E004";
  margin-top: -0.6875rem;
}

.b-infoBox__header {
  background: #f0f2f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-infoBox__headerBtn {
  padding: 0.3125rem 0.5rem 0.1875rem;
  margin-left: 0.125rem;
  background: #0099e5;
  color: white;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-infoBox__headerBtn:hover {
  background: #007ebd;
}
.b-infoBox__headerBtnLabel {
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
.b-infoBox__headerBtn.-type-textBtn {
  color: #0099e5;
  background: transparent;
}
.b-infoBox__headerBtn.-type-textBtn:hover {
  background: #0099e5;
  color: white;
}
.b-infoBox__headerBtn.-warning {
  color: #ff9100;
  background: transparent;
}
.b-infoBox__headerBtn.-warning:hover {
  background: #ff9100;
  color: white;
}
.b-infoBox__headerBtn--working {
  position: relative;
}
.b-infoBox__headerBtn--working:after {
  opacity: 1;
  content: "\E1F0";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  margin: -0.5rem 0 0 -0.5rem;
  animation: animate-spinner 0.6s linear infinite;
}
.b-infoBox__headerBtn--working .b-infoBox__headerBtnLabel {
  visibility: hidden;
}
.b-infoBox__title {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
  color: #4a5d66;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.b-infoBox__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0.5rem;
}
.b-infoBox__body.\--hasSeries {
  padding-right: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.b-infoBox__body.\--hasSeries .b-borderBtn,
.b-infoBox__body.\--hasSeries .b-button,
.b-infoBox__body.\--hasSeries .b-circleBtn {
  margin: 0 0.25rem 0.5rem 0;
}
.b-infoBox__body--noIndent {
  padding: 0.5rem 0;
}
.b-infoBox__copy {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  padding: 0.125rem 0 0.625rem;
}
.b-infoBox__readOut {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #5d747f;
  justify-content: space-between;
  gap: 1rem;
}
.b-infoBox__readOutIcon {
  color: #4a5d66;
}
.b-infoBox__readOutLabel {
  color: #5d747f;
  width: 50%;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.1875rem 0 0 0;
}
.b-infoBox__readOutText {
  width: 50%;
  color: #5d747f;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.b-infoBox__editor {
  padding-bottom: 1rem;
}

.b-panelBox {
  padding: 0.5rem;
}
.b-panelBox\(16\) {
  padding: 1rem;
}
.b-panelBox__actions {
  padding: 1.5rem 0 0 0;
}

.b-borderBox {
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding-bottom: 0.4375rem;
}
.b-borderBox__header {
  background: #f0f2f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.b-borderBox__title {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 0.25rem 0 0.125rem;
  color: #4a5d66;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.b-modalViewer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6000;
  display: none;
}
.b-modalViewer:after {
  content: "";
  background: #0099e5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.9;
}
.b-modalViewer.-view-show {
  display: block;
}
.b-modalViewer.-view-show:after {
  animation-duration: 0.2s;
  animation-name: animate__modalFader;
}
.b-modalViewer.-view-show .b-modal,
.b-modalViewer.-view-show .ui-alertModal {
  animation-duration: 0.2s;
  animation-delay: 0.2s;
  animation-name: animate__modal;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(100%);
}

@keyframes animate__modalFader {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes animate__modal {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.b-modal {
  background: white;
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 10;
}
.b-modal.-size\(480\) {
  left: 50%;
  right: auto;
  max-width: 30rem;
  width: 100%;
  margin: 0 0 0 -15rem;
}
.b-modal .ui-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  z-index: 101;
}
.b-modal--loading:after {
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.b-modal--loading .ui-spinner {
  display: block;
}
.b-modal__scrollBox {
  position: absolute;
  top: 3rem;
  bottom: 4.0625rem;
  left: 0;
  right: 0;
  overflow-y: scroll;
  overflow-x: auto;
  padding: 0 1rem;
}
.b-modal__scrollBox.-headerOffset {
  top: 6rem;
}
.b-modal__context {
  padding-top: 1rem;
}
.b-modal__sideBar {
  padding-top: 1rem;
  margin-right: 1.5rem;
  -webkit-flex-basis: 12.5rem;
  -moz-flex-basis: 12.5rem;
  -ms-flex-preferred-size: 12.5rem;
  flex-basis: 12.5rem;
}
.b-modal__mainCol {
  padding-top: 1.5rem;
}
.b-modal__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.b-modal__footerBtn {
  margin: 0 0.25rem;
}

.b-headerBar {
  background: #f0f2f4;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 0.5rem 1rem;
  min-height: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-headerBar .b-form__checkboxDisplay:after {
  border-color: #a4b4bc;
}
.b-headerBar__title {
  margin-right: 1rem;
  color: #4a5d66;
}
.b-headerBar__filters {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.b-headerBar__closeBtn {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  width: 3rem;
  height: 3rem;
  margin: -0.5rem -1rem -0.5rem 1rem;
}
.b-headerBar__closeBtn:before {
  font-family: "Nowsta Icons";
  content: "\E093";
  font-size: 1.5rem;
  line-height: 100%;
  color: #2c373d;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-headerBar__closeBtn:hover:before {
  color: #0099e5;
}

.b-searchTool {
  width: 11rem;
  position: relative;
}
.b-searchTool:after {
  content: "\E1C1";
  color: #0099e5;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-0.5rem);
  font-size: 1rem;
  z-index: 3;
}
.b-searchTool__input {
  width: 100%;
  background: white;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 6.25rem;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.25rem 1.9375rem 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #2c373d;
}
.b-searchTool__input:hover {
  border-color: #26a3bd;
}
.b-searchTool__input:focus {
  border-color: #0099e5;
}
.b-searchTool__input:active {
  border-color: #007ebd;
}

.b-block {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
}
@media print {
  .b-block {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.b-block--tab {
  position: relative;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.b-block--tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1rem;
  width: 1.25rem;
  height: 0.1875rem;
  background: #e1e6e9;
  transform-origin: 0 0;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-block--tab:hover {
    color: #1e8094;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-block--tab:hover:after {
    background-color: #00eaff;
  }
}
.b-block--active {
  color: #4a5d66;
}
.b-block--active:after {
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  transform: scaleX(2);
}

.b-scrollBlock {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  padding: 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  max-height: 10rem;
}
@media print {
  .b-scrollBlock {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.b-scrollBlock__actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.b-scrollBlock__body {
  margin-top: 0.5rem;
  margin-right: -0.5rem;
  padding-right: 0.5rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
}

.b-infoCard {
  background: white;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.b-infoCard__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.6875rem 0.6875rem 0 0.9375rem;
  min-height: 2.1875rem;
}
.b-infoCard__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #68828f;
}
.b-infoCard__editBtn {
  padding: 0.25rem;
  border-radius: 0.1875rem;
  position: relative;
}
.b-infoCard__editBtn .b-icon {
  width: 1rem;
  height: 1rem;
  fill: #68828f;
}
.b-infoCard__editBtn:after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  opacity: 0;
  z-index: 0;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-infoCard__editBtn:hover:after {
    opacity: 1;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-infoCard__editBtn:hover .b-icon {
    fill: white;
  }
}
.b-infoCard__actionIcon {
  width: 1rem;
  height: 1rem;
  position: relative;
  z-index: 1;
  display: block;
}
.b-infoCard__body {
  padding: 0.5rem 0.9375rem 0.9375rem 0.9375rem;
}
.b-infoCard__content {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #2c373d;
  white-space: pre-line;
  font-weight: normal;
}
.b-infoCard__title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #2c373d;
}
.b-infoCard__contentBox, .b-infoCard__copyBox {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  margin-top: 0.25rem;
  color: #4a5d66;
}
.b-infoCard__copyBox {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
}
.b-infoCard--rounded {
  border-radius: 0.1875rem;
}

.b-floatBlock {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border-radius: 0.1875rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 40;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid #26a3bd;
  min-width: 9rem;
  min-height: 6.25rem;
  height: auto;
}
@media print {
  .b-floatBlock {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.b-floatBlock__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-floatBlock__scroller {
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem;
  max-height: 60vh;
  overflow-y: auto;
}

.b-tileBlock {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
@media print {
  .b-tileBlock {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.b-tileBlock__header {
  padding: 1.5rem 1rem 1.375rem;
  background: #f0f2f4;
  border-bottom: 0.0625rem solid #f0f2f4;
  position: relative;
  border-radius: 0.1875rem 0.1875rem 0 0;
}
.b-tileBlock__headerIcon {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
.b-tileBlock__headerIcon .b-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.b-tileBlock__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1rem;
}
.b-tileBlock__pageBody {
  padding: 2rem 1.25rem;
  border-bottom: 0.0625rem solid #f0f2f4;
}
@media only screen and (min-width : 640px) {
  .b-tileBlock__pageBody {
    padding: 2rem 2.5rem;
  }
}
.b-tileBlock__pageBody:last-child {
  border-bottom: 0;
}
.b-tileBlock__name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: #2c373d;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-tileBlock__statusIcons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0.125rem 0;
  float: right;
}
.b-tileBlock__statusIcons .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0 0 0 0.25rem;
  fill: #15a83a;
}
.b-tileBlock__statusIcons .b-icon.icon-networking {
  fill: #9d8dff;
}
.b-tileBlock__footer {
  background: #f0f2f4;
  border-top: 0.0625rem solid #f0f2f4;
  border-radius: 0 0 0.1875rem 0.1875rem;
  color: #4a5d66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  min-height: 2.5rem;
  padding: 0.375rem 0.625rem 0.375rem 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.b-tileBlock__footerBtn {
  height: 1.75rem;
  padding: 0.375rem;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0.1875rem;
}
.b-tileBlock__footerBtn .b-icon {
  width: 1rem;
  height: 1rem;
  fill: #ff9100;
}
@media only screen and (min-width : 800px) {
  .b-tileBlock__footerBtn:hover {
    background-color: #ff9100;
  }
  .b-tileBlock__footerBtn:hover .b-icon {
    fill: white;
  }
}
.b-tileBlock--button {
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-tileBlock--button {
    position: relative;
  }
  .b-tileBlock--button:after {
    content: "";
    position: absolute;
    top: -0.1875rem;
    left: -0.1875rem;
    right: -0.1875rem;
    bottom: -0.1875rem;
    border: 0.1875rem solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
  }
  .b-tileBlock--button:hover {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-tileBlock--button:hover:after {
    border-color: rgba(38, 163, 189, 0.5);
  }
  .b-tileBlock--button:hover .b-tileBlock__name {
    color: #1e8094;
  }
}
.b-tileBlock--help {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  background-color: #f0f9fa;
}
.b-tileBlock--help .b-tileBlock__header {
  background-color: #f0f9fa;
  border-color: #c0f4f7;
}
.b-tileBlock--help .b-tileBlock__name {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: bold;
  color: #1e8094;
}

.b-placeholderBlock {
  border-radius: 0.125rem;
  border: 0.0625rem dashed #26a3bd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #1e8094;
  padding: 0.5rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-placeholderBlock__icon {
  border-radius: 6.25rem;
  width: 2.5rem;
  height: 2.5rem;
  background: #26a3bd;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.5rem;
}
.b-placeholderBlock__icon .b-icon {
  fill: white;
  width: 1.5rem;
  height: 1.5rem;
}
.b-placeholderBlock__label {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0.75rem 0 0 0;
}
@media only screen and (min-width : 800px) {
  .b-placeholderBlock:hover {
    background: #f0faff;
    color: #007ebd;
    border-color: #0099e5;
  }
  .b-placeholderBlock:hover .b-placeholderBlock__icon {
    background: #0099e5;
  }
}

.b-expander__header {
  position: relative;
  z-index: 2;
}
.b-expander__trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-expander__triggerLabel {
  margin-right: 0.375rem;
}
.b-expander__trigger .icon-arrow-down {
  width: 0.625rem;
  height: 0.625rem;
  fill: #4a5d66;
  transition: transform 0.25s 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94), fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-expander__body {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: max-height 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-expander__children {
  transition: transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-expander--expanded .icon-arrow-down {
  transform: rotate(180deg);
}
.b-expander--expanded .b-expander__body {
  max-height: 312.5rem;
  overflow-y: auto;
}
.b-expander--expanded .b-expander__children {
  transform: translateY(0);
  opacity: 1;
}
.b-expander--collapsed .icon-arrow-down {
  transform: rotate(0deg);
}
.b-expander--collapsed .b-expander__body {
  max-height: 0;
}
.b-expander--collapsed .b-expander__children {
  transform: translateY(-100%);
  opacity: 0;
}

.b-form__item {
  display: block;
}
@media only screen and (min-width : 800px) {
  .b-form__item:hover .b-form__label {
    color: #2c373d;
  }
}
.b-form__item--oneLiner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-form__item--oneLiner .b-form__label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width : 640px) {
  .b-form__item--oneLiner .b-form__label {
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
}
@media only screen and (min-width : 1440px) {
  .b-form__item--oneLiner .b-form__label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.b-form__item--critical .b-form__textInput,
.b-form__item--critical .b-form__textInput:focus,
.b-form__item--critical .b-form__textInput:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-form__item--critical .b-form__textInput:hover,
  .b-form__item--critical .b-form__textInput:focus:hover,
  .b-form__item--critical .b-form__textInput:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
.b-form__item--survey .b-form__label {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  font-weight: 500;
}
.b-form__item--survey .b-form__labelHelper {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.b-form__item--survey .b-form__textInput,
.b-form__item--survey .b-form__select {
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.b-form__item--survey .b-form__selector .b-form__select {
  padding-right: 1.75rem;
}
.b-form__item--survey .b-form__selector .b-icon {
  right: 0.75rem;
}
.b-form__item--survey .b-form__radio {
  padding: 0.375rem 0;
}
.b-form__item--survey .b-form__radioDisplay {
  margin-right: 0.75rem;
}
.b-form__item--survey .b-form__radioName {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.b-form__item--survey .b-form__checkboxInput:checked + .b-form__checkboxDisplay:after,
.b-form__item--survey .b-form__checkbox--checked .b-form__checkboxDisplay:after,
.o-timeCardEntry--selected .b-form__item--survey .o-timeCardEntry__selector .b-form__checkboxDisplay:after,
.o-timeCardHeader--selected .b-form__item--survey .o-timeCardHeader__selector .b-form__checkboxDisplay:after,
.b-headerBlock--selected .b-form__item--survey .b-form__checkbox .b-form__checkboxDisplay:after,
.b-form__item--survey .b-headerBlock--selected .b-form__checkbox .b-form__checkboxDisplay:after,
.b-form__item--survey .o-timeCardHeader--selected .o-timeCardHeader__selector .b-form__checkboxDisplay:after,
.b-form__item--survey .o-timeCardEntry--selected .o-timeCardEntry__selector .b-form__checkboxDisplay:after {
  background: #4a5d66;
}
.b-form__item--disabled, .o-timeCardEntry--disabled .o-timeCardEntry__selector {
  color: rgba(44, 55, 61, 0.5) !important;
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
}
.b-form__item--disabled .b-form__label, .o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__label,
.b-form__item--disabled .b-form__label:hover,
.b-form__item--disabled .b-form__labelHelper,
.o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__labelHelper {
  color: rgba(44, 55, 61, 0.5) !important;
}
.b-form__item--disabled .b-form__radioInput:checked + .b-form__radioDisplay, .o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__radioInput:checked + .b-form__radioDisplay,
.b-form__item--disabled .b-form__radio--checked .b-form__radioDisplay,
.o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__radio--checked .b-form__radioDisplay {
  border-color: rgba(44, 55, 61, 0.5) !important;
}
.b-form__item--disabled .b-form__radioInput:checked + .b-form__radioDisplay:after, .o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__radioInput:checked + .b-form__radioDisplay:after,
.b-form__item--disabled .b-form__radio--checked .b-form__radioDisplay:after,
.o-timeCardEntry--disabled .o-timeCardEntry__selector .b-form__radio--checked .b-form__radioDisplay:after {
  background: rgba(44, 55, 61, 0.5);
}
.b-form__label {
  display: block;
  color: #4a5d66;
  margin: 0 0 0.25rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
}
.b-form__labelHelper {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  display: block;
  margin: 0 0 0.5rem;
  color: #4a5d66;
}
.b-form__optionLabel {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  font-weight: 500;
}
.b-form__textInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .b-form__textInput:hover {
    border-color: #4a5d66;
  }
  .b-form__textInput:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__textInput {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-form__textInput:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-form__textInput:focus ~ .b-icon {
  fill: #1e8094;
}
.b-form__textInput:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-form__textInput:active ~ .b-icon {
  fill: #007ebd;
}
.b-form__textInput:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-form__textInput:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-form__textInput--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-form__textInput--warning, .b-form__textInput--warning:focus, .b-form__textInput--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-form__textInput--warning:hover, .b-form__textInput--warning:focus:hover, .b-form__textInput--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-form__textInput--critical, .b-form__textInput--critical:focus, .b-form__textInput--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-form__textInput--critical:hover, .b-form__textInput--critical:focus:hover, .b-form__textInput--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
.b-form__textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  min-height: 10rem;
  resize: vertical;
}
@media only screen and (min-width : 800px) {
  .b-form__textarea:hover {
    border-color: #4a5d66;
  }
  .b-form__textarea:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__textarea {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-form__textarea:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-form__textarea:focus ~ .b-icon {
  fill: #1e8094;
}
.b-form__textarea:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-form__textarea:active ~ .b-icon {
  fill: #007ebd;
}
.b-form__textarea:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-form__textarea:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-form__textarea--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-form__textarea--warning, .b-form__textarea--warning:focus, .b-form__textarea--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-form__textarea--warning:hover, .b-form__textarea--warning:focus:hover, .b-form__textarea--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-form__textarea--critical, .b-form__textarea--critical:focus, .b-form__textarea--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-form__textarea--critical:hover, .b-form__textarea--critical:focus:hover, .b-form__textarea--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
.b-form__textarea--tall {
  min-height: 20rem;
}
.b-form__textarea--short {
  min-height: 5rem;
}

.b-form__dateInput {
  position: relative;
}
.b-form__dateInput .b-icon {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  fill: #4a5d66;
}
.b-form__dateInput .b-form__textInput {
  padding-left: 1.625rem;
}
.b-form__dateInput .b-form__textInput {
  width: 8rem;
}
@media only screen and (min-width : 640px) {
  .b-form__dateInput .b-form__textInput {
    width: 6.625rem;
    padding-right: 0.3125rem;
  }
}

.b-form__counterName {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.b-form__counterCount {
  color: #4a5d66;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.b-form__option000 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-form__option000Label {
  margin-left: 0.5rem;
}

.b-timeInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 0;
  padding: 0;
  width: auto;
  position: relative;
}
@media only screen and (min-width : 800px) {
  .b-timeInput:hover {
    border-color: #4a5d66;
  }
  .b-timeInput:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-timeInput {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-timeInput:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-timeInput:focus ~ .b-icon {
  fill: #1e8094;
}
.b-timeInput:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-timeInput:active ~ .b-icon {
  fill: #007ebd;
}
.b-timeInput:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-timeInput:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-timeInput--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-timeInput--warning, .b-timeInput--warning:focus, .b-timeInput--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-timeInput--warning:hover, .b-timeInput--warning:focus:hover, .b-timeInput--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-timeInput--critical, .b-timeInput--critical:focus, .b-timeInput--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-timeInput--critical:hover, .b-timeInput--critical:focus:hover, .b-timeInput--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-timeInput {
    padding: 0;
  }
}
.b-timeInput__clearButton {
  margin-top: 0.4375rem;
  font-size: 0.75rem;
  cursor: pointer;
}
.b-timeInput .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #4a5d66;
  position: relative;
  z-index: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 0.1875rem 0 0.5rem;
}
.b-timeInput__hours, .b-timeInput__minutes, .b-timeInput__ampm {
  width: 1.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.5rem 0;
  border: 0;
  background: transparent;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
  color: #2c373d;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width : 800px) {
  .b-timeInput__hours:hover ~ .b-timeInput__display, .b-timeInput__minutes:hover ~ .b-timeInput__display, .b-timeInput__ampm:hover ~ .b-timeInput__display {
    border-color: #4a5d66;
  }
  .b-timeInput__hours:hover ~ .b-icon, .b-timeInput__minutes:hover ~ .b-icon, .b-timeInput__ampm:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-timeInput__hours, .b-timeInput__minutes, .b-timeInput__ampm {
    width: 1rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: 500;
    padding: 0.375rem 0;
  }
}
.b-timeInput__hours:focus ~ .b-timeInput__display, .b-timeInput__minutes:focus ~ .b-timeInput__display, .b-timeInput__ampm:focus ~ .b-timeInput__display {
  border-color: #00eaff;
  background: #f0f9fa;
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
  outline: none;
}
.b-timeInput__hours:focus ~ .b-icon, .b-timeInput__minutes:focus ~ .b-icon, .b-timeInput__ampm:focus ~ .b-icon {
  fill: #1e8094;
}
.b-timeInput__hours:active ~ .b-timeInput__display, .b-timeInput__minutes:active ~ .b-timeInput__display, .b-timeInput__ampm:active ~ .b-timeInput__display {
  border-color: #007ebd;
  background: #f0faff;
}
.b-timeInput__hours:active ~ .b-icon, .b-timeInput__minutes:active ~ .b-icon, .b-timeInput__ampm:active ~ .b-icon {
  fill: #007ebd;
}
.b-timeInput__separator {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
  color: #68828f;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width : 640px) {
  .b-timeInput__separator {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.375rem 0;
  }
}
.b-timeInput__ampm {
  width: 1.75rem;
  margin-right: 0.6875rem;
}
@media only screen and (min-width : 640px) {
  .b-timeInput__ampm {
    width: 1.375rem;
    margin-right: 0.4375rem;
  }
}
.b-timeInput__display {
  border: 0.0625rem solid #e1e6e9;
  border-radius: 0.1875rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
}
.b-timeInput--disabled .b-timeInput__hours,
.b-timeInput--disabled .b-timeInput__minutes,
.b-timeInput--disabled .b-timeInput__ampm {
  cursor: not-allowed;
}
.b-timeInput--disabled .b-timeInput__hours:focus ~ .b-timeInput__display, .b-timeInput--disabled .b-timeInput__hours:active ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__minutes:focus ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__minutes:active ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__ampm:focus ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__ampm:active ~ .b-timeInput__display {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width : 800px) {
  .b-timeInput--disabled .b-timeInput__hours:hover ~ .b-timeInput__display,
  .b-timeInput--disabled .b-timeInput__minutes:hover ~ .b-timeInput__display,
  .b-timeInput--disabled .b-timeInput__ampm:hover ~ .b-timeInput__display {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: rgba(0, 0, 0, 0.12);
  }
}
.b-timeInput--disabled .b-timeInput__hours ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__minutes ~ .b-timeInput__display,
.b-timeInput--disabled .b-timeInput__ampm ~ .b-timeInput__display {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.12);
}
.b-timeInput--warning .b-timeInput__hours:focus ~ .b-timeInput__display, .b-timeInput--warning .b-timeInput__hours:active ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__minutes:focus ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__minutes:active ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__ampm:focus ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__ampm:active ~ .b-timeInput__display {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-timeInput--warning .b-timeInput__hours:hover ~ .b-timeInput__display,
  .b-timeInput--warning .b-timeInput__minutes:hover ~ .b-timeInput__display,
  .b-timeInput--warning .b-timeInput__ampm:hover ~ .b-timeInput__display {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-timeInput--warning .b-timeInput__hours ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__minutes ~ .b-timeInput__display,
.b-timeInput--warning .b-timeInput__ampm ~ .b-timeInput__display {
  border-color: #ff9100;
  background-color: #fff9f2;
}
.b-timeInput--critical .b-timeInput__hours:focus ~ .b-timeInput__display, .b-timeInput--critical .b-timeInput__hours:active ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__minutes:focus ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__minutes:active ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__ampm:focus ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__ampm:active ~ .b-timeInput__display {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-timeInput--critical .b-timeInput__hours:hover ~ .b-timeInput__display,
  .b-timeInput--critical .b-timeInput__minutes:hover ~ .b-timeInput__display,
  .b-timeInput--critical .b-timeInput__ampm:hover ~ .b-timeInput__display {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
.b-timeInput--critical .b-timeInput__hours ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__minutes ~ .b-timeInput__display,
.b-timeInput--critical .b-timeInput__ampm ~ .b-timeInput__display {
  border-color: #e54040;
  background-color: #fdf2f2;
}

.b-dateTimePicker {
  display: block;
  margin: 1rem 0 0.75rem;
}
.b-dateTimePicker__inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.b-dateTimePicker__inputs .b-form__dateInput {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.b-form__selector {
  display: block;
  position: relative;
}
.b-form__selector .b-icon {
  width: 0.625rem;
  height: 0.625rem;
  fill: #4a5d66;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.b-form__selector .icon-spinner01 {
  display: none;
  transform: none;
  margin-top: -0.3125rem;
}
.b-form__selector .icon-arrow-down,
.b-form__selector .icon-triangle-down {
  display: block;
}
.b-form__selector .icon-triangle-down {
  width: 0.5rem;
  height: 0.5rem;
}
.b-form__selector--working .b-form__select {
  cursor: wait;
}
.b-form__selector--working .icon-spinner01 {
  display: block;
  animation: animate-spinner 0.6s linear infinite;
}
.b-form__selector--working .icon-arrow-down,
.b-form__selector--working .icon-triangle-down {
  display: none;
}
.b-form__selector--medium .b-form__select {
  padding: 0.5625rem 1.375rem 0.5625rem 0.6875rem;
}
@media only screen and (min-width : 800px) {
  .b-form__selector:hover .b-icon {
    fill: #26a3bd;
  }
}

.b-form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  display: block;
  width: 100%;
  padding-right: 1.75rem;
  cursor: pointer;
  color: #2c373d;
  overflow: hidden;
}
@media only screen and (min-width : 800px) {
  .b-form__select:hover {
    border-color: #4a5d66;
  }
  .b-form__select:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__select {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-form__select:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-form__select:focus ~ .b-icon {
  fill: #1e8094;
}
.b-form__select:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-form__select:active ~ .b-icon {
  fill: #007ebd;
}
.b-form__select:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-form__select:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-form__select--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-form__select--warning, .b-form__select--warning:focus, .b-form__select--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-form__select--warning:hover, .b-form__select--warning:focus:hover, .b-form__select--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-form__select--critical, .b-form__select--critical:focus, .b-form__select--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-form__select--critical:hover, .b-form__select--critical:focus:hover, .b-form__select--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__select {
    padding-right: 1.75rem;
  }
}

.b-form__checkbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.1875rem 0;
  cursor: pointer;
}
.b-form__checkbox.divider {
  border-top: 1px solid #e1e6e9;
  padding-top: 0.5625rem;
  margin-top: 0.5625rem;
}
@media only screen and (min-width : 800px) {
  .b-form__checkbox:hover {
    color: #1e8094;
  }
  .b-form__checkbox:hover .b-form__checkboxDisplay {
    border-color: #4a5d66;
  }
  .b-form__checkbox:hover .b-form__counterCount {
    color: #007ebd;
  }
  .b-form__checkbox:hover .b-form__checkboxInput:disabled + .b-form__checkboxDisplay {
    cursor: not-allowed;
    border-color: #e1e6e9;
  }
}
.b-form__checkboxInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: -10;
  opacity: 0;
}
.b-form__checkboxDisplay {
  border: 0.0625rem solid #a4b4bc;
  border-radius: 0.1875rem;
  background: white;
  position: relative;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
  display: block;
  padding: 0;
  width: auto;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-form__checkboxDisplay:after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.625rem;
  height: 0.625rem;
  opacity: 0;
  background: white;
  display: block;
  border-radius: 0.125rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-form__checkbox--selector {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
}
.b-form__checkboxInput:checked + .b-form__checkboxDisplay:after, .b-form__checkbox--checked .b-form__checkboxDisplay:after, .o-timeCardEntry--selected .o-timeCardEntry__selector .b-form__checkboxDisplay:after, .o-timeCardHeader--selected .o-timeCardHeader__selector .b-form__checkboxDisplay:after, .b-headerBlock--selected .b-form__checkbox .b-form__checkboxDisplay:after {
  opacity: 1;
  background: #26a3bd;
}
.b-form__checkboxInput:focus + .b-form__checkboxDisplay {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
  border-color: #26a3bd;
}
.b-form__checkboxInput:disabled + .b-form__checkboxDisplay {
  background: #e1e6e9;
  border-color: #e1e6e9;
  cursor: not-allowed;
}

.b-form__radio {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.25rem 0;
  cursor: pointer;
  /*&Input:disabled + .b-form__radioDisplay {
    border-color: $ui-feint !important;
    background: $ui-feint !important;

    cursor: no-drop !important;

    &:hover {
      border-color: $ui-feint !important;
      background: $ui-feint !important;
    }
  }

  &Input:checked:disabled + .b-form__radioDisplay {
    border-color: $copy-3;
  }

  &Input:disabled + .b-form__radio {
    cursor: no-drop !important;
    color: $copy-3;
  }*/
}
@media only screen and (min-width : 800px) {
  .b-form__radio:hover {
    color: #1e8094;
  }
  .b-form__radio:hover .b-form__radioDisplay {
    border-color: #1e8094;
  }
  .b-form__radio:hover .b-form__radioDisplay:after {
    opacity: 1;
    background: #26a3bd;
  }
  .b-form__radio:hover .b-form__counterCount {
    color: #1e8094;
  }
}
.b-form__radioInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: -10;
  opacity: 0;
}
.b-form__radioDisplay {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  display: block;
  border-radius: 1rem;
  padding: 0;
  margin-right: 0.5rem;
}
@media only screen and (min-width : 800px) {
  .b-form__radioDisplay:hover {
    border-color: #4a5d66;
  }
  .b-form__radioDisplay:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__radioDisplay {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-form__radioDisplay:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-form__radioDisplay:focus ~ .b-icon {
  fill: #1e8094;
}
.b-form__radioDisplay:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-form__radioDisplay:active ~ .b-icon {
  fill: #007ebd;
}
.b-form__radioDisplay:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-form__radioDisplay:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-form__radioDisplay--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-form__radioDisplay--warning, .b-form__radioDisplay--warning:focus, .b-form__radioDisplay--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-form__radioDisplay--warning:hover, .b-form__radioDisplay--warning:focus:hover, .b-form__radioDisplay--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-form__radioDisplay--critical, .b-form__radioDisplay--critical:focus, .b-form__radioDisplay--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-form__radioDisplay--critical:hover, .b-form__radioDisplay--critical:focus:hover, .b-form__radioDisplay--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-form__radioDisplay {
    padding: 0;
  }
}
.b-form__radioDisplay:after {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 0.25rem;
  height: 0.25rem;
  opacity: 0;
  background: white;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0.625rem;
}
.b-form__radioInput:focus + .b-form__radioDisplay {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
  border-color: #26a3bd;
}
.b-form__radioInput:checked + .b-form__radioDisplay, .b-form__radio--checked .b-form__radioDisplay {
  border-color: #4a5d66;
}
.b-form__radioInput:checked + .b-form__radioDisplay:after, .b-form__radio--checked .b-form__radioDisplay:after {
  opacity: 1;
  background: #4a5d66;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.1875rem;
  left: 0.1875rem;
}
@media only screen and (min-width : 800px) {
  .b-form__radioInput:checked + .b-form__radioDisplay:hover, .b-form__radio--checked .b-form__radioDisplay:hover {
    border-color: #1e8094;
    background: #1e8094;
  }
  .b-form__radioInput:checked + .b-form__radioDisplay:hover:after, .b-form__radio--checked .b-form__radioDisplay:hover:after {
    opacity: 1;
    background: white;
  }
}
.b-form__radio--disabled {
  cursor: not-allowed;
  color: #68828f;
}
.b-form__radio--disabled:hover {
  cursor: not-allowed;
  color: #68828f;
}
.b-form__radio--disabled:hover .b-form__radioDisplay {
  border-color: rgba(0, 0, 0, 0.08);
}
.b-form__radio--disabled:hover .b-form__radioDisplay:after {
  opacity: 0;
}
.b-form__radioInput:checked:disabled + .b-form__radioDisplay {
  border-color: #a4b4bc;
}
.b-form__radioInput:checked:disabled + .b-form__radioDisplay:after {
  opacity: 1;
  background: #a4b4bc;
}
.b-form__radioInput:checked:disabled + .b-form__radioDisplay:hover {
  background: #f0f2f4;
}
.b-form__radioName {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.b-form__toggler {
  display: block;
  padding: 0.25rem 0.5rem 0.25rem 0;
}
.b-form__togglerInput {
  display: none;
}
.b-form__togglerDisplay {
  display: block;
  width: 2.5rem;
  height: 1.25rem;
  border-radius: 2.5rem;
  background: #e1e6e9;
  position: relative;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-form__togglerDisplay:hover {
    background: #4a5d66;
  }
}
.b-form__togglerSwitch {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  background: white;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
}
.b-form__togglerSwitch .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #26a3bd;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(2px, 2px);
}
.b-form__togglerInput:disabled + .b-form__togglerDisplay {
  cursor: not-allowed;
  opacity: 0.4;
}
.b-form__togglerInput:disabled + .b-form__togglerDisplay .b-form__togglerSwitch {
  opacity: 0;
}
.b-form__togglerInput:checked + .b-form__togglerDisplay {
  background: #26a3bd;
}
.b-form__togglerInput:checked + .b-form__togglerDisplay .b-form__togglerSwitch {
  transform: translateX(1.25rem);
}
.b-form__togglerInput:checked + .b-form__togglerDisplay .b-form__togglerSwitch .icon-checkmark {
  opacity: 1;
}
.b-form__togglerInput:checked:disabled + .b-form__togglerDisplay {
  background: #26a3bd;
  cursor: not-allowed;
}
.b-form__togglerInput:checked:disabled + .b-form__togglerDisplay .b-form__togglerSwitch {
  transform: translateX(1.25rem);
  opacity: 1;
}
.b-form__togglerInput:checked:disabled + .b-form__togglerDisplay .b-form__togglerSwitch .icon-checkmark {
  opacity: 1;
}

.b-specialInput {
  display: block;
}
.b-specialInput__display {
  display: block;
  position: relative;
}
.b-specialInput__display:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #4a5d66;
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.b-specialInput__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  max-width: 5rem;
  padding-left: 1.1875rem;
}
@media only screen and (min-width : 800px) {
  .b-specialInput__input:hover {
    border-color: #4a5d66;
  }
  .b-specialInput__input:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-specialInput__input {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-specialInput__input:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-specialInput__input:focus ~ .b-icon {
  fill: #1e8094;
}
.b-specialInput__input:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-specialInput__input:active ~ .b-icon {
  fill: #007ebd;
}
.b-specialInput__input:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-specialInput__input:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-specialInput__input--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-specialInput__input--warning, .b-specialInput__input--warning:focus, .b-specialInput__input--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-specialInput__input--warning:hover, .b-specialInput__input--warning:focus:hover, .b-specialInput__input--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-specialInput__input--critical, .b-specialInput__input--critical:focus, .b-specialInput__input--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-specialInput__input--critical:hover, .b-specialInput__input--critical:focus:hover, .b-specialInput__input--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-specialInput__input {
    padding-left: 1.1875rem;
  }
}
.b-specialInput .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  fill: #4a5d66;
}
.b-specialInput__input {
  padding-left: 1.4375rem;
}

.b-currencyInput {
  display: block;
}
.b-currencyInput__display {
  display: block;
  position: relative;
}
.b-currencyInput__display:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #4a5d66;
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.b-currencyInput__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  max-width: 5rem;
  padding-left: 1.1875rem;
}
@media only screen and (min-width : 800px) {
  .b-currencyInput__input:hover {
    border-color: #4a5d66;
  }
  .b-currencyInput__input:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-currencyInput__input {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-currencyInput__input:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-currencyInput__input:focus ~ .b-icon {
  fill: #1e8094;
}
.b-currencyInput__input:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-currencyInput__input:active ~ .b-icon {
  fill: #007ebd;
}
.b-currencyInput__input:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-currencyInput__input:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-currencyInput__input--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-currencyInput__input--warning, .b-currencyInput__input--warning:focus, .b-currencyInput__input--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-currencyInput__input--warning:hover, .b-currencyInput__input--warning:focus:hover, .b-currencyInput__input--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-currencyInput__input--critical, .b-currencyInput__input--critical:focus, .b-currencyInput__input--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-currencyInput__input--critical:hover, .b-currencyInput__input--critical:focus:hover, .b-currencyInput__input--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-currencyInput__input {
    padding-left: 1.1875rem;
  }
}
.b-currencyInput__display:after {
  content: "$";
}

.b-multiplierInput {
  display: block;
}
.b-multiplierInput__display {
  display: block;
  position: relative;
}
.b-multiplierInput__display:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #4a5d66;
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.b-multiplierInput__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  max-width: 5rem;
  padding-left: 1.1875rem;
}
@media only screen and (min-width : 800px) {
  .b-multiplierInput__input:hover {
    border-color: #4a5d66;
  }
  .b-multiplierInput__input:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .b-multiplierInput__input {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.b-multiplierInput__input:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.b-multiplierInput__input:focus ~ .b-icon {
  fill: #1e8094;
}
.b-multiplierInput__input:active {
  border-color: #007ebd;
  background: #f0faff;
}
.b-multiplierInput__input:active ~ .b-icon {
  fill: #007ebd;
}
.b-multiplierInput__input:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-multiplierInput__input:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.b-multiplierInput__input--medium {
  padding: 0.5625rem 0.6875rem;
}
.b-multiplierInput__input--warning, .b-multiplierInput__input--warning:focus, .b-multiplierInput__input--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .b-multiplierInput__input--warning:hover, .b-multiplierInput__input--warning:focus:hover, .b-multiplierInput__input--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.b-multiplierInput__input--critical, .b-multiplierInput__input--critical:focus, .b-multiplierInput__input--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .b-multiplierInput__input--critical:hover, .b-multiplierInput__input--critical:focus:hover, .b-multiplierInput__input--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .b-multiplierInput__input {
    padding-left: 1.1875rem;
  }
}
.b-multiplierInput__display:after {
  content: "\D7";
  font-weight: bold;
}

.b-form__inline {
  display: inline-block;
  margin-right: 1.5rem;
  position: relative;
}
.b-form__inline:after {
  position: absolute;
  content: "";
  top: 0;
  left: -0.25rem;
  right: -0.25rem;
  bottom: 0;
  border: 0.0625rem solid transparent;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: -1;
}
.b-form__inlineTextInput {
  display: block;
  padding: 0;
  border: 0;
  width: calc(100% - 64px);
}
.b-form__inlineDisplay {
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-form__inlineSaveBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  font-weight: bold;
  border-radius: 0 0.1875rem 0.1875rem 0;
}
.b-form__inlineSaveBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-form__inlineSaveBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-form__inlineSaveBtn:hover:after {
    opacity: 1;
  }
}
.b-form__inlineSaveBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-form__inlineSaveBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-form__inlineSaveBtn:active:after {
  content: none;
}
.b-form__inlineSaveBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-form__inlineSaveBtn:disabled:hover {
    box-shadow: none;
  }
  .b-form__inlineSaveBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-form__inlineSaveBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-form__inlineSaveBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-form__inlineSaveBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.b-form__inlineSaveBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-form__inlineSaveBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-form__inlineSaveBtn--critical {
  background: #e54040;
}
.b-form__inlineSaveBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-form__inlineSaveBtn--critical:hover {
    background: #e54040;
  }
  .b-form__inlineSaveBtn--critical:hover:after {
    opacity: 1;
  }
}
.b-form__inlineSaveBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-form__inlineSaveBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-form__inlineSaveBtn--working {
  position: relative;
}
.b-form__inlineSaveBtn--working .b-button__label,
.b-form__inlineSaveBtn--working .b-button__icon {
  visibility: hidden;
}
.b-form__inlineSaveBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-form__inlineSaveBtn--working:after {
  opacity: 1;
}
.b-form__inlineSaveBtn--working:disabled {
  opacity: 1;
}
@media print {
  .b-form__inlineSaveBtn {
    display: none;
  }
}
.b-form__inlineSaveBtn--working {
  position: absolute;
}
.b-form__inline .b-icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.5rem;
}
@media only screen and (min-width : 800px) {
  .b-form__inline:hover .b-form__inlineDisplay {
    color: #1e8094;
  }
  .b-form__inline:hover:after {
    border-color: rgba(0, 0, 0, 0.16);
  }
  .b-form__inline:hover .b-icon {
    cursor: pointer;
    fill: #26a3bd;
  }
}
.b-form__inline--editMode {
  width: 100%;
}
.b-form__inline--editMode:after {
  border-color: #00eaff;
  background: #f0f9fa;
  right: 3.5rem;
  border-right: 0;
}
.b-form__inline--editMode .b-icon {
  display: none;
}
.b-form__inline--critical:after:after {
  border-color: #e54040;
}

.b-dotLoader {
  display: inline-block;
  min-width: 1rem;
}
.b-dotLoader:before {
  animation-duration: 1s;
  animation-name: loading-dots;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  content: "";
  text-align: center;
}

@keyframes loading-dots {
  0% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
  100% {
    content: "";
  }
}
.b-spinLoader {
  width: 1rem;
  height: 1rem;
  animation-duration: 1s;
  animation-name: animate-spinner;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.b-spinLoader .b-icon {
  width: 1rem;
  height: 1rem;
}

.b-convoLoader {
  display: inline-block;
}
.b-convoLoader:before {
  animation-duration: 25s;
  animation-name: loading-script;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  content: "Loading.";
  text-align: center;
}
.b-convoLoader\(1\):before {
  animation-delay: -2.5s;
}
.b-convoLoader\(2\):before {
  animation-delay: -5s;
}
.b-convoLoader\(3\):before {
  animation-delay: -7.5s;
}
.b-convoLoader\(4\):before {
  animation-delay: -10s;
}
.b-convoLoader\(5\):before {
  animation-delay: -10.25s;
}
.b-convoLoader\(6\):before {
  animation-delay: -15s;
}
.b-convoLoader\(7\):before {
  animation-delay: -17.5s;
}
.b-convoLoader\(8\):before {
  animation-delay: -20s;
}
.b-convoLoader\(9\):before {
  animation-delay: -22.5s;
}

@keyframes loading-script {
  0% {
    content: "Coming right up.";
  }
  10% {
    content: "Beep. Boop. Beep.";
  }
  20% {
    content: "Know any good jokes?";
  }
  30% {
    content: "Two coordinators walk into a bar...";
  }
  40% {
    content: "Almost there...";
  }
  50% {
    content: "Are you waiting for me or am I waiting for you?";
  }
  60% {
    content: "I'm a doctor, not a Staff Management Platform!";
  }
  70% {
    content: "Processing data...";
  }
  80% {
    content: "This has been my pleasure.";
  }
  90% {
    content: "Okay. Any moment now...";
  }
}
.b-feedback {
  padding: 0.25rem 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #fffbed;
  color: #ffc400;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
}
.b-feedback .b-icon {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin-right: 0.5rem;
  fill: #68828f;
}
.b-feedback--tip {
  background-color: #f0f9fa;
  color: #1e8094;
}
.b-feedback--tip .b-icon {
  fill: #26a3bd;
}
.b-feedback--warning {
  background-color: #fff9f2;
  color: #ff9100;
}
.b-feedback--warning .b-icon {
  fill: #ff9100;
}
.b-feedback--critical {
  background-color: #fdf2f2;
  color: #e54040;
}
.b-feedback--critical .b-icon {
  fill: #e54040;
}
.b-feedback--critical-inverted {
  background-color: #e54040;
  color: white;
}
.b-feedback--critical-inverted .b-icon {
  fill: white;
}
.b-feedback--simple {
  padding: 0.25rem 0;
  background: none;
}
.b-feedback--hide {
  display: none;
}
.b-feedback--rounded {
  border-radius: 0.625rem;
}
.b-feedback--notice-text {
  color: #8f6e00;
}
.b-feedback--compact {
  padding: 0.5rem 0;
}

.b-icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  fill: #68828f;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
}

.icon-options {
  width: 1.25rem;
  height: 1.125rem;
}

.b-iconBox--critical .b-icon {
  fill: #e54040;
}
.b-iconBox--confirmed .b-icon {
  fill: #15a83a;
}

.b-donutChart__base {
  stroke-width: 4;
  stroke: rgba(225, 230, 233, 0.8);
}
.b-donutChart__main {
  stroke-width: 8;
  stroke: #15a83a;
  transition: stroke-dasharray 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 1s;
}

.b-statSet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.b-statSet .b-statDisplay {
  margin: 0 0.25rem;
  padding: 0.75rem 0 0.75rem;
  -webkit-flex-basis: 5rem;
  -moz-flex-basis: 5rem;
  -ms-flex-preferred-size: 5rem;
  flex-basis: 5rem;
}

.b-statDisplay {
  color: #4a5d66;
}
.b-statDisplay__name {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
}

.b-tag {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 500;
  color: #2c373d;
  padding: 0 0.4375rem;
  margin: 0.125rem 0.1875rem 0.125rem 0;
  border: 0.0625rem solid transparent;
  display: inline-block;
}
.b-tag:last-child {
  margin-right: 0;
}
.b-tag--critical {
  background: #e54040;
  color: white;
  border-color: transparent;
}
.b-tag--criticalText {
  background: #fdf2f2;
  color: #e54040;
}
.b-tag--warning {
  background: #ff9100;
  color: white;
}
.b-tag--attention {
  background: #ffc400;
  color: white;
  border-color: transparent;
}
.b-tag--match {
  background: #1e8094;
  color: white;
  border-color: transparent;
}
.b-tag--confirmed {
  background: #15a83a;
  color: white;
  border-color: transparent;
}
.b-tag--available {
  background: #0099e5;
  color: white;
}
.b-tag--signal\(1\) {
  background: #a96add;
  color: white;
  border-color: transparent;
}
.b-tag--signal\(2\) {
  background: #d08717;
  color: white;
  border-color: transparent;
}
.b-tag--signal\(3\) {
  background: #2c88b0;
  color: white;
  border-color: transparent;
}
.b-tag--signal\(4\) {
  background: #ff94ec;
  color: white;
  border-color: transparent;
}
.b-tag--signal\(5\) {
  background: #93c744;
  color: white;
  border-color: transparent;
}
.b-tag--signal\(6\) {
  background: #0099e5;
  color: white;
  border-color: transparent;
}
.b-tag--noStack {
  margin-top: 0;
  margin-bottom: 0;
}
.b-tag--boxy {
  border-radius: 0.1875rem;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem 0.25rem 0.25rem 0;
}

.b-toggleTag {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 500;
  color: #2c373d;
  padding: 0 0.4375rem;
  margin: 0.125rem 0.1875rem 0.125rem 0;
  border: 0.0625rem solid transparent;
  display: inline-block;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 1;
}
.b-toggleTag:last-child {
  margin-right: 0;
}
.b-toggleTag--critical {
  background: #e54040;
  color: white;
  border-color: transparent;
}
.b-toggleTag--criticalText {
  background: #fdf2f2;
  color: #e54040;
}
.b-toggleTag--warning {
  background: #ff9100;
  color: white;
}
.b-toggleTag--attention {
  background: #ffc400;
  color: white;
  border-color: transparent;
}
.b-toggleTag--match {
  background: #1e8094;
  color: white;
  border-color: transparent;
}
.b-toggleTag--confirmed {
  background: #15a83a;
  color: white;
  border-color: transparent;
}
.b-toggleTag--available {
  background: #0099e5;
  color: white;
}
.b-toggleTag--signal\(1\) {
  background: #a96add;
  color: white;
  border-color: transparent;
}
.b-toggleTag--signal\(2\) {
  background: #d08717;
  color: white;
  border-color: transparent;
}
.b-toggleTag--signal\(3\) {
  background: #2c88b0;
  color: white;
  border-color: transparent;
}
.b-toggleTag--signal\(4\) {
  background: #ff94ec;
  color: white;
  border-color: transparent;
}
.b-toggleTag--signal\(5\) {
  background: #93c744;
  color: white;
  border-color: transparent;
}
.b-toggleTag--signal\(6\) {
  background: #0099e5;
  color: white;
  border-color: transparent;
}
.b-toggleTag--noStack {
  margin-top: 0;
  margin-bottom: 0;
}
.b-toggleTag:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 1.25rem;
  position: absolute;
  z-index: -1;
  content: "";
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-toggleTag--critical {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--critical:before {
  background: #e54040;
}
.b-toggleTag--confirmed {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--confirmed:before {
  background: #15a83a;
}
.b-toggleTag--warning {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--warning:before {
  background: #ff9100;
}
.b-toggleTag--signal\(0\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(0\):before {
  background: #4a5d66;
}
.b-toggleTag--signal\(1\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(1\):before {
  background: #a96add;
}
.b-toggleTag--signal\(2\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(2\):before {
  background: #d08717;
}
.b-toggleTag--signal\(3\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(3\):before {
  background: #2c88b0;
}
.b-toggleTag--signal\(4\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(4\):before {
  background: #ff94ec;
}
.b-toggleTag--signal\(5\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(5\):before {
  background: #93c744;
}
.b-toggleTag--signal\(6\) {
  background: rgba(0, 0, 0, 0);
  color: white;
}
.b-toggleTag--signal\(6\):before {
  background: #0099e5;
}
.b-toggleTag--off {
  color: #4a5d66;
  background: rgba(0, 0, 0, 0.04);
}
.b-toggleTag--off:before {
  opacity: 0;
}
@media only screen and (min-width : 800px) {
  .b-toggleTag--off:hover {
    background: rgba(0, 0, 0, 0);
  }
  .b-toggleTag--off:hover:before {
    opacity: 0.2;
  }
}
.b-toggleTag:disabled {
  cursor: not-allowed;
}

.b-hours {
  padding: 0 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.b-hours--warning {
  background: #ffc400;
  font-weight: 600;
}
.b-hours--critical {
  color: white;
  background: #e54040;
  font-weight: 600;
}

.b-sortable {
  position: relative;
  color: #4a5d66;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.b-sortable:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -6px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.1875rem 0.25rem 0.1875rem;
  border-color: transparent transparent #e1e6e9 transparent;
  transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-sortable:hover {
    color: #1e8094;
  }
  .b-sortable:hover:before {
    border-color: transparent transparent #26a3bd transparent;
  }
}
.b-sortable--sortUp {
  font-weight: bold;
  color: #4a5d66;
}
.b-sortable--sortUp:before {
  border-color: transparent transparent #4a5d66 transparent;
}
.b-sortable--sortDown {
  font-weight: bold;
  color: #4a5d66;
}
.b-sortable--sortDown:before {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 6px);
  border-width: 0.25rem 0.1875rem 0 0.1875rem;
  border-color: #4a5d66 transparent transparent transparent;
}
@media only screen and (min-width : 800px) {
  .b-sortable--sortDown:hover:before {
    border-color: #26a3bd transparent transparent transparent;
  }
}

.b-toolTip {
  position: relative;
  z-index: 10;
}
.b-toolTip:after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 50;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, -8px, 0);
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: white;
  pointer-events: none;
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  text-align: center;
  min-width: 5.5rem;
  display: none;
}
.b-toolTip--TL:after {
  left: 0;
  transform: translate3d(0, -8px, 0);
}
.b-toolTip--TR:after {
  left: auto;
  right: 0;
  transform: translate3d(0, -8px, 0);
}
.b-toolTip--TB:after {
  bottom: unset;
  top: 200%;
}
@media only screen and (min-width : 800px) {
  .b-toolTip:hover:after {
    display: block;
  }
}

.b-helpTip {
  position: relative;
}
@media only screen and (min-width : 800px) {
  .b-helpTip:hover {
    background: #f0f9fa;
  }
  .b-helpTip:hover .b-helpTip__tip {
    display: block;
  }
}
.b-helpTip__tip {
  position: absolute;
  background: #2c373d;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  text-align: center;
  color: white;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.1875rem;
  z-index: 10;
  pointer-events: none;
  display: none;
}
.b-helpTip--T .b-helpTip__tip {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.b-helpTip--TL .b-helpTip__tip {
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.b-helpTip--TR .b-helpTip__tip {
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5rem;
}

.b-fancyTip {
  position: relative;
  z-index: 10;
}
.b-fancyTip__display {
  position: absolute;
  z-index: 50;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, -8px, 0);
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: white;
  pointer-events: none;
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  text-align: center;
  min-width: 5.5rem;
  display: none;
}
.b-fancyTip__list {
  text-align: left;
}
.b-fancyTip__li {
  display: block;
  margin: 0.25rem 0;
  padding: 0 0 0 0.5rem;
  position: relative;
}
.b-fancyTip__li:before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0.1875rem;
  background: #00eaff;
}
.b-fancyTip__li--critical:before {
  background: #e54040;
}
.b-fancyTip:hover .b-fancyTip__display {
  display: block;
}

.b-list {
  margin: 0.5rem 1.25rem;
}
.b-list__item {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0.25rem 0;
}

.b-numList {
  counter-reset: num-list;
}
.b-numList__item {
  counter-increment: num-list;
  margin: 1em 0;
  padding: 0 0 0 2em;
  position: relative;
}
.b-numList__item:last-child {
  margin-bottom: 0;
}
.b-numList__item:before {
  content: counter(num-list);
  position: absolute;
  top: 0;
  left: 0;
  color: #4a5d66;
}

.b-bulletList {
  margin: 0;
}
.b-bulletList__item {
  margin: 0 0 0.5rem;
  padding: 0 0 0 0.75rem;
  list-style: none;
  position: relative;
}
.b-bulletList__item:last-child {
  margin-bottom: 0;
}
.b-bulletList__item:after {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  background: #26a3bd;
  border-radius: 0.625rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
}

.b-mainView {
  background: #e6eaed;
  margin-left: 3rem;
  min-height: 100vh;
  padding-bottom: 1.5rem;
}
.b-mainView--white {
  background: white;
  min-height: 100vh;
}
.b-mainView--feint {
  background: #f0f2f4;
  min-height: 100vh;
}
.b-mainView--sideBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.b-mainView--ottoSideBar {
  padding-right: 4rem;
}
.b-mainView--chatSideBar {
  padding-right: 4rem;
}
.b-mainView--enableAnnouncementsHistory {
  padding-right: 4rem;
}
.b-mainView--ottoSideBarExpanded {
  margin-right: 464px;
}
.b-mainView--minTablet {
  min-width: 36.25rem;
}
.b-mainView--minDesktop {
  min-width: 56.25rem;
}
.b-mainView--hasModal {
  position: relative;
}
.b-mainView--hasModal:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0099e5;
  opacity: 0.8;
  content: "";
  z-index: 5999;
}
@media print {
  .b-mainView {
    margin-left: 0;
    padding-right: 0;
  }
}

.b-sideBarBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: calc(100vh - 48px);
  height: auto;
}

.b-sideBar {
  width: 100%;
  max-width: 15rem;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
  overflow-y: auto;
}

.b-button, .b-circleBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 2.5rem;
  margin-right: 0.25rem;
}
.b-button:after, .b-circleBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-button:hover, .b-circleBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-button:hover:after, .b-circleBtn:hover:after {
    opacity: 1;
  }
}
.b-button:focus, .b-circleBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-button:active, .b-circleBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-button:active:after, .b-circleBtn:active:after {
  content: none;
}
.b-button:disabled, .b-circleBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-button:disabled:hover, .b-circleBtn:disabled:hover {
    box-shadow: none;
  }
  .b-button:disabled:hover:after, .b-circleBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-button__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-button__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-button--small {
  min-height: 2rem;
  min-width: initial;
}
.b-button--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-button--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-button--critical {
  background: #e54040;
}
.b-button--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-button--critical:hover {
    background: #e54040;
  }
  .b-button--critical:hover:after {
    opacity: 1;
  }
}
.b-button--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-button--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-button--working {
  position: relative;
}
.b-button--working .b-button__label,
.b-button--working .b-button__icon {
  visibility: hidden;
}
.b-button--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-button--working:after {
  opacity: 1;
}
.b-button--working:disabled {
  opacity: 1;
}
@media print {
  .b-button, .b-circleBtn {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .b-button, .b-circleBtn {
    min-height: 2rem;
  }
}
.b-button:last-child, .b-circleBtn:last-child {
  margin-right: 0;
}
@media only screen and (min-width : 640px) {
  .b-button, .b-circleBtn {
    min-width: 5rem;
  }
}
.b-button__icon {
  margin-right: 0.375rem;
  width: 1rem;
  height: 1rem;
  display: block;
}
.b-button__icon:last-child {
  margin-right: 0;
}
.b-button__icon .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: white;
}
.b-button__icon--size10 {
  width: 0.625rem;
  height: 0.625rem;
}
.b-button__icon--size10 .b-icon {
  width: 0.625rem;
  height: 0.625rem;
}
.b-button__icon--size12 {
  width: 0.75rem;
  height: 0.75rem;
}
.b-button__icon--size12 .b-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.b-button--small {
  min-height: 1.5rem;
  padding: 0.125rem 0.4375rem;
  margin-right: 0.125rem;
}
.b-button--small:last-child {
  margin-right: 0;
}
.b-button--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
}
.b-button--large {
  min-height: 2.5rem;
}
.b-button--large .b-button__label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-button--large {
    min-height: 2.5rem;
  }
}
.b-button--warning {
  background: #ff9100;
}
.b-button--primary {
  background: #0099e5;
}

.b-altBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 2.5rem;
  margin-right: 0.25rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  background: white;
  color: #26a3bd;
  font-weight: bold;
}
.b-altBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-altBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-altBtn:hover:after {
    opacity: 1;
  }
}
.b-altBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-altBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-altBtn:active:after {
  content: none;
}
.b-altBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-altBtn:disabled:hover {
    box-shadow: none;
  }
  .b-altBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-altBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-altBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-altBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.b-altBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-altBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-altBtn--critical {
  background: #e54040;
}
.b-altBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-altBtn--critical:hover {
    background: #e54040;
  }
  .b-altBtn--critical:hover:after {
    opacity: 1;
  }
}
.b-altBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-altBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-altBtn--working {
  position: relative;
}
.b-altBtn--working .b-button__label,
.b-altBtn--working .b-button__icon {
  visibility: hidden;
}
.b-altBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-altBtn--working:after {
  opacity: 1;
}
.b-altBtn--working:disabled {
  opacity: 1;
}
@media print {
  .b-altBtn {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .b-altBtn {
    min-height: 2rem;
  }
}
.b-altBtn:last-child {
  margin-right: 0;
}
.b-altBtn .b-icon {
  fill: #26a3bd;
}
.b-altBtn:after {
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
@media only screen and (min-width : 800px) {
  .b-altBtn:hover .b-icon {
    fill: white;
  }
}
.b-altBtn--small {
  margin-right: 0.125rem;
  min-height: 1.5rem;
  padding: 0.0625rem 0.4375rem;
}
.b-altBtn--small:last-child {
  margin-right: 0;
}
.b-altBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
  font-weight: bold;
}

.b-invisBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 2.5rem;
  background: none;
  color: #2c373d;
}
.b-invisBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-invisBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-invisBtn:hover:after {
    opacity: 1;
  }
}
.b-invisBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-invisBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-invisBtn:active:after {
  content: none;
}
.b-invisBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-invisBtn:disabled:hover {
    box-shadow: none;
  }
  .b-invisBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-invisBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-invisBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-invisBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.b-invisBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-invisBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-invisBtn--critical {
  background: #e54040;
}
.b-invisBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-invisBtn--critical:hover {
    background: #e54040;
  }
  .b-invisBtn--critical:hover:after {
    opacity: 1;
  }
}
.b-invisBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-invisBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-invisBtn--working {
  position: relative;
}
.b-invisBtn--working .b-button__label,
.b-invisBtn--working .b-button__icon {
  visibility: hidden;
}
.b-invisBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-invisBtn--working:after {
  opacity: 1;
}
.b-invisBtn--working:disabled {
  opacity: 1;
}
@media print {
  .b-invisBtn {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .b-invisBtn {
    min-height: 2rem;
  }
}
.b-invisBtn .b-icon {
  fill: #4a5d66;
}
@media only screen and (min-width : 800px) {
  .b-invisBtn:hover {
    color: white;
  }
  .b-invisBtn:hover .b-icon {
    fill: white;
  }
}

.b-iconBtn, .b-iconBtn__expander {
  min-width: 1.5rem;
  min-height: 1.75rem;
  padding: 0.5rem 0.375rem;
  margin-right: 0.5rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-iconBtn:last-child, .b-iconBtn__expander:last-child {
  margin-right: 0;
}
.b-iconBtn .b-icon, .b-iconBtn__expander .b-icon {
  fill: #a4b4bc;
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-iconBtn:hover .b-icon, .b-iconBtn__expander:hover .b-icon {
    fill: #26a3bd;
  }
}
.b-iconBtn__expander--expanded {
  transform: rotate(180deg);
}
.b-iconBtn--16 {
  min-width: 2rem;
  min-height: 2rem;
  padding: 0.5rem;
}
.b-iconBtn--16 .b-icon {
  width: 1rem;
  height: 1rem;
}
.b-iconBtn--multi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-iconBtn--archive {
  border-radius: 0.125rem;
  min-width: 2.5rem;
}
.b-iconBtn--archive .b-icon {
  fill: #ff9100;
}
.b-iconBtn--archive .icon-box {
  width: 1rem;
  height: 1rem;
}
.b-iconBtn--archive .icon-arrow-back {
  display: none;
}
.b-iconBtn--archive .icon-arrow-forward {
  display: block;
}
@media only screen and (min-width : 800px) {
  .b-iconBtn--archive:hover {
    background: #ff9100;
  }
  .b-iconBtn--archive:hover .b-icon {
    fill: white;
  }
}
.b-iconBtn--unarchive {
  border-radius: 0.125rem;
  min-width: 2.5rem;
}
.b-iconBtn--unarchive .b-icon {
  fill: #ff9100;
}
.b-iconBtn--unarchive .icon-box {
  width: 1rem;
  height: 1rem;
}
.b-iconBtn--unarchive .icon-arrow-back {
  display: block;
}
.b-iconBtn--unarchive .icon-arrow-forward {
  display: none;
}
@media only screen and (min-width : 800px) {
  .b-iconBtn--unarchive:hover {
    background: #ff9100;
  }
  .b-iconBtn--unarchive:hover .b-icon {
    fill: white;
  }
}
.b-iconBtn--action {
  border-radius: 0.1875rem;
}
.b-iconBtn--action .b-icon {
  fill: #1e8094;
}
@media only screen and (min-width : 800px) {
  .b-iconBtn--action:hover {
    background: #26a3bd;
  }
  .b-iconBtn--action:hover .b-icon {
    fill: white;
  }
}

.b-borderBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  border: 0.0625rem solid #e1e6e9;
  border-radius: 6.25rem;
  padding: 0.1875rem 0.6875rem;
  color: #1e8094;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-borderBtn:hover {
    background: #26a3bd;
    color: white;
    border-color: #26a3bd;
  }
}
.b-borderBtn__label {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
}

.b-textBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #1e8094;
  background: none;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-textBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-textBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-textBtn:hover:after {
    opacity: 1;
  }
}
.b-textBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-textBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-textBtn:active:after {
  content: none;
}
.b-textBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-textBtn:disabled:hover {
    box-shadow: none;
  }
  .b-textBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-textBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-textBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-textBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.b-textBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-textBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-textBtn--critical {
  background: #e54040;
}
.b-textBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-textBtn--critical:hover {
    background: #e54040;
  }
  .b-textBtn--critical:hover:after {
    opacity: 1;
  }
}
.b-textBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-textBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-textBtn--working {
  position: relative;
}
.b-textBtn--working .b-button__label,
.b-textBtn--working .b-button__icon {
  visibility: hidden;
}
.b-textBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-textBtn--working:after {
  opacity: 1;
}
.b-textBtn--working:disabled {
  opacity: 1;
}
@media print {
  .b-textBtn {
    display: none;
  }
}
.b-textBtn .b-icon {
  fill: #1e8094;
}
@media only screen and (min-width : 800px) {
  .b-textBtn:hover {
    background: #26a3bd;
    color: white;
  }
  .b-textBtn:hover .b-icon {
    fill: white;
  }
}
.b-textBtn--warning {
  color: #ff9100;
}
@media only screen and (min-width : 800px) {
  .b-textBtn--warning:hover {
    background: #ff9100;
    color: white;
  }
}

.b-hollowBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #1e8094;
  background: white;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid #00c6d7;
}
.b-hollowBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-hollowBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .b-hollowBtn:hover:after {
    opacity: 1;
  }
}
.b-hollowBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.b-hollowBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.b-hollowBtn:active:after {
  content: none;
}
.b-hollowBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .b-hollowBtn:disabled:hover {
    box-shadow: none;
  }
  .b-hollowBtn:disabled:hover:after {
    opacity: 0;
  }
}
.b-hollowBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .b-hollowBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.b-hollowBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.b-hollowBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .b-hollowBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.b-hollowBtn--critical {
  background: #e54040;
}
.b-hollowBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .b-hollowBtn--critical:hover {
    background: #e54040;
  }
  .b-hollowBtn--critical:hover:after {
    opacity: 1;
  }
}
.b-hollowBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.b-hollowBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.b-hollowBtn--working {
  position: relative;
}
.b-hollowBtn--working .b-button__label,
.b-hollowBtn--working .b-button__icon {
  visibility: hidden;
}
.b-hollowBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.b-hollowBtn--working:after {
  opacity: 1;
}
.b-hollowBtn--working:disabled {
  opacity: 1;
}
@media print {
  .b-hollowBtn {
    display: none;
  }
}
.b-hollowBtn .b-icon {
  fill: #1e8094;
}
@media only screen and (min-width : 800px) {
  .b-hollowBtn:hover {
    background: #26a3bd;
    color: white;
  }
  .b-hollowBtn:hover .b-icon {
    fill: white;
  }
}
.b-hollowBtn--warning {
  color: #ff9100;
}
@media only screen and (min-width : 800px) {
  .b-hollowBtn--warning:hover {
    background: #ff9100;
    color: white;
  }
}

.b-circleBtn {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  padding: 0;
  position: relative;
}
.b-circleBtn .b-icon {
  width: 0.875rem;
  height: 0.875rem;
  fill: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-circleBtn--confirmed {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0.0625rem solid transparent;
}
.b-circleBtn--confirmed .b-icon {
  fill: #15a83a;
}
@media only screen and (min-width : 800px) {
  .b-circleBtn--confirmed:hover {
    border: 0.0625rem solid #0099e5;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.b-circleBtn--confirmed:active {
  background: #0099e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.b-circleBtn--confirmed:active .b-icon {
  fill: white;
}

.b-textTrigger {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: normal;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 2;
  cursor: pointer;
  color: inherit;
}
.b-textTrigger:after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  bottom: 0;
  left: -0.25rem;
  right: -0.25rem;
  border-radius: 0.1875rem;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-textTrigger:hover {
    color: white;
  }
  .b-textTrigger:hover:after {
    opacity: 1;
  }
}
.b-textTrigger--unset {
  color: #1e8094;
  border-bottom: 0.0625rem dotted #26a3bd;
}
.b-textTrigger--editMode {
  color: #2c373d;
}
.b-textTrigger--editMode:after {
  border: 0.0625rem solid #00eaff;
  background: #f0f9fa;
  opacity: 1;
}
@media only screen and (min-width : 800px) {
  .b-textTrigger--editMode:hover {
    color: #2c373d;
  }
  .b-textTrigger--editMode:hover:after {
    border: 0.0625rem solid #00eaff;
    background: #f0f9fa;
    opacity: 1;
  }
}

.b-link {
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-bottom: 0.0625rem dotted #00eaff;
  color: #1e8094;
}
@media only screen and (min-width : 800px) {
  .b-link:hover {
    color: #007ebd;
  }
}

.b-dateMarker {
  width: 2rem;
  font-size: 0.625rem;
  line-height: 0.875rem;
  text-align: center;
}
.b-dateMarker__month {
  height: 0.875rem;
  position: relative;
  background: #0099e5;
  border-radius: 0.125rem 0.125rem 0 0;
  color: white;
  font-weight: bold;
}
.b-dateMarker__month:after {
  height: 0.0625rem;
  background: #007ebd;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.b-dateMarker__date {
  background: #f0f2f4;
  height: 1.125rem;
  border-radius: 0 0 0.125rem 0.125rem;
  border: 0.0625rem solid #e1e6e9;
  border-top: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: normal;
  color: #4a5d66;
}

.b-statusMarker {
  min-width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  max-height: 1.125rem;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: -0.25rem;
  z-index: 5;
  border: 0.0625rem solid white;
  border-radius: 6.25rem;
}
.b-statusMarker .b-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: white;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.b-statusMarker .icon-checkmark {
  width: 0.5rem;
  height: 0.5rem;
}
.b-statusMarker .icon-exclaim {
  width: 0.625rem;
  height: 0.625rem;
}
.b-statusMarker--confirmed {
  background: #15a83a;
}
.b-statusMarker--critical {
  background: #e54040;
}

.b-statusText {
  padding-left: 0.75rem;
  position: relative;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
}
.b-statusText:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  display: block;
  box-sizing: border-box;
}
.b-statusText .b-icon {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.b-statusText__toolTip {
  position: absolute;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  text-align: center;
  color: #2c373d;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid transparent;
  background: white;
  z-index: 10;
  pointer-events: none;
  display: none;
}
@media only screen and (min-width : 800px) {
  .b-statusText--hasToolTip:hover {
    background: #f0f9fa;
  }
  .b-statusText--hasToolTip:hover .b-statusText__toolTip {
    display: block;
  }
}
.b-statusText.hasToolTip--T .b-statusText__toolTip {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.b-statusText.hasToolTip--TR .b-statusText__toolTip {
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.b-statusText.hasToolTip--TL .b-statusText__toolTip {
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.b-statusText.hasToolTip--B .b-statusText__toolTip {
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: 0.5rem;
}
.b-statusText.hasToolTip--BR .b-statusText__toolTip {
  right: 0;
  top: 100%;
  margin-top: 0.5rem;
}
.b-statusText.hasToolTip--R .b-statusText__toolTip {
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 0.5rem;
}
.b-statusText.hasToolTip--L .b-statusText__toolTip {
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  margin-right: 0.5rem;
}
.b-statusText__trailer {
  font-weight: bold;
  font-style: italic;
}
.b-statusText__marker {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0.0625rem auto 0.125rem;
}
.b-statusText--none {
  padding-left: 0;
}
.b-statusText--none:before {
  content: none;
}
.b-statusText--notAsked {
  display: none;
}
.b-statusText--available:before, .b-statusText--partlyAvailable:before {
  background: #0099e5;
}
.b-statusText--availabilityRequested:before {
  border: 0.125rem solid #0099e5;
}
.b-statusText--unavailable:before {
  background: #e54040;
}
.b-statusText--availabilityDeclined:before {
  background: #e54040;
}
.b-statusText--empty:before {
  border-radius: 50%;
  border: 0.125rem solid #808080;
}
.b-statusText--empty .b-statusText__toolTip {
  border-color: #808080;
}
.b-statusText--empty .b-statusText__marker {
  background: none;
  border: 0.125rem solid #808080;
}
.b-statusText--assigned:before {
  background: #808080;
  border-radius: 50%;
}
.b-statusText--assigned .b-statusText__toolTip {
  border-color: #808080;
  background: #f0f2f4;
}
.b-statusText--assigned .b-statusText__marker {
  background: #808080;
}
.b-statusText--published:before {
  background: none;
  border-radius: 50%;
  border: 0.125rem solid #0099e5;
}
.b-statusText--published .b-statusText__toolTip {
  border-color: #0099e5;
  background: #f0faff;
}
.b-statusText--published .b-statusText__marker {
  background: none;
  border: 0.125rem solid #0099e5;
}
.b-statusText--requested:before, .b-statusText--responsePending:before, .b-statusText--confirming:before {
  background: #ffc400;
  border-radius: 50%;
}
.b-statusText--requested .b-statusText__toolTip, .b-statusText--responsePending .b-statusText__toolTip, .b-statusText--confirming .b-statusText__toolTip {
  border-color: #ffc400;
  background: #fffbed;
}
.b-statusText--requested .b-statusText__marker, .b-statusText--responsePending .b-statusText__marker, .b-statusText--confirming .b-statusText__marker {
  background: #ffc400;
}
.b-statusText--declined:before {
  border-radius: 50%;
  background: #e54040;
}
.b-statusText--declined .b-statusText__toolTip {
  border-color: #e54040;
  background: #fdf2f2;
}
.b-statusText--declined .b-statusText__marker {
  background: #e54040;
}
.b-statusText--confirmed:before {
  border-radius: 50%;
  background: #15a83a;
}
.b-statusText--confirmed .b-statusText__toolTip {
  border-color: #15a83a;
  background: #eff9f1;
}
.b-statusText--confirmed .b-statusText__marker {
  background: #15a83a;
}

.b-statusTexts__readOut {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-statusTexts__readOut .b-statusText {
  margin-left: 0.5rem;
}
.b-statusTexts__readOut .b-statusText:first-child {
  margin-left: 0;
}
.b-statusTexts__expander--collapsed {
  display: none;
}
.b-statusTexts__expander--expanded {
  display: block;
}

.b-statusSlot {
  height: 0.5rem;
  width: 5%;
  max-width: 0.625rem;
  position: relative;
}
.b-statusSlot:before {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
}
.b-statusSlot--notAsked {
  display: none;
}
.b-statusSlot--available:before, .b-statusSlot--partlyAvailable:before {
  background: #0099e5;
}
.b-statusSlot--availabilityRequested:before {
  border: 0.0625rem solid #0099e5;
}
.b-statusSlot--unavailable:before {
  background: #a4b4bc;
}
.b-statusSlot--availabilityDeclined:before {
  background: #e54040;
}
.b-statusSlot--empty:before {
  border-radius: 50%;
  border: 0.0625rem solid #808080;
}
.b-statusSlot--assigned:before {
  background: #808080;
  border-radius: 50%;
}
.b-statusSlot--requested:before, .b-statusSlot--responsePending:before, .b-statusSlot--confirming:before {
  border-radius: 50%;
  background: #ffc400;
}
.b-statusSlot--declined:before {
  border-radius: 50%;
  background: #e54040;
}
.b-statusSlot--confirmed:before {
  border-radius: 50%;
  background: #15a83a;
}

.b-starRating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-starRating .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #ffc400;
}
.b-starRating .icon-star .icon-star__half {
  display: none;
}
.b-starRating .icon-star--half .icon-star__whole {
  display: none;
}
.b-starRating .icon-star--half .icon-star__half {
  display: initial;
}
.b-starRating .icon-star--empty {
  fill: #e1e6e9;
}

.b-blockSection {
  margin: 0 0 1.5rem;
}

.b-blockHeader {
  background: #f0f2f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-blockHeader__title {
  color: #4a5d66;
  text-transform: uppercase;
  margin: 0.25rem 0.5rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.b-blockBody {
  padding: 0 0.5rem;
  margin: 1rem 0 1.5rem;
}

.b-headerBlock {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  min-height: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}
@media print {
  .b-headerBlock {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.b-headerBlock .b-form__checkboxDisplay:after {
  border-color: #a4b4bc;
}
.b-headerBlock .b-objectList__selectActions {
  left: 0;
  right: 0;
}
.b-headerBlock__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.b-headerBlock__title {
  padding-right: 0.75rem;
  min-width: 3.5rem;
}
.b-headerBlock__viewSelector {
  min-width: 9rem;
  margin-right: 1.5rem;
}
.b-headerBlock__closeBtn {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  width: 3rem;
  height: 3rem;
  margin: -0.5rem -1rem -0.5rem 1rem;
}
.b-headerBlock__closeBtn:before {
  font-family: "Nowsta Icons";
  content: "\E093";
  font-size: 1.5rem;
  line-height: 100%;
  color: #2c373d;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-headerBlock__closeBtn:hover:before {
    color: #0099e5;
  }
}

.b-searchBox {
  width: 11rem;
  position: relative;
}
.b-searchBox .b-icon {
  fill: #4a5d66;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  transform: translateY(-0.5rem);
  width: 1rem;
  height: 1rem;
  display: block;
}
.b-searchBox__input {
  width: 100%;
  background: white;
  border: none;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.375rem 0 0.375rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .b-searchBox__input:hover ~ .b-icon {
    fill: #26a3bd;
  }
}
.b-searchBox__input:focus ~ .b-icon {
  fill: #00eaff;
}
.b-searchBox__input:active ~ .b-icon {
  fill: #007ebd;
}

.b-pillTabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-pillTabs__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 2.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  color: #4a5d66;
  padding: 0.25rem 0.75rem;
  background: #f0f2f4;
  box-sizing: border-box;
  border: 0.0625rem solid #e1e6e9;
  margin-left: -0.0625rem;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
@media only screen and (min-width : 640px) {
  .b-pillTabs__tab {
    min-height: 2rem;
  }
}
.b-pillTabs__tab:first-child {
  border-radius: 0.1875rem 0 0 0.1875rem;
  margin-left: 0;
}
.b-pillTabs__tab:last-child {
  border-radius: 0 0.1875rem 0.1875rem 0;
}
@media only screen and (min-width : 800px) {
  .b-pillTabs__tab:hover {
    color: white;
    background: #4a5d66;
    border-color: #4a5d66;
  }
  .b-pillTabs__tab--active:hover {
    background-color: #26a3bd;
    border-color: #26a3bd;
    color: white;
  }
}
.b-pillTabs__tab--active {
  background-color: #26a3bd;
  border-color: #26a3bd;
  color: white;
}
.b-pillTabs__tabCounter {
  background: #e54040;
  display: block;
  color: white;
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: bold;
  padding: 0rem 0.375rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid white;
  transform: translate(-50%, 50%);
}

.b-dataGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-dataGroup__datum {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  margin-right: 0.5rem;
  text-align: center;
  color: #4a5d66;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.b-dataGroup__datum:last-child {
  margin-right: 0;
}
.b-dataGroup__datumDisplay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.b-dataGroup .n-payRate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 0.5rem;
}
.b-dataGroup__counter {
  margin-right: 0.1875rem;
}

@media only screen and (min-width : 640px) {
  .b-dataGroup__datum {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    margin-right: 1rem;
  }
  .b-dataGroup .n-payRate {
    margin-right: 1rem;
  }
}
.b-dividerList__item {
  border-bottom: 0.0625rem solid #e1e6e9;
}

.b-objectList {
  padding: 0;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
}
.b-objectList__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 3.5rem;
  padding: 0 1rem;
  background: white;
  border-radius: 0.1875rem;
  position: relative;
}
.b-objectList__selectActions {
  position: relative;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: white;
  z-index: 5;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.b-objectList__selectStatus {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  margin-right: 0.5rem;
}
.b-objectList__headerRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.b-objectList__list {
  display: block;
  position: relative;
  padding-top: 0.125rem;
}
.b-objectList__list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 0.0625rem;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  display: block;
}
.b-objectList__item {
  display: block;
  margin-bottom: 0.0625rem;
  position: relative;
  background: white;
}
.b-objectList__item:last-child {
  border-bottom: 0;
  border-radius: 0 0 0.1875rem 0.1875rem;
}
.b-objectList__item:nth-child(odd) {
  background: #f0f2f4;
}
.b-objectList .b-objectList__list {
  animation-duration: 0.6s;
  animation-name: fadeIn;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.b-workerAvatar {
  border-radius: 0.1875rem;
  display: block;
  overflow: hidden;
  position: relative;
  background: #0099e5;
  margin: 0 auto;
}
.b-workerAvatar__link {
  display: block;
  width: 100%;
  height: 100%;
}
.b-workerAvatar__img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-workerAvatar--24 {
  min-width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
}
.b-workerAvatar--32 {
  min-width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  max-height: 2rem;
}
.b-workerAvatar--64 {
  min-width: 4rem;
  max-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
}
.b-workerAvatar--stack {
  border: 0.0625rem solid white;
  display: inline-table;
  position: relative;
}
.b-workerAvatar--stack.b-workerAvatar--32 {
  margin-right: -1rem;
}
.b-workerAvatar--stack:hover {
  z-index: 3;
}

.b-calendarPicker .rdt {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  text-align: center;
}
.b-calendarPicker .rdt .form-control {
  display: none;
}
.b-calendarPicker .rdt table {
  width: 100%;
}
.b-calendarPicker .rdt thead {
  border-top: 0.125rem solid #4a5d66;
  border-left: 0.0625rem solid #4a5d66;
  border-right: 0.0625rem solid #4a5d66;
  border-bottom: 0.125rem solid #4a5d66;
  background: #4a5d66;
  font-weight: 500;
  color: white;
  padding: 0.125rem 0 0 0;
}
.b-calendarPicker .rdt tbody {
  border: 0.0625rem solid #e1e6e9;
  border-top: 0;
  padding: 0.125rem 0;
}
.b-calendarPicker .rdt tbody tr:first-child .rdtDay {
  padding-top: 0.25rem;
}
.b-calendarPicker .rdt tbody tr:last-child .rdtDay {
  padding-bottom: 0.25rem;
}
.b-calendarPicker .rdtSwitch {
  padding: 0.25rem 0;
  cursor: pointer;
  font-weight: 600;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .b-calendarPicker .rdtSwitch:hover {
    background: #26a3bd;
    color: white;
  }
}
.b-calendarPicker .rdtPrev span,
.b-calendarPicker .rdtNext span {
  padding: 0.25rem 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: normal;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
}
@media only screen and (min-width : 800px) {
  .b-calendarPicker .rdtPrev span:hover,
  .b-calendarPicker .rdtNext span:hover {
    background: #26a3bd;
  }
}
.b-calendarPicker .dow {
  padding: 0.25rem 0;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
}
.b-calendarPicker .rdtDay,
.b-calendarPicker .rdtMonth,
.b-calendarPicker .rdtYear {
  padding: 0.25rem 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 14.285%;
  border-radius: 0.1875rem;
}
@media only screen and (min-width : 800px) {
  .b-calendarPicker .rdtDay:hover,
  .b-calendarPicker .rdtMonth:hover,
  .b-calendarPicker .rdtYear:hover {
    color: #26a3bd;
    background: #f0f9fa;
  }
}
.b-calendarPicker .rdtOld,
.b-calendarPicker .rdtNew {
  color: #a4b4bc;
}
.b-calendarPicker .rdtToday:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.75rem;
  height: 0.125rem;
  bottom: 0.1875rem;
  left: 50%;
  transform: translateX(-50%);
  background: #1e8094;
}
.b-calendarPicker .rdtActive {
  color: white;
  font-weight: bold;
  background: #26a3bd;
}
@media only screen and (min-width : 800px) {
  .b-calendarPicker .rdtActive:hover {
    color: white;
    font-weight: bold;
    background: #26a3bd;
  }
}

.devise-passwords {
  background: #222a36;
  min-height: 100vh;
}

.authentication-center {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.field_with_errors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.o-login {
  height: 100%;
  min-height: 25rem;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 1rem;
}
.o-login__form {
  width: 100%;
  max-width: 18.75rem;
  padding: 1.5rem 0;
  text-align: center;
}
.o-login__formItem {
  margin: 1rem 0;
}
.o-login__formDisplay {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 6.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 1rem;
  color: white;
  min-height: 2.5rem;
}
.o-login__form .a-glyph {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 1rem 0 0;
  fill: #26a3bd;
}
.o-login__formInput {
  background: transparent;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.25rem;
  color: white;
  width: 100%;
}
.o-login__formInput::placeholder {
  color: #727272;
}
.o-login__formText {
  color: white;
}
.o-login__formCopy {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #a4b4bc;
}
.o-login__formCheckbox {
  margin: 0 0.5rem 0 0;
  vertical-align: 0;
}
.o-login__form--success {
  text-align: center;
}
.o-login__form--success .b-link {
  color: white;
}
.o-login__title {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0 0.5rem 0;
}
.o-login__btn, .passwords-edit .authentication_submit .button-material,
.registrations-show .authentication_submit .button-material,
.registrations .authentication_submit .button-material,
.passwords-update .authentication_submit .button-material {
  margin: 1rem 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
}
.o-login__activate {
  color: #0099e5;
  width: 100%;
}
.o-login__activate:hover {
  color: white;
}
.o-login__links {
  text-align: center;
  margin: 1.5rem 0 0 0;
}
.o-login__actions {
  margin: 1.5rem 0 0 0;
}
.o-login__download {
  margin: 1.5rem 0 0 0;
}
.o-login__downloadInstructions {
  margin: 0 0 0.75rem;
}
.o-login__downloadOptions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-login__downloadOptions .appStoreBadge,
.o-login__downloadOptions .googlePlayBadge {
  height: 100%;
  width: 100%;
  display: block;
}
.o-login__downloadLink {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  max-height: 3.125rem;
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 0.25rem;
}
.o-login__nowsta {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 3.5rem;
}
.o-login__nowsta .a-glyph {
  width: 3rem;
  height: 3rem;
}
.o-login__nowsta .a-glyph__fill {
  fill: white;
}
.o-login .devise-password-error {
  margin: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #e54040;
  color: white;
  padding: 0.5rem 1rem;
}

.passwords-edit .authentication_content,
.registrations-show .authentication_content,
.registrations .authentication_content,
.passwords-update .authentication_content,
.passwords-edit .authentication_content {
  width: 100%;
  max-width: 18.75rem;
  padding: 1.5rem 0;
  text-align: center;
}
.passwords-edit .authentication_form,
.registrations-show .authentication_form,
.registrations .authentication_form,
.passwords-update .authentication_form,
.passwords-edit .authentication_form {
  height: 100%;
  min-height: 25rem;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 1rem;
}
.passwords-edit .authentication_header,
.registrations-show .authentication_header,
.registrations .authentication_header,
.passwords-update .authentication_header,
.passwords-edit .authentication_header {
  width: 100%;
  max-width: 18.75rem;
  text-align: center;
}
.passwords-edit label,
.registrations-show label,
.registrations label,
.passwords-update label,
.passwords-edit label {
  margin: 1rem 0 0.25rem;
  display: block;
  color: #26a3bd;
}
.passwords-edit #user_password,
.passwords-edit #user_password_confirmation,
.registrations-show #user_password,
.registrations-show #user_password_confirmation,
.registrations #user_password,
.registrations #user_password_confirmation,
.passwords-update #user_password,
.passwords-update #user_password_confirmation,
.passwords-edit #user_password,
.passwords-edit #user_password_confirmation {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 6.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 100%;
  padding: 0 1.25rem;
  color: white;
  min-height: 2.5rem;
  text-align: center;
}
.passwords-edit p,
.registrations-show p,
.registrations p,
.passwords-update p,
.passwords-edit p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #a4b4bc;
  margin: 0.75rem 0;
}
.passwords-edit .authentication_submit .button-material,
.registrations-show .authentication_submit .button-material,
.registrations .authentication_submit .button-material,
.passwords-update .authentication_submit .button-material,
.passwords-edit .authentication_submit .button-material {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 2.5rem;
  margin-top: 1.5rem;
}
.passwords-edit .authentication_submit .button-material:after,
.registrations-show .authentication_submit .button-material:after,
.registrations .authentication_submit .button-material:after,
.passwords-update .authentication_submit .button-material:after,
.passwords-edit .authentication_submit .button-material:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .passwords-edit .authentication_submit .button-material:hover,
  .registrations-show .authentication_submit .button-material:hover,
  .registrations .authentication_submit .button-material:hover,
  .passwords-update .authentication_submit .button-material:hover,
  .passwords-edit .authentication_submit .button-material:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .passwords-edit .authentication_submit .button-material:hover:after,
  .registrations-show .authentication_submit .button-material:hover:after,
  .registrations .authentication_submit .button-material:hover:after,
  .passwords-update .authentication_submit .button-material:hover:after,
  .passwords-edit .authentication_submit .button-material:hover:after {
    opacity: 1;
  }
}
.passwords-edit .authentication_submit .button-material:focus,
.registrations-show .authentication_submit .button-material:focus,
.registrations .authentication_submit .button-material:focus,
.passwords-update .authentication_submit .button-material:focus,
.passwords-edit .authentication_submit .button-material:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.passwords-edit .authentication_submit .button-material:active,
.registrations-show .authentication_submit .button-material:active,
.registrations .authentication_submit .button-material:active,
.passwords-update .authentication_submit .button-material:active,
.passwords-edit .authentication_submit .button-material:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.passwords-edit .authentication_submit .button-material:active:after,
.registrations-show .authentication_submit .button-material:active:after,
.registrations .authentication_submit .button-material:active:after,
.passwords-update .authentication_submit .button-material:active:after,
.passwords-edit .authentication_submit .button-material:active:after {
  content: none;
}
.passwords-edit .authentication_submit .button-material:disabled,
.registrations-show .authentication_submit .button-material:disabled,
.registrations .authentication_submit .button-material:disabled,
.passwords-update .authentication_submit .button-material:disabled,
.passwords-edit .authentication_submit .button-material:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .passwords-edit .authentication_submit .button-material:disabled:hover,
  .registrations-show .authentication_submit .button-material:disabled:hover,
  .registrations .authentication_submit .button-material:disabled:hover,
  .passwords-update .authentication_submit .button-material:disabled:hover,
  .passwords-edit .authentication_submit .button-material:disabled:hover {
    box-shadow: none;
  }
  .passwords-edit .authentication_submit .button-material:disabled:hover:after,
  .registrations-show .authentication_submit .button-material:disabled:hover:after,
  .registrations .authentication_submit .button-material:disabled:hover:after,
  .passwords-update .authentication_submit .button-material:disabled:hover:after,
  .passwords-edit .authentication_submit .button-material:disabled:hover:after {
    opacity: 0;
  }
}
.passwords-edit .authentication_submit .button-material__label,
.registrations-show .authentication_submit .button-material__label,
.registrations .authentication_submit .button-material__label,
.passwords-update .authentication_submit .button-material__label,
.passwords-edit .authentication_submit .button-material__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .passwords-edit .authentication_submit .button-material__label,
  .registrations-show .authentication_submit .button-material__label,
  .registrations .authentication_submit .button-material__label,
  .passwords-update .authentication_submit .button-material__label,
  .passwords-edit .authentication_submit .button-material__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.passwords-edit .authentication_submit .button-material--small,
.registrations-show .authentication_submit .button-material--small,
.registrations .authentication_submit .button-material--small,
.passwords-update .authentication_submit .button-material--small,
.passwords-edit .authentication_submit .button-material--small {
  min-height: 2rem;
  min-width: initial;
}
.passwords-edit .authentication_submit .button-material--small .b-button__label,
.registrations-show .authentication_submit .button-material--small .b-button__label,
.registrations .authentication_submit .button-material--small .b-button__label,
.passwords-update .authentication_submit .button-material--small .b-button__label,
.passwords-edit .authentication_submit .button-material--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .passwords-edit .authentication_submit .button-material--small,
  .registrations-show .authentication_submit .button-material--small,
  .registrations .authentication_submit .button-material--small,
  .passwords-update .authentication_submit .button-material--small,
  .passwords-edit .authentication_submit .button-material--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.passwords-edit .authentication_submit .button-material--critical,
.registrations-show .authentication_submit .button-material--critical,
.registrations .authentication_submit .button-material--critical,
.passwords-update .authentication_submit .button-material--critical,
.passwords-edit .authentication_submit .button-material--critical {
  background: #e54040;
}
.passwords-edit .authentication_submit .button-material--critical:after,
.registrations-show .authentication_submit .button-material--critical:after,
.registrations .authentication_submit .button-material--critical:after,
.passwords-update .authentication_submit .button-material--critical:after,
.passwords-edit .authentication_submit .button-material--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .passwords-edit .authentication_submit .button-material--critical:hover,
  .registrations-show .authentication_submit .button-material--critical:hover,
  .registrations .authentication_submit .button-material--critical:hover,
  .passwords-update .authentication_submit .button-material--critical:hover,
  .passwords-edit .authentication_submit .button-material--critical:hover {
    background: #e54040;
  }
  .passwords-edit .authentication_submit .button-material--critical:hover:after,
  .registrations-show .authentication_submit .button-material--critical:hover:after,
  .registrations .authentication_submit .button-material--critical:hover:after,
  .passwords-update .authentication_submit .button-material--critical:hover:after,
  .passwords-edit .authentication_submit .button-material--critical:hover:after {
    opacity: 1;
  }
}
.passwords-edit .authentication_submit .button-material--critical:active,
.registrations-show .authentication_submit .button-material--critical:active,
.registrations .authentication_submit .button-material--critical:active,
.passwords-update .authentication_submit .button-material--critical:active,
.passwords-edit .authentication_submit .button-material--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.passwords-edit .authentication_submit .button-material--critical:active:after,
.registrations-show .authentication_submit .button-material--critical:active:after,
.registrations .authentication_submit .button-material--critical:active:after,
.passwords-update .authentication_submit .button-material--critical:active:after,
.passwords-edit .authentication_submit .button-material--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.passwords-edit .authentication_submit .button-material--working,
.registrations-show .authentication_submit .button-material--working,
.registrations .authentication_submit .button-material--working,
.passwords-update .authentication_submit .button-material--working,
.passwords-edit .authentication_submit .button-material--working {
  position: relative;
}
.passwords-edit .authentication_submit .button-material--working .b-button__label,
.passwords-edit .authentication_submit .button-material--working .b-button__icon,
.registrations-show .authentication_submit .button-material--working .b-button__label,
.registrations-show .authentication_submit .button-material--working .b-button__icon,
.registrations .authentication_submit .button-material--working .b-button__label,
.registrations .authentication_submit .button-material--working .b-button__icon,
.passwords-update .authentication_submit .button-material--working .b-button__label,
.passwords-update .authentication_submit .button-material--working .b-button__icon,
.passwords-edit .authentication_submit .button-material--working .b-button__label,
.passwords-edit .authentication_submit .button-material--working .b-button__icon {
  visibility: hidden;
}
.passwords-edit .authentication_submit .button-material--working:before,
.registrations-show .authentication_submit .button-material--working:before,
.registrations .authentication_submit .button-material--working:before,
.passwords-update .authentication_submit .button-material--working:before,
.passwords-edit .authentication_submit .button-material--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.passwords-edit .authentication_submit .button-material--working:after,
.registrations-show .authentication_submit .button-material--working:after,
.registrations .authentication_submit .button-material--working:after,
.passwords-update .authentication_submit .button-material--working:after,
.passwords-edit .authentication_submit .button-material--working:after {
  opacity: 1;
}
.passwords-edit .authentication_submit .button-material--working:disabled,
.registrations-show .authentication_submit .button-material--working:disabled,
.registrations .authentication_submit .button-material--working:disabled,
.passwords-update .authentication_submit .button-material--working:disabled,
.passwords-edit .authentication_submit .button-material--working:disabled {
  opacity: 1;
}
@media print {
  .passwords-edit .authentication_submit .button-material,
  .registrations-show .authentication_submit .button-material,
  .registrations .authentication_submit .button-material,
  .passwords-update .authentication_submit .button-material,
  .passwords-edit .authentication_submit .button-material {
    display: none;
  }
}
.passwords-edit .field_error_messages,
.registrations-show .field_error_messages,
.registrations .field_error_messages,
.passwords-update .field_error_messages,
.passwords-edit .field_error_messages {
  margin: 0.5rem 0;
  background: #e54040;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: white;
}

.o-registration__formLabel {
  text-align: left;
  padding-left: 1.25rem;
  font-size: 0.75rem;
}
.o-registration__formDisplay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.25rem;
}

.c-comment {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #2c373d;
  font-weight: normal;
  border-left: 0.125rem solid #26a3bd;
  padding-left: 0.5rem;
}
.c-comment:last-child {
  margin-bottom: 0;
}
.c-comment__subTitle {
  font-weight: 600;
  margin: 0 0 0.125rem 0;
  text-transform: uppercase;
}
.c-comment__body {
  margin: 0 0 0.25rem 0;
}
.c-comment__source {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
}
.c-comment__timeStamp {
  color: #68828f;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
}

.o-workersRoster__worker {
  padding: 0.5rem 1rem;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
  line-height: 1rem;
  cursor: pointer;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #4a5d66;
}
.o-workersRoster__workerName {
  font-size: 0.875rem;
  font-weight: bold;
  color: #2c373d;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.o-workersRoster__workerName .b-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.o-workersRoster__workerName .b-iconBox {
  display: block;
  margin-right: 0.25rem;
}
.o-workersRoster__workerName .b-iconBox:last-child {
  margin-right: 0;
}
.o-workersRoster__workerPositions {
  font-weight: bold;
  color: #2c373d;
}
.o-workersRoster__workerRating {
  font-size: 1rem;
}
.o-workersRoster__workerEmail {
  color: #007ebd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.o-workersRoster__workerEmail:hover {
  color: #0099e5;
}
.o-workersRoster__workerActions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-workersRoster__workerAction {
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  margin: -0.25rem 0.25rem;
}
.o-workersRoster__worker:hover {
  background: #f0faff;
  color: #4a5d66;
}
.o-workersRoster__worker:hover .o-workersRoster__workerName {
  color: #007ebd;
}
.o-workersRoster__table .-col-checkbox, .o-workerAssignmentModal .-col-checkbox {
  margin: 0 0 0 1rem;
  -webkit-flex-basis: 1.5rem;
  -moz-flex-basis: 1.5rem;
  -ms-flex-preferred-size: 1.5rem;
  flex-basis: 1.5rem;
}
.o-workersRoster__table .-col-portrait\(24\), .o-workerAssignmentModal .-col-portrait\(24\) {
  padding: 0 1rem;
  -webkit-flex-basis: 3.5rem;
  -moz-flex-basis: 3.5rem;
  -ms-flex-preferred-size: 3.5rem;
  flex-basis: 3.5rem;
  min-width: 3.5rem;
}
.o-workersRoster__table .-col-name, .o-workerAssignmentModal .-col-name {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 15rem;
  -moz-flex-basis: 15rem;
  -ms-flex-preferred-size: 15rem;
  flex-basis: 15rem;
}
.o-workersRoster__table .-col-positions, .o-workerAssignmentModal .-col-positions {
  margin: 0 1rem 0 0;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-flex-basis: 20rem;
  -moz-flex-basis: 20rem;
  -ms-flex-preferred-size: 20rem;
  flex-basis: 20rem;
}
.o-workersRoster__table .-col-rating, .o-workerAssignmentModal .-col-rating {
  padding: 0 1rem 0 0;
  -webkit-flex-basis: 6.25rem;
  -moz-flex-basis: 6.25rem;
  -ms-flex-preferred-size: 6.25rem;
  flex-basis: 6.25rem;
  min-width: 6.25rem;
}
.o-workersRoster__table .-col-hours, .o-workerAssignmentModal .-col-hours {
  padding: 0 1rem 0 0;
  -webkit-flex-basis: 4.5rem;
  -moz-flex-basis: 4.5rem;
  -ms-flex-preferred-size: 4.5rem;
  flex-basis: 4.5rem;
  min-width: 4.5rem;
  text-align: center;
}
.o-workersRoster__table .-col-phone, .o-workerAssignmentModal .-col-phone {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 6.5rem;
  -moz-flex-basis: 6.5rem;
  -ms-flex-preferred-size: 6.5rem;
  flex-basis: 6.5rem;
  min-width: 6.5rem;
}
.o-workersRoster__table .-col-email, .o-workerAssignmentModal .-col-email {
  margin: 0 1rem 0 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 12.5rem;
  -moz-flex-basis: 12.5rem;
  -ms-flex-preferred-size: 12.5rem;
  flex-basis: 12.5rem;
}
.o-workersRoster__table .-col-availabilityStatus, .o-workerAssignmentModal .-col-availabilityStatus {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 10rem;
  -moz-flex-basis: 10rem;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-workersRoster__table .-col-assignmentStatus, .o-workerAssignmentModal .-col-assignmentStatus {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 10rem;
  -moz-flex-basis: 10rem;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-workersRoster__table .-col-workerActions, .o-workerAssignmentModal .-col-workerActions {
  text-align: center;
  min-width: 5rem;
}

.o-workerView {
  background: white;
  min-height: 100vh;
}

.o-workerProfile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-workerProfile__infoBar {
  padding: 0.5rem;
}
.o-workerProfile__mainCol {
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding-bottom: 1rem;
}
.o-workerProfile__altCol {
  padding: 0.5rem;
}
.o-workerProfile__metaData {
  padding: 1rem 0 0 0;
}
.o-workerProfile__tags, .o-workerProfile__positions {
  padding-bottom: 1rem;
}
.o-workerProfile__tagItem {
  display: inline-block;
}
.o-workerProfile__profileBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 0.5rem 0.5rem;
}
.o-workerProfile__profileImg {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  display: block;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 1rem 0 0;
  background: rgba(0, 0, 0, 0.08);
}
.o-workerProfile__profileImgLaborMarket {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  display: block;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 1rem 0 0;
  background: rgba(0, 0, 0, 0.08);
  border: 0.2rem solid #0099e5;
}
.o-workerProfile__name {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  word-break: break-word;
}
.o-workerProfile__rating {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.o-workerProfile__quickStats {
  padding: 0 0 0.5rem 0;
}
.o-workerProfile__syncMarker {
  position: relative;
}
.o-workerProfile__position {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.3125rem 0 0.1875rem;
}
.o-workerProfile__positionRate {
  color: #4a5d66;
}
.o-workerProfile__eventsTable .-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-workerProfile__eventsTable .-col-date {
  -webkit-flex-basis: 2rem;
  -moz-flex-basis: 2rem;
  -ms-flex-preferred-size: 2rem;
  flex-basis: 2rem;
  min-width: 2rem;
  margin: 0 1rem 0 0;
}
.o-workerProfile__eventsTable .-col-event {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 1rem 0 0;
}
.o-workerProfile__eventsTable .-col-shift {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0 0 1rem;
}
.o-workerProfile__statsBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.o-workerProfile__statsBox {
  border-bottom: 0;
  border-left: 0;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-workerProfile__statsBox:last-child {
  border-right: 0;
}
.o-workerProfile__profileSource {
  margin: 0.5rem 0;
  width: 100%;
  height: auto;
  display: block;
}
.o-workerProfile__notice {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #2c373d;
  border-radius: 0.1875rem;
  padding: 0.5rem;
  background: #fffbed;
  border: 0.0625rem solid #ffc400;
  margin: 0 0 1rem 0;
}
.o-workerProfile__syncHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0.25rem 0;
  border-bottom: 0.0625rem solid #a4b4bc;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #4a5d66;
}
.o-workerProfile__syncItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-bottom: 0.0625rem solid #e1e6e9;
}
.o-workerProfile__syncData {
  width: 37%;
  flex-grow: 0;
  flex-shrink: 0;
  word-break: break-word;
}
.o-workerProfile__syncData--field {
  width: 20%;
  text-transform: capitalize;
}

.o-availCalendarNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
  background: #0099e5;
  color: white;
}
.o-availCalendarNav__button {
  width: 3rem;
  height: 2.5rem;
  padding: 0.75rem 1rem;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-availCalendarNav__button .b-icon {
  width: 1rem;
  height: 1rem;
  fill: white;
}
.o-availCalendarNav__button:hover {
  background: #007ebd;
}
.o-availCalendarNav__month {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.rbc-month-view {
  border: 0;
  position: relative;
  font-size: 0.75rem;
  line-height: 1rem;
}
.rbc-month-header {
  background: #0099e5;
  color: white;
  padding: 0.5rem 0;
}
.rbc-month-row {
  position: relative;
}
.rbc-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.rbc-row-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.0625rem solid #e1e6e9;
}
.rbc-row-content {
  min-height: 6.25rem;
  position: relative;
  cursor: pointer;
}
.rbc-day-bg {
  height: 100%;
  border-right: 0.0625rem solid #e1e6e9;
  flex-basis: 14.2857%;
  max-width: 14.2857%;
}
.rbc-day-bg:last-child {
  border-right: none;
}
.rbc-day-bg:hover {
  background: aliceblue;
}
.rbc-today {
  background: #f0f9fa;
}
.rbc-header {
  text-align: center;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  flex-basis: 14.2857%;
  max-width: 14.2857%;
}
.rbc-off-range {
  color: #aaa;
}
.rbc-date-cell {
  padding: 0.25rem 0 0 0.5rem;
  pointer-events: none;
  flex-basis: 14.2857%;
  max-width: 14.2857%;
}
.rbc-date-cell a {
  color: inherit;
}
.rbc-event {
  padding: 0.0625rem 0.25rem;
}
.rbc-event-content {
  background: #26a3bd;
  padding: 0.0625rem 0.25rem;
  color: white;
  border-radius: 0.125rem;
}
.rbc-event-content:hover {
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
}

.rbc-event.rbc-selected .rbc-event-content {
  background: #0099e5;
}

.rbc-event-unavailability .rbc-selected .rbc-event-content {
  background: rgb(213.0046082949, 28.9953917051, 28.9953917051);
}
.rbc-event-unavailability .rbc-event-content {
  background: #e54040;
}
.rbc-event-unavailability .rbc-event-content:hover {
  background: rgb(213.0046082949, 28.9953917051, 28.9953917051);
}

.o-eventListing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 0.5rem;
  position: relative;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  color: #2c373d;
}
.o-eventListing.-isLink {
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-eventListing.-isLink:hover {
  background: #f0faff;
  color: #007ebd;
}
.o-eventListing__eventInfo {
  margin: 0 1rem 0 0.5rem;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-eventListing__eventTitle {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.25rem 0;
}
.o-eventListing__eventMeta, .o-eventListing__shiftStatus {
  color: #4a5d66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.o-eventListing__eventMeta {
  margin-right: 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.o-eventListing__eventMeta .-icon, .o-eventListing__eventMeta .span-working:after, .o-eventListing__eventMeta .p-data__available:before, .o-eventListing__eventMeta .p-sortable:after, .o-eventListing__eventMeta .c-selectMenu:after, .o-eventListing__eventMeta .c-formSelectInput:after, .o-eventListing__eventMeta .c-formTextInput:after, .o-eventListing__eventMeta .c-formCheckboxInput__checkbox:after, .o-eventListing__eventMeta .c-formToggleInput__toggler:after, .o-eventListing__eventMeta .c-searchBar__label:after, .o-eventListing__eventMeta .c-button--working:after, .o-eventListing__eventMeta .c-button--confirmed:after, .o-eventListing__eventMeta .c-accordion__trigger:before, .o-eventListing__eventMeta .c-accordion__trigger--open:before, .o-eventListing__eventMeta .c-helpInfo:before, .o-eventListing__eventMeta .c-helpInfo--error:before, .o-eventListing__eventMeta .c-helpBox:before, .o-eventListing__eventMeta .c-venueTile__mapBlank:after, .o-eventListing__eventMeta .a-sortable:after, .o-eventListing__eventMeta .b-hoursData:before, .o-eventListing__eventMeta .b-status\(confirmed\):before, .o-eventListing__eventMeta .b-status\(messaged_to_confirm_hold\):before,
.o-eventListing__eventMeta .b-status\(pending\):before, .o-eventListing__eventMeta .b-status\(removed\):before, .o-eventListing__eventMeta .b-status\(rejected\):before,
.o-eventListing__eventMeta .b-status\(declined\):before, .o-eventListing__eventMeta .b-checkbox__display, .o-eventListing__eventMeta .b-fileUpload__uploadBtn.-working:after, .o-eventListing__eventMeta .b-infoBox__headerBtn--working:after, .o-eventListing__eventMeta .b-searchTool:after {
  font-size: 1rem;
  display: block;
  margin-right: 0.25rem;
  color: #4a5d66;
}
.o-eventListing__eventMeta .-icon-clients {
  margin-top: -0.125rem;
}
.o-eventListing__eventMeta:last-child {
  margin-right: 0;
}
.o-eventListing__eventRating {
  display: inline-block;
  margin-right: 0.25rem;
}
.o-eventListing__eventReview {
  margin-left: 0.5rem;
  margin-top: 0.125rem;
}
.o-eventListing__shiftInfo {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 0 1rem;
}
.o-eventListing__shiftInfo:before {
  position: absolute;
  display: block;
  content: "";
  width: 0.0625rem;
  top: 0.5rem;
  bottom: 0.5rem;
  background: #f0f2f4;
  transform: translateX(-1rem);
}
.o-eventListing__shiftMeta {
  -webkit-flex-basis: 52%;
  -moz-flex-basis: 52%;
  -ms-flex-preferred-size: 52%;
  flex-basis: 52%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 1rem 0 0;
}
.o-eventListing__shiftTitle {
  padding: 0.25rem 0;
}
.o-eventListing__shiftStatus {
  color: #4a5d66;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-eventListing__shiftRate {
  -webkit-flex-basis: 6rem;
  -moz-flex-basis: 6rem;
  -ms-flex-preferred-size: 6rem;
  flex-basis: 6rem;
  margin: 0 0 0 1rem;
}
.o-eventListing__shiftRate:before {
  position: absolute;
  display: block;
  content: "";
  width: 0.0625rem;
  top: 0.5rem;
  bottom: 0.5rem;
  background: #f0f2f4;
  transform: translateX(-1rem);
}

.o-workerAssignmentModal .o-workersRoster__worker {
  padding-left: 0;
}
.o-workerAssignmentModal .-col-context {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 11.5rem;
  -moz-flex-basis: 11.5rem;
  -ms-flex-preferred-size: 11.5rem;
  flex-basis: 11.5rem;
}
.o-workerAssignmentModal .-col-workersRoster {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-workerAssignmentModal .-col-workers {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: 10rem;
  -moz-flex-basis: 10rem;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 17.5rem;
}
.o-workerAssignmentModal .-col-hours {
  padding: 0;
}

.o-masterNav {
  width: 3rem;
  background: #2c373d;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2500;
  overflow: hidden;
  transition: width 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  grid-area: navBar;
}
.o-masterNav:hover {
  width: 12.5rem;
}
.o-masterNav:hover .o-masterNav__label,
.o-masterNav:hover .nowsta-wordmark,
.o-masterNav:hover .tend-wordmark,
.o-masterNav:hover .o-masterNav__companyName {
  opacity: 1;
  transform: translateX(0);
}
.o-masterNav:hover .tend-logomark,
.o-masterNav:hover .nowsta-logomark,
.o-masterNav:hover .o-masterNav__group:before {
  transform: translateX(12px);
}
.o-masterNav:hover .o-masterNav__icon {
  transform: translateX(8px);
}
.o-masterNav:hover .o-masterNav__group:before {
  opacity: 1;
}
.o-masterNav:hover .o-masterNav__group:after {
  opacity: 0;
}
.o-masterNav:hover .o-masterNav__group:empty {
  display: none;
}
.o-masterNav:hover .o-masterNav__link[data-alert]:after, .o-masterNav:hover [data-alert].o-ottoSideBar__link--active:after, .o-masterNav:hover [data-alert].o-masterNav__link--active:after {
  transform: translate(calc(-100% + 8px), -4px);
}
.o-masterNav__scroller {
  position: absolute;
  top: 3.5rem;
  bottom: 3.0625rem;
  overflow-y: auto;
  width: 15rem;
}
.o-masterNav__group {
  position: relative;
  padding-top: 1.75rem;
  margin: 0.5rem 0;
}
.o-masterNav__group:empty {
  display: none;
}
.o-masterNav__group:before, .o-masterNav__group:after {
  display: block;
  color: #828282;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  height: 0.75rem;
  padding: 0.5rem 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
}
.o-masterNav__group:before {
  content: attr(data-name);
  letter-spacing: 0.0625rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(32px);
  opacity: 0;
}
.o-masterNav__group:after {
  content: "\2013";
  width: 1.5rem;
  text-align: center;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__link, .o-ottoSideBar__link--active, .o-masterNav__link--active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4375rem 0.75rem;
  color: #a4b4bc;
  position: relative;
  width: 12.5rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__link .b-icon, .o-ottoSideBar__link--active .b-icon, .o-masterNav__link--active .b-icon {
  fill: #a4b4bc;
}
@media only screen and (min-width : 800px) {
  .o-masterNav__link:hover, .o-ottoSideBar__link--active:hover, .o-masterNav__link--active:hover {
    background-color: #4a5d66;
    color: #00eaff;
  }
  .o-masterNav__link:hover .b-icon, .o-ottoSideBar__link--active:hover .b-icon, .o-masterNav__link--active:hover .b-icon {
    fill: #00eaff;
  }
}
.o-masterNav__link--active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #00eaff;
}
.o-masterNav__link--active .b-icon {
  fill: #00eaff;
}
.o-masterNav__link--active:before {
  position: absolute;
  left: 0.0625rem;
  top: 0.0625rem;
  bottom: 0.0625rem;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  content: "";
  width: 0.1875rem;
  display: block;
}
@media only screen and (min-width : 800px) {
  .o-masterNav__link--active:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #00eaff;
  }
  .o-masterNav__link--active:hover .b-icon {
    fill: #00eaff;
  }
}
.o-masterNav__link[data-alert]:after, [data-alert].o-ottoSideBar__link--active:after, [data-alert].o-masterNav__link--active:after {
  content: attr(data-alert);
  font-size: 0.625rem;
  line-height: 1;
  color: white;
  font-weight: bold;
  background: #e54040;
  border-radius: 3.125rem;
  display: block;
  position: absolute;
  top: 0;
  left: 44px;
  padding: 0.125rem 0.25rem;
  min-width: 1rem;
  text-align: center;
  transform: translate(-100%, -4px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__icon {
  width: 1rem;
  height: 1rem;
  padding: 0 1.5rem 0 0.25rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
  box-sizing: content-box;
}
.o-masterNav .b-icon {
  display: block;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
}
.o-masterNav__label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(40px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__company {
  position: absolute;
  bottom: 0;
  border-top: 0.0625rem solid #293138;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem;
  width: 12.5rem;
}
.o-masterNav__companyProfile {
  min-width: 2rem;
  max-width: 2rem;
  height: 2rem;
  overflow: hidden;
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border: 0;
}
.o-masterNav__companyProfileImg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.125rem;
  background: #2c373d;
}
.o-masterNav__companyName {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #e1e6e9;
  font-weight: 600;
  opacity: 0;
  transform: translateX(40px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__nowsta {
  text-align: center;
  display: block;
  padding: 0.5rem 0.75rem;
  margin: 1rem 0 0 0;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
@media only screen and (min-width : 800px) {
  .o-masterNav__nowsta:hover {
    background-color: #4a5d66;
  }
}
.o-masterNav__nowsta .nowsta-logomark,
.o-masterNav__nowsta .nowsta-wordmark {
  fill: white;
  display: block;
}
.o-masterNav__nowsta .tend-logomark,
.o-masterNav__nowsta .tend-wordmark {
  fill: white;
  display: block;
}
.o-masterNav__nowsta .tend-logomark,
.o-masterNav__nowsta .nowsta-logomark {
  min-width: 1.5rem;
  min-height: 1.5rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__nowsta .nowsta-wordmark {
  opacity: 0;
  width: 5.375rem;
  height: 0.625rem;
  margin: 0.875rem 0 0 0;
  transform: translateX(40px);
  position: absolute;
  top: 0;
  left: 4rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav__nowsta .tend-wordmark {
  opacity: 0;
  width: 5.375rem;
  height: 0.875rem;
  margin: 0.875rem 0 0 0;
  transform: translateX(40px);
  position: absolute;
  top: 0;
  left: 4rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-masterNav .icon-calendar-date, .o-masterNav .icon-calendar-multi-day {
  width: 0.875rem;
  height: 0.875rem;
  padding: 0 0.0625rem;
}
.o-masterNav .icon-id-card {
  margin-top: -0.0625rem;
}
@media print {
  .o-masterNav {
    display: none;
  }
}
.o-masterNav__orgTree {
  max-width: 12.5rem;
  background: rgba(0, 0, 0, 0.16);
}
.o-masterNav__orgTree .o-treeNav__branchItem--active {
  background: #1e8094;
}
.o-masterNav__orgTree .o-treeNav__branchExpander .b-icon {
  fill: #4a5d66;
}
.o-masterNav__orgTree .o-treeNav__branchExpander--expanded .b-icon {
  fill: white;
}
.o-masterNav__orgTree .o-treeNav__branchViewer {
  color: #a4b4bc;
}
.o-masterNav__orgTree .o-treeNav__branchViewer--expanded {
  color: #f0f2f4;
}
.o-masterNav__orgTree .o-treeNav__branchCount {
  background: #2c373d;
  color: #a4b4bc;
}
.o-masterNav__orgTree .o-treeNav__subMarker:before, .o-masterNav__orgTree .o-treeNav__subMarker:nth-last-child(2):after {
  background: #2c373d;
}
.o-masterNav__orgTree .o-treeNav__terminator {
  background: #2c373d;
}
.o-masterNav__orgTree--show {
  display: block;
}

.o-ottoSideBar {
  width: 3rem;
  background: #2c373d;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2500;
  overflow: hidden;
  transition: width 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  grid-area: ottoSideBar;
}
.o-ottoSideBar:hover {
  width: 3rem;
}
.o-ottoSideBar:hover .o-masterNav__label,
.o-ottoSideBar:hover .o-masterNav__group:before {
  transform: translateX(12px);
}
.o-ottoSideBar:hover .o-masterNav__icon {
  transform: translateX(8px);
}
.o-ottoSideBar:hover .o-masterNav__group:before {
  opacity: 1;
}
.o-ottoSideBar:hover .o-masterNav__group:after {
  opacity: 0;
}
.o-ottoSideBar:hover .o-masterNav__group:empty {
  display: none;
}
.o-ottoSideBar:hover .o-masterNav__link[data-alert]:after, .o-ottoSideBar:hover [data-alert].o-ottoSideBar__link--active:after, .o-ottoSideBar:hover [data-alert].o-masterNav__link--active:after {
  transform: translate(calc(-100% + 8px), -4px);
}
.o-ottoSideBar__scroller {
  position: absolute;
  top: 3.5rem;
  bottom: 3.0625rem;
  overflow-y: auto;
  width: 15rem;
}
.o-ottoSideBar__group {
  position: relative;
  padding-top: 1.75rem;
  margin: 0.5rem 0;
}
.o-ottoSideBar__group:empty {
  display: none;
}
.o-ottoSideBar__group:before, .o-ottoSideBar__group:after {
  display: block;
  color: #828282;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  height: 0.75rem;
  padding: 0.5rem 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
}
.o-ottoSideBar__group:before {
  content: attr(data-name);
  letter-spacing: 0.0625rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(32px);
  opacity: 0;
}
.o-ottoSideBar__group:after {
  content: "\2013";
  width: 1.5rem;
  text-align: center;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-ottoSideBar__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4375rem 0.75rem;
  color: #a4b4bc;
  position: relative;
  width: 12.5rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-ottoSideBar__link .b-icon {
  fill: #a4b4bc;
}
@media only screen and (min-width : 800px) {
  .o-ottoSideBar__link:hover {
    background-color: #4a5d66;
    color: #00eaff;
  }
  .o-ottoSideBar__link:hover .b-icon {
    fill: #00eaff;
  }
}
.o-ottoSideBar__link--active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #00eaff;
}
.o-ottoSideBar__link--active .b-icon {
  fill: #00eaff;
}
.o-ottoSideBar__link--active:before {
  position: absolute;
  left: 0.0625rem;
  top: 0.0625rem;
  bottom: 0.0625rem;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  content: "";
  width: 0.1875rem;
  display: block;
}
@media only screen and (min-width : 800px) {
  .o-ottoSideBar__link--active:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #00eaff;
  }
  .o-ottoSideBar__link--active:hover .b-icon {
    fill: #00eaff;
  }
}
.o-ottoSideBar__link[data-alert]:after {
  content: attr(data-alert);
  font-size: 0.625rem;
  line-height: 1;
  color: white;
  font-weight: bold;
  background: #e54040;
  border-radius: 3.125rem;
  display: block;
  position: absolute;
  top: 0;
  left: 44px;
  padding: 0.125rem 0.25rem;
  min-width: 1rem;
  text-align: center;
  transform: translate(-100%, -4px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-ottoSideBar__icon {
  width: 1rem;
  height: 1rem;
  padding: 0 1.5rem 0 0.25rem;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
  box-sizing: content-box;
}
.o-ottoSideBar .b-icon {
  display: block;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
}
.o-ottoSideBar__label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(40px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-ottoSideBar__company {
  position: absolute;
  bottom: 0;
  border-top: 0.0625rem solid #293138;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem;
  width: 12.5rem;
}
.o-ottoSideBar__companyProfile {
  min-width: 2rem;
  max-width: 2rem;
  height: 2rem;
  overflow: hidden;
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border: 0;
}
.o-ottoSideBar__companyProfileImg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.125rem;
  background: #2c373d;
}
.o-ottoSideBar__companyName {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #e1e6e9;
  font-weight: 600;
  opacity: 0;
  transform: translateX(40px);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-ottoSideBar__nowsta {
  text-align: center;
  display: block;
  padding: 0.5rem 0.75rem;
  margin: 1rem 0 0 0;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  cursor: pointer;
  user-select: none;
}
@media only screen and (min-width : 800px) {
  .o-ottoSideBar__nowsta:hover {
    background-color: #4a5d66;
  }
}
.o-ottoSideBar .icon-calendar-date, .o-ottoSideBar .icon-calendar-multi-day {
  width: 0.875rem;
  height: 0.875rem;
  padding: 0 0.0625rem;
}
.o-ottoSideBar .icon-id-card {
  margin-top: -0.0625rem;
}
@media print {
  .o-ottoSideBar {
    display: none;
  }
}
.o-ottoSideBar__orgTree {
  max-width: 12.5rem;
  background: rgba(0, 0, 0, 0.16);
}
.o-ottoSideBar__orgTree .o-treeNav__branchItem--active {
  background: #1e8094;
}
.o-ottoSideBar__orgTree .o-treeNav__branchExpander .b-icon {
  fill: #4a5d66;
}
.o-ottoSideBar__orgTree .o-treeNav__branchExpander--expanded .b-icon {
  fill: white;
}
.o-ottoSideBar__orgTree .o-treeNav__branchViewer {
  color: #a4b4bc;
}
.o-ottoSideBar__orgTree .o-treeNav__branchViewer--expanded {
  color: #f0f2f4;
}
.o-ottoSideBar__orgTree .o-treeNav__branchCount {
  background: #2c373d;
  color: #a4b4bc;
}
.o-ottoSideBar__orgTree .o-treeNav__subMarker:before, .o-ottoSideBar__orgTree .o-treeNav__subMarker:nth-last-child(2):after {
  background: #2c373d;
}
.o-ottoSideBar__orgTree .o-treeNav__terminator {
  background: #2c373d;
}
.o-ottoSideBar__orgTree--show {
  display: block;
}

.o-treeNav .o-treeNav .o-treeNav__branch {
  border-bottom: 0;
}
.o-treeNav__branch {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-treeNav__branch:last-child > .o-treeNav__branchItem .o-treeNav__subMarker:nth-last-child(2):before {
  display: block;
  height: calc(50% + 7px);
}
.o-treeNav__branch:last-child > .o-treeNav .o-treeNav__subMarker:nth-last-child(2):before {
  display: block;
}
.o-treeNav__branchItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-treeNav__branchItem--hidden {
  display: none;
}
.o-treeNav__branchItem--active {
  background: #26a3bd;
  position: relative;
}
.o-treeNav__branchItem--active:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 0.0625rem;
  right: -0.0625rem;
  background: #26a3bd;
}
.o-treeNav__branchItem--active .o-treeNav__branchExpander .b-icon {
  fill: white;
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchItem--active .o-treeNav__branchExpander:hover .b-icon {
    fill: white;
  }
}
.o-treeNav__branchItem--active .o-treeNav__branchViewer {
  color: white;
}
.o-treeNav__branchItem--active .o-treeNav__branchViewer .o-treeNav__branchCount {
  background: rgba(0, 0, 0, 0.08);
  color: white;
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchItem--active .o-treeNav__branchViewer:hover {
    color: white;
  }
  .o-treeNav__branchItem--active .o-treeNav__branchViewer:hover .o-treeNav__branchCount {
    color: white;
    background: rgba(0, 0, 0, 0.08);
  }
}
.o-treeNav__branchItem--active .o-treeNav__terminator {
  background: white;
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchItem:hover .b-icon {
    fill: #26a3bd;
    transform: scale3d(2, 2, 1);
  }
  .o-treeNav__branchItem:hover .o-treeNav__branchExpander--expanded .b-icon {
    fill: #26a3bd;
    transform: scale3d(2, 2, 1) rotate(90deg);
  }
}
.o-treeNav__branchExpander {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.375rem 0.5rem 0.375rem 1rem;
  min-height: 2rem;
}
.o-treeNav__branchExpander .b-icon {
  fill: rgba(0, 0, 0, 0.16);
  width: 0.375rem;
  height: 0.375rem;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-treeNav__branchExpanderMap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex: 1;
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchExpander:hover .b-icon {
    fill: #26a3bd;
    transform: scale3d(2, 2, 1);
  }
}
.o-treeNav__branchExpander--expanded .b-icon {
  transform: rotate(90deg);
  fill: #4a5d66;
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchExpander--expanded:hover .b-icon {
    fill: #26a3bd;
    transform: scale3d(2, 2, 1) rotate(90deg);
  }
}
.o-treeNav__branchViewer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem 0.75rem 0.375rem 0;
  color: #4a5d66;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-treeNav__branchViewer:hover {
    color: #1e8094;
  }
  .o-treeNav__branchViewer:hover .o-treeNav__branchCount {
    color: #1e8094;
  }
}
.o-treeNav__branchViewer--expanded {
  color: #2c373d;
}
.o-treeNav__branchViewer--expanded .o-treeNav__branchLabel {
  font-weight: bold;
}
.o-treeNav__branchLabel {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  margin-right: auto;
  text-align: left;
}
.o-treeNav__branchCount {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
  font-weight: 500;
  color: #4a5d66;
  background: #f0f2f4;
  text-align: center;
  border-radius: 3.125rem;
  padding: 0 0.375rem;
  margin: 0 0 0 0.5rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-treeNav__subMarker {
  display: block;
  width: 0.75rem;
  margin: 0 0.25rem 0 0.125rem;
  position: relative;
  min-height: 1.25rem;
  height: 100%;
}
.o-treeNav__subMarker:before {
  position: absolute;
  content: "";
  width: 0.0625rem;
  background: rgba(0, 0, 0, 0.16);
  margin-top: -0.375rem;
  height: calc(100% + 12px);
  left: 0;
}
.o-treeNav__subMarker:nth-last-child(2):after {
  position: absolute;
  content: "";
  height: 0.0625rem;
  width: 0.6875rem;
  left: 0.0625rem;
  top: 50%;
  background: rgba(0, 0, 0, 0.16);
}
.o-treeNav__terminator {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 1.25rem;
  background: rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.o-viewHeader {
  background: white;
  color: #2c373d;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2050;
  min-height: 3rem;
}
@media print {
  .o-viewHeader {
    display: none;
  }
}
.o-viewHeader--noHelper {
  box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.08);
}
.o-viewHeader__viewTrail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 0.25rem 0;
}
@media only screen and (min-width : 480px) {
  .o-viewHeader__viewTrail {
    width: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.o-viewHeader__viewTrail .b-icon {
  fill: #a4b4bc;
}
.o-viewHeader__viewTrail .icon-arrow-next {
  width: 0.5rem;
  height: 0.75rem;
  margin: 0 0.5rem;
}
.o-viewHeader__viewTrailMarker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-viewHeader__viewTrailMarkerIconBox {
  display: block;
  width: 1rem;
  height: 1rem;
  text-align: center;
  margin: 0 0.75rem 0 0;
}
.o-viewHeader__viewTrailMarkerIconBox .b-icon {
  width: 100%;
  height: 100%;
}
.o-viewHeader__viewTrailMarkerIconBox .icon-calendar-multi-day,
.o-viewHeader__viewTrailMarkerIconBox .icon-calendar-weekly,
.o-viewHeader__viewTrailMarkerIconBox .icon-calendar-date {
  margin-top: -0.0625rem;
}
.o-viewHeader__viewTrailMarkerIcon {
  font-size: 1.5rem;
}
.o-viewHeader__viewLabel {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
}
.o-viewHeader__link {
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__link:hover {
    color: #1e8094;
  }
}
.o-viewHeader__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (min-width : 480px) {
  .o-viewHeader__tabs {
    margin-left: 1rem;
  }
}
.o-viewHeader__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  color: #68828f;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  background: #f0f2f4;
  border: 0.0625rem solid rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  border-left: 0;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.o-viewHeader__tab:first-child {
  border-radius: 0.1875rem 0 0 0.1875rem;
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.16);
}
.o-viewHeader__tab:last-child {
  border-radius: 0 0.1875rem 0.1875rem 0;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__tab:hover {
    color: white;
    background: #26a3bd;
    border-color: #26a3bd;
    z-index: 1;
  }
  .o-viewHeader__tab--active:hover {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.16);
    color: #2c373d;
    z-index: auto;
  }
}
.o-viewHeader__tab--active {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.16);
  color: #2c373d;
}
.o-viewHeader__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
  min-height: 2rem;
  width: 100%;
}
@media only screen and (min-width : 720px) {
  .o-viewHeader__actions {
    width: auto;
  }
}
.o-viewHeader__inbox {
  margin-left: auto;
}
@media only screen and (min-width : 480px) {
  .o-viewHeader__inbox {
    margin-left: none;
  }
}
.o-viewHeader__navHelper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 1rem;
  width: 100%;
}
@media only screen and (min-width : 560px) {
  .o-viewHeader__navHelper {
    width: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width : 720px) {
  .o-viewHeader__navHelper {
    margin: 0 1rem;
  }
}
.o-viewHeader__navHelper:last-child {
  margin-right: 0;
}
.o-viewHeader__navBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: bold;
  color: #2c373d;
  min-height: 2rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-viewHeader__navBtn .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: #26a3bd;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__navBtn:hover {
    color: #1e8094;
  }
}
.o-viewHeader__navBtn--prev {
  margin-right: 1.5rem;
}
.o-viewHeader__navBtn--prev .b-icon {
  margin-right: 0.5rem;
}
.o-viewHeader__navBtn--next .b-icon {
  margin-left: 0.5rem;
}
.o-viewHeader__toggleIcon {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-viewHeader__toggleIcon .b-icon {
  fill: #68828f;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__toggleIcon:hover .b-icon {
    fill: #26a3bd;
  }
}
.o-viewHeader__toggleIcon--active {
  position: relative;
}
.o-viewHeader__toggleIcon--active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.25rem;
  left: 0;
  bottom: -0.5rem;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
}
.o-viewHeader__toggleIcon--hasUpdates {
  position: relative;
}
.o-viewHeader__toggleIcon--hasUpdates:before {
  background: #26a3bd;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  position: absolute;
  top: 0.125rem;
  right: 0;
  display: block;
  content: "";
}
.o-viewHeader__mainAction {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem;
}
.o-viewHeader__mainAction:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__mainAction:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .o-viewHeader__mainAction:hover:after {
    opacity: 1;
  }
}
.o-viewHeader__mainAction:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.o-viewHeader__mainAction:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.o-viewHeader__mainAction:active:after {
  content: none;
}
.o-viewHeader__mainAction:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__mainAction:disabled:hover {
    box-shadow: none;
  }
  .o-viewHeader__mainAction:disabled:hover:after {
    opacity: 0;
  }
}
.o-viewHeader__mainAction__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .o-viewHeader__mainAction__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.o-viewHeader__mainAction--small {
  min-height: 2rem;
  min-width: initial;
}
.o-viewHeader__mainAction--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .o-viewHeader__mainAction--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.o-viewHeader__mainAction--critical {
  background: #e54040;
}
.o-viewHeader__mainAction--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__mainAction--critical:hover {
    background: #e54040;
  }
  .o-viewHeader__mainAction--critical:hover:after {
    opacity: 1;
  }
}
.o-viewHeader__mainAction--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.o-viewHeader__mainAction--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.o-viewHeader__mainAction--working {
  position: relative;
}
.o-viewHeader__mainAction--working .b-button__label,
.o-viewHeader__mainAction--working .b-button__icon {
  visibility: hidden;
}
.o-viewHeader__mainAction--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.o-viewHeader__mainAction--working:after {
  opacity: 1;
}
.o-viewHeader__mainAction--working:disabled {
  opacity: 1;
}
@media print {
  .o-viewHeader__mainAction {
    display: none;
  }
}
.o-viewHeader__mainAction .b-icon {
  fill: white;
}
.o-viewHeader__mainAction:after {
  border-radius: 0;
  transform-origin: bottom;
}
.o-viewHeader__mainAction--active {
  background: transparent;
}
.o-viewHeader__mainAction--active .b-icon {
  fill: #4a5d66;
}
@media only screen and (min-width : 800px) {
  .o-viewHeader__mainAction--active:hover {
    box-shadow: none;
  }
  .o-viewHeader__mainAction--active:hover .b-icon {
    fill: #26a3bd;
  }
}
.o-viewHeader__mainAction--active:after {
  opacity: 1;
  transform: scaleY(0.075);
  margin-bottom: -0.0625rem;
}
@media only screen and (min-width : 640px) {
  .o-viewHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
.o-viewHeader--responsiveSimpleActions .o-viewHeader__viewTrail,
.o-viewHeader--responsiveSimpleActions .o-viewHeader__actions {
  width: auto;
}
.o-viewHeader--responsiveSimpleActionsWithTabs .o-viewHeader__actions {
  width: auto;
}

.o-viewHelper {
  background: white;
  color: #2c373d;
  padding: 0 1rem 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  z-index: 2048;
}
@media print {
  .o-viewHelper {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .o-viewHelper {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
  }
}
.o-viewHelper__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.o-viewHelper .o-dropDownSelector__button,
.o-viewHelper .o-inputSelector__textInput {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  width: 7.5rem;
  text-align: left;
}
@media only screen and (min-width : 640px) {
  .o-viewHelper .o-dropDownSelector__button,
  .o-viewHelper .o-inputSelector__textInput {
    width: 8.75rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-viewHelper .o-dropDownSelector__button,
  .o-viewHelper .o-inputSelector__textInput {
    width: 10rem;
  }
}
.o-viewHelper .o-readoutSelector {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.o-viewHelper .o-doubleDatePicker {
  margin: 0 1rem 0 0;
}
.o-viewHelper .o-doubleDatePicker__datePicker {
  margin: 0;
}

.o-viewFooter {
  box-shadow: 0 -0.0625rem 0 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 640px) {
  .o-viewFooter {
    position: sticky;
    bottom: 0;
    left: 3rem;
    right: 0;
    z-index: 2050;
  }
}

.o-viewDropPanel {
  background: white;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  position: relative;
}
.o-viewDropPanel--docked {
  position: fixed;
  top: 2.5rem;
  left: 3rem;
  right: 0;
  z-index: 1000;
}
.o-viewDropPanel__body {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.o-viewDropPanel__footer {
  border-top: 0.0625rem solid #f0f2f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.o-viewDropPanel__footerActions {
  padding: 0.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@keyframes dropIn {
  0% {
    transform: translate3d(-50%, -110%, 0) scale(1, 1);
    box-shadow: none;
  }
  100% {
    transform: translate3d(-50%, 0, 0) scale(1, 1);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  }
}
@keyframes dropOut {
  0% {
    transform: translate3d(-50%, 0, 0) scale(1, 1);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    transform: translate3d(-50%, -110%, 0) scale(1, 1);
    box-shadow: none;
  }
}
.o-systemLoader {
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1, 1);
  background: #fffbed;
  color: #2c373d;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 0 0 0.1875rem 0.1875rem;
  border: 0.0625rem solid #ffc400;
  border-top: 0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-width: 20rem;
  animation-name: dropIn;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-duration: 0.25s;
  animation-name: dropIn;
}
@media print {
  .o-systemLoader {
    display: none;
  }
}
.o-systemLoader .b-icon {
  fill: #ffc400;
}

.o-systemNotifier {
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1, 1);
  background: #fffbed;
  color: #2c373d;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 0 0 0.1875rem 0.1875rem;
  border: 0.0625rem solid #ffc400;
  border-top: 0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-width: 20rem;
  transform: translate3d(-50%, -110%, 0) scale(1, 1);
  z-index: 8010;
  background: #f0f9fa;
  border-color: #00eaff;
}
@media print {
  .o-systemNotifier {
    display: none;
  }
}
.o-systemNotifier .b-icon {
  fill: #1e8094;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.o-systemNotifier--intro {
  animation-name: dropIn;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.o-systemNotifier--outro {
  animation-name: dropOut;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.o-paginator {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width : 640px) {
  .o-paginator {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.o-paginator__pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.5rem;
}
@media only screen and (min-width : 640px) {
  .o-paginator__pages {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: auto;
    margin: 0;
  }
}
.o-paginator__pageBtn {
  padding: 0.5rem;
  min-width: 2rem;
  min-height: 2rem;
  text-align: center;
  color: #4a5d66;
  border-radius: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 0.125rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-paginator__pageBtn:hover {
    color: white;
    background-color: #26a3bd;
  }
}
.o-paginator__pageBtn--current {
  color: white;
  background-color: #ffc400;
}
@media only screen and (min-width : 800px) {
  .o-paginator__pageBtn--current:hover {
    color: white;
    background-color: #ffc400;
  }
}
.o-paginator__pageSpacer {
  font-size: 0.75rem;
  line-height: 1rem;
  min-width: 2rem;
  min-height: 2rem;
  text-align: center;
  color: #4a5d66;
}
.o-paginator__navBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: bold;
  letter-spacing: 0.0625rem;
  color: #4a5d66;
  text-transform: uppercase;
  padding: 0.5rem;
  min-height: 2rem;
  border-radius: 0.125rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-paginator__navBtn .b-icon {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  fill: #a4b4bc;
}
.o-paginator__navBtn .icon-arrow-prev {
  margin-right: 0.25rem;
}
.o-paginator__navBtn .icon-arrow-next {
  margin-left: 0.25rem;
}
@media only screen and (min-width : 800px) {
  .o-paginator__navBtn:hover:not(:disabled) {
    color: white;
    background-color: #26a3bd;
  }
  .o-paginator__navBtn:hover:not(:disabled) .b-icon {
    fill: white;
  }
}
.o-paginator__navBtn:disabled {
  opacity: 0.25;
  cursor: default;
}
.o-paginator__navBtn--prev {
  padding-right: 0.75rem;
}
@media only screen and (min-width : 640px) {
  .o-paginator__navBtn--prev {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.o-paginator__navBtn--next {
  padding-left: 0.75rem;
}
@media only screen and (min-width : 640px) {
  .o-paginator__navBtn--next {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}

.o-dateRangeNavigator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-dateRangeNavigator__prevBtn, .o-dateRangeNavigator__nextBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.5rem;
  background: none;
}
.o-dateRangeNavigator__prevBtn:after, .o-dateRangeNavigator__nextBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-dateRangeNavigator__prevBtn:hover, .o-dateRangeNavigator__nextBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .o-dateRangeNavigator__prevBtn:hover:after, .o-dateRangeNavigator__nextBtn:hover:after {
    opacity: 1;
  }
}
.o-dateRangeNavigator__prevBtn:focus, .o-dateRangeNavigator__nextBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.o-dateRangeNavigator__prevBtn:active, .o-dateRangeNavigator__nextBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.o-dateRangeNavigator__prevBtn:active:after, .o-dateRangeNavigator__nextBtn:active:after {
  content: none;
}
.o-dateRangeNavigator__prevBtn:disabled, .o-dateRangeNavigator__nextBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-dateRangeNavigator__prevBtn:disabled:hover, .o-dateRangeNavigator__nextBtn:disabled:hover {
    box-shadow: none;
  }
  .o-dateRangeNavigator__prevBtn:disabled:hover:after, .o-dateRangeNavigator__nextBtn:disabled:hover:after {
    opacity: 0;
  }
}
.o-dateRangeNavigator__prevBtn__label, .o-dateRangeNavigator__nextBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .o-dateRangeNavigator__prevBtn__label, .o-dateRangeNavigator__nextBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.o-dateRangeNavigator__prevBtn--small, .o-dateRangeNavigator__nextBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.o-dateRangeNavigator__prevBtn--small .b-button__label, .o-dateRangeNavigator__nextBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .o-dateRangeNavigator__prevBtn--small, .o-dateRangeNavigator__nextBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.o-dateRangeNavigator__prevBtn--critical, .o-dateRangeNavigator__nextBtn--critical {
  background: #e54040;
}
.o-dateRangeNavigator__prevBtn--critical:after, .o-dateRangeNavigator__nextBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .o-dateRangeNavigator__prevBtn--critical:hover, .o-dateRangeNavigator__nextBtn--critical:hover {
    background: #e54040;
  }
  .o-dateRangeNavigator__prevBtn--critical:hover:after, .o-dateRangeNavigator__nextBtn--critical:hover:after {
    opacity: 1;
  }
}
.o-dateRangeNavigator__prevBtn--critical:active, .o-dateRangeNavigator__nextBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.o-dateRangeNavigator__prevBtn--critical:active:after, .o-dateRangeNavigator__nextBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.o-dateRangeNavigator__prevBtn--working, .o-dateRangeNavigator__nextBtn--working {
  position: relative;
}
.o-dateRangeNavigator__prevBtn--working .b-button__label,
.o-dateRangeNavigator__prevBtn--working .b-button__icon, .o-dateRangeNavigator__nextBtn--working .b-button__label,
.o-dateRangeNavigator__nextBtn--working .b-button__icon {
  visibility: hidden;
}
.o-dateRangeNavigator__prevBtn--working:before, .o-dateRangeNavigator__nextBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.o-dateRangeNavigator__prevBtn--working:after, .o-dateRangeNavigator__nextBtn--working:after {
  opacity: 1;
}
.o-dateRangeNavigator__prevBtn--working:disabled, .o-dateRangeNavigator__nextBtn--working:disabled {
  opacity: 1;
}
@media print {
  .o-dateRangeNavigator__prevBtn, .o-dateRangeNavigator__nextBtn {
    display: none;
  }
}
@media only screen and (min-width : 1280px) {
  .o-dateRangeNavigator__prevBtn, .o-dateRangeNavigator__nextBtn {
    width: 2rem;
    height: 2rem;
    padding: 0.625rem;
  }
}
.o-dateRangeNavigator__prevBtn .b-icon, .o-dateRangeNavigator__nextBtn .b-icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  fill: #26a3bd;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width : 800px) {
  .o-dateRangeNavigator__prevBtn:hover .b-icon, .o-dateRangeNavigator__nextBtn:hover .b-icon {
    fill: white;
  }
}
.o-dateRangeNavigator__dateRange {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  text-align: center;
  margin: auto;
}

.o-systemDialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9000;
}
.o-systemDialog--overlay {
  background: rgba(255, 255, 255, 0.6);
}
.o-systemDialog__dialog {
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(1, 1);
  background: #fffbed;
  color: #2c373d;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 0 0 0.1875rem 0.1875rem;
  border: 0.0625rem solid #ffc400;
  border-top: 0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-width: 20rem;
  box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.4);
  display: block;
  animation-duration: 0.25s;
  animation-name: dropIn;
  background: white;
  border: 0.0625rem solid #26a3bd;
  border-radius: 0;
  top: 1.5rem;
  min-width: none;
  max-width: 90vw;
  padding: 1rem 1.5rem;
}
@media print {
  .o-systemDialog__dialog {
    display: none;
  }
}
.o-systemDialog__body {
  white-space: pre-wrap;
}

@media only screen and (min-width : 480px) {
  .o-systemDialog__dialog {
    min-width: 20rem;
    margin-left: 1.5rem;
  }
}
@keyframes animate-modalFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes animate-modalSlideUp {
  0% {
    transform: translate(0, 150%);
  }
  50% {
    transform: translate(0, 150%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media only screen and (min-width : 560px) {
  @keyframes animate-modalSlideUp {
    0% {
      transform: translate(0, 150%);
    }
    50% {
      transform: translate(0, 150%);
    }
    100% {
      transform: translate(0, 0);
    }
  }
}
.o-modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem;
  z-index: 6100;
  display: none;
}
.o-modalContainer__bg {
  content: "";
  background: #0099e5;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.9;
  backdrop-filter: blur(0.25rem);
}
.o-modalContainer--show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-modalContainer--show .o-modalContainer__bg {
  animation-duration: 0.2s;
  animation-name: animate-modalFadeIn;
}
.o-modalContainer--show .o-modal {
  animation-duration: 0.4s;
  animation-name: animate-modalSlideUp;
}

.o-modal {
  background: white;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  border-radius: 0.5rem;
  max-height: 100%;
  box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width : 560px) {
  .o-modal {
    max-width: 31.25rem;
  }
  .o-modal--medium {
    max-width: 35rem;
  }
  .o-modal--fullScreen {
    max-width: none;
  }
}
.o-modal .icon-spinner01:not(.icon-spinner01--on-modal) {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  z-index: 20;
  fill: #26a3bd;
}
.o-modal--loading:after {
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  border-radius: 0.1875rem;
}
.o-modal--loading .icon-spinner01:not(.icon-spinner01--on-modal) {
  display: block;
  animation-duration: 0.8s;
  animation-name: animate-spinner;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.o-modal__titleBar {
  margin-bottom: 1rem;
}
.o-modal__titleBar--hasComponents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-modal__titleBar--alignLeft {
  padding-right: 3rem;
}
.o-modal__titleBar--alignLeft .o-modal__title {
  text-align: left;
}
.o-modal__title {
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  color: #2c373d;
  text-align: center;
  font-weight: bold;
  padding: 1rem;
}
.o-modal__closeBtn {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  z-index: 30;
}
.o-modal__closeBtn .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-modal__closeBtn:hover .b-icon {
    fill: #26a3bd;
  }
}
.o-modal__scrollBox {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.o-modal__scrollBox--yScroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.o-modal__body {
  padding: 0.5rem 1rem 2.5rem;
  min-height: 20rem;
}
.o-modal__body--limitWidth {
  max-width: 64rem;
  margin: 0 auto;
}
@media only screen and (min-width : 560px) {
  .o-modal__body {
    padding: 0.5rem 2.5rem 2.5rem;
  }
}
.o-modal__body .o-dropDownSelector__menu2 {
  position: fixed;
  left: 1rem;
  right: 1rem;
  top: auto;
}
@media only screen and (min-width : 560px) {
  .o-modal__body .o-dropDownSelector__menu2 {
    width: 27.25rem;
    left: auto;
    right: auto;
  }
}
@media screen and (max-height: 500px) {
  .o-modal__body .o-dropDownSelector__menu2Options {
    max-height: 7.5rem;
  }
}
.o-modal__panels {
  border-top: 0.0625rem solid #e1e6e9;
  min-height: 0;
  overflow: auto;
}
@media only screen and (min-width : 640px) {
  .o-modal__panels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-modal__panels--noScroll {
  overflow: none;
}
.o-modal__sidePanel {
  width: 100%;
  overflow: hidden;
  display: flex;
}
@media only screen and (min-width : 640px) {
  .o-modal__sidePanel {
    max-width: 12.5rem;
    border-right: 0.0625rem solid #e1e6e9;
  }
}
.o-modal__sidePanelContent {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
}
@media only screen and (min-width : 640px) {
  .o-modal__sidePanelContent {
    max-width: 14.375rem;
  }
}
.o-modal__mainPanel {
  width: 100%;
}
.o-modal__footer {
  background: #f0f2f4;
  border-top: 0.0625rem solid #e1e6e9;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.o-modal__filterExpander {
  margin-top: 0.5rem;
}
.o-modal__filterExpander .b-expander__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: white;
}
.o-modal__filterExpander .b-expander__trigger {
  min-height: 2.5rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
  color: #68828f;
}
@media only screen and (min-width : 640px) {
  .o-modal__filterExpander .b-expander__trigger {
    min-height: 2rem;
  }
}

.ReactModal__Body--open {
  overflow: hidden;
}
.ReactModal__Body--open .NowstaApp,
.ReactModal__Body--open .o-eventDetails__mainBar {
  overflow: hidden;
}

.o-assignmentModal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  backdrop-filter: none;
}
@supports (backdrop-filter: blur(0.25rem)) {
  .o-assignmentModal__overlay {
    backdrop-filter: blur(0.25rem);
  }
}
.o-assignmentModal__overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #0099e5;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}
.o-assignmentModal__overlay.ReactModal__Overlay--after-open:after {
  opacity: 0.6;
}
.o-assignmentModal__overlay.ReactModal__Overlay--before-close:after {
  opacity: 0;
  transition-delay: 0.25s;
}
@media only screen and (min-width: 820px) {
  .o-assignmentModal__overlay {
    padding: 1.5rem 1rem;
  }
  .o-assignmentModal__overlay:after {
    content: "";
    display: block;
  }
}
.o-assignmentModal__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.o-assignmentModal__content .transition-fromLeft,
.o-assignmentModal__content .transition-fromRight,
.o-assignmentModal__content .transition-fromBottom {
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.o-assignmentModal__content .transition-fromLeft {
  transform: translate3d(-100%, 0, 0);
}
.o-assignmentModal__content .transition-fromRight {
  transform: translate3d(100%, 0, 0);
}
.o-assignmentModal__content .transition-fromBottom {
  transform: translate3d(0, 100%, 0);
}
.o-assignmentModal__content.ReactModal__Content--after-open .transition-fromLeft,
.o-assignmentModal__content.ReactModal__Content--after-open .transition-fromRight,
.o-assignmentModal__content.ReactModal__Content--after-open .transition-fromBottom {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.25s;
}
.o-assignmentModal__content.ReactModal__Content--before-close .transition-fromLeft {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.o-assignmentModal__content.ReactModal__Content--before-close .transition-fromRight {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.o-assignmentModal__content.ReactModal__Content--before-close .transition-fromBottom {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.o-floatingModal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
}
@supports (backdrop-filter: blur(0.25rem)) {
  .o-floatingModal__overlay {
    background-color: transparent;
    backdrop-filter: blur(0.25rem);
  }
}
.o-floatingModal__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.o-floatingModal__content .transition-fromLeft,
.o-floatingModal__content .transition-fromRight,
.o-floatingModal__content .transition-fromBottom {
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.o-floatingModal__content .transition-fromLeft {
  transform: translate3d(-100%, 0, 0);
}
.o-floatingModal__content .transition-fromRight {
  transform: translate3d(100%, 0, 0);
}
.o-floatingModal__content .transition-fromBottom {
  transform: translate3d(0, 100%, 0);
}
.o-floatingModal__content.ReactModal__Content--after-open .transition-fromLeft,
.o-floatingModal__content.ReactModal__Content--after-open .transition-fromRight,
.o-floatingModal__content.ReactModal__Content--after-open .transition-fromBottom {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.25s;
}
.o-floatingModal__content.ReactModal__Content--before-close .transition-fromLeft {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.o-floatingModal__content.ReactModal__Content--before-close .transition-fromRight {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.o-floatingModal__content.ReactModal__Content--before-close .transition-fromBottom {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.o-timePicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.o-timePicker .hidden-input {
  font-size: 0;
  margin: 0;
  padding: 0;
  width: 0;
}
.o-timePicker--24h .o-timePicker__menu--hours {
  width: 12.625rem;
}
.o-timePicker--alignHoursLeft .o-timePicker__menu--hours {
  left: 0;
  transform: translateX(0);
}
.o-timePicker--hasTimePicker .b-form__dateInput {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.o-timePicker__itemsCont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 125px;
}
.o-timePicker__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.o-timePicker__field {
  position: relative;
}
.o-timePicker__field--hh {
  position: relative;
  padding-right: 0.375rem;
}
.o-timePicker__field--hh:before {
  content: ":";
  position: absolute;
  right: 0;
  bottom: 1rem;
  width: 0.375rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
}
@media only screen and (min-width : 640px) {
  .o-timePicker__field--hh:before {
    bottom: 0.5rem;
  }
}
.o-timePicker__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #4a5d66;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.o-timePicker__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  padding: 0.4375rem 0px;
  width: 2.5rem;
  text-align: center;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__input:hover {
    border-color: #4a5d66;
  }
  .o-timePicker__input:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .o-timePicker__input {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.o-timePicker__input:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.o-timePicker__input:focus ~ .b-icon {
  fill: #1e8094;
}
.o-timePicker__input:active {
  border-color: #007ebd;
  background: #f0faff;
}
.o-timePicker__input:active ~ .b-icon {
  fill: #007ebd;
}
.o-timePicker__input:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__input:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.o-timePicker__input--medium {
  padding: 0.5625rem 0.6875rem;
}
.o-timePicker__input--warning, .o-timePicker__input--warning:focus, .o-timePicker__input--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__input--warning:hover, .o-timePicker__input--warning:focus:hover, .o-timePicker__input--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.o-timePicker__input--critical, .o-timePicker__input--critical:focus, .o-timePicker__input--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__input--critical:hover, .o-timePicker__input--critical:focus:hover, .o-timePicker__input--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .o-timePicker__input {
    padding: 0.3125rem 0px;
  }
}
.o-timePicker__input--critical {
  border-color: #e54040;
  background-color: #fdf2f2;
}
.o-timePicker__menu {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  width: 9.625rem;
  left: 50%;
  transform: translateX(-50%);
}
.o-timePicker__menu--hide {
  display: none;
}
.o-timePicker__menu--show {
  display: block;
}
.o-timePicker__menuScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-timePicker__menuTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-timePicker__menuTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-timePicker__menuTitle {
    padding: 0;
  }
  .o-timePicker__menuTitle:before {
    display: none;
  }
}
.o-timePicker__menuDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
@media only screen and (min-width : 640px) {
  .o-timePicker__menu {
    width: 6.625rem;
  }
}
.o-timePicker__menuTitle {
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  text-align: center;
  margin: 0.25rem 0;
}
.o-timePicker__menuItem {
  cursor: pointer;
  display: inline-block;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-align: center;
  padding: 0.9375rem 0.25rem;
  width: 3rem;
  position: relative;
}
@media only screen and (min-width : 640px) {
  .o-timePicker__menuItem {
    width: 2rem;
    padding: 0.25rem;
  }
}
.o-timePicker__menuItem--selected {
  position: relative;
  color: white;
  background: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__menuItem:hover {
    color: white;
    background: #0099e5;
  }
  .o-timePicker__menuItem:hover .b-icon {
    fill: white;
  }
}
.o-timePicker__ampm {
  margin: 0 0 0 0.375rem;
}
.o-timePicker__ampmRadio {
  z-index: -10;
  position: absolute;
  opacity: 0;
}
.o-timePicker__ampmRadio:focus + .o-timePicker__ampmDisplay {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
  border-color: #26a3bd;
  z-index: 1;
}
.o-timePicker__ampmBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  text-align: center;
  padding: 0.4375rem 0.0625rem;
  width: 2.5rem;
  position: relative;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__ampmBtn:hover {
    border-color: #4a5d66;
  }
  .o-timePicker__ampmBtn:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .o-timePicker__ampmBtn {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.o-timePicker__ampmBtn:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.o-timePicker__ampmBtn:focus ~ .b-icon {
  fill: #1e8094;
}
.o-timePicker__ampmBtn:active {
  border-color: #007ebd;
  background: #f0faff;
}
.o-timePicker__ampmBtn:active ~ .b-icon {
  fill: #007ebd;
}
.o-timePicker__ampmBtn:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__ampmBtn:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.o-timePicker__ampmBtn--medium {
  padding: 0.5625rem 0.6875rem;
}
.o-timePicker__ampmBtn--warning, .o-timePicker__ampmBtn--warning:focus, .o-timePicker__ampmBtn--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__ampmBtn--warning:hover, .o-timePicker__ampmBtn--warning:focus:hover, .o-timePicker__ampmBtn--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.o-timePicker__ampmBtn--critical, .o-timePicker__ampmBtn--critical:focus, .o-timePicker__ampmBtn--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .o-timePicker__ampmBtn--critical:hover, .o-timePicker__ampmBtn--critical:focus:hover, .o-timePicker__ampmBtn--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
.o-timePicker__ampmBtn--selected {
  display: block;
}
.o-timePicker__ampmBtn--critical {
  border-color: #e54040;
  background-color: #fdf2f2;
}
.o-timePicker__ampmBtn--highlighted {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
  border-color: #26a3bd;
}
.o-timePicker__ampmBtn--disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
.o-timePicker__ampmBtn--disabled:hover {
  border-color: rgba(0, 0, 0, 0.08);
}
.o-timePicker__ampmDisplay {
  border: 0.0625rem solid #e1e6e9;
  background: white;
  color: #2c373d;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-align: center;
  padding: 0.6875rem 0;
  width: 2.5rem;
  display: block;
  position: relative;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0.1875rem;
}
@media only screen and (min-width : 640px) {
  .o-timePicker__ampmDisplay {
    padding: 0.4375rem 0.0625rem;
    width: 1.75rem;
  }
}
@media only screen and (min-width : 800px) {
  .o-timePicker__ampmDisplay:hover {
    z-index: 1;
    color: #1e8094;
    border-color: #4a5d66;
  }
}
.o-timePicker__ampmDisplay--am {
  border-radius: 0.1875rem 0 0 0.1875rem;
}
.o-timePicker__ampmDisplay--pm {
  border-radius: 0 0.1875rem 0.1875rem 0;
}

.o-datePicker {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.o-datePicker__dateInput {
  width: 5.75rem;
}
.o-datePicker .rdt {
  position: relative;
}
.o-datePicker .rdtPicker {
  display: none;
  position: absolute;
  left: -0.875rem;
  width: 15.625rem;
  padding: 0.25rem;
  margin-top: 0.0625rem;
  z-index: 99999 !important;
  background: #fff;
  border-radius: 0.1875rem;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  border: 0.0625rem solid #26a3bd;
}
.o-datePicker .rdtPicker-align-center .rdtPicker {
  left: -4.25rem;
}
.o-datePicker .rdtOpen .rdtPicker {
  display: block;
}
.o-datePicker .rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}
.o-datePicker .rdtPicker .rdtTimeToggle {
  text-align: center;
}
.o-datePicker .rdtPicker table {
  width: 100%;
  margin: 0;
}
.o-datePicker .rdtPicker td,
.o-datePicker .rdtPicker th {
  text-align: center;
}
.o-datePicker .rdtDay {
  cursor: pointer;
  border: 0.0625rem solid #e1e6e9;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.375rem 0;
}
.o-datePicker .rdtDay:hover,
.o-datePicker .rdtPicker td.rdtToday:hover,
.o-datePicker .rdtPicker td.rdtHour:hover,
.o-datePicker .rdtPicker td.rdtMinute:hover,
.o-datePicker .rdtPicker td.rdtSecond:hover,
.o-datePicker .rdtPicker .rdtTimeToggle:hover {
  color: white;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}
.o-datePicker .rdtPicker td.rdtOld,
.o-datePicker .rdtPicker td.rdtNew {
  color: #4a5d66;
  background-color: #f0f2f4;
}
.o-datePicker .rdtPicker td.rdtOld:hover,
.o-datePicker .rdtPicker td.rdtNew:hover {
  color: white;
}
.o-datePicker .rdtPicker td.rdtToday {
  position: relative;
}
.o-datePicker .rdtPicker td.rdtToday:before {
  content: "";
  display: inline-block;
  border-left: 0.4375rem solid transparent;
  border-bottom: 0.4375rem solid #26a3bd;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
}
.o-datePicker .rdtPicker td.rdtActive,
.o-datePicker .rdtPicker td.rdtActive:hover {
  background-color: #26a3bd;
  color: #fff;
  font-weight: bold;
}
.o-datePicker .rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.o-datePicker .rdtPicker td.rdtDisabled,
.o-datePicker .rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.o-datePicker .rdtPicker td span.rdtOld {
  color: #4a5d66;
  background-color: #f0f2f4;
}
.o-datePicker .rdtPicker td span.rdtDisabled,
.o-datePicker .rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.o-datePicker .rdtPicker th {
  border-bottom: 0.0625rem solid #f9f9f9;
}
.o-datePicker .rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  padding: 0.25rem 0 0.125rem;
  font-weight: 600;
}
.o-datePicker .rdtPicker th.rdtNext,
.o-datePicker .rdtPicker th.rdtPrev {
  font-size: 1.375rem;
  line-height: 1.375rem;
  vertical-align: top;
  background: #26a3bd;
  color: white;
  border: 0;
  border-radius: 0.1875rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0.25rem 0;
}
.o-datePicker .rdtPicker th.rdtDisabled,
.o-datePicker .rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.o-datePicker .rdtSwitch {
  padding: 0.375rem 0;
}
.o-datePicker .rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.o-datePicker .rdtPicker thead tr:first-child th.rdtNext:hover,
.o-datePicker .rdtPicker thead tr:first-child th.rdtPrev:hover {
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}
.o-datePicker .rdtPicker tfoot {
  border-top: 0.0625rem solid #f9f9f9;
}
.o-datePicker .rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.o-datePicker .rdtPicker button:hover {
  background-color: #eee;
}
.o-datePicker .rdtPicker thead button {
  width: 100%;
  height: 100%;
}
.o-datePicker td.rdtMonth,
.o-datePicker td.rdtYear {
  height: 3.125rem;
  width: 25%;
  cursor: pointer;
  vertical-align: middle;
}
.o-datePicker td.rdtMonth:hover,
.o-datePicker td.rdtYear:hover {
  background: #eee;
}
.o-datePicker .rdtPicker .rdtTime td {
  width: 15rem;
  display: table;
}
.o-datePicker .rdtCounters {
  display: inline-block;
}
.o-datePicker .rdtCounters > div {
  float: left;
}
.o-datePicker .rdtCounter {
  height: 6.25rem;
}
.o-datePicker .rdtCounter {
  width: 2.5rem;
}
.o-datePicker .rdtCounterSeparator {
  line-height: 6.25rem;
}
.o-datePicker .rdtCounter .rdtBtn {
  height: 40%;
  line-height: 2.5rem;
  cursor: pointer;
}
.o-datePicker .rdtCounter .rdtBtn:hover {
  background: #eee;
}
.o-datePicker .rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}
.o-datePicker .rdtMilli {
  vertical-align: middle;
  padding-left: 0.5rem;
  width: 3rem;
}
.o-datePicker input.form-control {
  width: 14em;
}
.o-datePicker .rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 2.3125rem;
}

@media only screen and (min-width : 560px) {
  .o-doubleDatePicker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-doubleDatePicker--vertical {
  display: block;
}
.o-doubleDatePicker--vertical .o-doubleDatePicker__datePicker {
  width: 100%;
}
.o-doubleDatePicker--horizontalLabels .o-doubleDatePicker__datePicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-doubleDatePicker--horizontalLabels .o-doubleDatePicker__label {
  margin: 0 0.5rem 0 0;
}
.o-doubleDatePicker--horizontalLabels .o-doubleDatePicker__datePicker--from {
  margin-right: 1rem;
}
.o-doubleDatePicker__datePicker {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 1rem;
}

.o-datePicker.useTendBranding .rdtPicker {
  border-color: #045445;
}

.o-datePicker.useTendBranding th.rdtNext,
.o-datePicker.useTendBranding th.rdtPrev,
.o-datePicker.useTendBranding .rdtPicker thead tr:first-child th.rdtNext:hover,
.o-datePicker.useTendBranding .rdtPicker thead tr:first-child th.rdtPrev:hover,
.o-datePicker.useTendBranding .rdtDay:hover,
.o-datePicker.useTendBranding .rdtPicker td.rdtToday:hover,
.o-datePicker.useTendBranding .rdtPicker td.rdtActive {
  background: #045445;
}

.o-datePicker.useTendBranding .rdtPicker td.rdtToday:before {
  border-bottom: 0.4375rem solid #045445;
}

.o-datePicker.useTendBranding .b-form__textInput:focus,
.o-datePicker.useTendBranding .b-form__textInput:focus {
  background-color: #e6eeec;
  border-color: #045445;
}

.o-messageComposer__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-messageComposer__fieldLabel {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  min-width: 4.5rem;
  padding-right: 0.5rem;
  color: #4a5d66;
}
.o-messageComposer__recipients {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-messageComposer__recipients .b-workerAvatar {
  margin: 0.125rem 0.25rem 0.125rem 0;
}
.o-messageComposer__recipients .b-workerAvatar:last-child {
  margin-right: 0;
}

.o-shiftTile {
  background: white;
  cursor: pointer;
  display: block;
  padding: 0.4375rem;
  position: relative;
  color: #2c373d;
  border-radius: 0.1875rem;
  border: 0.0625rem solid transparent;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding: 0.1875rem 0.3125rem;
}
.o-shiftTile__status {
  text-transform: capitalize;
}
.o-shiftTile__info {
  font-weight: 600;
}
.o-shiftTile--available, .o-shiftTile--openTo {
  background: #007ebd;
  color: white;
}
.o-shiftTile--available .b-icon, .o-shiftTile--openTo .b-icon {
  fill: white;
}
@media print {
  .o-shiftTile--available, .o-shiftTile--openTo {
    background: none;
    border: 0.0625rem solid #007ebd;
    color: #2c373d;
  }
  .o-shiftTile--available .b-icon, .o-shiftTile--openTo .b-icon {
    fill: #4a5d66;
  }
}
.o-shiftTile--unavailable {
  background: #e1e6e9;
}
.o-shiftTile--availability, .o-shiftTile--open {
  border-color: #0099e5;
  background: #f0faff;
}
.o-shiftTile--availability .b-icon, .o-shiftTile--open .b-icon {
  fill: #4a5d66;
}
.o-shiftTile--empty {
  border-color: #808080;
  border-style: dashed;
}
.o-shiftTile--empty .b-icon {
  fill: #4a5d66;
}
.o-shiftTile--assigned, .o-shiftTile--event {
  border-color: #a4b4bc;
  background: #f0f2f4;
}
.o-shiftTile--assigned .b-icon, .o-shiftTile--event .b-icon {
  fill: #4a5d66;
}
.o-shiftTile--requested {
  border-color: #ffc400;
  background: #fffbed;
}
.o-shiftTile--requested .b-icon {
  fill: #4a5d66;
}
.o-shiftTile--confirmed {
  border-color: #15a83a;
  background: #eff9f1;
}
.o-shiftTile--critical {
  border-color: #e54040;
  background: #fdf2f2;
}
.o-shiftTile--critical .b-icon {
  fill: #4a5d66;
}
.o-shiftTile--declined {
  background: #e54040;
  color: white;
}
.o-shiftTile--declined .b-icon {
  fill: white;
}
@media print {
  .o-shiftTile--declined {
    background: none;
    border: 0.0625rem solid #e54040;
    color: #e54040;
  }
  .o-shiftTile--declined .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 800px) {
  .o-shiftTile:hover {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
    z-index: 10;
  }
}
@media only screen and (min-width : 800px) {
  .o-shiftTile--hasActions .o-shiftTile__actions {
    display: none;
    position: absolute;
    top: 0;
    right: 0.5rem;
    bottom: 0;
    margin-top: 0;
  }
  .o-shiftTile--hasActions .o-shiftTile__actions--show {
    display: flex;
  }
  .o-shiftTile--hasActions .o-shiftTile__details {
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .o-shiftTile--hasActions:hover .o-shiftTile__details {
    opacity: 0.4;
  }
  .o-shiftTile--hasActions:hover .o-shiftTile__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-shiftTile--hasMore {
  padding-right: 1.5rem;
}
.o-shiftTile--hasMore .o-shiftTile__actions {
  right: 1.5rem;
}
.o-shiftTile__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-right: 0.25rem;
  min-height: 2rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
  background: #26a3bd;
  color: white;
  padding: 0.25rem 1rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.1875rem;
}
.o-shiftTile__btn:last-child {
  margin-right: 0;
}
@media only screen and (min-width : 800px) {
  .o-shiftTile__btn {
    min-height: 1.5rem;
    padding: 0.25rem 0.5rem;
  }
}
.o-shiftTile__btn .b-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: white;
}
.o-shiftTile__btn--assign {
  background: #4a5d66;
}
.o-shiftTile__btn--open {
  background: #0099e5;
}
.o-shiftTile__btn--critical {
  background: #e54040;
}
.o-shiftTile__btn--request {
  background: #ffc400;
}
.o-shiftTile__btn--confirm {
  background: #15a83a;
}
.o-shiftTile__btn--working {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.o-shiftTile__btn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn-short 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.o-shiftTile__btn--working .b-icon {
  visibility: hidden;
}
.o-shiftTile__actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25rem;
}
@media print {
  .o-shiftTile__actions {
    display: none;
  }
}
.o-shiftTile__moreBtn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.5rem;
}
.o-shiftTile__moreBtn .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  margin: 0.375rem;
}

.o-shiftEntry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.o-shiftEntry__statusBar {
  max-width: 8.5rem;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0.5625rem 0 0;
}
.o-shiftEntry__time {
  margin: 0.1875rem 0 0 0;
}
.o-shiftEntry__time--collapseHeader {
  color: #68828f;
}
.o-shiftEntry__shift {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0.25rem;
}
.o-shiftEntry--isAvailable .o-shiftEntry__statusBar {
  max-width: 8rem;
  margin-left: 0.5rem;
  border-left: 0.125rem solid #007ebd;
  background: #f0faff;
}
.o-shiftEntry--isAvailable .o-shiftEntry__time {
  margin-left: 0.5rem;
}
.o-shiftEntry--isUnavailable .o-shiftEntry__statusBar {
  max-width: 8rem;
  margin-left: 0.5rem;
  border-left: 0.125rem solid #e1e6e9;
  background: #f0f2f4;
}
.o-shiftEntry--isUnavailable .o-shiftEntry__time {
  margin-left: 0.5rem;
}
.o-shiftEntry--hasConflict .o-shiftEntry__statusBar {
  border-right: 0.25rem solid #68828f;
}
.o-shiftEntryGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-radius: 0.1875rem;
  cursor: pointer;
  padding: 0;
  font-weight: 600;
  background: #68828f;
  color: white;
}
.o-shiftEntryGroup__expander {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-shiftEntryGroup__info {
  padding: 0.25rem 0.5rem 0.25rem 0;
}
.o-shiftEntryGroup .icon-triangle-down {
  width: 0.375rem;
  height: 0.375rem;
  display: block;
  fill: white;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-shiftEntryGroup--collapsed .icon-triangle-down {
  transform: rotate(-90deg);
}
.o-shiftEntryGroup--expanded .icon-triangle-down {
  transform: rotate(0);
}

.o-dropDownSelector {
  position: relative;
}
.o-dropDownSelector__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  position: relative;
  padding-right: 1.375rem;
}
@media only screen and (min-width : 800px) {
  .o-dropDownSelector__button:hover {
    border-color: #4a5d66;
  }
  .o-dropDownSelector__button:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .o-dropDownSelector__button {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.o-dropDownSelector__button:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.o-dropDownSelector__button:focus ~ .b-icon {
  fill: #1e8094;
}
.o-dropDownSelector__button:active {
  border-color: #007ebd;
  background: #f0faff;
}
.o-dropDownSelector__button:active ~ .b-icon {
  fill: #007ebd;
}
.o-dropDownSelector__button:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-dropDownSelector__button:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.o-dropDownSelector__button--medium {
  padding: 0.5625rem 0.6875rem;
}
.o-dropDownSelector__button--warning, .o-dropDownSelector__button--warning:focus, .o-dropDownSelector__button--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .o-dropDownSelector__button--warning:hover, .o-dropDownSelector__button--warning:focus:hover, .o-dropDownSelector__button--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.o-dropDownSelector__button--critical, .o-dropDownSelector__button--critical:focus, .o-dropDownSelector__button--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .o-dropDownSelector__button--critical:hover, .o-dropDownSelector__button--critical:focus:hover, .o-dropDownSelector__button--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .o-dropDownSelector__button {
    padding-right: 1.375rem;
  }
}
.o-dropDownSelector__button .icon-triangle-down {
  width: 0.5rem;
  height: 0.25rem;
  display: block;
  position: absolute;
  top: 50%;
  margin: -0.125rem 0 0 0;
  right: 0.5rem;
}
.o-dropDownSelector__header {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 0.75rem 0.125rem 0.25rem;
}
.o-dropDownSelector__label {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.o-dropDownSelector__menu {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  /* added by Dan to put the surrounding events control in here */
}
.o-dropDownSelector__menu--hide {
  display: none;
}
.o-dropDownSelector__menu--show {
  display: block;
}
.o-dropDownSelector__menuScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-dropDownSelector__menuTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-dropDownSelector__menuTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-dropDownSelector__menuTitle {
    padding: 0;
  }
  .o-dropDownSelector__menuTitle:before {
    display: none;
  }
}
.o-dropDownSelector__menuDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
.o-dropDownSelector__menu--large {
  width: 26.875rem;
}
.o-dropDownSelector__menuItem {
  cursor: pointer;
  display: block;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  position: relative;
  text-align: left;
  width: 100%;
  /* added by Dan to put the surrounding events control in here */
  /* added by Dan to put the surrounding events control in here */
}
.o-dropDownSelector__menuItem .b-icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 0.375rem;
  left: auto;
  right: 0.5rem;
  fill: #26a3bd;
}
.o-dropDownSelector__menuItem--selected {
  padding: 0.25rem 1.625rem 0.25rem 0.5rem;
  position: relative;
  color: white;
  background: #2c373d;
}
.o-dropDownSelector__menuItem--confirmed .b-icon {
  fill: #15a83a;
}
.o-dropDownSelector__menuItem--loadMore {
  color: #1e8094;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0.5rem;
}
@media only screen and (min-width : 800px) {
  .o-dropDownSelector__menuItem:hover {
    color: white;
    background: #26a3bd;
    background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  }
  .o-dropDownSelector__menuItem:hover .b-icon {
    fill: white;
  }
}
.o-dropDownSelector__workersearchContainer {
  display: flex;
  justify-content: space-between;
}
.o-dropDownSelector__workersearchLabel {
  color: #aaa;
}
.o-dropDownSelector__loader {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  color: #4a5d66;
  margin: 0.25rem 0;
  position: relative;
}
.o-dropDownSelector__loader .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  animation: animate-spinner 0.6s linear infinite;
  fill: #26a3bd;
  position: absolute;
  top: 0.375rem;
  left: auto;
  right: 0.5rem;
}

.o-inputSelector__inputBox {
  position: relative;
}
.o-inputSelector__textInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-inputSelector__textInput:hover {
    border-color: #4a5d66;
  }
  .o-inputSelector__textInput:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .o-inputSelector__textInput {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.o-inputSelector__textInput:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.o-inputSelector__textInput:focus ~ .b-icon {
  fill: #1e8094;
}
.o-inputSelector__textInput:active {
  border-color: #007ebd;
  background: #f0faff;
}
.o-inputSelector__textInput:active ~ .b-icon {
  fill: #007ebd;
}
.o-inputSelector__textInput:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-inputSelector__textInput:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.o-inputSelector__textInput--medium {
  padding: 0.5625rem 0.6875rem;
}
.o-inputSelector__textInput--warning, .o-inputSelector__textInput--warning:focus, .o-inputSelector__textInput--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .o-inputSelector__textInput--warning:hover, .o-inputSelector__textInput--warning:focus:hover, .o-inputSelector__textInput--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.o-inputSelector__textInput--critical, .o-inputSelector__textInput--critical:focus, .o-inputSelector__textInput--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .o-inputSelector__textInput--critical:hover, .o-inputSelector__textInput--critical:focus:hover, .o-inputSelector__textInput--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}

.o-readoutSelector {
  position: relative;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.o-readoutSelector--truncate {
  white-space: nowrap;
  min-width: 0;
}
.o-readoutSelector--truncate .o-readoutSelector__readouts {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.o-readoutSelector--truncate .o-readoutSelector__menu {
  white-space: normal;
  overflow: visible;
}
.o-readoutSelector__label {
  margin-right: 0.25rem;
  display: inline;
  font-weight: 500;
}
.o-readoutSelector__readouts {
  display: inline;
  text-align: left;
}
.o-readoutSelector__readout {
  font-weight: bold;
  color: #1e8094;
  text-decoration: underline;
  margin-right: 0.25rem;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print {
  .o-readoutSelector__readout {
    color: black;
    text-decoration: none;
  }
}
@media only screen and (min-width : 800px) {
  .o-readoutSelector__readout:hover {
    background-color: #26a3bd;
    color: white;
  }
}
.o-readoutSelector__readout:after {
  content: ",";
  color: rgba(44, 55, 61, 0.5);
  text-decoration: none;
}
.o-readoutSelector__readout:last-child {
  margin-right: 0;
}
.o-readoutSelector__readout:last-child:after {
  content: none;
}
.o-readoutSelector__menu {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  right: auto;
  width: 15rem;
  color: #2c373d;
}
.o-readoutSelector__menu--hide {
  display: none;
}
.o-readoutSelector__menu--show {
  display: block;
}
.o-readoutSelector__menuScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-readoutSelector__menuTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-readoutSelector__menuTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-readoutSelector__menuTitle {
    padding: 0;
  }
  .o-readoutSelector__menuTitle:before {
    display: none;
  }
}
.o-readoutSelector__menuDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
@media only screen and (min-width : 640px) {
  .o-readoutSelector__menu {
    left: 0.9375rem;
  }
}
.o-readoutSelector__menuScrollBox {
  padding: 0.5rem 0.75rem;
}
.o-readoutSelector__optionLabel {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  font-weight: 500;
}

.o-timeCardHeader {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.o-timeCardHeader--expanded {
  border-radius: 0.125rem 0.125rem 0 0;
}
.o-timeCardHeader .b-objectList__selectActions {
  left: 0;
  right: 1.875rem;
}
.o-timeCardHeader__markers {
  width: 3.5rem;
  padding-right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-timeCardHeader__selector {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  padding: 0.5rem;
}
.o-timeCardHeader__marker {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.5rem;
}
.o-timeCardHeader__expander {
  width: 1.5rem;
}
.o-timeCardHeader__main {
  width: calc(100% - 5rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding-bottom: 0.5rem;
}
.o-timeCardHeader__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.o-timeCardHeader__title--row {
  flex-direction: row;
}
.o-timeCardHeader__title--center {
  text-align: center;
}
.o-timeCardHeader__title > p,
.o-timeCardHeader__title > div {
  width: 100%;
}
.o-timeCardHeader__info {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  padding: 0.5rem 0.5rem 0.25rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  cursor: pointer;
}
.o-timeCardHeader__infoHeader--bold {
  font-weight: 700;
}
.o-timeCardHeader__infoHeader--semibold {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #2a3439;
}
.o-timeCardHeader__infoHeaderCopy {
  color: #4a5d66;
  margin-left: 0.5rem;
  font-weight: 500;
}
.o-timeCardHeader__infoCopy {
  color: #4a5d66;
  display: block;
}
.o-timeCardHeader__payData {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #4a5d66;
  margin-bottom: 0.5rem;
}
.o-timeCardHeader__payout, .o-timeCardHeader__hours {
  display: inline-block;
  min-width: 4rem;
  padding-right: 0.5rem;
}
.o-timeCardHeader__data {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
  width: calc(100% - 5.5rem);
  min-height: 1.5rem;
}
.o-timeCardHeader__data .b-dataGroup__datum--flagged {
  display: none;
}
.o-timeCardHeader__actions {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  width: 5.5rem;
}
.o-timeCardHeader__label {
  color: #4a5d66;
  display: none;
}
@media only screen and (min-width : 800px) {
  .o-timeCardHeader:hover {
    color: #1e8094;
  }
  .o-timeCardHeader:hover .o-timeCardHeader__expander .b-icon {
    fill: #26a3bd;
  }
}

@media only screen and (min-width : 640px) {
  .o-timeCardHeader__markers {
    width: 4rem;
  }
  .o-timeCardHeader__marker {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
  .o-timeCardHeader__main {
    width: calc(100% - 5.5rem);
  }
  .o-timeCardHeader__info {
    width: calc(100% - 6.5rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
  .o-timeCardHeader__infoHeader {
    display: inline-block;
  }
  .o-timeCardHeader__infoCopy {
    color: #4a5d66;
    margin-right: 0.5rem;
    display: inline-block;
  }
  .o-timeCardHeader__actions {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 6.5rem;
  }
  .o-timeCardHeader__data {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: calc(100% - 9rem);
    min-height: inherit;
  }
  .o-timeCardHeader .b-dataGroup__datum--flagged {
    display: initial;
  }
  .o-timeCardHeader__payData {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: 9rem;
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-align: right;
  }
  .o-timeCardHeader__payout, .o-timeCardHeader__hours {
    display: inline-block;
    min-width: initial;
  }
  .o-timeCardHeader__payout {
    width: 5rem;
  }
  .o-timeCardHeader__hours {
    width: 4rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-timeCardHeader__markers {
    width: 6rem;
    padding: 0.75rem 0.5rem 0.75rem 0;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .o-timeCardHeader__selector {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .o-timeCardHeader__marker {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 4rem;
    margin-top: 0;
  }
  .o-timeCardHeader__main {
    width: calc(100% - 7.5rem);
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-bottom: 0;
  }
  .o-timeCardHeader__info {
    width: 27%;
    min-height: initial;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .o-timeCardHeader__infoHeader {
    text-align: left;
    display: flex;
  }
  .o-timeCardHeader__infoCopy {
    margin: 0 0 0.125rem;
    display: block;
  }
  .o-timeCardHeader__infoCopy--left {
    text-align: left;
  }
  .o-timeCardHeader__infoAgency {
    display: flex;
    padding-right: 0.5rem;
    justify-content: center;
  }
  .o-timeCardHeader__payData {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 24%;
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-align: left;
  }
  .o-timeCardHeader__payout, .o-timeCardHeader__hours {
    display: inline-block;
    width: 45.833%;
  }
  .o-timeCardHeader__data {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: calc(49% - 7.5rem);
  }
  .o-timeCardHeader__actions {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    width: 7.5rem;
    min-height: inherit;
  }
  .o-timeCardHeader__label {
    color: #4a5d66;
    display: block;
  }
}
.o-timeCardEntry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /*
      AUDIT PANEL
      */
  /*
      MENU PANEL
      */
}
.o-timeCardEntry--disabled .b-form__checkboxDisplay {
  background: #eee;
}
@media only screen and (min-width : 800px) {
  .o-timeCardEntry:hover {
    background: #f0faff;
  }
}
.o-timeCardEntry__markers {
  width: 3.5rem;
  padding-right: 0.5rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.o-timeCardEntry__selector {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  padding: 0.5rem;
}
.o-timeCardEntry__marker {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.o-timeCardEntry__avatars {
  width: 100%;
}
.o-timeCardEntry__agency-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-timeCardEntry__menu {
  width: 1.5rem;
}
.o-timeCardEntry__main {
  width: calc(100% - 5rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 0.5rem 0;
}
.o-timeCardEntry__info {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0 0;
  justify-content: space-between;
  width: calc(100% - 4.5rem);
  margin-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.o-timeCardEntry__info > div {
  width: 100%;
}
.o-timeCardEntry__info--agency {
  display: flex;
  justify-content: center;
}
.o-timeCardEntry__infoHeader {
  display: block;
  margin-bottom: 0.125rem;
}
.o-timeCardEntry__infoCopy {
  color: #4a5d66;
  display: block;
}
.o-timeCardEntry__actions {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 4.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 0.25rem;
}
.o-timeCardEntry__actions .b-toolTip:after {
  min-width: 7.5rem;
}
.o-timeCardEntry__approvalText {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding-right: 0.5rem;
  text-align: right;
  width: calc(100% - 1.5rem);
}
.o-timeCardEntry__approvalTextName {
  display: none;
}
.o-timeCardEntry__positionData {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.o-timeCardEntry__positionDataEditor {
  top: 0;
  left: 50%;
  transform: translate(-50%, 1.25rem);
  width: 16rem;
}
.o-timeCardEntry__payData {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding-right: 1.5rem;
  position: relative;
  color: #4a5d66;
}
.o-timeCardEntry__payDataEditor {
  left: 0;
  top: 100%;
  transform: translate(-2rem, 0.5rem);
  width: 15rem;
}
.o-timeCardEntry__payRate {
  margin-right: 0.5rem;
  display: inline-block;
}
.o-timeCardEntry__payout {
  display: inline-block;
}
.o-timeCardEntry__shiftData {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  position: relative;
}
.o-timeCardEntry__shiftDataCreator {
  top: 0;
  left: 50%;
  transform: translate(-50%, 1.25rem);
  width: 16rem;
}
.o-timeCardEntry__shiftDataEditor {
  top: 0;
  left: 50%;
  transform: translate(-50%, 1.25rem);
  width: 16rem;
}
.o-timeCardEntry__actualHours, .o-timeCardEntry__schedHours, .o-timeCardEntry__breakHours {
  display: inline;
}
.o-timeCardEntry__actualHours:before, .o-timeCardEntry__schedHours:before, .o-timeCardEntry__breakHours:before {
  display: inline-block;
  margin: 0;
  color: #4a5d66;
}
.o-timeCardEntry__schedHours {
  color: #4a5d66;
}
.o-timeCardEntry__schedHours:before {
  content: "of";
  margin: 0 0.25rem;
}
.o-timeCardEntry__breakHours {
  color: #007ebd;
}
.o-timeCardEntry__breakHours:before {
  content: "(";
  margin-left: 0.25rem;
}
.o-timeCardEntry__breakHours:after {
  content: "break)";
  margin-left: 0.25rem;
}
.o-timeCardEntry__breakHours .b-textTrigger--editMode {
  color: #007ebd;
}
.o-timeCardEntry__shiftTimes {
  display: none;
}
.o-timeCardEntry__shiftContext {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 0.5rem;
  position: relative;
}
.o-timeCardEntry__shiftReview {
  position: relative;
}
.o-timeCardEntry__shiftReviewViewer {
  top: 50%;
  left: 0;
  transform: translate(-3rem, -50%);
  width: 16rem;
  max-height: calc(100vh - 3rem);
  min-height: initial;
  overflow: auto;
}
.o-timeCardEntry__shiftReviewEntry {
  margin-bottom: 1rem;
}
.o-timeCardEntry__shiftReviewEntry:last-child {
  margin-bottom: 0;
}
.o-timeCardEntry__discrepancy {
  display: inline-block;
  margin-bottom: 0.25rem;
}
.o-timeCardEntry__shiftConditions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-timeCardEntry__auditPanel {
  left: auto;
  right: 2rem;
  top: 50%;
  transform: translate(0, -50%);
  min-height: initial;
  width: 20rem;
}
.o-timeCardEntry__menuPanel {
  right: 2rem;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0.5rem;
  min-height: initial;
  min-width: 7.5rem;
}
.o-timeCardEntry__menuOption {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.25rem;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-timeCardEntry__menuOption:hover {
    color: #1e8094;
    background: #f0f9fa;
  }
}
.o-timeCardEntry__menuOption:disabled {
  opacity: 0.2;
  color: initial;
  background: initial;
  cursor: not-allowed;
}
.o-timeCardEntry__eventDetails {
  color: #516570;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}

@media only screen and (min-width : 640px) {
  .o-timeCardEntry {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .o-timeCardEntry__markers {
    width: 4rem;
  }
  .o-timeCardEntry__main {
    width: calc(100% - 6.5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .o-timeCardEntry__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
    margin-bottom: 0.5rem;
  }
  .o-timeCardEntry__payData {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: calc(50% - 6.5rem);
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0 0 0.5rem;
  }
  .o-timeCardEntry__payRate {
    margin: 0 0 0.125rem;
    display: block;
  }
  .o-timeCardEntry__payout {
    display: block;
  }
  .o-timeCardEntry__actions {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 6.5rem;
    margin-top: 0;
  }
  .o-timeCardEntry__shiftData {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: 50%;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
  }
  .o-timeCardEntry__shiftDataEditor {
    top: 50%;
    left: 0;
    transform: translate(12.5rem, -50%);
  }
  .o-timeCardEntry__actualHours, .o-timeCardEntry__schedHours, .o-timeCardEntry__breakHours {
    display: block;
  }
  .o-timeCardEntry__actualHours:before, .o-timeCardEntry__schedHours:before, .o-timeCardEntry__breakHours:before {
    width: 1rem;
    margin: 0;
  }
  .o-timeCardEntry__actualHours {
    margin-bottom: 0.125rem;
  }
  .o-timeCardEntry__actualHours:before {
    content: "A:";
  }
  .o-timeCardEntry__schedHours {
    margin-bottom: 0.125rem;
  }
  .o-timeCardEntry__schedHours:before {
    content: "S:";
  }
  .o-timeCardEntry__breakHours:before {
    color: #0099e5;
    content: "B:";
  }
  .o-timeCardEntry__breakHours:after {
    content: "";
  }
  .o-timeCardEntry__shiftTimes {
    width: 8rem;
    display: inline-block;
  }
  .o-timeCardEntry__shiftContext {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
    width: 50%;
    margin-top: 0;
  }
  .o-timeCardEntry__shiftReview {
    min-width: 6rem;
    padding-right: 0.5rem;
  }
  .o-timeCardEntry__shiftReviewViewer {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16rem;
    max-height: calc(100vh - 3rem);
    overflow: auto;
  }
  .o-timeCardEntry__approvalTextName {
    display: inline;
  }
}
@media only screen and (min-width : 960px) {
  .o-timeCardEntry {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 3.5rem;
  }
  .o-timeCardEntry__markers {
    width: 6rem;
    margin-top: 0;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .o-timeCardEntry__selector {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .o-timeCardEntry__marker {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 4rem;
  }
  .o-timeCardEntry__main {
    width: calc(100% - 7.5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0.5rem 0;
  }
  .o-timeCardEntry__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 27%;
    margin-bottom: 0;
  }
  .o-timeCardEntry__payData {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 11%;
    margin: 0;
    padding: 0 0.5rem 0 0;
  }
  .o-timeCardEntry__payDataEditor {
    left: 0;
    top: 50%;
    transform: translate(6.5rem, -50%);
  }
  .o-timeCardEntry__payRate {
    margin: 0 0 0.125rem;
    display: block;
  }
  .o-timeCardEntry__payout {
    display: block;
  }
  .o-timeCardEntry__shiftData {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 26%;
  }
  .o-timeCardEntry__actualHours, .o-timeCardEntry__schedHours, .o-timeCardEntry__breakHours {
    display: block;
  }
  .o-timeCardEntry__actualHours:before, .o-timeCardEntry__schedHours:before, .o-timeCardEntry__breakHours:before {
    width: 1rem;
    margin: 0;
  }
  .o-timeCardEntry__actualHours {
    margin-bottom: 0.125rem;
  }
  .o-timeCardEntry__actualHours:before {
    content: "A:";
  }
  .o-timeCardEntry__schedHours {
    margin-bottom: 0.125rem;
  }
  .o-timeCardEntry__schedHours:before {
    content: "S:";
  }
  .o-timeCardEntry__breakHours:before {
    color: #0099e5;
    content: "B:";
  }
  .o-timeCardEntry__breakHours:after {
    content: "";
  }
  .o-timeCardEntry__shiftTimes {
    width: 8rem;
    display: inline-block;
  }
  .o-timeCardEntry__shiftContext {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: calc(36% - 7.5rem);
    margin-top: 0;
  }
  .o-timeCardEntry__shiftContext--nowstapay {
    width: calc(36% - 9.5rem);
  }
  .o-timeCardEntry__shiftReview {
    min-width: 6rem;
    padding-right: 0.5rem;
  }
  .o-timeCardEntry__actions {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
    width: 6.5rem;
    margin-top: 0;
    flex-grow: 1;
  }
  .o-timeCardEntry__actions--nowstapay {
    width: 9.5rem;
  }
}
.o-updateTile__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  color: #4a5d66;
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.o-updateTile__link {
  color: #2c373d;
}
.o-updateTile__link--worker {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.o-updateTile__update {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  margin-top: 0.5rem;
}
.o-updateTile__updateField {
  color: #4a5d66;
  width: 5.5rem;
  margin-right: 0.5rem;
}
.o-updateTile__updateCopy {
  display: block;
}
.o-updateTile__updateFrom {
  margin-right: 1rem;
  text-decoration: line-through;
}
.o-updateTile__updateTo {
  color: #e54040;
}
.o-updateTile__updateTo--ignored {
  margin-right: 1rem;
}

.o-userPermissions__selectActions {
  left: 2rem;
  right: 0;
  top: -0.125rem;
  bottom: -0.125rem;
}
.o-userPermissions__header .o-userPermissions__avatarCol,
.o-userPermissions__header .o-userPermissions__workerCol {
  display: none;
}
.o-userPermissions__header .o-userPermissions__permissionsCol {
  margin: 0 0 0 1rem;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  z-index: 1;
}
.o-userPermissions__header .o-userPermissions__sortHeader {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}
.o-userPermissions .o-workerRow {
  padding-left: 1rem;
  padding-right: 1rem;
}
.o-userPermissions__avatarCol {
  -webkit-flex-basis: 1.5rem;
  -moz-flex-basis: 1.5rem;
  -ms-flex-preferred-size: 1.5rem;
  flex-basis: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  margin: 0 1rem;
}
.o-userPermissions__permissionsCol {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 0 0 0 2rem;
}
.o-userPermissions__permissionsCol .b-toggleTag {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.o-userPermissions__permissionsCol .b-toggleTag:last-child {
  margin-right: 0;
}
.o-userPermissions__permissionsCol .b-fancyTip__display {
  width: 7.5rem;
}
.o-userPermissions__showAll {
  width: 4.25rem;
  margin-right: 0.5rem;
}

@media only screen and (min-width : 720px) {
  .o-userPermissions__header .o-userPermissions__avatarCol,
  .o-userPermissions__header .o-userPermissions__workerCol {
    display: block;
  }
  .o-userPermissions__header .o-userPermissions__permissionsCol {
    margin: 0;
  }
  .o-userPermissions__header .o-userPermissions__sortHeader {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .o-userPermissions__workers .o-workerRow {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .o-userPermissions__workers .o-userPermissions__workerCol {
    min-width: 19.02%;
    max-width: 19.02%;
  }
  .o-userPermissions__workerCol {
    min-width: 19.02%;
    max-width: 19.02%;
    margin-right: 1rem;
  }
  .o-userPermissions__permissionsCol {
    margin: 0;
  }
}
.o-roleManager {
  min-width: 27.5rem;
}
.o-roleManager .o-viewHeader {
  justify-content: space-between;
}
.o-roleManagerOrgUnitSwitcher {
  display: flex;
  align-items: center;
}
.o-roleManagerContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 48px);
}
.o-roleManagerContainer__main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-roleManager__orgTree {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 12.5rem;
  transition: max-width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow-x: hidden;
}
@media only screen and (min-width : 640px) {
  .o-roleManager__orgTree {
    max-width: 15rem;
  }
}
.o-roleManager__orgTreeTitle {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin: 1rem 1rem 1.5rem 1rem;
}
.o-roleManager__orgTreeCount {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #68828f;
  margin: 0 1rem 0.5rem 1rem;
}
.o-roleManager__orgSwitcher {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  padding: 0.5rem;
  background: white;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-roleManager__orgSwitcherBtn {
  width: 100%;
}
.o-roleManager__orgSwitcher .b-button__label {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.o-roleManager__users {
  width: 100%;
  background: white;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}
.o-roleManager__usersHeader {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 720px) {
  .o-roleManager__usersHeader {
    border-bottom: 0;
  }
}
.o-roleManager__usersHeaderInner {
  min-height: 3.5rem;
  padding: 1rem 0;
}
@media only screen and (min-width : 720px) {
  .o-roleManager__usersHeaderInner {
    padding: 0.5rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
.o-roleManager__usersTitle {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  margin-right: auto;
}
.o-roleManager__tableRow {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.375rem 0;
  min-height: 2rem;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 720px) {
  .o-roleManager__tableRow {
    display: grid;
    grid-template-columns: 1fr 1fr 2.5fr 2fr;
    grid-column-gap: 0.5rem;
  }
}
@media only screen and (min-width : 840px) {
  .o-roleManager__tableRow {
    grid-column-gap: 1rem;
  }
}
.o-roleManager__tableHeader {
  background: #f0f2f4;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  color: #68828f;
  display: none;
}
.o-roleManager__tableHeader .o-roleManager__tableRow {
  border-bottom: 0;
}
.o-roleManager__tableHeader .o-roleManager__emailCol {
  color: #68828f;
}
@media only screen and (min-width : 720px) {
  .o-roleManager__tableHeader {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 3.5rem;
  }
}
.o-roleManager__col {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.o-roleManager__col .b-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.375rem;
  fill: #ccc;
}
.o-roleManager__col--sorted {
  color: #2c373d;
  font-weight: 600;
}
.o-roleManager__col--sorted .b-icon {
  fill: #6f92a3;
}
.o-roleManager__emailCol {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: flex;
  color: #4a5d66;
}
.o-roleManager__roleCol .b-tag--match {
  cursor: pointer;
}

.o-roleAccessPolicyTable {
  margin-top: 1.5625rem;
}
.o-roleAccessPolicyTableHeader {
  display: grid;
  grid-template-columns: 20rem auto auto;
  grid-column-gap: 1rem;
  align-items: center;
  margin-bottom: 0.625rem;
}
.o-roleAccessPolicyTablePolicyContainer {
  display: grid;
  grid-template-columns: 21rem auto auto;
  grid-column-gap: 1rem;
  align-items: center;
  margin-bottom: 0.625rem;
}
.o-roleAccessPolicyTablePolicyCheck {
  background-color: #ddd;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.o-roleAccessPolicyTablePolicyCheck--checked {
  background-color: #26bd62;
}

.o-companyDetails {
  padding: 1.5rem 0 2.5rem;
}
.o-companyDetails__navTitle {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1rem 1.5rem 0.125rem 0;
  text-transform: uppercase;
  color: #4a5d66;
}
.o-companyDetails__navTitle:first-child {
  margin-top: 0;
}
.o-companyDetails__navMenu {
  margin: 2.5rem 0;
  margin-top: 0;
  display: block;
}
.o-companyDetails__navMenuItem {
  display: block;
  padding: 0.125rem 0;
  margin: 0 0 0 0.75rem;
  text-align: left;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  font-weight: 500;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  color: #2c373d;
}
.o-companyDetails__navMenuItem:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0.25rem;
  height: 0.0625rem;
  background: #26a3bd;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-companyDetails__navMenuItem--active {
  color: #1e8094;
  font-weight: 600;
}
.o-companyDetails__navMenuItem:hover {
  color: #1e8094;
}
.o-companyDetails__navMenuItem:hover:after {
  opacity: 1;
}
.o-companyDetails__editor {
  margin: 0 1rem;
}
.o-companyDetails__footer {
  margin: 1.5rem 0;
}

.o-eventCal {
  background: white;
  min-height: 100vh;
}
.o-eventCal .o-viewHeader {
  box-shadow: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.o-eventCal .o-viewHeader__viewTrail {
  display: none;
}
@media only screen and (min-width : 640px) {
  .o-eventCal .o-viewHeader__viewTrail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-eventCalHeader__viewHelper {
  padding: 0;
  display: block;
}
@media only screen and (min-width : 640px) {
  .o-eventCalHeader__viewHelper {
    top: 4.75rem;
  }
}
@media only screen and (min-width : 720px) {
  .o-eventCalHeader__viewHelper {
    top: 3rem;
  }
}
@media only screen and (min-width : 1168px) {
  .o-eventCalHeader__viewHelper {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
}
.o-eventCalHeader__filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  padding: 0 0 0.5rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-eventCalHeader__filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  margin: 0 0.5rem;
}
.o-eventCalHeader__filterInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-radius: 0.1875rem;
  background: #f0f2f4;
  transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.4375rem 0.6875rem;
  width: 100%;
  display: block;
  color: #2c373d;
  width: 7.5rem;
  text-align: left;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__filterInput:hover {
    border-color: #4a5d66;
  }
  .o-eventCalHeader__filterInput:hover ~ .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventCalHeader__filterInput {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
  }
}
.o-eventCalHeader__filterInput:focus {
  border-color: #26a3bd;
  background: #f0f9fa;
  outline: none;
}
.o-eventCalHeader__filterInput:focus ~ .b-icon {
  fill: #1e8094;
}
.o-eventCalHeader__filterInput:active {
  border-color: #007ebd;
  background: #f0faff;
}
.o-eventCalHeader__filterInput:active ~ .b-icon {
  fill: #007ebd;
}
.o-eventCalHeader__filterInput:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(44, 55, 61, 0.5);
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__filterInput:disabled:hover {
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.o-eventCalHeader__filterInput--medium {
  padding: 0.5625rem 0.6875rem;
}
.o-eventCalHeader__filterInput--warning, .o-eventCalHeader__filterInput--warning:focus, .o-eventCalHeader__filterInput--warning:active {
  border-color: #ff9100;
  background-color: #fff9f2;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__filterInput--warning:hover, .o-eventCalHeader__filterInput--warning:focus:hover, .o-eventCalHeader__filterInput--warning:active:hover {
    border-color: #ff9100;
    background-color: #fff9f2;
  }
}
.o-eventCalHeader__filterInput--critical, .o-eventCalHeader__filterInput--critical:focus, .o-eventCalHeader__filterInput--critical:active {
  border-color: #e54040;
  background-color: #fdf2f2;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__filterInput--critical:hover, .o-eventCalHeader__filterInput--critical:focus:hover, .o-eventCalHeader__filterInput--critical:active:hover {
    border-color: #e54040;
    background-color: #fdf2f2;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventCalHeader__filterInput {
    width: 8.75rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-eventCalHeader__filterInput {
    width: 10rem;
  }
}
.o-eventCalHeader__monthNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (min-width : 640px) {
  .o-eventCalHeader__monthNav {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.o-eventCalHeader__monthNavBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 2rem;
  padding: 0.625rem;
  margin: 0;
  border-radius: 0.125rem;
}
.o-eventCalHeader__monthNavBtn .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #26a3bd;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__monthNavBtn:hover {
    background: #26a3bd;
    background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  }
  .o-eventCalHeader__monthNavBtn:hover .b-icon {
    fill: white;
  }
}
.o-eventCalHeader__monthNav .o-eventCalHeader__selector {
  margin: 0 1rem;
}
.o-eventCalHeader__selector {
  position: relative;
  cursor: pointer;
}
.o-eventCalHeader__selector--active {
  color: #2c373d;
}
.o-eventCalHeader__selector--active:after {
  color: #0099e5;
}
.o-eventCalHeader__selector--alerts:after {
  content: "!";
  position: absolute;
  background: #ff9100;
  border-radius: 0.625rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
  color: white;
  padding: 0 0.375rem;
  top: 0;
  left: 100%;
  margin-left: -0.125rem;
}
.o-eventCalHeader__selectorLabel {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  display: block;
  padding: 0.375rem 0;
  color: #2c373d;
}
.o-eventCalHeader__selector .icon-triangle-down {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  fill: #26a3bd;
  width: 0.5rem;
  height: 0.5rem;
}
.o-eventCalHeader__selectorMenu {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 11.25rem;
  max-height: calc(88vh - 96px);
  overflow: auto;
}
.o-eventCalHeader__selectorMenu--hide {
  display: none;
}
.o-eventCalHeader__selectorMenu--show {
  display: block;
}
.o-eventCalHeader__selectorMenuScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-eventCalHeader__selectorMenuTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-eventCalHeader__selectorMenuTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-eventCalHeader__selectorMenuTitle {
    padding: 0;
  }
  .o-eventCalHeader__selectorMenuTitle:before {
    display: none;
  }
}
.o-eventCalHeader__selectorMenuDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
.o-eventCalHeader__selectorOption {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: bold;
  padding: 0.5rem 1rem;
  display: block;
  width: 100%;
  text-align: center;
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__selectorOption:hover {
    color: white;
    background: #26a3bd;
    background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  }
}
.o-eventCalHeader__selectorOption--active {
  color: white;
  background: #303c46;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__selectorOption--active:hover {
    color: white;
    background: #303c46;
  }
}
.o-eventCalHeader__filterOption {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.5rem;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-eventCalHeader__filterOption .c-formToggleInput {
  padding: 0;
}
.o-eventCalHeader__filterOption .b-form__label {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-eventCalHeader__filterOption:hover {
    color: #1e8094;
  }
}
.o-eventCalHeader__days {
  display: none;
  background: rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 1168px) {
  .o-eventCalHeader__days {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 0.0625rem;
  }
  @supports not (display: grid) {
    .o-eventCalHeader__days {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
    }
  }
}
.o-eventCalHeader__daysLabel {
  background: #f0f2f4;
  font-weight: bold;
  color: #4a5d66;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1875rem;
  padding: 0.5625rem 0;
  grid-column-start: auto;
  text-align: center;
}
@supports not (display: grid) {
  .o-eventCalHeader__daysLabel {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 14.28%;
    -moz-flex-basis: 14.28%;
    -ms-flex-preferred-size: 14.28%;
    flex-basis: 14.28%;
    max-width: 14.28%;
    border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
}
.o-eventCalBody__week {
  display: grid;
  grid-column-gap: 0.0625rem;
  background: rgba(0, 0, 0, 0.08);
  grid-template-columns: 1fr;
}
@media only screen and (min-width : 480px) {
  .o-eventCalBody__week {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventCalBody__week {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width : 720px) {
  .o-eventCalBody__week {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width : 1168px) {
  .o-eventCalBody__week {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@supports not (display: grid) {
  @media only screen and (min-width : 480px) {
    .o-eventCalBody__week {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }
}
.o-eventCalBody__day {
  background: white;
  padding: 0 0 0.75rem;
  grid-column-start: auto;
  margin-bottom: 0.0625rem;
}
.o-eventCalBody__day--isFutureDay:hover {
  cursor: pointer;
  outline: 1px solid #00c6d7;
}
@supports not (display: grid) {
  @media only screen and (min-width : 480px) {
    .o-eventCalBody__day {
      max-width: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
    }
  }
  @media only screen and (min-width : 640px) {
    .o-eventCalBody__day {
      max-width: 33.33%;
      -webkit-flex-basis: 33.33%;
      -moz-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
    }
  }
  @media only screen and (min-width : 720px) {
    .o-eventCalBody__day {
      max-width: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
    }
  }
  @media only screen and (min-width : 1168px) {
    .o-eventCalBody__day {
      max-width: 14.28%;
      -webkit-flex-basis: 14.28%;
      -moz-flex-basis: 14.28%;
      -ms-flex-preferred-size: 14.28%;
      flex-basis: 14.28%;
    }
  }
}
.o-eventCalBody__day--currentWeek .o-eventCalBody__dayHeaderDate {
  font-weight: bold;
}
.o-eventCalBody__day--currentDay {
  background: #f0f9fa;
}
.o-eventCalBody__day--currentDay .o-eventCalBody__dayHeaderDate {
  color: #1e8094;
}
.o-eventCalBody__day--currentDay .o-eventCalBody__dayHeader {
  background: #f0f9fa;
}
.o-eventCalBody__dayHeader {
  padding: 0.75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 3.5rem;
  z-index: 15;
  background: #f0f2f4;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 640px) {
  .o-eventCalBody__dayHeader {
    top: 7.3125rem;
  }
}
@media only screen and (min-width : 720px) {
  .o-eventCalBody__dayHeader {
    top: 5.5625rem;
  }
}
@media only screen and (min-width : 1168px) {
  .o-eventCalBody__dayHeader {
    top: 7.625rem;
    background: white;
  }
}
.o-eventCalBody__dayHeaderDate {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #2c373d;
  display: flex;
  justify-content: space-between;
}
.o-eventCalBody__dayHeaderNew {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 2.5rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  margin-top: -1.3125rem;
  opacity: 0;
}
.o-eventCalBody__dayHeaderNew:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-eventCalBody__dayHeaderNew:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .o-eventCalBody__dayHeaderNew:hover:after {
    opacity: 1;
  }
}
.o-eventCalBody__dayHeaderNew:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.o-eventCalBody__dayHeaderNew:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.o-eventCalBody__dayHeaderNew:active:after {
  content: none;
}
.o-eventCalBody__dayHeaderNew:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-eventCalBody__dayHeaderNew:disabled:hover {
    box-shadow: none;
  }
  .o-eventCalBody__dayHeaderNew:disabled:hover:after {
    opacity: 0;
  }
}
.o-eventCalBody__dayHeaderNew__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .o-eventCalBody__dayHeaderNew__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.o-eventCalBody__dayHeaderNew--small {
  min-height: 2rem;
  min-width: initial;
}
.o-eventCalBody__dayHeaderNew--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .o-eventCalBody__dayHeaderNew--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.o-eventCalBody__dayHeaderNew--critical {
  background: #e54040;
}
.o-eventCalBody__dayHeaderNew--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .o-eventCalBody__dayHeaderNew--critical:hover {
    background: #e54040;
  }
  .o-eventCalBody__dayHeaderNew--critical:hover:after {
    opacity: 1;
  }
}
.o-eventCalBody__dayHeaderNew--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.o-eventCalBody__dayHeaderNew--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.o-eventCalBody__dayHeaderNew--working {
  position: relative;
}
.o-eventCalBody__dayHeaderNew--working .b-button__label,
.o-eventCalBody__dayHeaderNew--working .b-button__icon {
  visibility: hidden;
}
.o-eventCalBody__dayHeaderNew--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.o-eventCalBody__dayHeaderNew--working:after {
  opacity: 1;
}
.o-eventCalBody__dayHeaderNew--working:disabled {
  opacity: 1;
}
@media print {
  .o-eventCalBody__dayHeaderNew {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventCalBody__dayHeaderNew {
    min-height: 2rem;
  }
}
.o-eventCalBody__dayHeaderNew .b-icon {
  fill: white;
  width: 0.625rem;
  height: 0.625rem;
  display: block;
}
.o-eventCalBody__dayHeaderContext {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #68828f;
}
.o-eventCalBody__dayHeaderContextDay {
  margin-right: 0.5rem;
}
@media only screen and (min-width : 1168px) {
  .o-eventCalBody__dayHeaderContextDay {
    display: none;
  }
}
.o-eventCalBody__day:hover .o-eventCalBody__dayHeaderNew {
  opacity: 1;
}
.o-eventCalBody__events {
  min-height: 5rem;
  margin: 0.5rem 0.25rem 0;
}

.o-eventTile {
  background: white;
  cursor: pointer;
  display: block;
  padding: 0.4375rem;
  position: relative;
  color: #2c373d;
  border-radius: 0.1875rem;
  border: 0.0625rem solid transparent;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-bottom: 0.25rem;
  word-break: break-word;
}
@media only screen and (min-width : 800px) {
  .o-eventTile:hover {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
    z-index: 10;
    color: #1e8094;
  }
}
.o-eventTile--availability {
  border-color: #0099e5;
  background: #f0faff;
}
.o-eventTile--assigned, .o-eventTile--requested, .o-eventTile--event {
  border-color: #ffc400;
  background: #fffbed;
}
.o-eventTile--confirmed {
  border-color: #15a83a;
  background: #eff9f1;
}
.o-eventTile--critical {
  border-color: #e54040;
  background: #fdf2f2;
}
.o-eventTile--archived {
  border-color: #a4b4bc;
  background: #f0f2f4;
}
.o-eventTile:last-child {
  margin-bottom: 0;
}
.o-eventTile__statusIcon {
  position: absolute;
  top: -0.0625rem;
  right: -0.0625rem;
  width: 1rem;
  height: 1rem;
  padding: 0.1875rem;
  border-radius: 0 0.1875rem;
}
.o-eventTile__statusIcon .b-icon {
  width: 0.625rem;
  height: 0.625rem;
  display: none;
  fill: white;
}
.o-eventTile__dateTime {
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 500;
  display: block;
  color: #4a5d66;
  letter-spacing: 0.015625rem;
}
.o-eventTile__title {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: bold;
  display: block;
  word-break: break-word;
  margin-bottom: 0.25rem;
}
.o-eventTile__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 500;
  color: #4a5d66;
  margin-bottom: 0.125rem;
}
.o-eventTile__meta .b-icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #a4b4bc;
  margin-right: 0.25rem;
}
.o-eventTile__statusCounters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.375rem;
  position: relative;
}
@media only screen and (min-width : 800px) {
  .o-eventTile__statusCounters:hover .o-eventTile__statusSummary {
    display: block;
  }
}
.o-eventTile__statusSummary {
  position: absolute;
  bottom: 100%;
  top: auto;
  left: 50%;
  z-index: 40;
  transform: translate(-50%, -8px);
  padding: 0.5rem;
  min-width: 9rem;
  min-height: auto;
  display: none;
  color: #4a5d66;
}
.o-eventTile__statusSummaryTotal {
  border-top: 0.0625rem solid #e1e6e9;
  margin-top: 0.125rem;
  padding-top: 0.125rem;
}
.o-eventTile--availability .o-eventTile__statusIcon .b-icon {
  display: none;
}
.o-eventTile--event .o-eventTile__statusIcon .b-icon {
  display: none;
}
.o-eventTile--confirmed .o-eventTile__statusIcon {
  background: #15a83a;
}
.o-eventTile--confirmed .o-eventTile__statusIcon .icon-checkmark {
  display: block;
}
.o-eventTile--critical .o-eventTile__statusIcon {
  background: #e54040;
}
.o-eventTile--critical .o-eventTile__statusIcon .icon-exclaim {
  display: block;
}
.o-eventTile--archived .o-eventTile__statusIcon {
  background: #808080;
}
.o-eventTile--archived .o-eventTile__statusIcon .icon-box {
  display: block;
}

.o-shiftBuilderMini {
  position: relative;
}
@media only screen and (min-width : 640px) {
  .o-shiftBuilderMini {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-shiftBuilderMini__builderPane {
  width: 100%;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width : 640px) {
  .o-shiftBuilderMini__builderPane {
    max-width: 12.5rem;
    margin-right: 1rem;
    padding-bottom: 8.75rem;
  }
}
.o-shiftBuilderMini__viewerPane {
  width: 100%;
}
.o-shiftBuilderMini__shiftCount {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 2.5rem;
  max-width: 2.5rem;
  margin: 0.5rem 0 0 0;
}
.o-shiftBuilderMini__timePicker {
  margin-top: 0.5rem;
}
.o-shiftBuilderMini__timePicker .o-timePicker__label {
  display: none;
}
.o-shiftBuilderMini__timePicker .o-timePicker__field {
  padding-top: 0;
}
.o-shiftBuilderMini__timePicker .o-timePicker__ampm {
  margin-top: 0;
}
.o-bulkPositionsCreator__header {
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: bold;
  border-bottom: 0.0625rem solid #e1e6e9;
  padding: 0.5rem 0;
  display: none;
}
.o-bulkPositionsCreator__shiftList {
  margin-top: 1rem;
}
.o-bulkPositionsCreator__shiftInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 1rem;
}
.o-bulkPositionsCreator__shiftName {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.o-bulkPositionsCreator__shiftDetails {
  margin-left: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e1e6e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.o-bulkPositionsCreator__shiftDetails:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #26a3bd;
  border-radius: 50%;
  position: absolute;
  top: 2.625rem;
  left: -1rem;
}
.o-bulkPositionsCreator__shiftCount {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 2.5rem;
  -webkit-flex-basis: 2.5rem;
  -moz-flex-basis: 2.5rem;
  -ms-flex-preferred-size: 2.5rem;
  flex-basis: 2.5rem;
  max-width: 2.5rem;
  margin: 1rem 1rem 0 0;
}
.o-bulkPositionsCreator__shiftStart {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 56px);
  margin-top: 1rem;
}
.o-bulkPositionsCreator__shiftEnd {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 0.5rem;
}
.o-bulkPositionsCreator__shiftDelete {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
  width: 2.5rem;
  height: 1.75rem;
  border-radius: 0.1875rem;
  background: white;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin: 1.5rem 1rem 0 0;
  padding: 0 0.8125rem;
}
.o-bulkPositionsCreator__shiftDelete .b-icon {
  fill: #e54040;
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}
@media only screen and (min-width : 800px) {
  .o-bulkPositionsCreator__shiftDelete:hover {
    background: #e54040;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .o-bulkPositionsCreator__shiftDelete:hover .b-icon {
    fill: white;
  }
}
@media only screen and (min-width : 420px) {
  .o-bulkPositionsCreator__shiftStart {
    width: auto;
    margin-right: 1rem;
  }
  .o-bulkPositionsCreator__shiftEnd {
    padding-left: 3.5rem;
  }
  .o-bulkPositionsCreator__shiftDelete {
    margin: 2rem 0 0 0;
  }
}
.o-bulkPositionsCreator__feedback {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
  width: 100%;
}

.o-weekly {
  background: white;
  min-width: 70rem;
}
@media print {
  .o-weekly {
    min-width: 0;
  }
}
@media only screen and (max-width: 1184px) {
  .o-weekly__viewHeader, .o-weekly__viewHelper {
    width: calc(100vw - 63px);
    position: -webkit-sticky;
    position: sticky;
    left: 3rem;
  }
}
@media only screen and (min-width : 640px) {
  .o-weekly__viewHeader {
    top: 0;
  }
}
.o-weekly__viewHeader .o-viewHeader__navHelper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-left: 0;
}
@media only screen and (max-width: 520px) {
  .o-weekly__viewHeader .o-viewHeader__viewTrail {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 520px) {
  .o-weekly__viewHeader .o-viewHeader__actions {
    width: auto;
  }
}
.o-weekly__viewHelper {
  z-index: 2048;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media only screen and (min-width : 640px) {
  .o-weekly__viewHelper {
    top: auto;
    border-bottom: none;
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__viewHelper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    z-index: 2050;
    top: 3rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
}
@media print {
  .o-weekly__viewHelper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border: 0.125rem solid black;
    padding-bottom: 0;
  }
}
.o-weekly__viewHelper .o-readoutSelector {
  width: 100%;
}
@media only screen and (min-width : 560px) {
  .o-weekly__viewHelper .o-readoutSelector {
    max-width: calc(100% - 116px);
    margin-right: 1rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__viewHelper .o-readoutSelector {
    max-width: none;
    margin-left: 0.75rem;
  }
}
.o-weekly__viewHelper .o-viewHelper__actions {
  margin-left: 0;
}
@media print {
  .o-weekly__viewHelper .o-viewHelper__actions {
    display: none;
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__viewHelper .o-viewHelper__actions {
    margin-top: 0;
    margin-left: auto;
  }
}
.o-weekly__viewHelper2 {
  z-index: 2047;
  margin-top: 0.625rem;
  margin-left: -0.625rem;
}
.o-weekly__viewSelectors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0.25rem;
}
@media print {
  .o-weekly__viewSelectors {
    display: none;
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__viewSelectors {
    margin-bottom: 0;
    width: auto;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.o-weekly__viewSelectors .o-dropDownSelector {
  margin: 0.25rem;
  width: calc(50% - 8px);
}
.o-weekly__viewSelectors .o-dropDownSelector__button {
  width: 100%;
}
@media only screen and (min-width : 720px) {
  .o-weekly__viewSelectors .o-dropDownSelector {
    width: calc(25% - 8px);
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__viewSelectors .o-dropDownSelector {
    width: 8.75rem;
    margin: 0;
    margin-right: 0.25rem;
  }
  .o-weekly__viewSelectors .o-dropDownSelector:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width : 1096px) {
  .o-weekly__viewSelectors .o-dropDownSelector {
    width: 10rem;
  }
}
.o-weekly__grid {
  display: grid;
  grid-column-gap: 0.0625rem;
  background: #e1e6e9;
  grid-template-columns: 14.285% 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media print {
  .o-weekly__grid {
    grid-column-gap: 0;
    background: none;
  }
}
.o-weekly__col {
  background: white;
  grid-column-start: auto;
  border-bottom: 0.0625rem solid #e1e6e9;
  min-width: 0;
  min-height: 0;
}
@media print {
  .o-weekly__col {
    border-bottom: 0.125rem solid black;
    border-right: 0.125rem solid black;
  }
}
.o-weekly__col:first-child {
  position: -webkit-sticky;
  position: sticky;
  z-index: 12;
  box-shadow: 0.0625rem 0 0 0 #e1e6e9;
}
@media print {
  .o-weekly__col:first-child {
    position: static;
    left: 0;
    box-shadow: none;
    border-left: 0.125rem solid black;
  }
}
.o-weekly__dateRangeNavigator {
  padding: 0.125rem 0.25rem;
}
.o-weekly__dateRangeNavigator .o-dateRangeNavigator__dateRange {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.o-weekly__staffingProgress {
  padding: 0 0.625rem 0.75rem;
}
@media print {
  .o-weekly__staffingProgress {
    display: none;
  }
}
.o-weekly__header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2040;
}
.o-weekly__header--worker {
  top: 5.5625rem;
  box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.08);
}
@media print {
  .o-weekly__header--worker {
    display: none;
  }
}
@media print {
  .o-weekly__header {
    position: static;
    border-bottom: 0.0625rem solid black;
  }
}
@media only screen and (min-width : 640px) {
  .o-weekly__header {
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
    top: 3rem;
  }
  .o-weekly__header--worker {
    border-top: 0;
    top: 8.625rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-weekly__header {
    border-top: 0;
    top: 5.8125rem;
  }
  .o-weekly__header--worker {
    top: 11.375rem;
  }
}
.o-weekly__dayHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.125rem 0.25rem 0.125rem 0.625rem;
}
.o-weekly__day {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  font-weight: 600;
  color: #2c373d;
  margin-right: auto;
}
.o-weekly__dayOfWeek {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
  color: #68828f;
  text-transform: uppercase;
}
.o-weekly__dayOfDate {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #2c373d;
}
.o-weekly__addToBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: #26a3bd;
  padding: 0.25rem 0.75rem;
  border-radius: 0.1875rem;
  border: 0;
  color: white;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.5625rem;
  background: transparent;
}
.o-weekly__addToBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  border-radius: 0.1875rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width : 800px) {
  .o-weekly__addToBtn:hover {
    color: white;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .o-weekly__addToBtn:hover:after {
    opacity: 1;
  }
}
.o-weekly__addToBtn:focus {
  box-shadow: 0 0 0.25rem 0.0625rem #0099e5;
}
.o-weekly__addToBtn:active {
  background: #007ebd;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
  transform: translateY(0.0625rem);
}
.o-weekly__addToBtn:active:after {
  content: none;
}
.o-weekly__addToBtn:disabled {
  opacity: 0.2;
  box-shadow: none;
  cursor: not-allowed;
}
@media only screen and (min-width : 800px) {
  .o-weekly__addToBtn:disabled:hover {
    box-shadow: none;
  }
  .o-weekly__addToBtn:disabled:hover:after {
    opacity: 0;
  }
}
.o-weekly__addToBtn__label {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .o-weekly__addToBtn__label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: bold;
  }
}
.o-weekly__addToBtn--small {
  min-height: 2rem;
  min-width: initial;
}
.o-weekly__addToBtn--small .b-button__label {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
}
@media only screen and (min-width : 640px) {
  .o-weekly__addToBtn--small {
    min-height: 1.5rem;
    min-width: inherit;
  }
}
.o-weekly__addToBtn--critical {
  background: #e54040;
}
.o-weekly__addToBtn--critical:after {
  background: #e54040;
  background: linear-gradient(to bottom right, #e54040 0%, #e03f96 100%);
}
@media only screen and (min-width : 800px) {
  .o-weekly__addToBtn--critical:hover {
    background: #e54040;
  }
  .o-weekly__addToBtn--critical:hover:after {
    opacity: 1;
  }
}
.o-weekly__addToBtn--critical:active {
  background: #e54040;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.16);
  color: white;
}
.o-weekly__addToBtn--critical:active:after {
  content: "";
  background: #bd3535;
  opacity: 1;
}
.o-weekly__addToBtn--working {
  position: relative;
}
.o-weekly__addToBtn--working .b-button__label,
.o-weekly__addToBtn--working .b-button__icon {
  visibility: hidden;
}
.o-weekly__addToBtn--working:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 0.625rem;
  background: white;
  position: absolute;
  animation: animate-working-btn 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-direction: alternate;
  top: 50%;
  left: 50%;
  margin: -0.1875rem 0 0 -0.1875rem;
}
.o-weekly__addToBtn--working:after {
  opacity: 1;
}
.o-weekly__addToBtn--working:disabled {
  opacity: 1;
}
@media print {
  .o-weekly__addToBtn {
    display: none;
  }
}
@media only screen and (min-width : 1280px) {
  .o-weekly__addToBtn {
    width: 2rem;
    height: 2rem;
    padding: 0.6875rem;
  }
}
.o-weekly__addToBtn .b-icon {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  fill: #26a3bd;
}
@media only screen and (min-width : 800px) {
  .o-weekly__addToBtn:hover .b-icon {
    fill: white;
  }
}
.o-weekly__colHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #f0f2f4;
  color: #4a5d66;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding: 0 0.5rem;
  min-height: 2rem;
  border-bottom: 0;
}
.o-weekly__colHeader--workers {
  padding-left: 0.625rem;
}
.o-weekly__workers {
  min-height: 100vh;
}
.o-weekly__worker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0.625rem;
}
.o-weekly__workerAvatar {
  display: block;
  margin-right: 0.5rem;
  margin-top: 0.125rem;
  background: #e1e6e9;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media print {
  .o-weekly__workerAvatar {
    display: none;
  }
}
.o-weekly__workerAvatarImg {
  width: 2.5rem;
  height: 2.5rem;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
}
.o-weekly__workerInfo {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-weekly__workerName {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.o-weekly__workerRating {
  margin-bottom: 0.125rem;
}
@media print {
  .o-weekly__workerRating {
    display: none;
  }
}
.o-weekly__workerRating .b-icon {
  width: 0.625rem;
  height: 0.625rem;
}
.o-weekly__workerHours {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
  color: #4a5d66;
}
.o-weekly__workerHours--confirmed {
  color: #10802c;
  margin-right: 0.25rem;
}
.o-weekly__workerHours--unconfirmed {
  font-style: italic;
}
.o-weekly__workerDay {
  padding: 0.5rem 0.25rem;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.o-weekly__workerDay:after {
  position: absolute;
  content: "";
  pointer-events: none;
  border: 0.125rem solid rgba(38, 163, 189, 0.5);
  top: -0.0625rem;
  left: 0;
  right: 0;
  bottom: -0.0625rem;
  display: none;
}
@media only screen and (min-width : 800px) {
  .o-weekly__workerDay {
    cursor: pointer;
  }
  .o-weekly__workerDay:hover:not(.o-weekly__workerDay--disabled) {
    z-index: 4;
    box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.24);
  }
  .o-weekly__workerDay:hover:not(.o-weekly__workerDay--disabled):after {
    display: block;
  }
}
.o-weekly__workerDay--active {
  z-index: 8;
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-weekly__workerDay--active:after {
  display: block;
  border: 0.125rem solid #26a3bd;
}
@media only screen and (min-width : 800px) {
  .o-weekly__workerDay--active:hover {
    box-shadow: 0 0.5rem 0.5rem 0 rgba(38, 163, 189, 0.75);
  }
}
.o-weekly__workerShift {
  margin-bottom: 0.25rem;
}
.o-weekly__workerShift:last-child {
  margin-bottom: 0;
}
.o-weekly__workerShift .o-shiftTile__info {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media print {
  .o-weekly__workerShift .o-shiftTile__info {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.o-weekly__workerAvailability {
  margin-bottom: 0.25rem;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.o-weekly__workerAvailability:last-child {
  margin-bottom: 0;
}
@media print {
  .o-weekly__workerAvailability {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.o-weeklyFooter {
  min-height: 2.5rem;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 2050;
}
@media print {
  .o-weeklyFooter {
    display: none;
  }
}
.o-weeklyFooter__col {
  color: #2c373d;
  position: relative;
}
.o-weeklyFooter__col .icon-menu-horizontal {
  display: block;
  fill: #2c373d;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.875rem;
  height: 0.1875rem;
}
@media only screen and (min-width : 800px) {
  .o-weeklyFooter__col {
    cursor: pointer;
  }
  .o-weeklyFooter__col:hover {
    background: #f0f9fa;
  }
  .o-weeklyFooter__col:hover .icon-menu-horizontal {
    fill: #1e8094;
  }
}
.o-weeklyFooter__hrs {
  margin-right: auto;
  text-align: left;
}
.o-weeklyFooter__payout {
  text-align: right;
}
.o-weeklyFooter__infoPanel {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  margin: 0 0 0.5rem;
  top: auto;
  bottom: 100%;
  padding: 0.25rem;
}
.o-weeklyFooter__infoPanel--hide {
  display: none;
}
.o-weeklyFooter__infoPanel--show {
  display: block;
}
.o-weeklyFooter__infoPanelScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-weeklyFooter__infoPanelTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-weeklyFooter__infoPanelTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-weeklyFooter__infoPanelTitle {
    padding: 0;
  }
  .o-weeklyFooter__infoPanelTitle:before {
    display: none;
  }
}
.o-weeklyFooter__infoPanelDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
.o-weeklyFooter__infoPanelTitle {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.o-weeklyFooter__infoPanelScrollBox {
  padding: 0.5rem;
  max-height: none;
}
.o-weeklyFooter__statusText {
  margin: 0.25rem 0;
}
.o-weeklyFooter__statusText .b-statusText__trailer {
  font-style: normal;
  float: right;
}

.o-weeklyAssignmentModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.o-weeklyAssignmentModal--hide {
  display: none;
}
.o-weeklyAssignmentModal__pane {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.4);
  width: 31.25rem;
  height: 35rem;
  border-radius: 0.5rem;
  padding: 0;
  position: relative;
  z-index: 10;
}
@media print {
  .o-weeklyAssignmentModal__pane {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.o-weeklyAssignmentModal__decorator {
  position: absolute;
  z-index: 1;
  left: -0.25rem;
  right: -0.25rem;
  top: -0.25rem;
  bottom: -0.25rem;
  border-radius: 0.75rem;
  background: rgba(38, 163, 189, 0.75);
}
.o-weeklyAssignmentModal__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.25rem 0.375rem 0.25rem 1rem;
  border-bottom: 0.0625rem solid #e1e6e9;
}
.o-weeklyAssignmentModal__headerTitle {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-weight: 600;
}
.o-weeklyAssignmentModal__closeBtn {
  margin: 0 0 0 auto;
}
.o-weeklyAssignmentModal__viewFilter {
  background: #f0f2f4;
  border-bottom: 0.0625rem solid #e1e6e9;
  padding: 0.5rem 1rem;
  min-height: 3rem;
}
.o-weeklyAssignmentModal__tableHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border-bottom: 0.0625rem solid #e1e6e9;
}
.o-weeklyAssignmentModal__tableHeaderCell {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
  color: #2c373d;
  font-weight: 500;
  padding: 0.25rem 0;
}
.o-weeklyAssignmentModal__tableHeaderCell--time {
  width: 9.75rem;
  max-width: 9.75rem;
  min-width: 0;
  border-right: 0.0625rem solid #e1e6e9;
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.o-weeklyAssignmentModal__tableHeaderCell--shift {
  min-width: 0;
  padding-left: 0.625rem;
  padding-right: 1rem;
}
.o-weeklyAssignmentModal__viewBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #f0f2f4;
  border-bottom: 0.0625rem solid #e1e6e9;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  min-height: 2.5625rem;
}
.o-weeklyAssignmentModal__viewPane {
  padding: 1rem 1rem 4rem;
  max-height: 26.5rem;
  height: 100%;
  overflow-y: auto;
}
.o-weeklyAssignmentModal__viewPane--schedule:after {
  position: absolute;
  content: "";
  position: fixed;
  width: 0.0625rem;
  top: 2.5rem;
  bottom: 0;
  left: 9.6875rem;
  background: #e1e6e9;
  z-index: -1;
}
.o-weeklyAssignmentModal__viewPane--shrinked {
  max-height: 22.5rem;
}
.o-weeklyAssignmentModal__title {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
}
.o-weeklyAssignmentModal__shiftGroup {
  margin-bottom: 0.25rem;
}
.o-weeklyAssignmentModal__shiftCreator {
  padding: 0.5rem 0.5rem 0 0.5rem;
  background: white;
  border-radius: 0.1875rem;
  margin-bottom: 1rem;
}
.o-weeklyAssignmentModal__shiftCreatorExpanded--show {
  display: block;
}
.o-weeklyAssignmentModal__shiftCreatorExpanded--hide {
  display: none;
}
.o-weeklyAssignmentModal__formSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.o-weeklyAssignmentModal__otherDays {
  margin: 0.5rem 0 1.25rem;
}
.o-weeklyAssignmentModal__otherDaysTitle {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 0.5rem;
}
.o-weeklyAssignmentModal__otherDaysOptions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-weeklyAssignmentModal__otherDaysOptions .b-form__checkbox {
  width: 25%;
  max-width: 25%;
  font-weight: bold;
}
.o-weeklyAssignmentModal__otherDaysOptions--noBreak .b-form__checkbox {
  width: 14.285%;
  max-width: 14.285%;
}
.o-weeklyAssignmentModal__actionBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 0.5rem 0.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-top: 0.0625rem solid #e1e6e9;
  padding: 0.5rem 1rem;
}

.o-staffingProgress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-staffingProgress__chart {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  margin-right: 0.5rem;
  position: relative;
}
@media only screen and (min-width : 1280px) {
  .o-staffingProgress__chart {
    margin-right: 10%;
  }
}
.o-staffingProgress__chartVal {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: bold;
  text-align: center;
  color: #10802c;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.o-staffingProgress__counters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #4a5d66;
}
.o-staffingProgress__counters .b-statusText {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 500;
  width: 50%;
  max-width: 50%;
  margin: 0.0625rem 0;
}

.o-availGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  border-radius: 0.1875rem;
  cursor: pointer;
}
.o-availGroup__expander {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.o-availGroup__time {
  width: 7rem;
  margin-right: 0.9375rem;
  padding: 0.3125rem 0;
}
.o-availGroup__shiftInfo {
  font-weight: 600;
  padding: 0.3125rem 0;
}
.o-availGroup .icon-triangle-down {
  width: 0.375rem;
  height: 0.375rem;
  display: block;
  fill: white;
  transition: fill 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-availGroup--available {
  color: white;
  background: #007ebd;
}
.o-availGroup--available .b-icon {
  fill: white;
}
@media only screen and (min-width : 800px) {
  .o-availGroup--available {
    transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .o-availGroup--available:hover {
    background: #0099e5;
  }
}
.o-availGroup--unavailable {
  background: #e1e6e9;
  color: #2c373d;
}
.o-availGroup--unavailable .b-icon {
  fill: #2c373d;
}
@media only screen and (min-width : 800px) {
  .o-availGroup--unavailable {
    transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .o-availGroup--unavailable:hover {
    background: #a4b4bc;
  }
}
.o-availGroup--collapsed .icon-triangle-down {
  transform: rotate(-90deg);
}
.o-availGroup--expanded .icon-triangle-down {
  transform: rotate(0);
}
.o-availGroup--noShifts {
  cursor: default;
}
.o-availGroup--noShifts .o-availGroup__time {
  width: 8rem;
  margin-left: 0.5rem;
}
.o-availGroup--noShifts .o-availGroup__expander {
  display: none;
}

.o-eventDetails {
  background: white;
  min-height: 100vh;
}
.o-eventDetails .o-viewHeader__navHelper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media only screen and (min-width : 560px) {
  .o-eventDetails .o-viewHeader__navHelper {
    margin-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.o-eventDetails .o-viewHeader__navBtn {
  cursor: pointer;
}
.o-eventDetails .o-viewHeader__navBtn-disabled {
  color: #a4b4bc;
}
.o-eventDetails .o-viewHeader__navBtn-disabled:hover, .o-eventDetails .o-viewHeader__navBtn-disabled:focus, .o-eventDetails .o-viewHeader__navBtn-disabled:active {
  transition: none;
  color: #a4b4bc;
  cursor: not-allowed;
}
.o-eventDetails .o-viewHeader__navBtn-disabled svg {
  fill: #a4b4bc;
}
.o-eventDetails__titleBar {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width : 960px) {
  .o-eventDetails__titleBar {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
@media print {
  .o-eventDetails__titleBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.125rem solid black;
  }
}
.o-eventDetails__progress {
  width: 7.5rem;
  height: 7.5rem;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0.5rem auto 1rem auto;
  position: relative;
}
@media print {
  .o-eventDetails__progress {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__progress {
    width: 3rem;
    height: 3rem;
    margin: 0 0.75rem 0 0;
  }
}
.o-eventDetails__progressVal {
  position: absolute;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #10802c;
  top: 2.875rem;
  left: 0;
  right: 0;
  text-align: center;
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__progressVal {
    top: 0.875rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-weight: 600;
  }
}
.o-eventDetails__leadInfo {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__leadInfo {
    text-align: left;
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width : 960px) {
  .o-eventDetails__leadInfo {
    margin-right: 1rem;
    width: auto;
  }
}
.o-eventDetails__titleBox {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.125rem;
}
.o-eventDetails__titleBox .b-form__inline--editMode + .o-eventDetails__eventID {
  display: none;
}
@media only screen and (min-width : 720px) {
  .o-eventDetails__titleBox .b-form__inline {
    margin-right: 2rem;
  }
}
@media print {
  .o-eventDetails__titleBox .b-form__inline {
    margin-right: 0;
  }
  .o-eventDetails__titleBox .b-icon {
    display: none;
  }
}
.o-eventDetails__eventID {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #4a5d66;
  font-weight: 600;
  display: block;
}
@media only screen and (min-width : 720px) {
  .o-eventDetails__eventID {
    display: inline;
  }
}
.o-eventDetails__dateTime {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  color: #4a5d66;
  text-align: left;
}
.o-eventDetails__date {
  text-transform: uppercase;
  padding-right: 0.75rem;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-eventDetails__time {
  padding-left: 0.75rem;
}
.o-eventDetails__exportOptions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media print {
  .o-eventDetails__exportOptions {
    display: none;
  }
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__exportOptions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    width: auto;
  }
}
.o-eventDetails__exportOption {
  margin-left: 1.5rem;
}
.o-eventDetails__exportOption:first-child {
  margin-left: 0;
}
.o-eventDetails__exporter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #2c373d;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: left;
  padding: 0.375rem 0;
}
.o-eventDetails__exporterIcon {
  margin-right: 0.5rem;
}
.o-eventDetails__exporterIcon .b-icon {
  width: 1rem;
  height: 1rem;
}
.o-eventDetails__exporterLabel {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
}
@media only screen and (min-width : 800px) {
  .o-eventDetails__exporter:hover {
    color: #1e8094;
  }
  .o-eventDetails__exporter:hover .b-icon {
    fill: #26a3bd;
  }
}
.o-eventDetails__infoBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.o-eventDetails__infoBar:before, .o-eventDetails__infoBar:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0625rem;
  background: rgba(0, 0, 0, 0.08);
  z-index: 2;
}
@media print {
  .o-eventDetails__infoBar:before, .o-eventDetails__infoBar:after {
    display: none;
    content: none;
  }
}
.o-eventDetails__infoBar:before {
  z-index: 1;
  background: white;
}
@media print {
  .o-eventDetails__infoBar {
    border-left: 0.0625rem solid black;
    border-right: 0.0625rem solid black;
  }
}
.o-eventDetails__infoBox {
  padding: 0.375rem 1rem;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-eventDetails__infoBox:last-child {
  border-right: 0;
}
@media print {
  .o-eventDetails__infoBox {
    border-left: 0.0625rem solid black;
    border-right: 0.0625rem solid black;
    border-bottom: 0.125rem solid black;
  }
  .o-eventDetails__infoBox:last-child {
    border-right: 0.0625rem solid black;
  }
}
.o-eventDetails__infoName {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #68828f;
}
.o-eventDetails__infoValueBox {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #2c373d;
  font-weight: 600;
}
.o-eventDetails__infoValueBox .b-textTrigger {
  font-weight: inherit;
}
.o-eventDetails__infoValue {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media only screen and (min-width : 480px) {
  .o-eventDetails__infoValue {
    max-width: 5rem;
  }
}
@media only screen and (min-width : 800px) {
  .o-eventDetails__infoValue {
    max-width: 7.5rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-eventDetails__infoValue {
    max-width: 10rem;
  }
}
@media only screen and (min-width : 1168px) {
  .o-eventDetails__infoValue {
    max-width: none;
  }
}
.o-eventDetails__actionsBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #f0f2f4;
  box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.08);
  padding: 0.5rem 1rem 0.25rem;
}
@media print {
  .o-eventDetails__actionsBar {
    display: none;
  }
}
@media only screen and (min-width : 960px) {
  .o-eventDetails__actionsBar {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 6.6875rem;
    z-index: 2040;
  }
}
.o-eventDetails__actionsBar .b-button, .o-eventDetails__actionsBar .b-circleBtn {
  margin-bottom: 0.25rem;
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print {
  .o-eventDetails__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-eventDetails__sideBar {
  margin: 1.5rem;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__sideBar {
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
    width: 50%;
  }
}
@media only screen and (min-width : 720px) {
  .o-eventDetails__sideBar {
    max-height: calc(100vh - 232px);
    overflow: auto;
    width: 100%;
    max-width: 17.5rem;
  }
}
@media print {
  .o-eventDetails__sideBar {
    margin: 0;
    width: 100%;
    max-width: 15rem;
    border-top: none;
  }
}
.o-eventDetails__mainBar {
  padding: 1.5rem 1.5rem 6rem 1.5rem;
}
@media only screen and (min-width : 640px) {
  .o-eventDetails__mainBar {
    padding-left: 1.5rem;
    width: 50%;
  }
}
@media only screen and (min-width : 720px) {
  .o-eventDetails__mainBar {
    max-height: calc(100vh - 208px);
    overflow: auto;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media print {
  .o-eventDetails__mainBar {
    padding: 0;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 0 -0.125rem;
  }
}
.o-eventDetails__publisher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  padding: 0.5rem 1rem;
  margin-bottom: 1.5rem;
  width: 100%;
  position: relative;
}
.o-eventDetails__publisherDisplay {
  margin-right: 0.75rem;
}
.o-eventDetails__publisherTitle {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #2c373d;
  margin-bottom: 0.25rem;
}
.o-eventDetails__publisherStatus {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: 600;
}
.o-eventDetails__publisherStatus:before {
  top: 0.25rem;
  animation: animate-status-pulse 0.6s infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-eventDetails__publisher--published {
  border-color: rgba(255, 196, 0, 0.4);
  background: #fffbed;
}
.o-eventDetails__infoCard {
  border-top: 0;
}
.o-eventDetails__infoCard .b-venueMap {
  margin-bottom: 0.75rem;
}
@media print {
  .o-eventDetails__infoCard {
    border: 0.125rem solid black;
    border-top: 0;
  }
}
@media print {
  .o-eventDetails__infoCard .b-infoCard__actions {
    display: none;
  }
}

.o-shiftRoster {
  background: white;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  margin-bottom: 1.5rem;
}
@media print {
  .o-shiftRoster {
    border: 0.125rem solid black;
    margin-bottom: 0;
    border-top: 0;
  }
}
.o-shiftRoster--published .o-shiftRoster__role {
  padding-left: 0.75rem;
}
.o-shiftRoster--published .o-shiftRoster__role:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: none;
  border-radius: 50%;
  border: 0.125rem solid #0099e5;
  top: 0.25rem;
  left: 0;
  box-sizing: border-box;
  animation: animate-status-pulse 0.6s infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-shiftRoster__header {
  padding: 0.9375rem 0.9375rem 0.5625rem 0.9375rem;
  background: #f0f2f4;
}
@media print {
  .o-shiftRoster__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.9375rem 0.9375rem 0;
    background: none;
  }
}
.o-shiftRoster__titleBox {
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  padding-right: 2.5rem;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width : 800px) {
  .o-shiftRoster__titleBox {
    cursor: pointer;
  }
  .o-shiftRoster__titleBox:hover {
    color: #1e8094;
  }
}
@media print {
  .o-shiftRoster__titleBox {
    margin-bottom: 0;
  }
}
.o-shiftRoster__titleBox .b-infoCard__editBtn {
  position: absolute;
  top: -0.0625rem;
  right: 0;
}
@media print {
  .o-shiftRoster__titleBox .b-infoCard__editBtn {
    display: none;
  }
}
.o-shiftRoster__role {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: bold;
  padding-right: 0.75rem;
  position: relative;
}
.o-shiftRoster__slotCounter {
  margin-left: 0.375rem;
}
.o-shiftRoster__timeRange {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: 600;
}
.o-shiftRoster__publishStatus {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #68828f;
  margin-left: 0.75rem;
}
.o-shiftRoster__actionBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-shiftRoster__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: auto;
}
@media print {
  .o-shiftRoster__actions {
    display: none;
  }
}
.o-shiftRoster__payoutTotal {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  padding: 0.5rem 0.375rem;
  border-radius: 0.1875rem;
}
.o-shiftRoster__payoutTotalWriteAccess {
  cursor: pointer;
}
.o-shiftRoster__payoutTotalWriteAccess:hover {
  color: white;
  background-color: #26a3bd;
}
.o-shiftRoster__removeSlotBtn {
  margin-right: 0.5rem;
}
.o-shiftRoster__body {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  margin: 0;
}
@media print {
  .o-shiftRoster__body {
    border-top: 0;
  }
}
.o-shiftRoster__instructions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
  color: #4a5d66;
  padding: 0.3125rem 0.9375rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-shiftRoster__instructionsLabel {
  font-weight: 600;
  margin-right: 0.375rem;
}
.o-shiftRoster__instructions .b-icon {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  fill: #e54040;
}
.o-shiftRoster__shifts {
  margin: 0.5rem 0.4375rem 0 0.9375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-shiftRoster__shiftBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0.5rem 0.5rem 0;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .o-shiftRoster__shiftBox {
    width: 50%;
  }
}
@media only screen and (min-width: 1160px) {
  .o-shiftRoster__shiftBox {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1420px) {
  .o-shiftRoster__shiftBox {
    width: 25%;
  }
}
@media only screen and (min-width: 1640px) {
  .o-shiftRoster__shiftBox {
    width: 20%;
  }
}
@media only screen and (min-width: 1920px) {
  .o-shiftRoster__shiftBox {
    width: 16.66%;
  }
}
@media print {
  .o-shiftRoster__shiftBox {
    width: 33.33%;
  }
}
.o-shiftRoster__shift {
  background: white;
  cursor: pointer;
  display: block;
  padding: 0.4375rem;
  position: relative;
  color: #2c373d;
  border-radius: 0.1875rem;
  border: 0.0625rem solid transparent;
  transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding: 0.1875rem 0.3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0.1875rem;
}
.o-shiftRoster__shift__status {
  text-transform: capitalize;
}
.o-shiftRoster__shift__info {
  font-weight: 600;
}
.o-shiftRoster__shift--available, .o-shiftRoster__shift--openTo {
  background: #007ebd;
  color: white;
}
.o-shiftRoster__shift--available .b-icon, .o-shiftRoster__shift--openTo .b-icon {
  fill: white;
}
@media print {
  .o-shiftRoster__shift--available, .o-shiftRoster__shift--openTo {
    background: none;
    border: 0.0625rem solid #007ebd;
    color: #2c373d;
  }
  .o-shiftRoster__shift--available .b-icon, .o-shiftRoster__shift--openTo .b-icon {
    fill: #4a5d66;
  }
}
.o-shiftRoster__shift--unavailable {
  background: #e1e6e9;
}
.o-shiftRoster__shift--availability, .o-shiftRoster__shift--open {
  border-color: #0099e5;
  background: #f0faff;
}
.o-shiftRoster__shift--availability .b-icon, .o-shiftRoster__shift--open .b-icon {
  fill: #4a5d66;
}
.o-shiftRoster__shift--empty {
  border-color: #808080;
  border-style: dashed;
}
.o-shiftRoster__shift--empty .b-icon {
  fill: #4a5d66;
}
.o-shiftRoster__shift--assigned, .o-shiftRoster__shift--event {
  border-color: #a4b4bc;
  background: #f0f2f4;
}
.o-shiftRoster__shift--assigned .b-icon, .o-shiftRoster__shift--event .b-icon {
  fill: #4a5d66;
}
.o-shiftRoster__shift--requested {
  border-color: #ffc400;
  background: #fffbed;
}
.o-shiftRoster__shift--requested .b-icon {
  fill: #4a5d66;
}
.o-shiftRoster__shift--confirmed {
  border-color: #15a83a;
  background: #eff9f1;
}
.o-shiftRoster__shift--critical {
  border-color: #e54040;
  background: #fdf2f2;
}
.o-shiftRoster__shift--critical .b-icon {
  fill: #4a5d66;
}
.o-shiftRoster__shift--declined {
  background: #e54040;
  color: white;
}
.o-shiftRoster__shift--declined .b-icon {
  fill: white;
}
@media print {
  .o-shiftRoster__shift--declined {
    background: none;
    border: 0.0625rem solid #e54040;
    color: #e54040;
  }
  .o-shiftRoster__shift--declined .b-icon {
    fill: #4a5d66;
  }
}
@media only screen and (min-width : 800px) {
  .o-shiftRoster__shift:hover {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
    z-index: 10;
  }
}
.o-shiftRoster__shiftDetails {
  margin-right: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.o-shiftRoster__shiftWorker {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: bold;
  word-break: break-all;
  word-break: break-word;
}
.o-shiftRoster__shiftPayout {
  font-weight: 600;
  display: inline-block;
}
.o-shiftRoster__shiftStatusBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.o-shiftRoster__shiftStatusBox .b-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.o-shiftRoster__shiftStatusBox .b-iconBox {
  width: 1rem;
  height: 1rem;
  padding: 0.0625rem;
}
.o-shiftRoster__shiftStatusBox .b-iconBox--critical .b-icon {
  fill: #e54040;
}
.o-shiftRoster__shiftStatusBox .b-iconBox--confirmed .b-icon {
  fill: #10802c;
}
.o-shiftRoster__shift--declined .b-iconBox .b-icon {
  fill: white;
}
.o-shiftRoster__shiftStatus {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  line-height: 1rem;
  margin-right: 0.25rem;
}
.o-shiftRoster__shiftTimestamp {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0 0.125rem;
  border-radius: 0.1875rem;
  margin-left: 0.25rem;
  background: rgba(0, 0, 0, 0.08);
}
.o-shiftRoster__shiftTimestamp--critical {
  background: #e54040;
  color: white;
}
.o-shiftRoster__shiftRateSource {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0 0.125rem;
  border-radius: 0.1875rem;
  margin-left: 0.25rem;
  background: rgba(0, 0, 0, 0.08);
}
.o-shiftRoster__shiftMenuBtn {
  width: 1.5rem;
  height: 2rem;
  padding: 0 0.25rem;
  position: relative;
}
.o-shiftRoster__shiftMenuBtn:after {
  position: absolute;
  content: "";
  top: -0.1875rem;
  left: -0.1875rem;
  right: -0.1875rem;
  bottom: -0.1875rem;
  background: transparent;
}
.o-shiftRoster__shiftMenuBtn .b-icon {
  width: 1rem;
  height: 1rem;
}
@media only screen and (min-width : 800px) {
  .o-shiftRoster__shiftMenuBtn:hover .b-icon {
    fill: #26a3bd;
  }
}
.o-shiftRoster__shiftMenu {
  background: white;
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.32);
  border: 0.0625rem solid #26a3bd;
  border-radius: 0.3125rem;
  top: 50%;
  right: 1.5rem;
  left: auto;
  width: 10.5rem;
  transform: translateY(-50%);
}
.o-shiftRoster__shiftMenu--hide {
  display: none;
}
.o-shiftRoster__shiftMenu--show {
  display: block;
}
.o-shiftRoster__shiftMenuScrollBox {
  max-height: 15rem;
  overflow: auto;
}
.o-shiftRoster__shiftMenuTitle {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.o-shiftRoster__shiftMenuTitle:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .o-shiftRoster__shiftMenuTitle {
    padding: 0;
  }
  .o-shiftRoster__shiftMenuTitle:before {
    display: none;
  }
}
.o-shiftRoster__shiftMenuDescription {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #4a5d66;
  margin: 0.25rem 0 0.5rem;
}
.o-shiftRoster__shiftMenuItem {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-weight: 600;
  display: block;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: #2c373d;
  padding: 0.25rem 0.5rem;
}
@media only screen and (min-width : 800px) {
  .o-shiftRoster__shiftMenuItem:hover {
    color: white;
    background: #26a3bd;
    background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  }
}
.o-shiftRoster__shiftMenuItem:disabled {
  color: #68828f;
  cursor: not-allowed;
}
.o-shiftRoster__shiftMenuItem:disabled:hover {
  color: #68828f;
  background: unset;
}
.o-shiftRoster__portraitBox {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  overflow: visible;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  background: #26a3bd;
  border-radius: 0.3125rem;
  position: relative;
  z-index: 1;
}
.o-shiftRoster__portraitBox--empty {
  background: none;
}
.o-shiftRoster__portraitBox .icon-user {
  fill: #26a3bd;
  margin: 0.25rem auto;
}
.o-shiftRoster__flexpoolAnimationBorder:after {
  content: "";
  position: absolute;
  top: calc(-1 * 0.0625rem);
  left: calc(-1 * 0.0625rem);
  width: calc(100% + 0.0625rem * 2);
  height: calc(100% + 0.0625rem * 2);
  background: linear-gradient(60deg, #fff9e5, #fff3cc, #ffdc66, #ffd033, #ffc400, #e3a300, #c79900);
  border-radius: 0.3125rem;
  z-index: -1;
  animation: lavaAnimation 3s ease alternate infinite;
  background-size: 300% 300%;
}
.o-shiftRoster__portraitImg {
  border-radius: 0.3125rem;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}

.o-workerRoster {
  border-radius: 0.1875rem;
  background: white;
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.08);
  padding: 0;
}
@media print {
  .o-workerRoster {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.o-workerRoster .b-headerBar {
  background: none;
  border: 0;
}
.o-workerRoster .b-tableAHeader,
.o-workerRoster .o-workersRoster__worker {
  padding-left: 0;
  position: relative;
}
.o-workerRoster__tableActions {
  background: white;
  position: absolute;
  z-index: 10;
  left: 3rem;
  right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-workerRoster__tableActions--hide {
  display: none;
}
.o-workerRoster__tableActionsStatus {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4a5d66;
  margin-right: 0.5rem;
}
.o-workerRoster__col--selector {
  margin: 0 0.5rem;
}
.o-workerRoster__col--portrait {
  margin: 0 1rem 0 0;
  max-width: 2rem;
  min-width: 2rem;
}
.o-workerRoster__col--header {
  margin: 0 1rem 0 0;
  max-width: 11.25rem;
  width: 100%;
}
.o-workerRoster__col--pay_worker_name {
  margin: 0 1rem 0 0;
  min-width: 5rem;
}
.o-workerRoster__col--pay_cash_out {
  margin: 0 1rem 0 0;
  min-width: 4.375rem;
}
.o-workerRoster__col--name {
  margin: 0 1rem 0 0;
  max-width: 11.25rem;
  width: 100%;
}
.o-workerRoster__col--positions {
  margin: 0 1rem 0 0;
  width: 100%;
}
.o-workerRoster__col--rating {
  margin: 0 0.5rem 0 0;
  max-width: 5rem;
  min-width: 5rem;
}
.o-workerRoster__col--hours {
  margin: 0 0.5rem 0 0;
  max-width: 5rem;
  min-width: 5rem;
}
.o-workerRoster__col--phone {
  margin: 0 0.5rem 0 0;
  max-width: 6rem;
  min-width: 6rem;
}
.o-workerRoster__col--email {
  margin: 0 1rem 0 0;
  max-width: 15rem;
  width: 100%;
}
.o-workerRoster__col--email .b-toolTip:after {
  font-size: 0.75rem;
  line-height: 1rem;
}
.o-workerRoster__worker {
  padding: 0.5rem 1rem 0.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 0.0625rem solid #f0f2f4;
  font-size: 0.75rem;
  line-height: 1rem;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #4a5d66;
}
.o-workerRoster__worker:nth-child(odd) {
  background: #f0f2f4;
}
.o-workerRoster__name {
  color: #2c373d;
  font-weight: bold;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  gap: 8px;
  align-items: center;
}
@media only screen and (min-width : 800px) {
  .o-workerRoster__name:hover {
    color: #1e8094;
  }
}
.o-workerRoster .o-workerRoster__chip div {
  line-height: 1rem;
  height: 1rem;
}
.o-workerRoster .o-workerRoster__chip span {
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0 0.125rem;
}
.o-workerRoster__inviteStatus {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #4a5d66;
}
.o-workerRoster__email {
  color: #007ebd;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
@media only screen and (min-width : 800px) {
  .o-workerRoster__email:hover {
    color: #0099e5;
  }
}
.o-workerRoster__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.o-workerAssignment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.o-workerAssignment .o-workerAssignment__ratingCol,
.o-workerAssignment .o-workerAssignment__statusCol,
.o-workerAssignment .o-workerAssignment__hoursCol {
  display: none;
}
@media only screen and (min-width : 960px) {
  .o-workerAssignment .o-workerAssignment__ratingCol,
  .o-workerAssignment .o-workerAssignment__statusCol,
  .o-workerAssignment .o-workerAssignment__hoursCol {
    display: block;
  }
}
.o-workerAssignmentHeader {
  display: block;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  position: relative;
  background: #f0f2f4;
  padding: 0.25rem 0 0.3125rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
}
.o-workerAssignmentHeader__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #4a5d66;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignmentHeader__row {
    margin-right: 1rem;
  }
}
.o-workerAssignment__scrollBox {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 0;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__scrollBox {
    overflow-y: scroll;
  }
}
.o-workerAssignment__paginator {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 0.25rem 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: white;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__paginator {
    position: static;
  }
}
.o-workerAssignment__page {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  min-width: 1.5rem;
  font-weight: 600;
  padding: 0.5rem;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.o-workerAssignment__pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width : 800px) {
  .o-workerAssignment__page:hover {
    color: #1e8094;
  }
}
.o-workerAssignment__page--active {
  padding: 0.5rem 0.75rem;
  position: relative;
  color: white;
  background: #68828f;
  border-radius: 0.1875rem;
}
@media only screen and (min-width : 800px) {
  .o-workerAssignment__page--active:hover {
    color: white;
    background: #4a5d66;
  }
}
.o-workerAssignment__pageNav {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  font-weight: 600;
  padding: 0.5rem;
}
.o-workerAssignment__pageNav--prev {
  margin-right: auto;
}
.o-workerAssignment__pageNav--next {
  margin-left: auto;
}
.o-workerAssignment__workerBox {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 1rem;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__workerBox {
    padding-left: 0;
    padding-right: 0.5rem;
  }
}
@media only screen and (min-width : 960px) {
  .o-workerAssignment__workerBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.o-workerAssignment__checkboxCol {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
  margin-right: 0.5rem;
}
.o-workerAssignment__checkboxCol .b-form__checkbox {
  padding: 0.75rem;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__checkboxCol .b-form__checkbox {
    padding: 0.25rem 0.75rem;
  }
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__checkboxCol {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-right: 0;
  }
}
.o-workerAssignment__workerIDCol {
  width: 100%;
  padding-right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (min-width : 960px) {
  .o-workerAssignment__workerIDCol {
    width: 36%;
    max-width: 36%;
  }
}
.o-workerAssignment__workerTags {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #4a5d66;
  display: none;
}
@media only screen and (min-width : 640px) {
  .o-workerAssignment__workerTags {
    display: block;
  }
}
.o-workerAssignment__workerStats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25rem;
}
.o-workerAssignment__workerStats .b-starRating {
  margin-right: 1rem;
}
@media only screen and (min-width : 960px) {
  .o-workerAssignment__workerStats {
    display: none;
  }
}
.o-workerAssignment__ratingCol {
  width: 5rem;
  max-width: 5rem;
  padding: 0 0.5rem;
}
.o-workerAssignment__statusCol {
  width: 32%;
  max-width: 32%;
  padding: 0 0.5rem;
  display: block;
  word-break: break-word;
}
.o-workerAssignment__statusCol .b-statusText {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
  color: #2c373d;
}
.o-workerAssignment__statusCol .b-statusText--unassigned {
  display: none;
}
.o-workerAssignment__statusCol .b-statusText--available + .o-status__incidents {
  display: none;
}
.o-workerAssignment__hoursCol {
  width: 5.5rem;
  max-width: 5.5rem;
  padding: 0 0 0 0.5rem;
}
.o-workerAssignment__mobileStatus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem 0 0;
}
.o-workerAssignment__mobileStatusCol {
  width: 50%;
}
.o-workerAssignment__mobileStatusCol:last-child {
  padding-left: 0.5rem;
}
.o-workerAssignment__mobileStatusCol .b-statusText--unassigned {
  color: #68828f;
}
@media only screen and (min-width : 960px) {
  .o-workerAssignment__mobileStatus {
    display: none;
  }
}

.o-workerRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 0.625rem;
  line-height: 0.75rem;
  padding: 0.25rem 0;
  border-bottom: 0.0625rem solid #e1e6e9;
}
.o-workerRow:last-child {
  border-bottom: 0;
}
.o-workerRow__imgBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-right: 0.5rem;
  background: #e1e6e9;
}
.o-workerRow__imgBox--24 {
  width: 1.5rem;
  height: 1.5rem;
}
.o-workerRow__imgBox--32 {
  width: 2rem;
  height: 2rem;
}
.o-workerRow__imgBox--40 {
  width: 2.5rem;
  height: 2.5rem;
}
.o-workerRow__img {
  display: block;
  width: 100%;
  height: 100%;
}
.o-workerRow__nameAndLevel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-workerRow__name {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.o-workerRow__name .b-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.o-workerRow__name .b-iconBox {
  display: block;
}
.o-workerRow__name .b-iconBox:last-child {
  margin-right: 0;
}

.v-timeAttendance__viewHeader .o-viewHeader__actions {
  width: 100%;
}
@media only screen and (min-width : 560px) {
  .v-timeAttendance__viewHeader .o-viewHeader__actions {
    width: auto;
  }
}
.v-timeAttendance__viewHeader .o-viewHeader__navHelper {
  width: auto;
  margin-right: auto;
}
@media only screen and (min-width : 560px) {
  .v-timeAttendance__viewHeader .o-viewHeader__navHelper {
    margin-right: 1rem;
  }
}
.v-timeAttendance__viewHelper {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width : 1320px) {
  .v-timeAttendance__viewHelper {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .v-timeAttendance__viewHelper .o-readoutSelector {
    max-width: none;
  }
}
.v-timeAttendance__viewHelper .o-readoutSelector {
  margin-right: 1rem;
  max-width: 45%;
}
.v-timeAttendance__viewHelper .o-readoutSelector__menuScrollBox {
  max-height: 32rem;
}
.v-timeAttendance__viewHelper .b-form__optionLabel {
  width: 100%;
}
.v-timeAttendance__viewHelper .b-taFilterOption {
  display: flex;
  justify-content: space-between;
}

@media only screen and (min-width : 560px) {
  .v-integrations__mainCol {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (min-width : 560px) {
  .v-integrations__sideCol {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.u-color\(copy1\) {
  color: #2c373d;
}

.u-color\(copy2\) {
  color: #4a5d66;
}

.u-color\(copy3\) {
  color: #68828f;
}

.u-color\(copyTeal\) {
  color: #1e8094;
}

.u-color\(medium\) {
  color: #a4b4bc;
}

.u-color\(available\) {
  color: #0099e5;
}

.u-color\(pending\) {
  color: #9d8dff;
}

.u-color\(confirmed\) {
  color: #15a83a;
}

.u-color\(confirmedText\) {
  color: #10802c;
}

.u-color\(warning\) {
  color: #ff9100;
}

.u-color\(critical\) {
  color: #e54040;
}

.u-bg\(critical\) {
  background-color: #e54040;
}

.u-bg\(white\) {
  background-color: white;
}

.u-display\(block\) {
  display: block;
}

.u-display\(iblock\) {
  display: inline-block;
}

.u-display\(none\) {
  display: none;
}

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.u-flex--yCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.u-flex--yTop {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.u-flex--yBottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.u-flex--yStretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}
.u-flex--xLeft {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.u-flex--xBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.u-flex--xCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.u-flex--xBottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.u-flex--noGrow {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.u-flex--y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.u-flex--wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.u-mY\(0\) {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.u-mB\(2\) {
  margin-bottom: 0.125rem;
}

.u-mT\(2\) {
  margin-top: 0.125rem;
}

.u-mY\(4\) {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.u-mT\(4\) {
  margin-top: 0.25rem;
}

.u-mR\(4\) {
  margin-right: 0.25rem;
}

.u-mL\(4\) {
  margin-left: 0.25rem;
}

.u-mB\(4\) {
  margin-bottom: 0.25rem;
}

.u-mR\(6\) {
  margin-right: 0.375rem;
}

.u-mY\(8\) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.u-mT\(8\) {
  margin-top: 0.5rem;
}

.u-mB\(8\) {
  margin-bottom: 0.5rem;
}

.u-mR\(8\) {
  margin-right: 0.5rem;
}

.u-mL\(8\) {
  margin-left: 0.5rem;
}

.u-mT\(12\) {
  margin-top: 0.75rem;
}

.u-mB\(12\) {
  margin-bottom: 0.75rem;
}

.u-mX\(8\) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.u-mX\(12\) {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.u-mL\(12\) {
  margin-left: 0.75rem;
}

.u-mR\(12\) {
  margin-right: 0.75rem;
}

.u-mY\(12\) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.u-mT\(16\) {
  margin-top: 1rem;
}

.u-mB\(16\) {
  margin-bottom: 1rem;
}

.u-mR\(16\) {
  margin-right: 1rem;
}

.u-mL\(16\) {
  margin-left: 1rem;
}

.u-mY\(16\) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.u-mX\(16\) {
  margin-left: 1rem;
  margin-right: 1rem;
}

.u-mR\(20\) {
  margin-right: 1.25rem;
}

.u-mL\(24\) {
  margin-left: 1.5rem;
}

.u-mR\(24\) {
  margin-right: 1.5rem;
}

.u-mT\(24\) {
  margin-top: 1.5rem;
}

.u-mX\(24\) {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.u-mB\(24\) {
  margin-bottom: 1.5rem;
}

.u-mY\(24\) {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.u-mY\(32\) {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.u-mT\(32\) {
  margin-top: 2rem;
}

.u-mT\(40\) {
  margin-top: 2.5rem;
}

.u-mB\(40\) {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.u-mB\(48\) {
  margin-bottom: 3rem;
}

.u-mT\(48\) {
  margin-top: 3rem;
}

.u-p\(0\) {
  padding: 0;
}

.u-pY\(4\) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.u-pT\(12\) {
  padding-top: 0.75rem;
}

.u-pB\(12\) {
  padding-bottom: 0.75rem;
}

.u-pY\(12\) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.u-p\(16\) {
  padding: 1rem;
}

.u-pB\(16\) {
  padding-bottom: 1rem;
}

.u-pY\(16\) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-pX\(16\) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.u-pX\(24\) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.u-pY\(40\) {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.u-pB\(140\) {
  padding-bottom: 8.75rem;
}

.u-pB\(240\) {
  padding-bottom: 15rem;
}

.u-obscure {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u-truncate {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.u-justify\(center\) {
  text-align: center;
}

.u-caps {
  text-transform: uppercase;
}

.u-semibold {
  font-weight: 600;
}

.u-strong {
  font-weight: bold;
}

.u-beta {
  background: #26a3bd;
  background: linear-gradient(to bottom right, #26a3bd 0%, #0096e0 100%);
  display: inline-block;
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 500;
  font-weight: bold;
  font-style: italic;
  color: white;
  padding: 0.0625rem 0.1875rem 0;
  position: relative;
  transform: translateY(-3px);
  text-transform: uppercase;
}

.u-iconText {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.u-iconText .b-icon {
  width: 1em;
  height: 1em;
  display: block;
  margin-right: 0.375rem;
  fill: #4a5d66;
}

.u-pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.u-pre--styled {
  font-family: "Silka", "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

.u-ruleHeader {
  position: relative;
  padding-top: 0.5rem;
}
.u-ruleHeader:before {
  width: 1.25rem;
  height: 0.1875rem;
  background: #26a3bd;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media print {
  .u-ruleHeader {
    padding: 0;
  }
  .u-ruleHeader:before {
    display: none;
  }
}

.u-h\(10\) {
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.125rem;
}

.u-h\(11\) {
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.1875rem;
}

.u-h\(12\) {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.u-h\(13\) {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

.u-h\(14\) {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.u-h\(16\) {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}

.u-h\(20\) {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.u-copy\(10\) {
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 500;
}

.u-copy\(11\) {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 500;
}

.u-copy\(12\) {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.u-copy\(13\) {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  font-weight: 500;
}

.u-copy\(14\) {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.u-copy\(16\) {
  font-size: 1rem;
  line-height: 1.25rem;
}

.u-para\(11\) {
  font-size: 0.6875rem;
  line-height: 1.1875rem;
  font-weight: 500;
}

.u-para\(12\) {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.u-highlight\(critical\) {
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
  color: white;
  background: #e54040;
}

.u-highlight\(action2dark\) {
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
  color: white;
  background: #007ebd;
}

.u-pageBounds {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .u-pageBounds {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 73rem;
  }
}
@media print {
  .u-pageBounds {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width : 640px) {
  .u-pageBounds--fullWidth {
    max-width: none;
  }
}
@media only screen and (min-width : 640px) {
  .u-pageBounds--medium {
    max-width: 60rem;
  }
}

.u-equalH, .u-row__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.u-equalH__child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.u-equalH__parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.u-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.u-row__col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.u-row__col\(2\), .u-row__col\(3\), .u-row__col\(4\), .u-row__col\(5\), .u-row__col\(6\), .u-row__col\(8\), .u-row__col\(9\), .u-row__col\(12\) {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.u-row__col-mobile\(4\) {
  -webkit-flex-basis: 33.333%;
  -moz-flex-basis: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.u-row__col-mobile\(6\) {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

@media only screen and (min-width : 640px) {
  .u-row__col-tablet\(2\) {
    -webkit-flex-basis: 16.666%;
    -moz-flex-basis: 16.666%;
    -ms-flex-preferred-size: 16.666%;
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-row__col-tablet\(3\) {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-row__col-tablet\(4\) {
    -webkit-flex-basis: 33.333%;
    -moz-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-row__col-tablet\(5\) {
    -webkit-flex-basis: 41.666%;
    -moz-flex-basis: 41.666%;
    -ms-flex-preferred-size: 41.666%;
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-row__col-tablet\(6\) {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-row__col-tablet\(8\) {
    -webkit-flex-basis: 66.666%;
    -moz-flex-basis: 66.666%;
    -ms-flex-preferred-size: 66.666%;
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-row__col-tablet\(9\) {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media print, only screen and (min-width : 960px) {
  .u-row__col\(2\) {
    -webkit-flex-basis: 16.666%;
    -moz-flex-basis: 16.666%;
    -ms-flex-preferred-size: 16.666%;
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-row__col\(3\) {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-row__col\(4\) {
    -webkit-flex-basis: 33.333%;
    -moz-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-row__col\(5\) {
    -webkit-flex-basis: 41.666%;
    -moz-flex-basis: 41.666%;
    -ms-flex-preferred-size: 41.666%;
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-row__col\(6\) {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-row__col\(8\) {
    -webkit-flex-basis: 66.666%;
    -moz-flex-basis: 66.666%;
    -ms-flex-preferred-size: 66.666%;
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-row__col\(9\) {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}
.NowstaApp .Toastify__toast-container {
  z-index: 8200;
}
.NowstaApp .Toastify__toast {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  min-height: 0;
  padding: 0.375rem 0.75rem;
  font-family: "Silka", "Helvetica", "Helvetica Neue", Arial, sans-serif;
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.08), 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.08), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08);
}
.NowstaApp .Toastify__toast--default {
  background: white;
  color: #2c373d;
}
.NowstaApp .Toastify__toast--success {
  background: #15a83a;
  color: white;
}
.NowstaApp .Toastify__toast--info {
  background: #0099e5;
  color: white;
}
.NowstaApp .Toastify__toast--warning {
  background: #ffc400;
  color: #2c373d;
}
.NowstaApp .Toastify__toast--error {
  background: #e54040;
  color: white;
}

.view--hasModal .b-mainView {
  height: 100vh;
  overflow: hidden;
}

@media only screen and (min-width : 480px) {
  .view--hasModal .b-mainView {
    height: auto;
    overflow: visible;
  }
}