.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Sling Emojis', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #646464;
  background-color: #f2f5f7;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0085FF;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005db3;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 4px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f2f5f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 1.8em;
}
h2,
.h2 {
  font-size: 1.2em;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 480px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #f2f5f7;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #beddf7;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #beddf7;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #a7d1f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #f2f5f7;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 2px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 4px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0085FF;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #f2f5f7;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 3px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #f2f5f7;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 3px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 3px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f2f5f7;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 480px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.modal-header:after,
.modal-footer:after,
.form-horizontal .form-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 750px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 355px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Sling Emojis', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #7A6DC9;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #7A6DC9;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #7A6DC9;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #7A6DC9;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #7A6DC9;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #7A6DC9;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #7A6DC9;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #7A6DC9;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #7A6DC9;
  border-radius: 3px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f2f5f7;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #bababa;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bababa;
}
.form-control::-webkit-input-placeholder {
  color: #bababa;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a4a4a4;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
.space-equally {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.space-equally > * {
  -ms-flex: 2;
      flex: 2;
}
.space-equally[class*='space-equally-'] > *:first-child {
  padding-left: 0;
}
.space-equally[class*='space-equally-'] > *:last-child {
  padding-right: 0;
}
.space-equally.space-equally-10 > * {
  padding: 0 5px;
}
.space-equally.space-equally-20 > * {
  padding: 0 10px;
}
.space-equally.space-equally-no-shrink > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.transform-uppercase {
  text-transform: uppercase;
  font-size: 11px;
}
.font-no-uppercase {
  text-transform: none;
}
.font-26 {
  font-size: 26px;
  line-height: 34px;
}
.font-25 {
  font-size: 25px;
  line-height: 27.5px;
}
.font-22 {
  font-size: 22px;
  line-height: 26px;
}
.font-20 {
  font-size: 20px;
  line-height: 26px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-36 {
  line-height: 36px !important;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-10 {
  font-size: 10px;
}
.font-18 {
  font-size: 18px;
}
.font-16 {
  font-size: 16px;
  line-height: 20px;
}
.font-12 {
  font-size: 12px;
}
.weight-300 {
  font-weight: 300;
}
.weight-400 {
  font-weight: 400;
}
.weight-600 {
  font-weight: 600;
}
.weight-700 {
  font-weight: 700;
}
.weight-bold {
  font-weight: bold;
}
.table-fixed {
  table-layout: fixed;
}
.uppercase-11-light {
  text-transform: uppercase;
  font-size: 11px;
  color: #97A2AE;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.color-brand {
  color: #0085FF;
}
.bg-color-brand {
  background-color: #0085FF !important;
}
.light-color {
  color: #97A2AE;
}
.color-disabled {
  color: #6D8092;
}
.color-brand-success {
  color: #1CC982 !important;
  -webkit-text-fill-color: #1CC982 !important;
}
.color-brand-danger {
  color: #E96873 !important;
  -webkit-text-fill-color: #E96873 !important;
}
.color-brand-warning {
  color: #FDB34D !important;
  -webkit-text-fill-color: #FDB34D !important;
}
.color-light-color {
  color: #97A2AE;
}
.color-white {
  color: white !important;
}
.paddingless {
  padding: 0 !important;
}
.marginless {
  margin: 0 !important;
}
.borderless {
  border: solid 1px transparent !important;
}
.z-index-2000 {
  z-index: 2000 !important;
}
.margin-left--20 {
  margin-left: -20px !important;
}
.margin-right--20 {
  margin-right: -20px !important;
}
.margin-top--20 {
  margin-top: -20px !important;
}
.margin-bottom--20 {
  margin-bottom: -20px !important;
}
.margin--20 {
  margin: -20px !important;
}
.padding-left--20 {
  padding-left: -20px !important;
}
.padding-right--20 {
  padding-right: -20px !important;
}
.padding-top--20 {
  padding-top: -20px !important;
}
.padding-bottom--20 {
  padding-bottom: -20px !important;
}
.padding--20 {
  padding: -20px !important;
}
.margin-left--15 {
  margin-left: -15px !important;
}
.margin-right--15 {
  margin-right: -15px !important;
}
.margin-top--15 {
  margin-top: -15px !important;
}
.margin-bottom--15 {
  margin-bottom: -15px !important;
}
.margin--15 {
  margin: -15px !important;
}
.padding-left--15 {
  padding-left: -15px !important;
}
.padding-right--15 {
  padding-right: -15px !important;
}
.padding-top--15 {
  padding-top: -15px !important;
}
.padding-bottom--15 {
  padding-bottom: -15px !important;
}
.padding--15 {
  padding: -15px !important;
}
.margin-left--10 {
  margin-left: -10px !important;
}
.margin-right--10 {
  margin-right: -10px !important;
}
.margin-top--10 {
  margin-top: -10px !important;
}
.margin-bottom--10 {
  margin-bottom: -10px !important;
}
.margin--10 {
  margin: -10px !important;
}
.padding-left--10 {
  padding-left: -10px !important;
}
.padding-right--10 {
  padding-right: -10px !important;
}
.padding-top--10 {
  padding-top: -10px !important;
}
.padding-bottom--10 {
  padding-bottom: -10px !important;
}
.padding--10 {
  padding: -10px !important;
}
.margin-left--5 {
  margin-left: -5px !important;
}
.margin-right--5 {
  margin-right: -5px !important;
}
.margin-top--5 {
  margin-top: -5px !important;
}
.margin-bottom--5 {
  margin-bottom: -5px !important;
}
.margin--5 {
  margin: -5px !important;
}
.padding-left--5 {
  padding-left: -5px !important;
}
.padding-right--5 {
  padding-right: -5px !important;
}
.padding-top--5 {
  padding-top: -5px !important;
}
.padding-bottom--5 {
  padding-bottom: -5px !important;
}
.padding--5 {
  padding: -5px !important;
}
.margin-left-0 {
  margin-left: 0px !important;
}
.margin-right-0 {
  margin-right: 0px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-0 {
  margin: 0px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-0 {
  padding: 0px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-5 {
  margin: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-10 {
  margin: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-10 {
  padding: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-15 {
  margin: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-15 {
  padding: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-20 {
  margin: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-20 {
  padding: 20px !important;
}
.margin-left--20 {
  margin-left: -20px !important;
}
.margin-right--20 {
  margin-right: -20px !important;
}
.margin-top--20 {
  margin-top: -20px !important;
}
.margin-bottom--20 {
  margin-bottom: -20px !important;
}
.margin--20 {
  margin: -20px !important;
}
.padding-left--20 {
  padding-left: -20px !important;
}
.padding-right--20 {
  padding-right: -20px !important;
}
.padding-top--20 {
  padding-top: -20px !important;
}
.padding-bottom--20 {
  padding-bottom: -20px !important;
}
.padding--20 {
  padding: -20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-30 {
  margin: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-30 {
  padding: 30px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-40 {
  margin: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-40 {
  padding: 40px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-50 {
  margin: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-50 {
  padding: 50px !important;
}
.margin-left--40 {
  margin-left: -40px !important;
}
.margin-right--40 {
  margin-right: -40px !important;
}
.margin-top--40 {
  margin-top: -40px !important;
}
.margin-bottom--40 {
  margin-bottom: -40px !important;
}
.margin--40 {
  margin: -40px !important;
}
.padding-left--40 {
  padding-left: -40px !important;
}
.padding-right--40 {
  padding-right: -40px !important;
}
.padding-top--40 {
  padding-top: -40px !important;
}
.padding-bottom--40 {
  padding-bottom: -40px !important;
}
.padding--40 {
  padding: -40px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.margin-top-80 {
  margin-top: 80px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-80 {
  margin: 80px !important;
}
.padding-left-80 {
  padding-left: 80px !important;
}
.padding-right-80 {
  padding-right: 80px !important;
}
.padding-top-80 {
  padding-top: 80px !important;
}
.padding-bottom-80 {
  padding-bottom: 80px !important;
}
.padding-80 {
  padding: 80px !important;
}
.margin-left-auto {
  margin-left: auto !important;
}
.margin-right-auto {
  margin-right: auto !important;
}
.margin-top-auto {
  margin-top: auto !important;
}
.margin-bottom-auto {
  margin-bottom: auto !important;
}
.margin-auto {
  margin: auto !important;
}
.padding-left-auto {
  padding-left: auto !important;
}
.padding-right-auto {
  padding-right: auto !important;
}
.padding-top-auto {
  padding-top: auto !important;
}
.padding-bottom-auto {
  padding-bottom: auto !important;
}
.padding-auto {
  padding: auto !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.height-100 {
  height: 100%;
}
.height-100vh {
  height: 100vh;
}
.width-100 {
  width: 100%;
}
.color-gray-disabled {
  color: #6D8092 !important;
}
.medium-center-div {
  width: 730px;
  margin: 30px auto 0;
}
.large-center-div {
  width: 1180px;
  margin: 30px auto 0;
}
.row.width-100 {
  width: calc(100% + 20px);
}
.gray {
  color: #97A2AE;
}
.color-icon-gray,
.iconGray {
  color: #A0AFBE;
}
spinner {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.flex-1 {
  -ms-flex: 1;
      flex: 1;
}
.flex-2 {
  -ms-flex: 2 !important;
      flex: 2 !important;
}
.flex-4 {
  -ms-flex: 4 !important;
      flex: 4 !important;
}
.flex-0 {
  -ms-flex: 0;
      flex: 0;
}
.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.flex-row {
  -ms-flex-flow: row !important;
      flex-flow: row !important;
}
.flex-order--1 {
  -ms-flex-order: -1;
      order: -1;
}
.flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.flex-space-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.align-flex-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.self-flex-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.shadow {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}
strong.strong-600,
.strong-600 strong {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600 !important;
}
.white-space-initial {
  white-space: initial;
}
.white-space-pre-line {
  white-space: pre-line;
}
.white-space-nowrap {
  white-space: nowrap;
}
.gray-anchor {
  color: #97A2AE;
}
a:hover .gray-anchor {
  color: #0085FF;
}
.center-vertically {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.center-vertically.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.align-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: row;
      flex-flow: row;
}
.text-align-left {
  text-align: left !important;
}
.fade-non-hover:not(:hover) {
  opacity: 0.65;
}
.img-second-hover:not(:hover) img:last-child,
.img-second-hover:hover img:first-child {
  display: none;
}
.inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.outline-none {
  outline: none;
}
.opacity-0 {
  opacity: 0 !important;
}
.padding-0 {
  padding: 0 !important;
}
.justify-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.nbsp-if-empty:empty:after {
  content: '\00a0';
}
.border-top-default {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.transition-none {
  transition: none !important;
}
.opacity-05 {
  opacity: 0.5 !important;
}
.opacity-65 {
  opacity: 0.65 !important;
}
.text-center.center-vertically {
  -ms-flex-pack: center;
      justify-content: center;
}
.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.strikethrough {
  text-decoration: line-through;
}
img.rot-45 {
  transform: rotateZ(45deg);
}
img.rot-left-90 {
  transform: rotateZ(90deg);
}
img.rot-right-90 {
  transform: rotateZ(-90deg);
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.text-color-label-gray {
  color: #6B7784;
}
.text-color-gray {
  color: #738190;
}
.text-color-lighter {
  color: #5F7183;
}
.rotate-45 {
  transform: rotateZ(45deg);
}
.text-justify {
  text-align: justify;
}
.color-gray-disabled {
  color: #6D8092;
}
.color-gray-dark {
  color: #4C6379;
}
hr.dark {
  border-top-color: #DCDCDC;
}
.break-word {
  word-break: break-all;
  word-break: break-word;
}
.transform-x--100 {
  transform: translateX(-100%);
}
.opacity-1 {
  opacity: 1 !important;
}
.no-border {
  border: none !important;
}
.panel-title a,
a {
  cursor: pointer;
}
.modal-backdrop {
  position: fixed;
  bottom: 0;
}
.modal-backdrop.fade.in {
  background-color: #00294e;
}
.modal-backdrop.fade.ng-leave {
  transition: none !important;
}
a.dropdown-toggle:hover {
  text-decoration: none;
}
#content .nav .open > a {
  background: transparent;
}
.modal-content {
  box-shadow: none;
  border-radius: 4px;
  border: 0;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
}
.modal-content img {
  max-width: 100%;
}
.modal-header {
  margin: 0 20px;
  padding: 20px 0;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
  margin: 0;
  padding: 0;
}
.modal-title {
  font-weight: 700;
  font-size: 1.4em;
}
.modal-footer {
  margin: 0;
  padding-top: 0;
  border: 0;
  position: relative;
}
.modal-footer .left {
  position: absolute;
  top: 10px;
  left: 20px;
}
.has-search .form-control {
  padding-right: 34px;
}
.has-search .form-control-feedback {
  right: 0;
  top: -3px;
  color: #f2f5f7;
}
.has-search input {
  border-color: rgba(0, 0, 0, 0.08);
  height: 28px;
}
.has-search input:focus {
  border-color: #0085FF;
}
.modal[modal-render] {
  display: -ms-flexbox !important;
  display: flex !important;
}
.modal-dialog {
  min-width: 750px !important;
  margin: auto;
}
.modal-dialog .modal-content {
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
}
.modal-dialog-with-padding .modal-dialog {
  padding-top: 50px;
  padding-bottom: 50px;
}
.modal-auto-width .modal-dialog {
  width: auto;
}
.modal-sm {
  min-width: 355px !important;
}
.modal-md {
  min-width: 750px !important;
}
.modal-lg {
  min-width: 900px !important;
}
.modal-500 {
  min-width: 500px !important;
}
@media (min-width: 768px) {
  .modal-500 {
    width: 500px;
  }
}
.modal-400 {
  min-width: 400px !important;
}
@media (min-width: 768px) {
  .modal-400 {
    width: 400px;
  }
}
.modal-580 {
  min-width: 580px !important;
}
@media (min-width: 768px) {
  .modal-580 {
    width: 580px;
  }
}
.modal-620 {
  min-width: 620px !important;
}
@media (min-width: 768px) {
  .modal-620 {
    width: 620px;
  }
}
.modal-700 {
  min-width: 700px !important;
}
@media (min-width: 768px) {
  .modal-700 {
    width: 700px;
  }
}
.modal-845 {
  min-width: 845px !important;
}
@media (min-width: 768px) {
  .modal-845 {
    width: 845px;
  }
}
.modal-1020 {
  min-width: 1020px !important;
}
@media (min-width: 768px) {
  .modal-1020 {
    width: 1020px;
  }
}
.modal-1200 {
  min-width: 1200px !important;
}
@media (min-width: 768px) {
  .modal-1200 {
    width: 1200px;
  }
}
.modal-footer.text-left {
  text-align: left;
}
.progress-bar {
  background: #0085FF;
}
.modal-content .progress {
  height: 4px;
  border-radius: 0;
}
.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
  min-width: 1200px;
  width: 1200px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}
.marginless-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16 {
  float: left;
}
.col-xs-16 {
  width: 100%;
}
.col-xs-15 {
  width: 93.75%;
}
.col-xs-14 {
  width: 87.5%;
}
.col-xs-13 {
  width: 81.25%;
}
.col-xs-12 {
  width: 75%;
}
.col-xs-11 {
  width: 68.75%;
}
.col-xs-10 {
  width: 62.5%;
}
.col-xs-9 {
  width: 56.25%;
}
.col-xs-8 {
  width: 50%;
}
.col-xs-7 {
  width: 43.75%;
}
.col-xs-6 {
  width: 37.5%;
}
.col-xs-5 {
  width: 31.25%;
}
.col-xs-4 {
  width: 25%;
}
.col-xs-3 {
  width: 18.75%;
}
.col-xs-2 {
  width: 12.5%;
}
.col-xs-1 {
  width: 6.25%;
}
.col-xs-pull-16 {
  right: 100%;
}
.col-xs-pull-15 {
  right: 93.75%;
}
.col-xs-pull-14 {
  right: 87.5%;
}
.col-xs-pull-13 {
  right: 81.25%;
}
.col-xs-pull-12 {
  right: 75%;
}
.col-xs-pull-11 {
  right: 68.75%;
}
.col-xs-pull-10 {
  right: 62.5%;
}
.col-xs-pull-9 {
  right: 56.25%;
}
.col-xs-pull-8 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 43.75%;
}
.col-xs-pull-6 {
  right: 37.5%;
}
.col-xs-pull-5 {
  right: 31.25%;
}
.col-xs-pull-4 {
  right: 25%;
}
.col-xs-pull-3 {
  right: 18.75%;
}
.col-xs-pull-2 {
  right: 12.5%;
}
.col-xs-pull-1 {
  right: 6.25%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-16 {
  left: 100%;
}
.col-xs-push-15 {
  left: 93.75%;
}
.col-xs-push-14 {
  left: 87.5%;
}
.col-xs-push-13 {
  left: 81.25%;
}
.col-xs-push-12 {
  left: 75%;
}
.col-xs-push-11 {
  left: 68.75%;
}
.col-xs-push-10 {
  left: 62.5%;
}
.col-xs-push-9 {
  left: 56.25%;
}
.col-xs-push-8 {
  left: 50%;
}
.col-xs-push-7 {
  left: 43.75%;
}
.col-xs-push-6 {
  left: 37.5%;
}
.col-xs-push-5 {
  left: 31.25%;
}
.col-xs-push-4 {
  left: 25%;
}
.col-xs-push-3 {
  left: 18.75%;
}
.col-xs-push-2 {
  left: 12.5%;
}
.col-xs-push-1 {
  left: 6.25%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-16 {
  margin-left: 100%;
}
.col-xs-offset-15 {
  margin-left: 93.75%;
}
.col-xs-offset-14 {
  margin-left: 87.5%;
}
.col-xs-offset-13 {
  margin-left: 81.25%;
}
.col-xs-offset-12 {
  margin-left: 75%;
}
.col-xs-offset-11 {
  margin-left: 68.75%;
}
.col-xs-offset-10 {
  margin-left: 62.5%;
}
.col-xs-offset-9 {
  margin-left: 56.25%;
}
.col-xs-offset-8 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 43.75%;
}
.col-xs-offset-6 {
  margin-left: 37.5%;
}
.col-xs-offset-5 {
  margin-left: 31.25%;
}
.col-xs-offset-4 {
  margin-left: 25%;
}
.col-xs-offset-3 {
  margin-left: 18.75%;
}
.col-xs-offset-2 {
  margin-left: 12.5%;
}
.col-xs-offset-1 {
  margin-left: 6.25%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
div[class*='col-xs-'] {
  word-wrap: break-word;
}
.checkboxes-in-3-columns .checkbox {
  display: inline-block;
  width: 33%;
}
#loading-bar {
  pointer-events: none;
  transition: 350ms linear all;
}
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
  opacity: 0;
}
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
  opacity: 1;
}
#loading-bar .bar {
  transition: width 350ms;
  background: #FFF;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  box-shadow: none;
}
/* General styles for all types of buttons */
.progress-button {
  position: relative;
  display: inline-block;
}
.progress-button img:not(.opacity-1),
.progress-button .img:not(.opacity-1),
.progress-button svg:not(.opacity-1) {
  opacity: 0.65 !important;
}
.progress-button > .progress-button-content-original > .progress-button-content {
  position: relative;
  display: block;
}
.progress-button > .progress-button-content-original > .progress-button-content::before,
.progress-button > .progress-button-content-original > .progress-button-content::after {
  position: absolute;
  right: 20px;
  opacity: 0;
  width: 16px;
  height: 16px;
}
.progress-button > .progress-button-content-original > .progress-button-content::before {
  color: white;
  content: '';
  background-image: url(/assets/svg/Icons/16/dash-approved-white-88ffcb.svg);
}
.progress-button[class*="-inversed"] > .progress-button-content-original > .progress-button-content::before {
  color: #1CC982;
  background-image: url(/assets/svg/Icons/16/dash-approved-green-f2b9b0.svg);
}
.progress-button > .progress-button-content-original > .progress-button-content::after {
  color: white;
  content: '';
  background-image: url(/assets/svg/Icons/16/dash-x-white-7ebe11.svg);
}
.progress-button[class*="-inversed"] > .progress-button-content-original > .progress-button-content::after {
  color: #E96873;
  background-image: url(/assets/svg/Icons/16/dash-x-red-79f179.svg);
}
.progress-button.state-success > .progress-button-content-original > .progress-button-content::before,
.progress-button.state-error > .progress-button-content-original > .progress-button-content::after {
  opacity: 1;
}
.progress-button .progress-button-progress-inner {
  position: absolute;
  left: 0;
}
.progress-button.state-loading[disabled] {
  background-color: transparent !important;
  color: white !important;
}
.progress-button.btn-default .progress-button-progress-inner {
  background: #97A2AE;
}
.progress-button.btn-default .progress-button-content-clone-right .progress-button-content {
  color: #97A2AE;
}
.progress-button.btn-default .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-default .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #97A2AE;
}
.progress-button.btn-default.state-loading[disabled] {
  border-color: #97A2AE !important;
}
.progress-button.btn-primary .progress-button-progress-inner {
  background: #0085FF;
}
.progress-button.btn-primary .progress-button-content-clone-right .progress-button-content {
  color: #0085FF;
}
.progress-button.btn-primary .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-primary .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #0085FF;
}
.progress-button.btn-primary.state-loading[disabled] {
  border-color: #0085FF !important;
}
.progress-button.btn-warning .progress-button-progress-inner {
  background: #FDB34D;
}
.progress-button.btn-warning .progress-button-content-clone-right .progress-button-content {
  color: #FDB34D;
}
.progress-button.btn-warning .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-warning .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #FDB34D;
}
.progress-button.btn-warning.state-loading[disabled] {
  border-color: #FDB34D !important;
}
.progress-button.btn-danger .progress-button-progress-inner {
  background: #E96873;
}
.progress-button.btn-danger .progress-button-content-clone-right .progress-button-content {
  color: #E96873;
}
.progress-button.btn-danger .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-danger .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #E96873;
}
.progress-button.btn-danger.state-loading[disabled] {
  border-color: #E96873 !important;
}
.progress-button.btn-success .progress-button-progress-inner {
  background: #1CC982;
}
.progress-button.btn-success .progress-button-content-clone-right .progress-button-content {
  color: #1CC982;
}
.progress-button.btn-success .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-success .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #1CC982;
}
.progress-button.btn-success.state-loading[disabled] {
  border-color: #1CC982 !important;
}
.progress-button.btn-cancel .progress-button-progress-inner {
  background: #97A2AE;
}
.progress-button.btn-cancel .progress-button-content-clone-right .progress-button-content {
  color: #97A2AE;
}
.progress-button.btn-cancel .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.progress-button.btn-cancel .progress-button-content-clone-right .progress-button-content svg path {
  stroke: #97A2AE;
}
.progress-button.btn-cancel.state-loading[disabled] {
  border-color: #97A2AE !important;
}
.dashboard-notification-button.notification-confirm .progress-button-progress-inner {
  background: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-confirm .progress-button-content-clone-right .progress-button-content {
  color: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-confirm .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.dashboard-notification-button.notification-confirm .progress-button-content-clone-right .progress-button-content svg path {
  stroke: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-confirm.state-loading[disabled] {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.dashboard-notification-button.notification-reject[pb-click] .progress-button-progress-inner {
  background: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-reject[pb-click] .progress-button-content-clone-right .progress-button-content {
  color: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-reject[pb-click] .progress-button-content-clone-right .progress-button-content svg {
  opacity: 1;
}
.dashboard-notification-button.notification-reject[pb-click] .progress-button-content-clone-right .progress-button-content svg path {
  stroke: rgba(0, 0, 0, 0.3);
}
.dashboard-notification-button.notification-reject[pb-click].state-loading[disabled] {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.progress-button.btn-warning-inversed .progress-button-progress-inner {
  background: #FFFFBC;
}
.progress-button.btn-warning-inversed.state-loading[disabled] {
  color: #FDB34D !important;
}
.progress-button.btn-warning-inversed.state-success,
.progress-button.btn-warning-inversed.state-error {
  background: #FFFFBC;
}
.progress-button.btn-danger-inversed .progress-button-progress-inner {
  background: #FFF0F1;
}
.progress-button.btn-danger-inversed.state-loading[disabled] {
  color: #E96873 !important;
}
.progress-button.btn-danger-inversed.state-success,
.progress-button.btn-danger-inversed.state-error {
  background: #E96873;
}
.progress-button.btn-success-inversed .progress-button-progress-inner {
  background: #EBF8EE;
}
.progress-button.btn-success-inversed.state-loading[disabled] {
  color: #1CC982 !important;
}
.progress-button.btn-success-inversed.state-success,
.progress-button.btn-success-inversed.state-error {
  background: #EBF8EE;
}
.progress-button.btn-icon .progress-button-progress-inner {
  background: #e2e2e2;
}
.progress-button.btn-icon > .progress-button-content-original > .progress-button-content::before {
  color: #e2e2e2;
}
.progress-button[class*="-inversed"].state-loading[disabled] {
  border-color: currentColor !important;
}
.progress-button.horizontal .progress-button-progress-inner {
  top: 0;
  width: 0;
  height: 100%;
  transition: width 0.3s, opacity 0.3s;
}
/* Fill horizontal */
/* ====================== */
.progress-button.fill.horizontal {
  overflow: hidden;
}
.progress-button.fill.horizontal .progress-button-content {
  z-index: 9;
  transition: transform 0.3s;
}
.progress-button.fill.horizontal > .progress-button-content-original > .progress-button-content::before,
.progress-button.fill.horizontal > .progress-button-content-original > .progress-button-content::after {
  top: 150%;
  right: auto;
  left: 50%;
  transition: opacity 0.3s;
  transform: translate(-50%, -50%);
}
.progress-button.fill.horizontal.state-success .progress-button-content,
.progress-button.fill.horizontal.state-error .progress-button-content {
  transform: translateY(-100%);
}
.progress-button .progress-button-content-clone-left,
.progress-button .progress-button-content-clone-right {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10;
}
.progress-button .progress-button-content-clone-left .progress-button-content,
.progress-button .progress-button-content-clone-right .progress-button-content {
  display: block;
}
.progress-button .progress-button-content-clone-left,
.progress-button .progress-button-content-clone-right {
  display: none;
  transition: transform 0.3s;
}
.progress-button.state-loading .progress-button-content-original {
  opacity: 0;
}
.progress-button.state-loading .progress-button-content-clone-left,
.progress-button.state-loading .progress-button-content-clone-right {
  display: block;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0;
  background-color: white;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
  font-size: 12px;
  padding: 0 12px;
  line-height: 30px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  color: #97A2AE;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  cursor: default;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
  color: #97A2AE;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.btn.inactive {
  opacity: 0.65;
}
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-icon {
  background-color: transparent;
  padding: 0;
  transition: all 0.3s ease;
}
.btn-icon:not(.opacity-1) {
  opacity: 0.65;
}
.btn-icon[disabled],
.btn-icon[disabled]:hover {
  opacity: 0.3;
  background-color: transparent;
}
.btn-icon:hover {
  opacity: 1;
}
.btn-primary {
  color: white;
  background-color: #0085FF;
  border: 1px solid #0085FF;
}
.btn-primary:hover {
  color: white;
  background-color: #0077E5;
  border: 1px solid #0077E5;
}
.btn-primary-inversed {
  color: #0085FF;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-primary-inversed:hover {
  color: #0085FF;
  background-color: #cde8ff;
  border: 1px solid #0085FF;
}
.btn-secondary {
  color: #87919C;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-secondary:hover {
  color: #87919C;
  background-color: #cde8ff;
  border: 1px solid #87919C;
}
.btn-warning {
  color: white;
  background-color: #FDB34D;
  border: 1px solid #FDB34D;
}
.btn-warning:hover {
  color: white;
  background-color: #E59A1F;
  border: 1px solid #E59A1F;
}
.btn-warning-inversed {
  color: #FDB34D;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-warning-inversed:hover {
  color: #FDB34D;
  background-color: #FFFFBC;
  border: 1px solid #FDB34D;
}
.btn-danger {
  color: white;
  background-color: #E96873;
  border: 1px solid #E96873;
}
.btn-danger:hover {
  color: white;
  background-color: #C43447;
  border: 1px solid #C43447;
}
.btn-danger-inversed {
  color: #E96873;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-danger-inversed:hover {
  color: #E96873;
  background-color: #FBE5E5;
  border: 1px solid #E96873;
}
.btn-success {
  color: white;
  background-color: #1CC982;
  border: 1px solid #1CC982;
}
.btn-success:hover {
  color: white;
  background-color: #19B474;
  border: 1px solid #19B474;
}
.btn-semitransparent {
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-color: transparent !important;
}
.btn-semitransparent:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.btn-success-inversed {
  color: #1CC982;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-success-inversed:hover {
  color: #1CC982;
  background-color: #EBF8EE;
  border: 1px solid #1CC982;
}
.btn-default {
  color: white;
  background-color: #97A2AE;
  border: 1px solid #97A2AE;
}
.btn-default:hover {
  color: white;
  background-color: #87919C;
  border: 1px solid #87919C;
}
.btn-cancel-inversed {
  color: #97A2AE;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-cancel-inversed:hover {
  color: #97A2AE;
  background-color: #f2f5f7;
  border: 1px solid #97A2AE;
}
.btn-cancel {
  color: #97A2AE;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  opacity: 1;
  transition: background 0.25s ease;
  letter-spacing: 0.5px;
}
.btn-cancel.btn-icon:not(.opacity-1) img {
  opacity: 0.65;
}
.btn-cancel.btn-icon:not(.opacity-1):hover img {
  opacity: 1;
}
.btn-cancel:not([disabled]):not(.disabled):hover {
  color: #97A2AE;
  background-color: rgba(0, 128, 255, 0.08);
}
.btn-lg {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.5px;
}
.btn-small {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.btn-with-icon {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-align: left;
  position: relative;
}
.btn-with-icon svg path {
  stroke: currentColor;
}
.btn-with-icon:not(.icon-left) {
  padding-right: 36px;
}
.btn-with-icon img,
.btn-with-icon .img,
.btn-with-icon svg {
  position: absolute;
  right: 0;
  top: 0;
}
.btn-with-icon .img {
  width: 34px;
  height: 34px;
  display: block;
}
.btn-with-icon .img img {
  top: 50% !important;
  right: auto;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.btn-with-icon.icon-left {
  padding-left: 0;
}
.btn-with-icon.icon-left:not(.progress-button),
.btn-with-icon.icon-left .progress-button-content {
  padding-left: 34px !important;
}
.btn-with-icon.icon-left img,
.btn-with-icon.icon-left .img,
.btn-with-icon.icon-left svg {
  left: 0;
  right: auto;
}
.btn-with-icon.progress-button {
  padding-right: 0;
}
.btn-with-icon.progress-button .progress-button-content {
  padding-right: 50px;
}
.btn-with-icon.with-dropdown-arrow {
  padding-right: 35px;
}
.btn-with-icon.btn-block {
  padding-right: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
  margin-left: 0;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
a.btn {
  text-decoration: none !important;
}
.input-group > .input-group-btn > .btn {
  border: 2px solid #f2f5f7;
  border-left: 0;
  line-height: 20px;
  padding: 5px 10px;
}
.input-group > .input-group-btn > .btn:hover {
  border: 1px solid #f2f5f7;
  border-left: 0;
}
.input-group > .input-group-btn > .btn.btn-primary {
  font-size: 10px;
}
.button-as-link {
  background: transparent none;
  color: #0085FF;
  border: 0;
  padding: 0;
  margin: 0;
}
.button-as-link.underline-on-hover:hover {
  text-decoration: underline;
}
.btn-group .btn-primary {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
  cursor: default;
  position: relative;
  z-index: 10 !important;
}
.btn-group .btn-default {
  border-color: rgba(0, 0, 0, 0.08);
  background: white;
  color: #97A2AE;
}
.btn-group .btn-default:hover {
  text-decoration: underline;
}
.btn-huge-white {
  background: white;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #e1e6ea;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, color 0.3s ease;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: initial;
  text-align: left;
  color: #738190;
}
.btn-huge-white path[stroke] {
  transition: stroke 0.3s ease;
}
.btn-huge-white img:first-child,
.btn-huge-white .img:first-child {
  margin-right: 10px;
  vertical-align: middle;
}
.btn-huge-white:hover {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.12);
  color: #0085FF;
}
.btn-huge-white:hover path[stroke] {
  stroke: #0085FF;
}
.btn-huge-blue {
  background: #0085FF;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: initial;
  text-align: left;
  color: #FFFFFF;
}
.btn-huge-blue img {
  margin-right: 10px;
  vertical-align: middle;
}
.btn-huge-blue:hover {
  background: #0077E5;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.12);
}
.btn-140 {
  width: 140px;
}
button-tabs {
  display: inline-block;
  position: relative;
}
button-tabs button.btn {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
}
button-tabs .button-tabs-options button.btn {
  color: #97A2AE;
  background: #f2f5f7;
}
button-tabs .button-tabs-options button.btn:first-child {
  border-right: 1px solid transparent;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
button-tabs .button-tabs-options button.btn:last-child {
  border-left: 1px solid transparent;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
button-tabs .button-tabs-options button.btn:hover {
  background: rgba(0, 0, 0, 0.02);
}
button-tabs .button-tabs-highlight {
  position: absolute;
  top: 0;
  background: white;
  height: 100%;
  transition: transform 0.35s ease, border-radius 0.35s ease;
  box-shadow: 0 0 0 1px #0085FF inset;
  white-space: nowrap;
  overflow: hidden;
}
button-tabs .button-tabs-highlight.first {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
button-tabs .button-tabs-highlight.last {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
button-tabs .button-tabs-highlight > div {
  transition: transform 0.35s ease;
}
button-tabs .button-tabs-highlight button.btn {
  width: 100%;
  color: #0085FF;
  border-color: transparent;
  background: transparent;
  cursor: default;
}
input.inline ~ input.inline {
  margin-left: 10px;
}
.with-dropdown-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
.with-dropdown-arrow:hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
select.form-control:not([disabled]):not(.hide-dropdown-arrow),
input[uib-datepicker-popup]:not([disabled]):not(.hide-dropdown-arrow),
.form-control[uib-dropdown-toggle]:not([disabled]):not(.hide-dropdown-arrow),
[uib-dropdown-toggle] > .form-control:not([disabled]):not(.hide-dropdown-arrow) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
select.form-control:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
input[uib-datepicker-popup]:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
.form-control[uib-dropdown-toggle]:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
[uib-dropdown-toggle] > .form-control:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
select.form-control:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
input[uib-datepicker-popup]:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
.form-control[uib-dropdown-toggle]:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]),
[uib-dropdown-toggle] > .form-control:not([disabled]):not(.hide-dropdown-arrow):hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: 100% 50%;
}
select.form-control::-ms-expand {
  display: none;
}
.form-control {
  border: 1px solid #f2f5f7;
  box-shadow: none !important;
  border-radius: 3px;
  color: #5F7183;
  font-weight: 400;
  padding: 7px 12px;
  height: auto;
}
.form-control:hover:not([disabled]) {
  border: 1px solid #D6DADE;
}
.form-control:focus,
.form-control.active {
  box-shadow: none;
  border-color: #0085FF !important;
}
.form-control::-moz-placeholder {
  color: #97A2AE;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #97A2AE;
}
.form-control::-webkit-input-placeholder {
  color: #97A2AE;
}
.form-control[readonly] {
  background-color: white;
}
.form-control.full-opaque-placeholder::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.form-control.full-opaque-placeholder:-ms-input-placeholder {
  color: inherit;
}
.form-control.full-opaque-placeholder::-webkit-input-placeholder {
  color: inherit;
}
.form-control[disabled] {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-text-fill-color: #646464;
}
.form-control[disabled]::-moz-placeholder {
  visibility: hidden;
}
.form-control[disabled]:-ms-input-placeholder {
  visibility: hidden;
}
.form-control[disabled]::placeholder {
  visibility: hidden;
}
.ng-submitted .ng-invalid.form-control,
.red-when-invalid.ng-invalid.form-control,
.ng-submitted .ng-invalid .form-control[ng-model]:not(.ng-valid),
.red-when-invalid.ng-invalid .form-control[ng-model]:not(.ng-valid) {
  border-color: #E96873 !important;
}
.form-horizontal .control-label {
  margin-bottom: 5px;
}
form.form-inline,
.inline {
  display: inline;
}
h2.inline {
  margin-right: 12px;
}
.form-control.inline {
  width: auto;
}
.form-group h4 {
  margin-bottom: 0;
}
.single-column-form {
  padding-bottom: 0;
}
.single-column-form .row .control-label {
  margin-bottom: 8px;
  display: block;
  text-align: left;
}
.single-column-form .form-group {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
}
.single-column-form .form-group > div {
  margin-bottom: 10px;
}
.single-column-form .form-group .form-control,
.single-column-form .form-group .persona-picker:not(.focused) {
  border-color: transparent;
}
.single-column-form .form-group .header-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 20px;
  padding-bottom: 10px;
}
.single-column-form .form-group.last {
  border-bottom: none;
  margin-bottom: 0;
}
.single-column-form h2 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 300;
}
.single-column-form .checkmark {
  margin-right: 30px;
  margin-top: 5px;
}
.single-column-form .description-block {
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #5F7183;
}
.single-column-form .help-block {
  margin-top: 15px;
  color: #97A2AE;
}
.single-column-form .flex-row {
  display: -ms-flexbox;
  display: flex;
}
.single-column-form .flex-row button {
  -ms-flex-order: 2;
      order: 2;
  margin-left: 5px;
}
.single-column-form .persona-picker {
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 300;
}
.single-column-form .footer-buttons {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.control-label {
  text-transform: uppercase;
  color: #738190;
  font-size: 11px;
  margin-top: 2px;
}
.control-label img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}
.control-label.bold {
  font-size: 12px;
  font-weight: bold;
}
.switch-label {
  color: #6D8092;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.row .control-label {
  text-align: right;
}
p.help-block {
  margin-bottom: 0;
  font-size: 0.9em;
}
.big-search {
  position: relative;
  margin: 10px 0;
}
.big-search input.sleek {
  background: white;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
  padding: 7px 40px 7px 12px;
  border-color: #d8d8d8;
}
.big-search input.sleek:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.big-search img {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  pointer-events: none;
}
.small-search {
  position: relative;
  margin: 10px 0;
}
.small-search input {
  padding-left: 30px;
}
.form-group-well {
  background: #f2f5f7;
  padding: 10px 0;
}
.form-section-separator {
  height: 1px;
  margin: 20px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.08);
}
.form-control.form-control-uppercase {
  font-size: 12px;
  font-weight: 600;
  height: 36px;
  line-height: 1.75;
  color: #738190;
  -webkit-text-fill-color: #738190 !important;
  border-color: #d8d8d8;
  transition: background 0.3s ease;
}
.form-control.form-control-uppercase[disabled] {
  cursor: default;
  background-color: transparent;
}
.form-control.form-control-uppercase:not([disabled]):hover,
.form-control.form-control-uppercase:not([disabled]):focus,
.form-control.form-control-uppercase:not([disabled]).active {
  background-color: rgba(0, 128, 255, 0.08);
}
span.form-control[disabled] {
  cursor: default;
  border-color: #d8d8d8;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.white-when-disabled {
  background: white !important;
}
.email-suggestion-text {
  font-size: 12px;
  color: #97A2AE;
  margin-top: 12px;
}
.email-suggestion-text a {
  color: #0085FF;
}
body.logged-out {
  background-color: #f2f5f7;
  padding: 0;
}
body.logged-out #content {
  opacity: 1;
}
body.logged-out #content > ui-view {
  display: block;
  height: 100%;
}
body.logged-out .modal-backdrop.in {
  opacity: 0;
}
body.logged-out .announcements,
body.logged-out #topmenu {
  display: none;
}
body.logged-out h1 {
  margin-bottom: 40px;
}
body.logged-out .well {
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
}
body.logged-out .well h1 {
  padding: 20px 40px;
  margin: 0;
}
body.logged-out .well h1 img {
  margin-right: 10px;
}
body.logged-out .well p {
  padding: 0 10px 10px 10px;
}
body.logged-out .well .subwell {
  padding: 20px 40px;
  background: #f2f5f7;
}
body.logged-out .well .subwell h2 {
  color: #646464;
  margin-bottom: 20px;
  font-size: 1.2em;
  margin-top: 0;
  line-height: 1.4em;
}
body.logged-out .well .subwell .email {
  color: #0085FF;
}
body.logged-out .well .footer {
  padding: 10px;
  text-align: right;
}
body.logged-out .container.well {
  min-width: 400px;
}
body.logged-out .set-password {
  max-width: 500px;
}
body.logged-out .set-password .hints {
  font-size: 0.9em;
}
body.logged-out .set-password-success {
  background: #0085FF;
  padding: 40px;
}
body.logged-out .set-password-success h1 {
  color: white;
  padding-left: 10px;
  font-size: 2.2em;
}
body.logged-out .set-password-success p {
  color: #d2e6fa;
  font-size: 1.1em;
}
body.logged-out .set-password-success .buttons {
  margin-top: 100px;
}
body.logged-out .set-password-success .buttons .btn {
  border: 2px solid white;
  text-align: center;
  font-weight: 700;
}
body.logged-out .set-password-success .buttons .btn:hover {
  background: white;
  color: #0085FF;
}
body.logged-out .set-password-success .buttons a {
  display: block;
  border: 2px solid white;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
}
body.logged-out .set-password-success .buttons a:hover {
  background-color: #0070d6;
}
body.logged-out .set-password-success .buttons a:first-child {
  margin-bottom: 10px;
}
body.modal-open.logged-out #content .well {
  display: none;
}
.tooltip-inner {
  background: #7A6DC9;
  border: 1px solid #7A6DC9;
  border-radius: 4px;
  color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  white-space: pre-wrap;
  max-width: 180px;
  padding: 10px;
  display: inline-block;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  pointer-events: none;
}
.tooltip-nowrap .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.tooltip-pre-line .tooltip-inner {
  white-space: pre-line;
  max-width: none;
}
.tooltip-centered .tooltip-inner {
  text-align: center;
}
.tooltip.in {
  opacity: 1;
}
.sling-validation .tooltip-arrow {
  display: block;
}
.sling-validation .tooltip-inner {
  border: 1px solid white;
  border-radius: 2px;
  color: #738190;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.sling-validation.tooltip.right .tooltip-arrow {
  border-right-color: white;
}
.sling-validation.tooltip.top .tooltip-arrow {
  border-top-color: white;
}
.sling-validation.tooltip.left .tooltip-arrow {
  border-left-color: white;
}
.sling-validation.tooltip.bottom .tooltip-arrow {
  border-bottom-color: white;
}
.sling-validation .tooltip-inner {
  background-color: white;
  border: 1px solid white;
  color: #738190;
}
.sling-validation.tooltip {
  word-wrap: break-word;
}
.sling-validation.blue.tooltip.right .tooltip-arrow {
  border-right-color: #7A6DC9;
}
.sling-validation.blue.tooltip.top .tooltip-arrow {
  border-top-color: #7A6DC9;
}
.sling-validation.blue.tooltip.left .tooltip-arrow {
  border-left-color: #7A6DC9;
}
.sling-validation.blue.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #7A6DC9;
}
.sling-validation.blue .tooltip-inner {
  background-color: #7A6DC9;
  border: 1px solid #7A6DC9;
  color: white;
}
.sling-validation.red.tooltip.right .tooltip-arrow {
  border-right-color: #E96873;
}
.sling-validation.red.tooltip.top .tooltip-arrow {
  border-top-color: #E96873;
}
.sling-validation.red.tooltip.left .tooltip-arrow {
  border-left-color: #E96873;
}
.sling-validation.red.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #E96873;
}
.sling-validation.red .tooltip-inner {
  background-color: #E96873;
  border: 1px solid #E96873;
  color: white;
}
.sling-validation.nowrap .tooltip-inner {
  white-space: pre;
  max-width: none;
}
.tooltip-danger.tooltip.right .tooltip-arrow {
  border-right-color: #E96873;
}
.tooltip-danger.tooltip.top .tooltip-arrow {
  border-top-color: #E96873;
}
.tooltip-danger.tooltip.left .tooltip-arrow {
  border-left-color: #E96873;
}
.tooltip-danger.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #E96873;
}
.tooltip-danger .tooltip-inner {
  background-color: #E96873;
  border: 1px solid #E96873;
  color: white;
}
.modal[uib-modal-window] {
  display: -ms-flexbox !important;
  display: flex !important;
}
.modal-search {
  margin-top: 20vh;
  min-width: auto !important;
  width: auto !important;
}
.modal-search .modal-content {
  border: transparent;
}
.modal .modal-header {
  margin: 0;
  line-height: 76px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #fff no-repeat 25px 50%;
  background-size: 50px;
  border-bottom: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.modal .modal-header h2 {
  padding-left: 20px;
  font-size: 18px;
  line-height: 36px;
  color: #0085FF;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
}
.modal .modal-header h2.bold {
  font-weight: bold;
}
.modal .modal-header h2 img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-top: -4px;
}
.modal .modal-header .pull-right {
  padding-right: 20px;
  line-height: 20px;
}
.modal .modal-header .pull-right.dropdown {
  padding-right: 0;
}
.modal .modal-header.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.modal .modal-header.flex.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal .modal-header.flex > h2 {
  -ms-flex: 2;
      flex: 2;
}
.modal .modal-header.flex > :not(h2) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal .modal-header.ask-modal-header h2 {
  font-weight: 600;
}
.modal-header.center-vertically > button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-body {
  background-color: #f2f5f7;
  color: #5F7183;
  border-radius: 4px;
}
.modal-body .tags,
.modal-body .form-control,
.modal-body .persona-picker:not(.focused) {
  border-color: transparent;
}
.modal-body .tags:hover,
.modal-body .form-control:hover,
.modal-body .persona-picker:not(.focused):hover {
  border-color: #d6dade;
}
.modal-body .tags:focus,
.modal-body .form-control:focus,
.modal-body .persona-picker:not(.focused):focus {
  border-color: #0085FF;
}
.modal-body hr {
  border-top-color: rgba(0, 0, 0, 0.08);
}
.modal-body .control-label {
  text-transform: uppercase;
  font-size: 11px;
}
.modal-body h3 {
  font-size: 16px;
  color: #0085FF;
}
.modal-alert {
  border-radius: 0;
  text-align: left;
  margin-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.modal-alert ul {
  list-style: none;
  padding-left: 0;
}
.modal-footer {
  margin: 0;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px;
}
.modal-footer .pull-left.checkbox {
  line-height: 20px;
}
.fade {
  opacity: 0;
  transition: opacity 0.25s ease !important;
}
.modal.fade .modal-dialog {
  transform: none !important;
}
.padding-modal-large {
  padding: 40px;
  border-radius: 8px;
  color: #5F7183;
}
.padding-modal-large.extra-large-padding {
  padding: 62px 57px 80px 57px;
  color: #6D8092;
}
.bg-full-schedules {
  background-image: url(/assets/images/full-schedules-35b6fc.svg);
  background-repeat: no-repeat;
  background-size: 49%;
  background-position-y: 65%;
  background-position-x: right;
}
.bg-macbook-phone-coffee {
  background-image: url(/assets/images/Macbook-iPhone-Coffee-60cdee.png);
  background-repeat: no-repeat;
  background-size: 380px;
  background-position-x: 520px;
  background-position-y: 90px;
}
.bg-mobile-phone-tilted {
  background-image: url(/assets/images/mobile-phone-tilted-8c491d.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position-y: center;
  background-position-x: right;
}
.modal-close-absolute {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}
.modal-header-max-width {
  max-width: 80%;
}
@keyframes brand-loader {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.brand-loader {
  font-size: 10px;
  position: relative;
  padding: 5em 0;
  display: inline-block;
}
.brand-loader div {
  display: inline-block;
  opacity: 0;
  width: 2.3em;
  height: 7.2em;
  background-color: #0085FF;
  transform: rotateZ(30deg) skewY(-30deg);
  animation: 2s linear brand-loader infinite;
  animation-delay: 0.125s;
}
.brand-loader div:first-child {
  transform: rotateZ(30deg) translateY(-4.5em) skewY(-30deg);
  animation-delay: 0s;
}
.brand-loader div:last-child {
  transform: rotateZ(30deg) translateY(4.5em) skewY(-30deg);
  animation-delay: 0.25s;
}
.brand-loader div + div {
  margin-left: 1.5em;
}
.dropdown-menu {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12) !important;
}
ul.dropdown-menu,
.dropdown-menu .dropdown-main-ul {
  background-color: white;
  border-radius: 4px !important;
  margin: 0;
  padding: 10px;
  text-transform: none;
  border: 0;
}
ul.dropdown-menu.width-100,
.dropdown-menu .dropdown-main-ul.width-100 {
  width: 100%;
  min-width: 0;
}
ul.dropdown-menu ul,
.dropdown-menu .dropdown-main-ul ul {
  padding-left: 0;
}
ul.dropdown-menu.drop-up,
.dropdown-menu .dropdown-main-ul.drop-up {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 5px;
}
ul.dropdown-menu > li,
.dropdown-menu .dropdown-main-ul > li,
ul.dropdown-menu > div > li,
.dropdown-menu .dropdown-main-ul > div > li,
ul.dropdown-menu .dropdown-menu-item,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item {
  padding: 0;
  color: #738190;
  list-style: none;
}
ul.dropdown-menu > li > a,
.dropdown-menu .dropdown-main-ul > li > a,
ul.dropdown-menu > div > li > a,
.dropdown-menu .dropdown-main-ul > div > li > a,
ul.dropdown-menu .dropdown-menu-item > a,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item > a,
ul.dropdown-menu > li .button-as-link,
.dropdown-menu .dropdown-main-ul > li .button-as-link,
ul.dropdown-menu > div > li .button-as-link,
.dropdown-menu .dropdown-main-ul > div > li .button-as-link,
ul.dropdown-menu .dropdown-menu-item .button-as-link,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item .button-as-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  font-weight: 400;
  font-size: 13px;
  display: block;
  background: transparent;
  color: inherit;
  text-decoration: none;
}
ul.dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-main-ul > li > a:hover,
ul.dropdown-menu > div > li > a:hover,
.dropdown-menu .dropdown-main-ul > div > li > a:hover,
ul.dropdown-menu .dropdown-menu-item > a:hover,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item > a:hover,
ul.dropdown-menu > li .button-as-link:hover,
.dropdown-menu .dropdown-main-ul > li .button-as-link:hover,
ul.dropdown-menu > div > li .button-as-link:hover,
.dropdown-menu .dropdown-main-ul > div > li .button-as-link:hover,
ul.dropdown-menu .dropdown-menu-item .button-as-link:hover,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item .button-as-link:hover {
  background: rgba(0, 128, 255, 0.08);
  color: #0085FF;
}
ul.dropdown-menu > li > a.display-flex,
.dropdown-menu .dropdown-main-ul > li > a.display-flex,
ul.dropdown-menu > div > li > a.display-flex,
.dropdown-menu .dropdown-main-ul > div > li > a.display-flex,
ul.dropdown-menu .dropdown-menu-item > a.display-flex,
.dropdown-menu .dropdown-main-ul .dropdown-menu-item > a.display-flex {
  display: -ms-flexbox;
  display: flex;
}
ul.dropdown-menu li.active a,
.dropdown-menu .dropdown-main-ul li.active a,
ul.dropdown-menu li.active .button-as-link,
.dropdown-menu .dropdown-main-ul li.active .button-as-link {
  background: transparent;
  color: #0085FF;
}
ul.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-main-ul li.active a:hover,
ul.dropdown-menu li.active .button-as-link:hover,
.dropdown-menu .dropdown-main-ul li.active .button-as-link:hover {
  background: transparent;
  color: #0085FF;
}
ul.dropdown-menu .dropdown-group-header,
.dropdown-menu .dropdown-main-ul .dropdown-group-header {
  color: #0085FF;
  font-size: 13px;
  margin: 10px 0;
}
ul.dropdown-menu.scrollable,
.dropdown-menu .dropdown-main-ul.scrollable,
ul.dropdown-menu .scrollable,
.dropdown-menu .dropdown-main-ul .scrollable {
  overflow-y: auto;
  max-height: 500px;
  margin-bottom: 0;
}
ul.dropdown-menu.scrollable.scrollable-300,
.dropdown-menu .dropdown-main-ul.scrollable.scrollable-300,
ul.dropdown-menu .scrollable.scrollable-300,
.dropdown-menu .dropdown-main-ul .scrollable.scrollable-300 {
  max-height: 300px;
}
ul.dropdown-menu.scrollable.scrollable-170,
.dropdown-menu .dropdown-main-ul.scrollable.scrollable-170,
ul.dropdown-menu .scrollable.scrollable-170,
.dropdown-menu .dropdown-main-ul .scrollable.scrollable-170 {
  max-height: 170px;
}
ul.dropdown-menu hr,
.dropdown-menu .dropdown-main-ul hr {
  margin: 8px 0;
}
.dropdown-menu.uib-datepicker-popup:before,
.dropdown-menu.uib-datepicker-popup:after {
  display: none !important;
}
.dropdown-submenu ul.dropdown-menu:before,
.dropdown-submenu ul.dropdown-menu:after {
  display: none;
}
ul.dropdown-menu li.dropdown-submenu > a {
  cursor: default;
  color: #738190;
  text-decoration: none;
}
ul.dropdown-menu li.dropdown-submenu > a:before {
  position: absolute;
  content: '<';
  left: 2px;
  font-weight: bold;
  transform: scaleX(0.5);
}
.pull-right > .dropdown-menu:before,
.dropdown-menu.dropdown-menu-right:before {
  left: auto;
  right: 9px;
}
.pull-right > .dropdown-menu:after,
.dropdown-menu.dropdown-menu-right:after {
  left: auto;
  right: 10px;
}
.dropdown-loader {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}
[input-with-label] .dropdown-menu {
  padding-left: 10px !important;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
.notification-badge {
  display: block;
  background: #E06F6B;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  font-size: 13px;
  padding-top: 3px;
  color: white;
  margin-left: 10px;
}
.navbar {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1039;
  height: 60px;
  background: #0085FF;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  transition: top 0.2s ease;
}
.navbar .navicon ~ .notification-badge {
  margin-top: -3px;
  margin-left: 5px;
}
.navbar.impersonated {
  background-color: red;
}
.navbar.impersonated::after {
  color: white;
  content: 'impersonated';
  display: block;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 24px;
  top: -6px;
}
.navbar .navbar-content {
  margin: 0;
  height: 60px;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.navbar-header {
  min-width: 100px;
}
.navbar-header a {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background: url(/assets/images/logo_header@2x-6331bc.png) no-repeat 0 50%;
  background-size: 60px;
}
.navbar-main {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-main a,
.navbar-main a:focus,
.navbar-main a:active {
  color: white;
  display: inline-block;
  height: 60px;
  padding-top: 19px;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.6;
  text-decoration: none;
  position: relative;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  white-space: nowrap;
}
.navbar-main .menu-item-spacer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 50px;
  min-width: 30px;
}
.navbar-main a:hover,
.navbar-main a.active {
  opacity: 1;
}
.navbar-main a.active {
  border-bottom: 4px solid white;
}
.navbar-main .navicon {
  display: none;
}
.navbar-right {
  max-width: 280px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.navbar-right .support-info {
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  opacity: 0.65;
}
.navbar-right .support-info:hover {
  opacity: 1;
}
.navbar-right .support-info img {
  height: 24px;
  width: 24px;
}
.navbar-right > button.navbar-dropdown {
  background-image: none;
  background-color: transparent;
  border: 0;
  color: white;
  font-size: 15px;
  height: 60px;
  padding: 0 20px;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
}
.navbar-right > button.navbar-dropdown > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.navbar-right > button.navbar-dropdown > div > div {
  opacity: 0.65;
}
.navbar-right > button.navbar-dropdown > div .caret-container {
  margin-left: 10px;
}
.navbar-right > button.navbar-dropdown > div .name-and-org {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 115px;
  -ms-flex-negative: 2;
      flex-shrink: 2;
  line-height: 18px;
}
.navbar-right > button.navbar-dropdown > div .name-and-org div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-right > button.navbar-dropdown > div .name-and-org small {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.65;
}
.navbar-right > button.navbar-dropdown > div avatar {
  margin-right: 10px;
  position: relative;
}
.navbar-right > button.navbar-dropdown > div avatar img {
  border: 1px solid transparent;
}
.navbar-right > button.navbar-dropdown > div avatar.santa-hat:after {
  content: '';
  background-image: url(/assets/svg/UI/santa-hat-e67925.svg);
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -15px;
  left: -12px;
}
.navbar-right > button.navbar-dropdown:hover > div avatar img {
  border: 1px solid white;
}
.navbar-right > button.navbar-dropdown:hover > div > div {
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.navbar-right ul {
  position: absolute;
  right: 10px !important;
  left: auto !important;
  min-width: 245px;
  top: 45px;
  background: white;
  height: 0;
  z-index: 0;
  margin: 0;
  max-height: calc(100vh - 60px);
  /* total viewport height - navbar height */
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-right.open > button > div > div {
  opacity: 1;
}
.navbar-right.open ul {
  visibility: visible;
  height: auto;
}
@media (max-width: 1112px) {
  .navbar-content:not(.trial-banner-visible) .name-and-org {
    display: none;
  }
  .navbar-content:not(.trial-banner-visible) .caret-container {
    margin-left: 0 !important;
  }
}
@media (max-width: 1026px) {
  .navbar-content:not(.trial-banner-visible) .navbar-main .navicon {
    display: inline-block;
  }
  .navbar-content:not(.trial-banner-visible) .navbar-main .navicon + span {
    display: none;
  }
}
@media (max-width: 1206px) {
  .navbar-content.trial-banner-visible .name-and-org {
    display: none;
  }
  .navbar-content.trial-banner-visible .caret-container {
    margin-left: 0 !important;
  }
}
@media (max-width: 1077px) {
  .navbar-content.trial-banner-visible .navbar-main .navicon {
    display: inline-block;
  }
  .navbar-content.trial-banner-visible .navbar-main .navicon + span {
    display: none;
  }
}
@media (max-width: 1267px) {
  .is-present-button-visible.navbar-content.trial-banner-visible .navbar-main .navicon {
    display: inline-block;
  }
  .is-present-button-visible.navbar-content.trial-banner-visible .navbar-main .navicon + span {
    display: none;
  }
}
.date-picker,
div[uib-datepicker] {
  background: white;
  border-radius: 3px;
  padding: 10px 0;
  font-size: 0.85em;
}
.date-picker div[ng-switch-when],
div[uib-datepicker] div[ng-switch-when] {
  outline: none !important;
}
.date-picker .glyphicon,
div[uib-datepicker] .glyphicon {
  color: #f2f5f7;
}
.date-picker table[ng-switch-when="month"] thead th:not(:first-child):not(:last-child) button:hover,
div[uib-datepicker] table[ng-switch-when="month"] thead th:not(:first-child):not(:last-child) button:hover {
  background: white;
  color: #0085FF;
}
.date-picker button:hover,
div[uib-datepicker] button:hover {
  border-color: transparent;
}
.date-picker table,
div[uib-datepicker] table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.date-picker table:focus,
div[uib-datepicker] table:focus {
  outline: none;
}
.date-picker table td,
div[uib-datepicker] table td,
.date-picker table th,
div[uib-datepicker] table th {
  text-align: center;
}
.date-picker table thead th,
div[uib-datepicker] table thead th {
  padding-bottom: 5px;
  font-weight: normal;
}
.date-picker table thead th button,
div[uib-datepicker] table thead th button {
  color: #0085FF;
  background: white;
  border-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
}
.date-picker table thead th button strong,
div[uib-datepicker] table thead th button strong {
  font-weight: 400;
}
.date-picker table thead th button:hover,
div[uib-datepicker] table thead th button:hover {
  background: #0085FF;
  color: white;
}
.date-picker table thead tr:first-child th,
div[uib-datepicker] table thead tr:first-child th {
  padding-bottom: 10px;
}
.date-picker table thead tr:last-child,
div[uib-datepicker] table thead tr:last-child {
  color: #97A2AE;
}
.date-picker table span.text-muted,
div[uib-datepicker] table span.text-muted {
  color: #97A2AE;
}
.date-picker table tbody button,
div[uib-datepicker] table tbody button {
  background: transparent;
  border-color: transparent;
  padding: 0;
  margin: 0;
  height: 26px;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
  font-size: 1em;
}
.date-picker table tbody button span.text-info,
div[uib-datepicker] table tbody button span.text-info {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  color: #0085FF !important;
  line-height: 22px;
  font-weight: 600;
  border-radius: 2px;
}
.date-picker table tbody .btn-info,
div[uib-datepicker] table tbody .btn-info {
  border: 1px solid #0085FF;
}
.date-picker table tbody .btn-info span,
div[uib-datepicker] table tbody .btn-info span {
  color: #646464 !important;
}
.date-picker table tbody td button:hover,
div[uib-datepicker] table tbody td button:hover {
  background: #0085FF;
}
.date-picker table tbody td button:hover span,
div[uib-datepicker] table tbody td button:hover span {
  color: white !important;
  background: transparent;
}
div[uib-datepicker] {
  width: 250px;
  padding: 10px;
}
div[uib-datepicker] table:focus {
  outline: none;
}
.datetime-formgroup:before,
.datetime-formgroup:after {
  display: table;
  content: " ";
}
.datetime-formgroup:after {
  clear: both;
}
.datetime-formgroup:before,
.datetime-formgroup:after {
  display: table;
  content: " ";
}
.datetime-formgroup:after {
  clear: both;
}
.datetime-formgroup .datepicker-text-input {
  float: left;
  width: 150px;
  margin-right: 5px;
}
.datetime-formgroup .pull-left > table {
  float: left;
  margin-top: 4px;
}
.datetime-formgroup .pull-left > table input {
  height: 34px;
}
.datetime-formgroup .pull-left > table button {
  padding: 2px 5px !important;
  margin-left: 3px;
}
.datetime-formgroup .btn-link {
  background-color: transparent;
  line-height: inherit;
  padding: 0;
}
.datetime-formgroup .btn-link span.glyphicon {
  color: #CCC;
}
.datetime-formgroup .btn-link span.glyphicon:hover {
  color: #0085FF;
}
.datetime-formgroup .glyphicon {
  color: #f2f5f7;
}
.datetime-formgroup div.pull-left > table td:nth-child(4) .btn {
  margin-left: 3px;
  background: white;
  border: 2px solid #E1E1E1;
  letter-spacing: 0;
  padding: 1px 9px;
  border-radius: 2px;
  color: #383838;
  font-size: 14px;
  height: 34px;
}
.datetime-formgroup div.pull-left > table td:nth-child(4) .btn:hover {
  background: #0085FF;
  border-color: #0085FF;
  color: #FFF;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0,
[datepicker-highlight-row] tr.uib-months.contains-selected-0,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0 button,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0 button,
[datepicker-highlight-row] tr.uib-months.contains-selected-0 button,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 button {
  height: 24px;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0 button span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0 button span,
[datepicker-highlight-row] tr.uib-months.contains-selected-0 button span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 button span {
  height: 22px;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0 .btn-info,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0 .btn-info,
[datepicker-highlight-row] tr.uib-months.contains-selected-0 .btn-info,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 .btn-info {
  border: none;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0 td button:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0 td button:hover,
[datepicker-highlight-row] tr.uib-months.contains-selected-0 td button:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row] tr.uib-weeks.contains-selected-0 td button:hover span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0 td button:hover span,
[datepicker-highlight-row] tr.uib-months.contains-selected-0 td button:hover span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row] tr.uib-weeks:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover,
[datepicker-highlight-row] tr.uib-months:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months:hover {
  background: #0085FF;
}
[datepicker-highlight-row] tr.uib-weeks:hover td button,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover td button,
[datepicker-highlight-row] tr.uib-months:hover td button,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months:hover td button,
[datepicker-highlight-row] tr.uib-weeks:hover td button:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover td button:hover,
[datepicker-highlight-row] tr.uib-months:hover td button:hover,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months:hover td button:hover,
[datepicker-highlight-row] tr.uib-weeks:hover td button span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover td button span,
[datepicker-highlight-row] tr.uib-months:hover td button span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months:hover td button span,
[datepicker-highlight-row] tr.uib-weeks:hover td button:hover span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover td button:hover span,
[datepicker-highlight-row] tr.uib-months:hover td button:hover span,
[datepicker-highlight-row] + [uib-datepicker-popup-wrap] tr.uib-months:hover td button:hover span {
  background: none !important;
  color: white !important;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="2"] tr.uib-months.contains-selected-0:not(:last-child),
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0:not(:last-child) {
  border-bottom: none;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1 button,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button {
  height: 24px;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1 button span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button span {
  height: 22px;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1 .btn-info,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 .btn-info {
  border: none;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1 td button:hover,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1 td button:hover span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row="2"] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="2"] tr.uib-months.contains-selected--1:not(:first-child),
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1:not(:first-child) {
  border-top: none;
}
[datepicker-highlight-row="2"] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="2"] tr.uib-months:hover + tr.uib-months,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months {
  background: #0085FF;
}
[datepicker-highlight-row="2"] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="2"] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="2"] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="2"] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="2"] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="2"] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="2"] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="2"] tr.uib-months:hover + tr.uib-months td button:hover span,
[datepicker-highlight-row="2"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover span {
  background: none !important;
  color: white !important;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="3"] tr.uib-months.contains-selected-0:not(:last-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0:not(:last-child) {
  border-bottom: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1 button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button {
  height: 24px;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1 button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button span {
  height: 22px;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1 .btn-info,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 .btn-info {
  border: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1 td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1 td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1:not(:first-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1:not(:first-child) {
  border-top: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--1:not(:last-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1:not(:last-child),
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--1:not(:last-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1:not(:last-child) {
  border-bottom: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2 button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 button,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2 button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 button {
  height: 24px;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2 button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 button span,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2 button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 button span {
  height: 22px;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2 .btn-info,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 .btn-info,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2 .btn-info,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 .btn-info {
  border: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2 td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 td button:hover,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2 td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2 td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 td button:hover span,
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2 td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row="3"] tr.uib-weeks.contains-selected--2:not(:first-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2:not(:first-child),
[datepicker-highlight-row="3"] tr.uib-months.contains-selected--2:not(:first-child),
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2:not(:first-child) {
  border-top: none;
}
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months + tr.uib-months,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months {
  background: #0085FF;
}
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover span,
[datepicker-highlight-row="3"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="3"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover span,
[datepicker-highlight-row="3"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover span {
  background: none !important;
  color: white !important;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected-0:not(:last-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected-0:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected-0:not(:last-child) {
  border-bottom: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 button,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 button {
  height: 24px;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 button span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 button span,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 button span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 button span {
  height: 22px;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 .btn-info,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 .btn-info,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 .btn-info,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 .btn-info {
  border: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 td button:hover,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1 td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1 td button:hover span,
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2 td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1:not(:first-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1:not(:first-child),
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2:not(:first-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2:not(:first-child) {
  border-top: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--1:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--1:not(:last-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--1:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--1:not(:last-child),
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--2:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--2:not(:last-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--2:not(:last-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--2:not(:last-child) {
  border-bottom: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 {
  border: 1px solid #0085FF;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3 button,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3 button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 button {
  height: 24px;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3 button span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3 button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 button span {
  height: 22px;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3 .btn-info,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3 .btn-info,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 .btn-info {
  border: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3 td button:hover,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3 td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 td button:hover {
  background: none;
  color: #646464 !important;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3 td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3 td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3 td button:hover span {
  color: inherit !important;
}
[datepicker-highlight-row="4"] tr.uib-weeks.contains-selected--3:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks.contains-selected--3:not(:first-child),
[datepicker-highlight-row="4"] tr.uib-months.contains-selected--3:not(:first-child),
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months.contains-selected--3:not(:first-child) {
  border-top: none;
}
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months {
  background: #0085FF;
}
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button:hover,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button:hover,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button span,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button span,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months td button:hover span,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months td button:hover span,
[datepicker-highlight-row="4"] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-weeks:hover + tr.uib-weeks + tr.uib-weeks + tr.uib-weeks td button:hover span,
[datepicker-highlight-row="4"] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button:hover span,
[datepicker-highlight-row="4"] + [uib-datepicker-popup-wrap] tr.uib-months:hover + tr.uib-months + tr.uib-months + tr.uib-months td button:hover span {
  background: none !important;
  color: white !important;
}
.uib-datepicker-popup table tbody tr td.hover-in-range button {
  background: #f2f2f2 !important;
  color: inherit !important;
  border-radius: 0;
}
.uib-datepicker-popup table tbody tr td.hover-in-range button span {
  color: inherit !important;
  background: transparent !important;
}
.uib-datepicker-popup table tbody tr td.hover-in-range.model-selected button,
.uib-datepicker-popup table tbody tr td.hover-in-range:hover button:not([disabled]) {
  background: #e2e2e2 !important;
  border-color: #f2f2f2;
  box-shadow: 0 0 0 2px #f2f2f2 inset;
}
.uib-datepicker-popup table tbody tr td.day-in-range button {
  background: #0085ff !important;
  color: white !important;
  border-radius: 0;
}
.uib-datepicker-popup table tbody tr td.day-in-range button span {
  color: white !important;
  background: transparent !important;
}
.uib-datepicker-popup table tbody tr td.day-in-range.model-selected button,
.uib-datepicker-popup table tbody tr td.day-in-range:hover button:not([disabled]) {
  background: #0067d0 !important;
  border-color: #0085ff;
  box-shadow: 0 0 0 2px #0085ff inset;
}
.uib-datepicker-popup table tbody tr td.day-in-range.day-in-range-first button,
.uib-datepicker-popup table tbody tr td.hover-in-range.hover-in-range-first button {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.uib-datepicker-popup table tbody tr td.day-in-range.day-in-range-last button,
.uib-datepicker-popup table tbody tr td.hover-in-range.hover-in-range-last button {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.uib-datepicker-popup table tbody tr td.day-in-range:not(.day-in-range-first) button,
.uib-datepicker-popup table tbody tr td.hover-in-range:not(.hover-in-range-first) button {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.uib-datepicker-popup table tbody tr td.day-in-range:not(.day-in-range-last) button,
.uib-datepicker-popup table tbody tr td.hover-in-range:not(.hover-in-range-last) button {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
[uib-datepicker] table tbody tr td.day-default-highlight > button,
.uib-datepicker-popup table tbody tr td.day-default-highlight > button {
  border: 1px solid #0085FF;
}
attachment {
  display: block;
  overflow: hidden;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
}
attachments {
  display: block;
  margin-left: -10px;
}
attachments:before,
attachments:after {
  display: table;
  content: " ";
}
attachments:after {
  clear: both;
}
attachments:before,
attachments:after {
  display: table;
  content: " ";
}
attachments:after {
  clear: both;
}
attachments .raw-attachment {
  padding-right: 5px;
}
attachments .raw-attachment span {
  color: #97A2AE;
  font-style: italic;
}
attachments .attachment {
  position: relative;
}
attachments .attachment .inline-video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
attachments .attachment img {
  background-color: #EEE;
  border-radius: 4px;
  object-fit: scale-down;
  max-width: 100%;
}
attachments .attachment div.video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
attachments .attachment div.video-overlay a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
attachments .attachment div.video-overlay a span {
  opacity: 0.8;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border: 2px solid white;
  border-radius: 50%;
  background: #000000 url(/assets/svg/Misc/icon-play-347e14.svg) no-repeat 60% 50%;
}
attachments .attachment div.video-overlay a:hover {
  text-decoration: none;
}
attachments .attachment div.video-overlay a:hover span {
  opacity: 1;
}
.page-preview-embed {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  background-color: #f2f5f7;
  border-radius: 10px;
  padding: 10px;
  transition: opacity 0.3s ease;
  opacity: 0.85;
}
.page-preview-embed:hover {
  opacity: 1;
}
.page-preview-embed img {
  margin-right: 10px;
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.page-preview-embed .page-preview-text {
  -ms-flex: 2;
      flex: 2;
  overflow: hidden;
}
.search-wrapper {
  position: relative;
}
.search-wrapper .form-control.search {
  background-color: #f2f5f7;
  font-size: 14px;
  font-weight: 400;
  padding-left: 38px;
  height: auto;
  z-index: 299;
  transition: border-color ease-in-out 0.25s, padding-left ease-in-out 0.25s;
}
.search-wrapper .form-control.search.no-icon-padding {
  padding-left: 10px;
}
.search-wrapper .form-control.search.opened {
  border-color: #0085FF !important;
}
.search-wrapper .form-control.search.opened ~ .glass-icon {
  transform: translateX(-12px);
  opacity: 0;
}
.search-wrapper .form-control.search ~ .glass-icon {
  transition: all ease-in-out 0.25s;
  position: absolute;
  opacity: 1;
  background-image: url(/assets/svg/Icons/16/search-38a795.svg);
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  top: 10px;
  left: 12px;
  z-index: 3;
  cursor: text;
}
.search-wrapper .search-lookup {
  transition: opacity 0.25s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  padding: 5px 0 10px;
  max-height: 350px;
  overflow-y: auto;
  z-index: 301;
  background-color: white;
}
.search-wrapper .search-lookup.reversed {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
  margin-top: 0;
}
.search-wrapper .search-lookup.ng-hide-add-active,
.search-wrapper .search-lookup.ng-hide-remove {
  opacity: 0;
}
.search-wrapper .search-lookup.ng-hide-remove-active {
  opacity: 1;
}
.search-wrapper .search-lookup-item {
  padding: 4px 10px;
  cursor: pointer;
}
.search-wrapper .search-lookup-item.active {
  color: #0085FF;
}
.no-glass-icon .glass-icon {
  display: none;
}
.no-glass-icon input.search {
  padding-left: 10px !important;
}
.keep-background .search-wrapper .form-control.search,
.edit-group-container .form-control.search,
.modal-body .form-control.search {
  background-color: white;
}
.persona-picker {
  position: relative;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: border-color 0.3s ease;
}
.persona-picker.focused {
  border-color: #0085FF;
}
.persona-picker.with-dropdown-arrow input {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
.persona-picker.with-dropdown-arrow input:hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
.persona-picker .search-wrapper input.form-control.search {
  border-color: transparent !important;
}
.persona-picker .search-lookup {
  padding-left: 8px;
  padding-right: 8px;
}
.persona-picker .group-header {
  color: #0085FF;
  font-size: 11px;
  font-weight: 600;
  padding-top: 10px;
  text-transform: uppercase;
}
.persona-picker .group-header > div {
  padding: 10px;
}
.persona-picker .group-header.not-first > div {
  box-shadow: 0 -1px 0 0 rgba(0, 128, 255, 0.08);
}
.persona-picker .person {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.persona-picker .person .person-primary {
  font-size: 13px;
  color: #738190;
}
.persona-picker .person .create-label {
  color: #97A2AE;
}
.persona-picker .person .create-label + label {
  display: inline;
}
.persona-picker .person label {
  font-weight: inherit;
  margin: 0;
  cursor: inherit;
}
.persona-picker .person .avatar-container {
  margin-right: 10px;
}
.persona-picker .person .person-description {
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  height: 32px;
  line-height: 1.4;
}
.persona-picker .person .person-description.slim {
  height: 26px;
}
.persona-picker .person .person-description.slim .person-primary {
  font-size: 14px;
}
.persona-picker .person .outer-span,
.persona-picker .person .outer-span label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.persona-picker .person span:last-child:not(:first-child) {
  color: #97A2AE;
}
.persona-picker .person.active,
.persona-picker .person:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.persona-picker .person.active .person-description :not(.create-label),
.persona-picker .person:hover .person-description :not(.create-label) {
  color: #0085FF !important;
}
.persona-picker.disabled input {
  height: 0 !important;
  line-height: 0;
  cursor: default;
}
.persona-picker.disabled .glass-icon {
  display: none;
}
.persona-picker.disabled .selected-persons {
  padding-top: 1px;
  padding-bottom: 4px;
}
.persona-picker .selected-persons {
  width: 100%;
  padding: 0 3px;
  margin-top: -1px;
  cursor: text;
}
.persona-picker.sleek .form-control {
  font-weight: 400;
}
.persona-picker .persona-create {
  margin-top: 10px;
}
.persona-picker.select-like-appearance {
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column-reverse;
      flex-flow: column-reverse;
}
.persona-picker.select-like-appearance:not(.focused) {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.persona-picker.select-like-appearance .select-like-label {
  color: #97A2AE;
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 11px;
}
.persona-picker.select-like-appearance .select-like-placeholder {
  color: #738190;
  position: absolute;
  top: 10px;
  left: 55px;
  font-size: 11px;
  font-weight: 600;
  pointer-events: none;
}
.persona-picker.select-like-appearance .search-wrapper {
  position: static;
}
.persona-picker.select-like-appearance .search-wrapper .search-lookup.reversed {
  max-height: 220px;
}
.persona-picker.select-like-appearance input {
  background: transparent !important;
  width: 100% !important;
  padding: 7px 10px 7px 50px !important;
  color: #5F7183;
}
.persona-picker.select-like-appearance .glass-icon {
  display: none;
}
.persona-picker.select-like-appearance .person-tag {
  margin-top: 0;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.persona-picker.select-like-appearance .select-like-clear {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 12px;
}
.persona-picker.select-like-appearance .select-like-clear:not(:hover) {
  color: #97A2AE;
}
.persona-picker.select-like-appearance .select-like-clear ~ .search-wrapper input {
  padding-right: 45px !important;
}
.persona-picker.form-height input.search {
  height: 34px;
}
.ng-submitted .persona-picker.ng-invalid {
  border-color: #E96873 !important;
}
.person-tag {
  float: left;
  margin-right: 4px;
  margin-top: 4px;
  background-color: #A0AFBE;
  padding: 4px 24px 4px 10px;
  font-size: 14px;
  color: white;
  position: relative;
  font-weight: 400;
  border-radius: 2px;
  cursor: default;
  opacity: 0.9;
  max-width: 100%;
}
.person-tag:hover {
  opacity: 1;
}
.person-tag.staged-to-delete {
  background-color: #E96873 !important;
}
.person-tag.with-icon {
  padding-left: 5px;
}
.person-tag-remove {
  position: absolute;
  right: 11px;
  top: 9px;
  cursor: pointer;
  margin: -12px;
  opacity: 0.8;
}
.person-tag-remove:hover {
  opacity: 1;
}
checkbox,
radiobutton {
  display: inline-block;
  font-size: 18px;
}
radiobutton.font-16 {
  line-height: 25px;
}
label.checkmark {
  position: relative;
  cursor: pointer;
  min-width: 1em;
  height: 1em;
  margin: 0;
}
label.checkmark[disabled] {
  cursor: no-drop;
}
label.checkmark input[type="checkbox"] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
label.checkmark input[type="checkbox"] + span {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  border-radius: 2px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.2275);
}
label.checkmark input[type="checkbox"] + span + span {
  opacity: 0.8;
}
label.checkmark input[type="checkbox"]:checked + span {
  background-color: rgba(0, 133, 255, 0.8);
  border-color: transparent;
}
label.checkmark input[type="checkbox"]:checked + span:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/assets/svg/UI/checkmark-db4ec9.svg);
  background-position: -2px -2px;
}
label.checkmark:hover input[type="checkbox"]:not([disabled]) + span {
  border-color: #0085ff;
}
label.checkmark:hover input[type="checkbox"]:not([disabled]) + span + span {
  opacity: 1;
}
label.checkmark:hover input[type="checkbox"]:not([disabled]):checked + span {
  background-color: #0085ff;
  border-color: transparent;
}
label.checkmark input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
label.checkmark input[type="radio"] + span {
  background-color: #d8d8d8;
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  border-radius: 50%;
}
label.checkmark:hover input[type="radio"]:not([disabled]) + span {
  background-color: #c0c0c0;
}
label.checkmark:hover input[type="radio"]:not([disabled]):checked + span {
  background-color: #e6e6e6;
}
label.checkmark input[type="radio"]:checked + span {
  background-color: white;
}
label.checkmark input[type="radio"]:checked + span:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 4px #0085FF inset, 0 0 0 2px white inset;
  border-radius: 50%;
}
label.checkmark > span:last-child:not(:first-of-type) {
  font-size: 14px;
  font-weight: normal;
  margin-left: 25px;
  position: relative;
  top: -5px;
}
label.checkmark > span:last-child:not(:first-of-type):empty {
  display: none;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 6px 0 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ccc;
  border-left-width: 0;
  margin-top: 5px;
  margin-left: -10px;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}
.emoji-selector {
  position: absolute;
  right: 0;
  top: 11px;
}
.emoji-selector.open .emoji-popup {
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.31, 1.45);
  transform: scale(1);
}
.emoji-selector.open .emoji-icon {
  opacity: 1;
  background-image: url(/assets/images/emoji/emoji_tab_face_icon-selected@2x-87c203.png);
}
.emoji-icon {
  cursor: pointer;
  width: 40px;
  height: 30px;
  background-image: url(/assets/svg/Icons/16/emoji-d3c671.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.emoji-icon:hover {
  opacity: 1;
}
.emoji-popup {
  width: 300px;
  height: 300px;
  background: white;
  box-shadow: 0 0 0 1px #ddd;
  position: absolute;
  bottom: 100%;
  left: -265px;
  z-index: 9999;
  margin-bottom: 5px;
  transition: 0.3s transform ease;
  transform: scale(0);
  transform-origin: 95% 100%;
}
.emoji-popup:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ddd;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 100%;
  right: 10px;
}
.emoji-popup:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 100%;
  right: 10px;
  margin-top: -1px;
}
.emoji-selector.bottom .emoji-popup {
  bottom: auto;
  top: 100%;
  transform-origin: 95% 0;
}
.emoji-selector.bottom .emoji-popup:before {
  border-bottom: 5px solid #ddd;
  border-top: 5px solid transparent;
  bottom: 100%;
  top: auto;
  right: 10px;
}
.emoji-selector.bottom .emoji-popup:after {
  border-bottom: 5px solid #f3f3f3;
  border-top: 5px solid transparent;
  bottom: 100%;
  top: auto;
  right: 10px;
  margin-top: 0;
  margin-bottom: -1px;
}
.emoji-categories {
  height: 40px;
}
.emoji-categories .category {
  width: 16.66666667%;
  height: 100%;
  float: left;
  background-image: url(/assets/images/emoji/emoji_tab_recent_icon@2x-4d6439.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #eeeeee;
  background-color: #f3f3f3;
  cursor: pointer;
}
.emoji-categories .category:last-child {
  border-right: none;
}
.emoji-categories .category.active {
  border-bottom-color: transparent;
  background-color: white;
}
.emoji-categories .category.category-recent {
  background-image: url(/assets/images/emoji/emoji_tab_recent_icon@2x-4d6439.png);
}
.emoji-categories .category.category-recent.active {
  background-image: url(/assets/images/emoji/emoji_tab_recent_icon-selected@2x-3a43f7.png);
}
.emoji-categories .category.category-people {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon@2x-cb23ea.png);
}
.emoji-categories .category.category-people.active {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon-selected@2x-87c203.png);
}
.emoji-categories .category.category-places {
  background-image: url(/assets/images/emoji/emoji_tab_car_icon@2x-902d68.png);
}
.emoji-categories .category.category-places.active {
  background-image: url(/assets/images/emoji/emoji_tab_car_icon-selected@2x-b3961c.png);
}
.emoji-categories .category.category-nature {
  background-image: url(/assets/images/emoji/emoji_tab_flower_icon@2x-45544c.png);
}
.emoji-categories .category.category-nature.active {
  background-image: url(/assets/images/emoji/emoji_tab_flower_icon-selected@2x-dc5169.png);
}
.emoji-categories .category.category-objects {
  background-image: url(/assets/images/emoji/emoji_tab_bell_icon@2x-38990a.png);
}
.emoji-categories .category.category-objects.active {
  background-image: url(/assets/images/emoji/emoji_tab_bell_icon-selected@2x-5ea83d.png);
}
.emoji-categories .category.category-symbols {
  background-image: url(/assets/images/emoji/emoji_tab_symbols_icon@2x-14bceb.png);
}
.emoji-categories .category.category-symbols.active {
  background-image: url(/assets/images/emoji/emoji_tab_symbols_icon-selected@2x-eafff6.png);
}
.emoji-list {
  overflow-y: auto;
  position: absolute;
  top: 45px;
  bottom: 5px;
  left: 0;
  right: 0;
}
.emoji-character {
  width: 37.5px;
  height: 37.5px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  float: left;
  line-height: 37px;
}
.emoji-character:hover {
  text-shadow: 0 0 10px;
}
.emoji-no-recent {
  text-align: center;
  padding-top: 20px;
  font-style: italic;
  color: #a4a4a4;
}
.comments-directive .avatar {
  width: 40px;
  height: 40px;
}
.comments-directive .comment-row {
  padding-bottom: 6px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.comments-directive .comment-row > div {
  margin: 0 -10px;
}
.comments-directive .comment-row h3 {
  margin: 0;
  margin-bottom: 2px;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.comments-directive .comment-row h3 a {
  font-weight: 400;
}
.comments-directive .comment-row h3 small {
  margin-left: 2px;
}
.comments-directive .like-icon img {
  position: relative;
  top: -2px;
}
.comments-directive a:hover {
  color: #0085FF;
}
.comments-directive a.like {
  color: #97A2AE;
  font-size: 0.9em;
}
.comments-directive a.like:hover {
  text-decoration: none;
}
.comments-directive a.like.active {
  font-weight: 700;
  color: #0085FF;
}
.comments-directive .comment-content {
  margin-top: 10px;
}
.comments-directive .actions {
  display: none;
  margin-left: 20px;
  margin-top: -2px;
}
.comments-directive .actions button {
  border: 0;
  font-size: 0.8em;
  padding: 0;
  margin: 0 3px 0 0;
  background: transparent;
  color: #919191;
}
.comments-directive .actions button:hover {
  color: #000000;
}
.comments-directive .actions button.delete-action:hover {
  color: red;
}
.comments-directive .actions button span {
  margin: 0;
  padding: 0;
}
.comments-directive .load-more {
  margin-bottom: 10px;
}
.comments-directive .row:hover .actions {
  display: inline;
}
.comments-directive .no-right-padding {
  padding-right: 0;
}
.comments-directive .progressbar-container {
  margin-top: 5px;
  margin-bottom: -5px;
}
.modal-body.introduction {
  background: #0085FF;
  color: white;
  padding: 20px 20px 80px;
  position: relative;
  min-height: 300px;
}
.modal-body.introduction h1 {
  display: block;
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 30px;
}
.modal-body.introduction h1 img {
  margin-right: 15px;
  opacity: 0.25;
}
.modal-body.introduction p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
.modal-body.introduction .text-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.modal-body.introduction .btn-primary {
  color: white;
  background-color: #0078b8;
  border: 1px solid #0078b8;
  width: 140px;
}
.modal-body.introduction .btn-primary:hover {
  color: white;
  background-color: #006195;
  border: 1px solid #006195;
}
table.manage-table {
  margin-top: 20px;
}
table.manage-table > thead > tr {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #D3D7DB;
  height: 20px ;
  background: #EAEEF2;
}
table.manage-table > thead > tr > th {
  height: 38px;
  padding: 0 10px;
  color: #738190;
  text-transform: uppercase;
  border-bottom: none;
  font-size: 11px;
  vertical-align: middle;
}
table.manage-table > thead > tr > th .sort-icon {
  font-size: 1.2em;
  margin-left: 4px;
  color: #738190;
}
table.manage-table > thead > tr > th .sort-icon .inversed {
  transform: scaleY(-1);
}
table.manage-table > thead > tr > th checkbox {
  height: 18px;
  margin: 0 10px 0 2px;
}
table.manage-table > thead > tr > th checkbox.skip-left-marign {
  margin-left: 0px;
}
table.manage-table > thead > tr > th checkbox.header-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
table.manage-table > thead > tr > th checkbox.header-label label.checkmark input[type="checkbox"] + span + span {
  opacity: 1;
}
table.manage-table > thead > tr > th checkbox.header-label label.checkmark > span:last-child:not(:first-of-type) {
  padding: 0;
  font-weight: bold !important;
  font-size: 11px;
  color: #738190;
}
table.manage-table td a {
  color: #738190;
  text-decoration: none;
}
table.manage-table td a:hover {
  color: #0085FF;
}
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content) {
  border-bottom: 1px solid #D3D7DB;
}
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content) > td {
  height: 60px;
}
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content).inactive > td:not(:last-child):not(:first-child),
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content).inactive > td:first-child a,
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content).inactive .inactive-fade {
  opacity: 0.5;
}
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content):hover .checkmark-wrapper,
table.manage-table > tbody > tr:not(.vs-repeat-before-content):not(.vs-repeat-after-content).selected .checkmark-wrapper {
  opacity: 1;
  visibility: visible;
  transition-delay: 0, 0;
}
table.manage-table > tbody > tr.selected {
  padding: 10px;
  background-color: #EAEEF2;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
table.manage-table > tbody > tr.selected .checkmark-wrapper {
  background-color: #EAEEF2;
}
table.manage-table > tbody > tr > td {
  padding: 10px;
  position: relative;
  color: #738190;
  vertical-align: middle;
  height: 60px;
}
table.manage-table > tbody > tr > td .subtitle {
  line-height: 11px;
  font-size: 11px;
}
table.manage-table > tbody > tr > td.options {
  text-align: right;
  padding-right: 10px;
}
table.manage-table > tbody > tr > td .checkmark-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f2f5f7;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  transition-delay: 0, 0.3s;
  z-index: 2;
}
table.manage-table > tbody > tr > td .checkmark-wrapper > * {
  margin: 0 auto 0 10px;
}
table.manage-table > tbody > tr > td .checkmark-wrapper > checkbox {
  display: inherit;
  width: 1em;
}
table.manage-table > tfoot tr {
  background: #EAEEF2;
}
table.manage-table:not(.readonly) > tbody > tr:hover {
  background-color: #EAEEF2;
}
table.manage-table:not(.readonly) > tbody > tr:hover[ng-click] {
  cursor: pointer;
}
table.manage-table:not(.readonly) > tbody > tr:hover .checkmark-wrapper {
  background-color: #EAEEF2;
}
table.manage-table td.items-list div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
table.manage-table td {
  width: auto;
}
table.manage-table .options-column {
  width: 70px;
  text-align: right;
  white-space: nowrap;
}
.multiselect-container + * {
  margin-top: -20px;
}
.multiselect-container + ng-include {
  display: block;
}
.multiselect-options {
  padding: 0;
  height: 68px;
  background-color: #F2F5F7;
  font-size: 12px;
  font-weight: 600;
  color: #A0AFBE;
  -ms-flex-pack: center;
      justify-content: center;
}
.multiselect-options .multiselect-inner-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.multiselect-options .multiselect-inner-container > * {
  margin-right: 30px;
  width: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.multiselect-options .multiselect-inner-container.simple > * {
  width: auto;
}
.multiselect-options a[disabled] {
  opacity: 0.5;
}
.multiselect-options a:hover {
  text-decoration: none;
}
.multiselect-options a .multiselect-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 6px;
}
.multiselect-options > * {
  padding: 0 20px;
}
.multiselect-options.simple {
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 -20px;
}
.multiselect-options .multiselect-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  opacity: 0.8;
}
.multiselect-options .multiselect-item:hover:not([disabled]) {
  opacity: 1;
}
.multiselect-dropdown-container {
  cursor: pointer;
  -ms-flex-pack: center;
      justify-content: center;
}
.multiselect-dropdown-container .multiselect-caret-container {
  position: relative;
  width: 0;
  color: #0085FF;
}
.multiselect-dropdown-container .multiselect-caret-container b {
  position: absolute;
  bottom: 6px;
  left: 3px;
  display: none;
}
.multiselect-dropdown-container:hover .multiselect-item,
.multiselect-dropdown-container.open .multiselect-item {
  color: #0085FF;
  opacity: 1;
}
.multiselect-dropdown-container:hover .multiselect-caret-container b,
.multiselect-dropdown-container.open .multiselect-caret-container b {
  display: inline-block;
}
.multiselect-dropdown-container .multiselect-dropdown-toggle {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}
body:not(.print-body) .avatar-multiselect {
  position: relative;
  margin-right: 15px;
}
body:not(.print-body) .avatar-multiselect + div {
  max-width: calc(100% - 65px);
}
.manage-users table.manage-table tbody tr td .checkmark-wrapper {
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
.manage-locations td > .checkmark-wrapper,
.manage-groups td > .checkmark-wrapper,
.manage-tags td > .checkmark-wrapper {
  position: relative !important;
  top: 3px !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 0;
  transition: none !important;
}
.manage-locations td > .checkmark-wrapper + div,
.manage-groups td > .checkmark-wrapper + div,
.manage-tags td > .checkmark-wrapper + div {
  display: inline-block;
}
.manage-locations tr:hover > td > .checkmark-wrapper,
.manage-groups tr:hover > td > .checkmark-wrapper,
.manage-tags tr:hover > td > .checkmark-wrapper,
.manage-locations tr.selected > td > .checkmark-wrapper,
.manage-groups tr.selected > td > .checkmark-wrapper,
.manage-tags tr.selected > td > .checkmark-wrapper {
  width: 20px;
  margin-right: 10px;
}
.manage-locations tr:hover > td > .checkmark-wrapper checkbox,
.manage-groups tr:hover > td > .checkmark-wrapper checkbox,
.manage-tags tr:hover > td > .checkmark-wrapper checkbox,
.manage-locations tr.selected > td > .checkmark-wrapper checkbox,
.manage-groups tr.selected > td > .checkmark-wrapper checkbox,
.manage-tags tr.selected > td > .checkmark-wrapper checkbox {
  margin-left: 2px;
}
.slingicon {
  cursor: pointer;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: transparent no-repeat 0 0;
  background-size: 100% 100%;
}
.slingicon.slingicon-trash {
  background-image: url(/assets/svg/UI/msg-trash-69bc83.svg);
  width: 13px;
  height: 14px;
}
.slingicon.slingicon-trash:hover {
  background-image: url(/assets/svg/UI/msg-trash-hover-07b004.svg);
}
.slingicon.slingicon-pencil {
  background-image: url(/assets/svg/UI/msg-edit-519bee.svg);
  height: 14px;
  width: 14px;
}
.slingicon.slingicon-pencil:hover {
  background-image: url(/assets/svg/UI/msg-edit-hover-bb8edd.svg);
}
.slingicon.slingicon-emoji {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon@2x-cb23ea.png);
  height: 14px;
  width: 15px;
}
.slingicon.slingicon-emoji:hover {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon-selected@2x-87c203.png);
}
.glyphicon {
  display: inline-block;
}
.glyphicon.glyphicon-chevron-right,
.glyphicon.glyphicon-chevron-left {
  position: relative;
  width: 1em;
  height: 1em;
  line-height: 1;
  top: 1px;
  vertical-align: initial;
}
.glyphicon.glyphicon-chevron-right:before,
.glyphicon.glyphicon-chevron-left:before,
.glyphicon.glyphicon-chevron-right:after,
.glyphicon.glyphicon-chevron-left:after {
  content: '';
  position: absolute;
  top: 0.418em;
  left: 0.185em;
  transform-origin: 0.535em 50%;
  width: 0.653em;
  height: 0.234em;
  background: currentColor;
}
.glyphicon.glyphicon-chevron-right:after,
.glyphicon.glyphicon-chevron-left:after {
  transform: rotateZ(45deg);
}
.glyphicon.glyphicon-chevron-right:before,
.glyphicon.glyphicon-chevron-left:before {
  transform: rotateZ(-45deg);
}
.glyphicon.glyphicon-chevron-left {
  transform: scaleX(-1);
}
.empty-state-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
  margin: 50px 0 20px;
  font-size: 22px;
  font-weight: 400;
}
.empty-state-header img {
  margin-right: 10px;
}
.empty-state-description {
  color: #5F7183;
  font-size: 14px;
  line-height: 1.6;
}
.empty-state-description p {
  margin-bottom: 20px;
}
a.empty-state-action {
  text-decoration: none !important;
  color: #738190 !important;
}
.empty-state-action {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 20px;
  color: #97A2AE;
  transition: all 0.25s ease-in-out;
}
.empty-state-action .small {
  font-size: 12px;
}
.empty-state-action h2 {
  color: #4C6379;
}
.empty-state-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
  border-color: white;
  background: white;
  color: #0085FF !important;
}
.empty-state-action:hover h2 {
  color: #0085FF;
}
.empty-state-action:hover .empty-state-icon img.hover {
  display: block;
}
.empty-state-action:hover .empty-state-icon img.no-hover {
  display: none;
}
.empty-state-action h2 {
  margin: 0 0 2px;
  font-size: 16px;
}
.empty-state-action h2 + div {
  margin-top: 5px;
}
.empty-state-action + .empty-state-action {
  margin-top: 20px;
}
.empty-state-icon {
  margin-right: 20px;
  cursor: pointer;
}
.empty-state-icon img.no-hover {
  opacity: 0.4;
}
.empty-state-icon img.hover {
  display: none;
}
.empty-state-gradient {
  color: #5F7183;
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 4px;
}
input[switcher] {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}
input[switcher] + label {
  display: inline-block;
  position: relative;
  background-color: #d8d8d8;
  height: 24px;
  width: 44px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 0;
  transition: background-color 0.25s ease-in-out;
}
input[switcher] + label span {
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  opacity: 0.65;
}
input[switcher] + label span:first-child {
  color: white;
  left: 8px;
}
input[switcher] + label span:last-child {
  color: #738190;
  right: 10px;
}
input[switcher]:checked + label {
  background-color: #0085FF;
}
input[switcher="warning"]:checked + label {
  background-color: #FDB34D;
}
input[switcher] + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 18px;
  top: 4px;
  left: 4px;
  border-radius: 2px;
  background: white;
  transition: 0.25s ease-in-out;
}
input[switcher]:checked + label:after {
  left: 22px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);
}
input[switcher][disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.info-page-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
}
.info-page-container .info-page-form {
  position: absolute;
  width: 580px;
}
.info-page-container .info-page-introduction-screen {
  max-width: 580px;
  font-size: 14px;
  color: #5F7183;
  line-height: 22px;
}
.info-page-container .info-page-introduction-screen * {
  line-height: inherit;
}
.info-page-container .info-page-introduction-screen p {
  padding: 0 2px;
}
.info-page-container .info-page-introduction-screen p:not(:first-of-type) {
  margin-top: 30px;
}
.info-page-container .info-page-empty {
  position: absolute;
  top: 25px;
  left: -780px;
}
.info-page-container .info-page-empty img {
  height: 412px;
}
.sling-modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 20px;
}
.sling-modal-background {
  background-color: #f2f5f7;
}
.sling-modal-row {
  display: -ms-flexbox;
  display: flex;
  min-height: 36px;
}
.sling-modal-label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 110px;
  min-width: 110px;
}
.sling-modal-label-container.pull-top {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
  margin-top: 8px;
}
.sling-modal-multiline-label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 110px;
  margin-top: 8px;
}
.sling-modal-label {
  text-transform: uppercase;
  color: #738190;
  margin: 0;
  font-size: 11px;
  font-weight: bold !important;
}
.sling-modal-label-icon {
  width: 32px;
  height: 32px;
  margin-left: 12px;
}
.sling-modal-row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.sling-modal-row-content .ng-submitted .form-control.ng-invalid {
  border-color: #E96873;
}
.sling-modal-row radiobutton.sling-modal-radio span[ng-transclude] {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.sling-modal-row radiobutton.sling-modal-radio + .sling-modal-radio {
  margin-left: 20px;
}
.sling-modal-radio:not(.color-brand) span[ng-transclude] {
  color: #6D8092;
}
.sling-modal-row-content-with-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-left: 12px;
}
.sling-modal-horizontal-separator {
  height: 1px;
  background-color: #E1E1E1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.sling-modal-horizontal-separator.with-left-empty-space {
  margin-left: 169px;
}
.sling-modal-content-text {
  color: #5F7183;
}
.full-width-dropdown .dropdown-menu.scrollable,
.full-width-dropdown .dropdown {
  min-width: 100%;
  margin-top: 0;
}
.sling-modal-content .persona-picker,
.sling-modal-content leave-type-picker {
  width: 100%;
}
.sling-modal-unstyled-button {
  width: 100%;
  padding: 0;
  border: none;
}
.sling-modal-button-area-spacer {
  height: 36px;
  width: calc(110px + 44px);
}
.sling-modal-row-gray-link {
  color: #6D8092;
}
.conversation-search__input {
  box-sizing: border-box;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 32px;
  padding: 6px 10px 6px 10px;
  width: 500px;
  outline: none;
}
.conversation-search__list {
  box-sizing: border-box;
  margin: 8px 0 16px 0;
  max-height: 60vh;
  overflow-y: auto;
}
.conversation-search__header {
  color: #d8d8d8;
  font-size: 14px;
  margin: 6px 8px 6px 10px;
}
.conversation-search__item {
  color: currentColor;
  display: block;
  font-size: 16px;
  padding: 5px 5px 5px 10px;
}
.conversation-search__item--active {
  color: white;
  background-color: #0085FF;
}
.conversation-search__item--active:hover {
  color: white;
  text-decoration: none;
}
.conversation-search__item:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'Sling Emojis';
  src: local(EmojiMart), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Segoe UI'), local('Apple Color Emoji'), local('Twemoji Mozilla'), local('Noto Color Emoji'), local('Android Emoji');
  /* Emoji unicode blocks */
  unicode-range: U+0300-03FF, U+0600-06FF, U+0C00-0C7F, U+1DC0-1DFF, U+1E00-1EFF, U+2000-209F, U+20D0-214F, U+2190-23FF, U+2460-25FF, U+2600-27EF, U+2900-29FF, U+2B00-2BFF, U+2C60-2C7F, U+2E00-2E7F, U+3000-303F, U+A490-A4CF, U+E000-F8FF, U+FE00-FE0F, U+FE30-FE4F, U+1F000-1F02F, U+1F0A0-1F0FF, U+1F100-1F64F, U+1F680-1F6FF, U+1F910-1F96B, U+1F980-1F9E0;
}
html,
#content {
  height: 100%;
}
body {
  padding-top: 60px;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
}
body #topmenu,
body #content,
body #invalid-timezone-prompt {
  opacity: 0;
}
body.no-scroll {
  overflow: hidden;
}
body.onboarding-checked #topmenu,
body.onboarding-checked #content,
body.onboarding-checked #invalid-timezone-prompt {
  opacity: 1;
}
body.logged-out #topmenu,
body.logged-out #content,
body.logged-out #invalid-timezone-prompt {
  opacity: 0 !important;
}
body > .brand-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
}
body > .brand-loader.ng-leave {
  transition: opacity 1s ease;
  opacity: 1;
}
body > .brand-loader.ng-leave.ng-leave-active {
  opacity: 0;
}
body > .brand-loader.ng-leave ~ #content {
  transition: opacity 0.3s ease;
}
.white-bg {
  background-color: white;
}
h1,
h2,
.modal-title {
  font-weight: 400;
  color: #0085FF;
}
.well {
  background: white;
  border-radius: 4px;
  border: 0;
  padding: 20px;
  margin-bottom: 20px;
}
.well h1,
.well h2,
.well h3,
.well h4 {
  margin-bottom: 10px;
}
.well h1:first-child,
.well h2:first-child,
.well h3:first-child,
.well h4:first-child {
  margin-top: 0;
}
.well.bg-danger {
  background: #f2dede;
}
.modal-body .well {
  background: #f2f5f7;
  margin: 0 -20px 20px -20px;
  border-radius: 0;
}
.comma-split div {
  display: inline;
}
.comma-split div:after {
  content: ', ';
}
.comma-split div:last-child:after {
  content: '';
}
avatar {
  display: inline;
}
avatar .avatar {
  position: relative;
  background: #b6b6b6;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
}
avatar .avatar > span {
  font-family: Open Sans;
  font-size: 0.4em;
  font-weight: 600;
  font-weight: normal !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white !important;
}
avatar:not(.no-shadow) > * {
  box-shadow: 0 0 0 2px #f2f5f7;
}
span.position {
  border-radius: 2px;
  height: 18px;
  width: 18px;
  margin-right: 1px;
  display: inline-block;
  vertical-align: middle;
}
span.position.img-circle {
  border-radius: 50%;
}
.position-bigger {
  width: 30px;
  height: 30px;
  box-shadow: 0 0 0 2px #fff;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
span.position-label {
  color: #646464;
}
.date-group-header {
  display: block;
  height: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.date-group-header .line {
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  position: relative;
  top: 11px;
}
.date-group-header h2 {
  text-transform: uppercase;
  display: inline;
  color: #97A2AE;
  font-size: 1.3em;
  background: #f2f5f7;
  position: relative;
  padding: 0 15px;
  font-weight: 400;
}
.date-group-header h2.active {
  color: #0085FF;
}
.date-group-header h2 span {
  color: #0085FF;
  margin-right: 0.2em;
}
.account-chooser-modal {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.account-chooser-modal .modal-dialog {
  margin: 0;
}
.account-chooser-modal .modal-content {
  max-height: 100vh;
}
.account-chooser-backdrop {
  background-color: #3a3a3a;
  opacity: 1 !important;
}
.modal-full-size {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  min-width: 0 !important;
}
a:focus {
  outline: none;
}
a.link-as-text:not(:hover) {
  color: inherit;
}
a.link-as-text:hover {
  color: #0085FF;
}
a.link-as-text[disabled]:hover {
  color: inherit;
  cursor: default;
}
a.link-white {
  color: white !important;
  text-decoration: underline;
}
.shorten-links a {
  max-width: 300px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #646464;
}
.spinner {
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #97A2AE;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}
.spinner .bounce1 {
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.ie9 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 9999;
}
.ie9 p {
  padding: 50px;
}
.mail-footer {
  background: url(/assets/images/mail_footer-723146.png) bottom left repeat-x;
  padding-bottom: 6px;
}
.text-primary {
  color: #0085FF;
}
.text-muted {
  color: #5F7183;
}
[autoheight] {
  max-height: 150px;
  overflow-y: auto !important;
}
ul.nav-tabs > li {
  text-align: center;
}
ul.nav-tabs > li > a {
  color: #97A2AE;
  background: white;
  border: 1px solid #dcdcdc;
  margin-right: -1px;
  width: 130px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  transition: all ease 0.3s;
}
ul.nav-tabs > li > a:hover {
  background: #f2f5f7;
  border: 1px solid #dcdcdc;
  color: #0085FF;
}
ul.nav-tabs > li.active a,
ul.nav-tabs > li.active a:hover {
  color: #0085FF;
}
.welcome-to-page {
  margin-top: 30px;
}
.welcome-to-page h1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
  font-size: 28px;
  font-weight: 300;
}
.welcome-to-page h1 img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-right: 20px;
}
.welcome-to-page p {
  color: #5F7183;
  font-size: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 25px;
  margin-top: 25px;
  font-weight: 300;
}
.align-bottom-vertically {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-flow: row;
      flex-flow: row;
}
.justify-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.row-reverse {
  -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
}
.justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.align-center {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
}
.choose-modal-question {
  margin-bottom: 20px;
  color: #5F7183;
}
.choose-modal-question ul {
  list-style: none;
  padding-left: 0;
  padding-top: 20px;
}
a:hover img.no-hover,
a:not(:hover) img.hover {
  display: none;
}
span.emoji {
  font-size: 18px;
  position: relative;
  margin-right: 3px;
}
.force-hide:not(.force-show) {
  visibility: hidden;
}
.maintenance-mode {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99999999;
  background: rgba(227, 227, 227, 0.95);
  text-align: center;
  padding-top: 100px;
  font-size: 25px;
}
.checkbox-all {
  padding: 8px 8px 2px;
  height: 36px;
  border-radius: 2px;
}
.checkbox-all checkbox,
.checkbox-all radiobutton {
  padding: 10px 11px;
  margin: -10px -11px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  position: relative;
}
.checkbox-all label.checkmark {
  overflow: hidden;
  position: static;
}
.checkbox-all label.checkmark > input + span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.full-width {
  width: 100%;
}
google-map {
  display: block;
}
.no-margin {
  margin: 0;
}
[add-class-on-init='slide-in-from-left'] {
  transition: all 0.5s ease;
  opacity: 0.2;
  transform: translateX(-100px);
}
[add-class-on-init='slide-in-from-left'].slide-in-from-left {
  opacity: 1;
  transform: none;
}
[add-class-on-init='slide-in-from-bottom'] {
  transition: all 0.5s ease;
  opacity: 0.2;
  transform: translateY(10px);
}
[add-class-on-init='slide-in-from-bottom'].slide-in-from-bottom {
  opacity: 1;
  transform: none;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-all {
  pointer-events: all;
}
.rotate-5 {
  transform: rotateZ(5deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.text-italic {
  font-style: italic;
}
button[snowflakesify-id] {
  position: relative;
}
.sling-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sling-header-icon img {
  width: 48px;
  height: 48px;
}
.sling-header-content h2 {
  margin: 0 10px 0;
  font-size: 18px;
  color: #0085FF;
}
.sling-header-content h2.no-icon {
  margin: 0;
}
.sling-header-content span {
  margin: 5px 10px 0;
  color: #6D8092;
  line-height: 22px;
}
.sling-switcher-field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.actions-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  height: 76px;
  z-index: 2000;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.08);
}
.actions-footer .actions-footer-content {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.sling-btn {
  width: 160px;
}
.offset-left-20 {
  margin-left: 20px;
}
[print-only] {
  display: none !important;
}
[input-with-label] {
  position: relative;
}
[input-with-label] .form-control {
  color: #6D8092;
}
[input-with-label] .input-with-label-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  color: #6D8092;
  pointer-events: none;
  opacity: 0.5;
}
[input-with-label].label-bold .input-with-label-label {
  font-weight: 500;
}
[input-with-label] .input-with-label-value {
  color: #6D8092;
}
[input-with-label] .input-with-label-value[disabled] {
  -webkit-text-fill-color: #6D8092 !important;
}
[input-with-label] input-with-label-value,
.display-form-label .input-with-label-label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
.rendered-content h2,
.rendered-content h3 {
  font-size: 24px;
  line-height: 1.4;
  color: #0085FF;
  margin: 20px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.rendered-content h3,
.rendered-content h4 {
  font-size: 24px;
  margin: 10px 0 20px;
}
.rendered-content h4 {
  font-size: 18px;
  color: inherit;
}
.rendered-content blockquote {
  font-size: inherit;
  border-left-color: #DCDCDC;
  margin: 5px 0;
}
.rendered-content blockquote + br + blockquote {
  margin-top: -5px;
}
.rendered-content blockquote > div {
  white-space: pre-wrap;
}
.rendered-content code {
  background: #f2f5f7;
  padding: 1px 3px;
  display: inline-block;
  border-radius: 4px;
  margin: -1px 0;
  word-break: break-all;
}
.rendered-content pre > code {
  padding: 8px 10px;
  border-radius: 0;
  min-width: 100%;
  word-break: initial;
}
.rendered-content h2 + br,
.rendered-content h3 + br,
.rendered-content h4 + br,
.rendered-content blockquote + br,
.rendered-content pre + br,
.rendered-content hr + br {
  display: none;
}
.rendered-content a[href*='?h'] {
  background: rgba(122, 109, 201, 0.2);
  border-radius: 2px;
  padding: 0 3px;
}
.rendered-content a[href*='?hs'] {
  background: rgba(122, 109, 201, 0.2);
  pointer-events: none;
  cursor: default;
  color: #646464;
}
.rendered-content div,
.rendered-content p {
  margin: 0;
  white-space: pre-wrap;
}
.markdown-hints {
  color: #97A2AE;
  font-size: 10px;
  white-space: nowrap;
}
.markdown-hints span + span {
  margin-left: 5px;
}
.markdown-hints.ng-hide-add {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.markdown-hints.ng-hide-add-active {
  opacity: 0;
}
.markdown-hints.ng-hide-remove {
  transition: opacity 0.6s ease;
  opacity: 0;
}
.markdown-hints.ng-hide-remove-active {
  opacity: 1;
}
sling-tip {
  display: block;
}
[transition-height] {
  transition: height 0.3s ease;
}
.dropdown-on-modal {
  z-index: 1140;
}
.dropdown-left-from-icon {
  /* 34px is the icon width */
  transform: translateX(calc(34px - 100%));
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.flex-layout-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
[sticky] {
  height: auto !important;
}
[sticky] group-header {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
[sticky][sticky-class='sticky-full-width'] {
  transition: background 0.5s ease;
  background: transparent;
}
[sticky].sticky-full-width {
  padding: 0;
  width: 100% !important;
  left: 0 !important;
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 1029 !important;
}
[sticky].sticky-full-width .bar {
  transition: all 0.3s ease;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none;
}
[sticky].sticky-full-width > .bar,
[sticky].sticky-full-width > .multiselect-options {
  width: 1200px;
  margin: 0 auto;
  box-shadow: none;
}
.tooltip-wide .tooltip-inner {
  max-width: 400px;
}
.tooltip-wide.tooltip-always-wide .tooltip-inner {
  width: 400px;
}
.tooltip-m .tooltip-inner {
  max-width: 230px;
  width: 230px;
}
.premium-feature-preview {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.premium-feature-preview billing-plans {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}
.premium-feature-preview .premium-feature-preview-banner-container {
  background-color: #FFFFFF;
}
.premium-feature-preview .premium-preview-content-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF;
  padding-bottom: 40px;
  width: 100%;
}
.premium-feature-preview .premium-preview-content-container .premium-preview-content {
  -ms-flex: 0.6;
      flex: 0.6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.transition-visibility {
  transition-property: opacity, visibility;
  transition-duration: 0.3s 0.3s;
  transition-timing-function: ease ease;
  transition-delay: 0s 0s;
}
.hide-by-visibility {
  transition-delay: 0.3s 0s;
  opacity: 0;
  visibility: hidden;
}
.new-badge {
  background: #0085FF;
  color: white;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: bold;
}
.new-badge.badge-gray {
  background: #738190;
}
.ctrl-key-badge {
  display: inline-block;
  background: white;
  height: 17px;
  width: 36px;
  font-size: 8px;
  line-height: 17px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  color: #7A6DC9;
  border-radius: 2px;
}
.red-dot {
  position: relative;
}
.red-dot:after {
  width: 15px;
  height: 15px;
  background-color: #E96873;
  border-radius: 50%;
  position: absolute;
  content: '';
  right: -7.5px;
  top: -2px;
}
.bounded-section--top {
  border-top: 1px solid #DCDCDC;
  padding-top: 20px;
}
.bounded-section--bottom {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px;
}
a.disabled {
  color: currentColor;
  display: inline-block;
  /* For IE11/ MS Edge bug */
  opacity: 0.5;
  pointer-events: none;
  text-decoration: none;
}
body.is-fullscreen {
  padding-top: 0;
}
body.is-fullscreen #topmenu {
  display: none;
}
.tooltip-pre .tooltip-inner {
  white-space: pre;
}
#onboard-overlay {
  position: absolute;
  z-index: 1040;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  padding-bottom: 60px;
  background: #f2f5f7 url(/assets/svg/Misc/Logo_BG-b860f9.svg) no-repeat 125% 50%;
  background-size: 45%;
}
#onboard-overlay h1.headline {
  margin: 45px 0;
  font-size: 260%;
  font-weight: 300;
}
#onboard-overlay .main p {
  color: #646464;
  padding: 0 0 18px;
  font-size: 16px;
}
#onboard-overlay .footer {
  margin-top: 35px;
}
#onboard-overlay .container {
  position: absolute;
  z-index: 1030;
  left: 0;
  right: 0;
  top: 0;
  margin-bottom: 0;
  padding-bottom: 120px;
}
#onboard-overlay .container .info {
  text-align: center;
  font-size: 14px;
}
#onboard-overlay .edit-user-profile-content {
  padding-top: 0;
}
#onboard-overlay .edit-user-profile-content .left-side,
#onboard-overlay .edit-user-profile-content .right-side {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  position: static;
}
#onboard-overlay .edit-user-profile-content form {
  width: 450px;
  margin: 0 auto;
}
#onboard-overlay .edit-user-profile-content .avatar-container {
  margin: 20px auto;
}
#onboard-overlay .edit-user-profile-content .avatar-container .avatar-new-thumb:before {
  position: absolute;
  top: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  padding-top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
#onboard-overlay .edit-user-profile-content .avatar-container .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#onboard-overlay .edit-user-profile-content .avatar-container .spinner > div {
  background: white;
}
#onboard-overlay .onboarding-loading {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
#onboard-overlay .onboarding-loading > div {
  font-size: 36px;
  font-weight: 300;
  color: #5F7183;
}
.onboarding-bar {
  margin: 80px auto 0 auto;
  min-height: 100px;
  background-color: transparent !important;
  width: 1180px;
}
.onboarding-bar table {
  width: 100%;
}
.onboarding-bar table tbody tr td {
  height: 100px;
  background-size: 65px;
  background: transparent no-repeat 50% 50%;
  opacity: 0.25;
}
.onboarding-bar table tbody tr td:nth-child(1) {
  background-image: url(/assets/svg/Icons/48/dashboard-gray-7baeb7.svg);
}
.onboarding-bar table tbody tr td:nth-child(2) {
  background-image: url(/assets/svg/Icons/48/user-gray-9268a1.svg);
}
.onboarding-bar table tbody tr td:nth-child(3) {
  background-image: url(/assets/svg/Icons/48/groups-gray-fcbcd3.svg);
}
.onboarding-bar table tbody tr td:nth-child(4) {
  background-image: url(/assets/svg/Icons/48/position-gray-7e0ac9.svg);
}
.onboarding-bar table tbody tr td:nth-child(5) {
  background-image: url(/assets/svg/Icons/48/location-gray-b69f21.svg);
}
.onboarding-bar table tbody tr td:nth-child(6) {
  background-image: url(/assets/svg/Icons/48/pages-gray-eebfe6.svg);
}
.onboarding-bar table tbody tr td:nth-child(7) {
  background-image: url(/assets/svg/Icons/48/announcement-gray-49c592.svg);
}
.onboarding-bar table tbody tr td:nth-child(8) {
  background-image: url(/assets/svg/Icons/48/reports-gray-22d06a.svg);
}
.onboarding-bar table tbody tr td:nth-child(9) {
  background-image: url(/assets/svg/Icons/48/settings-gray-9c2825.svg);
}
.announcements {
  position: fixed;
  top: 110px;
  right: 0;
  z-index: 9999;
  width: 355px;
}
.announcements .announcement {
  background-image: linear-gradient(-180deg, #0087FF 0%, rgba(0, 135, 255, 0.9) 100%);
  margin-bottom: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px 0 0 4px;
  transition: all 0.75s ease-in-out;
  position: relative;
}
.announcements .announcement.ng-hide-add-active {
  opacity: 0;
}
.announcements .announcement.ng-hide-remove {
  right: -1000px;
}
.announcements .announcement.ng-hide-remove-active {
  right: 0;
}
.announcements .announcement.ng-leave {
  opacity: 1;
}
.announcements .announcement.ng-leave-active {
  opacity: 0;
}
.announcements .announcement.ng-enter {
  right: -1000px;
}
.announcements .announcement.ng-enter-active {
  right: 0;
}
.announcements .announcement a {
  color: white;
  font-weight: 600;
}
.announcements .announcement a.hover {
  text-decoration: underline;
}
.announcements .announcement .announcement-content {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  max-height: 400px;
  overflow-x: auto;
}
.announcements .announcement .announcement-content .announcement-button {
  margin-top: 16px;
}
.announcements .announcement.announcement-info {
  color: white;
}
.announcements .announcement.announcement-danger {
  background-image: linear-gradient(-180deg, #555555 0%, rgba(85, 85, 85, 0.9) 100%);
  color: white;
}
.announcements .announcement.announcement-danger ul {
  padding-left: 20px;
}
.announcements .announcement.announcement-success {
  background-image: linear-gradient(-180deg, #1CC982 0%, rgba(28, 201, 130, 0.9) 100%);
  color: white;
}
.announcements .announcement.announcement-warning {
  background-image: linear-gradient(-180deg, #FDB34D 0%, rgba(253, 179, 77, 0.9) 100%);
  color: white;
}
.announcements .announcement .announcement-body {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  text-align: center;
}
.announcements .announcement .close {
  width: 36px;
  height: 36px;
  color: white;
  opacity: 0.65;
  font-weight: normal;
  text-shadow: none;
  font-size: 26px;
  margin: 10px;
}
.announcements .announcement .close:hover {
  opacity: 1;
}
.readonly-mode-bar {
  background-color: #797979;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  font-size: 13px;
}
.readonly-mode-bar.ng-hide-remove {
  height: 0;
  transition: height 0.3s ease;
  overflow: hidden;
}
.readonly-mode-bar.ng-hide-remove-active {
  height: 40px;
}
.readonly-mode-bar.ng-hide-add {
  transition: height 0.3s ease;
  overflow: hidden;
}
.readonly-mode-bar.ng-hide-add-active {
  height: 0;
}
#content.readonly-mode-content-add,
#content.readonly-mode-content-remove {
  transition: padding-top 0.3s ease;
}
#content.readonly-mode-content-add .shifts-container .shifts-header,
#content.readonly-mode-content-remove .shifts-container .shifts-header,
#content.readonly-mode-content-add .shifts-container .sidebar,
#content.readonly-mode-content-remove .shifts-container .sidebar {
  transition: top 0.3s ease;
}
#content.readonly-mode-content-add .newsfeed-header-container,
#content.readonly-mode-content-remove .newsfeed-header-container,
#content.readonly-mode-content-add .newsfeed-left-bar,
#content.readonly-mode-content-remove .newsfeed-left-bar,
#content.readonly-mode-content-add .newsfeed-notifications,
#content.readonly-mode-content-remove .newsfeed-notifications {
  transition: top 0.3s ease;
}
.readonly-mode-content {
  padding-top: 40px;
}
.readonly-mode-content .shifts-container .shifts-header,
.readonly-mode-content .shifts-container .sidebar {
  top: 100px;
}
.readonly-mode-content .newsfeed-header-container {
  top: 100px;
}
.readonly-mode-content .newsfeed-left-bar {
  top: 210px;
}
.readonly-mode-content .newsfeed-notifications {
  top: 220px;
}
.readonly-mode-content .shifts-fixed-sidebar {
  top: 216px;
}
.readonly-mode-content .shifts-header-with-summary .shifts-fixed-sidebar {
  top: 272px;
}
.newsfeed-header-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  background: #f2f5f7;
  z-index: 1025;
}
.newsfeed-header-container > .container {
  margin-bottom: 0;
}
.newsfeed-header-container a.link-as-text:not(:hover) {
  color: #738190;
}
.newsfeed-header-container .container.bar-container {
  padding: 0;
  margin-top: 20px;
}
.newsfeed-header .container.bar-container {
  min-width: auto !important;
  width: auto !important;
  margin-bottom: 0;
}
.bar .gray {
  margin: 0 10px;
  color: #d7d7d7;
}
.newsfeed-pages-header {
  color: #738190;
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 5px 10px 0;
  font-size: 14px;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.newsfeed-pages-header > img {
  margin-right: 10px;
}
.newsfeed-pages-header a {
  margin-left: auto;
  cursor: pointer;
  opacity: 0.5;
}
.newsfeed-pages-header a:hover {
  opacity: 1;
}
.newsfeed-pages-header:first-child {
  padding-top: 0;
}
.newsfeed-pages-items {
  list-style: none;
  padding-top: 10px;
  padding-left: 0;
}
.newsfeed-pages-items a {
  color: #97A2AE;
  padding: 7px 0;
  font-size: 13px;
  display: block;
}
.newsfeed-pages-items .page-item {
  padding-left: 10px;
  position: relative;
  transition: background-color 0.25s ease;
}
.newsfeed-pages-items .page-item.active a {
  color: #0085FF;
  text-decoration: none;
}
.newsfeed-pages-items .page-item button {
  opacity: 0;
  height: 29px;
  overflow: hidden;
  transition: background-color 0.3s ease;
}
.newsfeed-pages-items .page-item button img {
  margin-top: -2px;
}
.newsfeed-pages-items .page-item .pin-toggle {
  margin-right: 10px;
}
.newsfeed-pages-items .page-item:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.newsfeed-pages-items .page-item:hover button {
  opacity: 1;
}
.newsfeed-pages-items .page-item:hover a.newsfeed-page-name {
  color: #0085FF;
  text-decoration: none;
}
.newsfeed-pages-items .page-item .dropdown.open button {
  opacity: 1;
}
.newsfeed-pages-items .page-item .dropdown-menu {
  margin-right: 4px;
}
.newsfeed-pages-items .page-item .dropdown-menu.with-badge {
  margin-right: -20px;
}
.newsfeed-pages-items .page-item .dropdown-menu.with-badge:after,
.newsfeed-pages-items .page-item .dropdown-menu.with-badge:before {
  margin-right: 24px;
}
.newsfeed-pages-items .page-item .unread-badge {
  margin: 6px;
}
.newsfeed-left-bar {
  top: 170px;
  width: 310px;
  padding-right: 90px;
  padding-left: 20px;
  margin-left: -20px;
  bottom: 0;
  overflow-y: auto;
}
.newsfeed-detail {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.newsfeed-detail .date-group-header h2 {
  font-size: 16px;
  text-transform: none;
  display: inline-block;
  margin: 0;
  width: 215px;
}
.newsfeed-empty {
  margin-left: -100px;
  position: fixed;
  transform: translate(-100%, -50%);
  top: 50%;
}
.newsfeed-empty img {
  height: 412px;
}
.newsfeed-empty.fixed-top {
  transform: translateX(-100%);
  top: 225px;
  margin-left: -20px;
}
.newsfeed-settings button {
  margin-bottom: 20px;
}
.newsfeed-form {
  border-radius: 2px;
  background: white;
  border: 0;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 0;
}
.newsfeed-form h1,
.newsfeed-form h2,
.newsfeed-form h3,
.newsfeed-form h4 {
  margin-bottom: 10px;
}
.newsfeed-form h1:first-child,
.newsfeed-form h2:first-child,
.newsfeed-form h3:first-child,
.newsfeed-form h4:first-child {
  margin-top: 0;
}
.newsfeed-form h1,
.newsfeed-form h2,
.newsfeed-form h3,
.newsfeed-form h4 {
  margin-bottom: 10px;
}
.newsfeed-form h1:first-child,
.newsfeed-form h2:first-child,
.newsfeed-form h3:first-child,
.newsfeed-form h4:first-child {
  margin-top: 0;
}
.newsfeed-form textarea {
  resize: none;
  padding-right: 65px;
  border-width: 1px;
  border-radius: 3px;
  overflow-y: auto;
}
.newsfeed-form .emoji-selector {
  right: 50px;
  top: 22px;
}
.newsfeed-form .pin-article-container {
  margin-top: 6px;
  color: #97A2AE;
}
.newsfeed-form .pin-article-container:hover span {
  text-decoration: underline;
}
.newsfeed-form .article-post-to {
  color: #97A2AE;
}
.newsfeed-form .article-post-to .custom-select-toggle {
  width: 150px;
}
.newsfeed-form .attachments-row {
  margin-bottom: 15px;
}
.newsfeed-form .actions-row .post-to {
  padding-right: 10px;
}
.newsfeed-form .actions-row > div:last-child {
  padding-left: 0;
}
.newsfeed-form .markdown-hints {
  position: absolute;
  bottom: -20px;
  right: 0;
}
.newsfeed-restricted {
  border-radius: 2px;
  background: white;
  border: 0;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  color: #6D8092;
  padding: 50px 0 50px 0;
  text-align: center;
}
.newsfeed-restricted h1,
.newsfeed-restricted h2,
.newsfeed-restricted h3,
.newsfeed-restricted h4 {
  margin-bottom: 10px;
}
.newsfeed-restricted h1:first-child,
.newsfeed-restricted h2:first-child,
.newsfeed-restricted h3:first-child,
.newsfeed-restricted h4:first-child {
  margin-top: 0;
}
.newsfeed-restricted h1,
.newsfeed-restricted h2,
.newsfeed-restricted h3,
.newsfeed-restricted h4 {
  margin-bottom: 10px;
}
.newsfeed-restricted h1:first-child,
.newsfeed-restricted h2:first-child,
.newsfeed-restricted h3:first-child,
.newsfeed-restricted h4:first-child {
  margin-top: 0;
}
.article-container article {
  border-radius: 2px;
  background: white;
  border: 0;
  padding: 20px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
}
.article-container article h1,
.article-container article h2,
.article-container article h3,
.article-container article h4 {
  margin-bottom: 10px;
}
.article-container article h1:first-child,
.article-container article h2:first-child,
.article-container article h3:first-child,
.article-container article h4:first-child {
  margin-top: 0;
}
.article-container article h1,
.article-container article h2,
.article-container article h3,
.article-container article h4 {
  margin-bottom: 10px;
}
.article-container article h1:first-child,
.article-container article h2:first-child,
.article-container article h3:first-child,
.article-container article h4:first-child {
  margin-top: 0;
}
.article-container article .dropdown {
  margin-left: 10px;
}
.article-container article .article-header {
  font-size: 0.9em;
  padding: 20px 30px;
}
.article-container article .article-header .article-header-no-padding {
  padding: 0;
}
.article-container article .article-header .article-header-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.article-container article .article-header .article-user-info-container {
  max-width: 50%;
}
.article-container article .article-header .article-user-info {
  overflow: hidden;
  margin-left: 10px;
  max-width: 210px;
  white-space: nowrap;
}
.article-container article .article-header .article-post-info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.article-container article .article-header .article-page-details {
  max-width: 150px;
  white-space: nowrap;
}
.article-container article .article-header .article-page-details h3.color-brand,
.article-container article .article-header .article-user-info h3.color-brand {
  color: #0085FF;
  line-height: 20px;
}
.article-container article .article-header .article-header-align {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.article-container article .article-header .link-to-profile {
  font-size: 14px;
  color: #0085FF;
}
.article-container article .article-header small {
  color: #97A2AE;
}
.article-container article .article-header .col-xs-1 .avatar {
  margin-top: 7px;
}
.article-container article .article-header h2 {
  font-weight: 700;
}
.article-container article .article-header h3 {
  margin: 0;
  font-size: 1.1em;
  color: #5F7183;
}
.article-container article .article-header h3 a {
  color: #646464;
  font-size: 14px;
}
.article-container article .article-header .text-right,
.article-container article .article-header .col-xs-15 {
  color: #97A2AE;
  font-weight: 400;
}
.article-container article .article-body {
  padding: 0 30px;
  color: #738190;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.article-container article .article-footer {
  padding: 15px 30px 25px;
  font-size: 0.9em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-weight: 400;
  color: #97A2AE;
}
.article-container article .article-footer a {
  color: #97A2AE;
}
.article-container article .article-footer a:hover {
  text-decoration: none;
  color: #0085FF;
}
.article-container article .article-footer .active {
  font-weight: 700;
}
.article-container article .article-footer a.like.active {
  color: #0085FF;
}
.article-container article .article-footer .avatar {
  width: 50px;
  height: 50px;
}
.article-container article .article-footer a.seenby {
  float: right;
  margin-right: 0;
}
.article-container article .article-footer a.seenby img.hover {
  display: none;
}
.article-container article .article-footer a.seenby:hover img.hover {
  display: inline-block;
}
.article-container article .article-footer a.seenby:hover img:not(.hover) {
  display: none;
}
.article-container article .article-footer a.like-icon,
.article-container article .article-footer a.comment-icon {
  text-decoration: none;
}
.article-container article .article-footer a.like-icon img {
  position: relative;
  top: -2px;
}
.article-container article .article-footer.with-comments-container {
  border-radius: 4px;
}
.article-container .comments-container {
  background: #EAEEF2;
  padding: 20px 30px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.article-back-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFF;
  cursor: pointer;
  color: #6D8092;
  font-weight: 600;
  margin-bottom: 40px;
  padding: 13px 20px;
  width: 100%;
}
.newsfeed-notifications {
  position: fixed;
  width: 225px;
  top: 160px;
  max-height: calc(100% - 160px);
  overflow-y: auto;
  /* otherwise child margin top/bottom will not work correctly */
  padding-top: 1px;
  margin-top: -1px;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.newsfeed-notifications a {
  color: #5F7183;
  display: block;
  font-size: 12px;
}
.newsfeed-notifications span {
  color: #97A2AE;
  font-weight: 400;
  font-size: 12px;
}
.newsfeed-notifications .col-xs-3 {
  text-align: center;
  padding-right: 0;
  padding-top: 3px;
}
.newsfeed-notifications > div {
  border-bottom: 1px solid #f2f5f7;
  padding-bottom: 20px;
  max-width: 200px;
}
.newsfeed-notifications > div:last-child {
  border: 0;
  padding-bottom: 0;
}
.newsfeed-notifications .avatar {
  width: 30px;
  height: 30px;
}
.article-seen-like-by {
  padding: 0;
  margin: 0;
}
.article-seen-like-by ul {
  list-style: none;
  padding: 0;
  margin: 0 20px;
}
.article-seen-like-by ul li {
  min-height: 60px;
  border-bottom: 1px solid #D3D3D3;
}
.article-seen-like-by ul li .col-xs-2 {
  padding: 14px 0;
}
.article-seen-like-by ul li .col-xs-13 {
  padding: 12px 0 8px 2px;
}
.article-seen-like-by ul li img {
  border: 2px solid #FFF;
}
.article-seen-like-by ul li .user-info {
  font-size: 11px;
  color: #9A9A9A;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-seen-like-by ul li .link-to-profile {
  font-size: 14px;
  color: #0085FF;
}
.article-seen-like-by ul li.row.seen,
.article-seen-like-by ul li.row.likes {
  margin-left: 0;
  margin-right: 0;
}
.article-seen-like-by ul li:last-child {
  border-bottom: none;
}
.page-details.newsfeed-sidebar {
  max-width: 200px;
  width: 200px;
  padding-right: 10px;
}
.newsfeed-page .messages-members .messages-member-group,
.newsfeed-notifications-container .messages-members .messages-member-group {
  border-bottom: none;
  padding: 8px 0;
}
.newsfeed-page .messages-members .messages-member-group .triangle-button,
.newsfeed-notifications-container .messages-members .messages-member-group .triangle-button {
  top: 6px;
}
.newsfeed-page .page-details,
.newsfeed-notifications-container .page-details {
  padding-right: 0;
}
.newsfeed-page .page-details .panel,
.newsfeed-notifications-container .page-details .panel {
  background-color: white;
  padding: 20px 15px;
  font-size: 12px;
  color: #5F7183;
  border-radius: 4px;
  margin-bottom: 10px;
}
.newsfeed-page .page-details .panel h3,
.newsfeed-notifications-container .page-details .panel h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #738190;
}
.newsfeed-page .page-details .panel .persona-picker,
.newsfeed-notifications-container .page-details .panel .persona-picker {
  margin-top: 10px;
}
.newsfeed-page .page-details .panel .persona-picker .search,
.newsfeed-notifications-container .page-details .panel .persona-picker .search {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 11px;
}
.newsfeed-page .page-details .panel .persona-picker .glass-icon,
.newsfeed-notifications-container .page-details .panel .persona-picker .glass-icon {
  top: 8px !important;
}
.newsfeed-page .page-details .panel .persona-picker .search-lookup,
.newsfeed-notifications-container .page-details .panel .persona-picker .search-lookup {
  max-height: 200px;
}
.newsfeed-page .page-details .panel.page-description-panel,
.newsfeed-notifications-container .page-details .panel.page-description-panel {
  color: #97A2AE;
}
.newsfeed-page .page-details .panel.page-description-panel .page-description a,
.newsfeed-notifications-container .page-details .panel.page-description-panel .page-description a {
  display: none;
}
.newsfeed-page .page-details .panel.page-description-panel:hover .page-description a,
.newsfeed-notifications-container .page-details .panel.page-description-panel:hover .page-description a {
  display: inline;
}
.newsfeed-page .page-details .access-row,
.newsfeed-notifications-container .page-details .access-row {
  color: #97A2AE;
  padding: 5px 0;
}
.newsfeed-page .page-details .access-row > span,
.newsfeed-notifications-container .page-details .access-row > span {
  margin-left: 5px;
}
.newsfeed-page .page-details .access-row > span > span,
.newsfeed-notifications-container .page-details .access-row > span > span {
  opacity: 0.7;
}
.newsfeed-page .page-details > p,
.newsfeed-notifications-container .page-details > p {
  font-size: 12px;
  color: #97A2AE;
  margin-top: 20px;
}
.newsfeed-page .description-edit-buttons,
.newsfeed-notifications-container .description-edit-buttons {
  margin-top: 10px;
}
.newsfeed-page .description-edit-buttons button,
.newsfeed-notifications-container .description-edit-buttons button {
  width: 48%;
}
.newsfeed-page .empty-page,
.newsfeed-notifications-container .empty-page {
  height: 200px;
  padding: 20px;
}
.newsfeed-page .empty-page p,
.newsfeed-notifications-container .empty-page p {
  line-height: 2;
}
.newsfeed-members-container {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 225px;
  right: 0;
  transition: transform 0.5s ease;
  transform: translateX(35vw);
}
.newsfeed-members-container.open {
  transform: translateX(0);
}
.page-edit {
  margin-top: 20px;
}
.page-edit .page-description-textarea {
  min-height: 96px;
}
.page-edit .user-profile-groups {
  padding-top: 10px;
  padding-bottom: 30px;
}
.page-edit .user-groups-header {
  padding-top: 20px !important;
}
#article-mention {
  margin-top: 15px;
  max-width: 550px;
  margin-left: -13px;
}
.newsfeed-page-list-toggle {
  display: inline-block;
  position: relative;
}
.newsfeed-page-list-toggle:hover {
  color: #0085FF;
}
.newsfeed-page-toggle-icon {
  position: absolute;
  top: -9px;
  left: -5px;
}
.newsfeed-page-toggle-description {
  margin-left: 25px;
}
.newsfeed-detail-container {
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px !important;
  padding-right: 0;
  padding-left: 0;
}
.newsfeed-detail-container.edit-mode {
  padding-top: 60px !important;
  -ms-flex-pack: center;
      justify-content: center;
}
.newsfeed-detail-container.no-pages .newsfeed-page-list-container,
.newsfeed-detail-container.no-pages .newsfeed-notifications-container {
  display: none;
}
.newsfeed-detail-container.no-pages .newsfeed-content-container {
  margin: 0 auto;
  max-width: 580px;
}
.newsfeed-page-list-container {
  position: relative;
  width: 205px;
  min-width: 205px;
}
.newsfeed-content-container {
  width: 580px;
  overflow: hidden;
}
.newsfeed-content-container.space-around {
  margin: 0 20px;
}
.newsfeed-notifications-container {
  width: 225px;
  min-width: 225px;
  position: relative;
  margin-left: 75px;
}
.newsfeed-page-container {
  margin-left: 95px;
}
.newsfeed-page-container .move-from-top {
  margin-top: 20px;
}
.newsfeed-page-container.is-error {
  margin-top: 40px !important;
}
.edit-mode .newsfeed-page-container {
  margin: 0 auto;
  width: 580px;
}
.newsfeed-page-container .single-column-form .form-group.last {
  margin-top: 20px;
  margin-bottom: 150px;
  border-bottom: 1px solid #d8d8d8;
}
.neewsfeed-form {
  margin-top: 40px;
}
.neewsfeed-form .footer-buttons {
  border: none;
  margin-bottom: 100px;
}
.newsfeed-page-container .search-wrapper .form-control.search {
  background-color: white;
}
.newsfeed-section-header {
  font-size: 16px;
  color: #0085FF;
}
.form-section-separator.separate-sling-header {
  margin-top: 40px;
}
.newsfeed-page-access-section {
  margin: 20px 0 !important;
}
.newsfeed-switcher-description {
  max-width: 300px;
}
.sling-switcher-field .move-from-top {
  margin-top: 5px;
}
#editComment + .emoji-selector {
  right: 22px;
  top: 22px;
}
#editComment.with-attachments {
  padding-right: 66px;
}
#editComment.with-attachments + .emoji-selector {
  right: 50px;
}
.newsfeed-error {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  background-color: #E96873;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .newsfeed-page-list-container.space-around {
    margin-right: 0;
  }
  .newsfeed-responsive-container .container {
    min-width: 750px;
  }
  .newsfeed-notifications-container {
    margin-left: 0;
  }
  .newsfeed-notifications-container.hidden-sm {
    display: none;
  }
  .newsfeed-page-list-container.edit-mode {
    min-width: 105px;
    max-width: 105px;
  }
  .newsfeed-left-bar {
    width: 210px;
    padding-right: 20px;
  }
  .newsfeed-empty {
    margin-left: -20px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .newsfeed-page-list-container.space-around {
    margin-right: 0;
  }
  .newsfeed-responsive-container .container {
    min-width: 970px;
  }
  .newsfeed-left-bar {
    width: 210px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .newsfeed-page-list-container.space-around {
    margin-right: 75px;
  }
}
.article-mask {
  -webkit-mask-image: linear-gradient(to bottom, black 0% calc(90% - 300px), transparent 90% 100%);
          mask-image: linear-gradient(to bottom, black 0% calc(90% - 300px), transparent 90% 100%);
}
.no-pages .newsfeed-left-col {
  margin: 0 auto;
}
.newsfeed-left-col {
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.5s ease;
}
@media screen and (max-width: 1110px) {
  .newsfeed-left-col.closed {
    transform: translateX(-210px);
  }
}
@keyframes highlight {
  0% {
    background-color: #FFFFFF;
  }
  10% {
    background-color: rgba(0, 133, 255, 0.05);
  }
  90% {
    background-color: rgba(0, 133, 255, 0.05);
  }
  100% {
    background-color: #FFFFFF;
  }
}
.article-highlight {
  animation: highlight 3s ease 0.5s;
}
#education-root {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1060;
  transition-property: opacity, visibility;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0.3s;
  opacity: 0;
  visibility: hidden;
}
#education-root.shown {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}
#education-root svg {
  width: 100%;
  height: 100%;
}
#education-root svg .cutout-mask.with-transition {
  transition: all 0.4s ease;
}
#education-text {
  position: fixed;
  background: #7A6DC9;
  font-size: 14px !important;
  font-weight: 600;
  color: white;
  padding: 20px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  transition-property: opacity, visibility;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0.25s;
  opacity: 0;
  visibility: hidden;
  width: 385px;
  border-radius: 4px;
  z-index: 1052;
}
#education-text.shown {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}
#education-text #education-text-chevron {
  background: #7A6DC9;
  width: 12px;
  height: 12px;
  position: absolute;
  transform: rotateZ(-45deg) skew(10deg, 10deg);
}
#education-text.chevron-right-bottom {
  transform: translateX(-115%) translateY(52%);
}
#education-text.chevron-right-bottom #education-text-chevron {
  top: auto;
  bottom: 35px;
  left: 100%;
  transform: translateX(-50%) rotateZ(-45deg) skew(10deg, 10deg);
}
#education-text.chevron-left-top #education-text-chevron {
  top: 12px;
  left: -6px;
}
#education-text.chevron-left-bottom #education-text-chevron {
  top: 82%;
  left: -6px;
}
#education-text.chevron-right-top #education-text-chevron {
  top: 12px;
  right: -6px;
}
#education-text.chevron-top-right #education-text-chevron {
  top: -6px;
  right: 12px;
  transform: rotateZ(45deg) skew(10deg, 10deg);
}
#education-text.chevron-top-left #education-text-chevron {
  top: -6px;
  left: 12px;
  transform: rotateZ(45deg) skew(10deg, 10deg);
}
#education-text.chevron-top-center {
  transform: translateX(-50%);
}
#education-text.chevron-top-center #education-text-chevron {
  top: -6px;
  left: 50%;
  transform: rotateZ(45deg) skew(10deg, 10deg);
}
#education-text.chevron-bottom-center {
  transform: translateX(-50%);
}
#education-text.chevron-bottom-center #education-text-chevron {
  top: auto;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotateZ(45deg) skew(10deg, 10deg);
}
#education-text.chevron-left-center {
  transform: translateY(-50%);
}
#education-text.chevron-left-center #education-text-chevron {
  top: 50%;
  left: -6px;
  margin-top: -5px;
}
#education-text.chevron-none {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
#education-text.chevron-none #education-text-chevron {
  display: none;
}
#education-text.manual-offset {
  transform: none;
}
#education-text .education-text-footer {
  margin-top: 20px;
}
#education-text .education-text-footer .col-xs-11 {
  color: #97A2AE;
  font-size: 0.9em;
  line-height: 32px;
}
#education-text .education-text-footer .col-xs-11 .skip {
  color: #5F7183;
}
#education-text h3 {
  font-size: 18px;
  margin: 5px 0 20px;
}
#education-text p {
  font-weight: 300;
}
#education-text .education-image-holder {
  margin: 30px 0;
  text-align: center;
}
#education-text .link-as-text.underline {
  text-decoration: underline;
}
#education-text .link-as-text:hover {
  color: inherit;
}
#education-root:not(.shown) + #education-text {
  opacity: 0;
  visibility: hidden;
}
.tip-banner-brand {
  background-color: #7A6DC9;
  padding: 20px;
  color: white;
  font-size: 14px;
  box-shadow: 0px 4px 8px rgba(122, 109, 201, 0.25);
  border-radius: 4px;
  margin: 20px 0;
}
.tip-banner-brand > :last-child {
  margin-left: auto;
}
.tip-banner-brand.sling-animate.ng-hide-add {
  transition: opacity 0.5s ease;
}
.tip-banner-brand.sling-animate.ng-hide-add-active {
  opacity: 0;
}
.tip-banner-brand.sling-animate.ng-hide-remove {
  transition: opacity 0.5s ease;
  opacity: 0;
}
.tip-banner-brand.sling-animate.ng-hide-remove-active {
  opacity: 1;
}
.tip-banner-brand .btn.btn-primary {
  border: 2px solid white;
}
.close-education {
  font-size: 14px;
  line-height: 20px;
  opacity: 0.65;
  color: #6D8092;
  font-weight: 400;
}
.toast-shift-tooltip-text {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.toast-shift-tooltip-footer-text {
  position: absolute;
  bottom: 20px;
  color: #FFF;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
  line-height: 14px;
}
dots-carousel,
dots-carousel-slide {
  display: block;
}
dots-carousel .sling-tour-modal-button {
  width: 190px !important;
}
dots-carousel .slides-container {
  overflow: hidden;
  width: 100%;
}
dots-carousel [dots-carousel-transclude] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
dots-carousel [dots-carousel-transclude] > * {
  /* 'width' does nothing for a flex child */
  min-width: 100%;
  max-width: 100%;
}
dots-carousel [dots-carousel-transclude].with-transitions {
  transition: transform 0.5s ease-in-out;
}
dots-carousel .dots-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
dots-carousel .dot {
  width: 11px;
  height: 11px;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: background 0.3s ease;
  cursor: pointer;
}
dots-carousel .dot:after {
  content: '';
  background: white;
  transition: transform 0.3s ease;
  transform: scale(0);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
dots-carousel .dot.active:after {
  transform: scale(1);
}
dots-carousel .dot + .dot {
  margin-left: 10px;
}
dots-carousel .dot:hover {
  background: rgba(255, 255, 255, 0.7);
}
dots-carousel available-in-subscription {
  position: absolute;
  left: 10px;
  bottom: 50px;
}
messages-preview .preview-banner .image-fallback {
  margin-bottom: -40px;
  width: 700px;
}
.conversations-flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
}
.dashboard-notifications-group {
  top: 60px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1031;
}
.dashboard-notifications-prompt {
  background: #FDB34D;
  color: #FFFFFF;
  height: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  padding: 10px 0;
}
.dashboard-notifications-prompt.second-prompt {
  top: 120px;
  border-top: solid 1px #FFFFFF;
}
.dashboard-notifications-prompt .button-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px;
}
.dashboard-notification-button {
  min-width: 100px;
  height: 30px;
  margin-left: 10px;
  padding: 0 10px;
  line-height: 28px;
  letter-spacing: 1px;
  border-radius: 3px;
}
.dashboard-notification-button:not(:hover) {
  opacity: 0.8;
}
.dashboard-notification-button.notification-confirm {
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 2px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
.dashboard-notification-button.notification-reject {
  background-color: transparent;
  border: solid 2px rgba(0, 0, 0, 0.3);
}
.conversations-container.dashboard-notification-on {
  height: calc(100% - 60px);
}
.conversation-list,
.conversation-details {
  float: left;
  position: relative;
  height: 100%;
}
.conversation-list .big-search,
.conversation-details .big-search {
  margin: 0 10px 0 0;
}
.conversation-list .big-search img,
.conversation-details .big-search img {
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  padding: 9px;
  opacity: 0.65;
  transition: opacity 0.3s ease, background 0.3s ease;
  z-index: 2;
}
.conversation-list .big-search:hover img,
.conversation-details .big-search:hover img {
  opacity: 1;
}
.conversation-list .big-search input,
.conversation-details .big-search input {
  width: 36px;
  transition: width ease-in-out 0.25s, padding-right ease-in-out 0.25s, background ease 0.3s;
}
.conversation-list .big-search input:not(:focus):not(.non-empty),
.conversation-details .big-search input:not(:focus):not(.non-empty) {
  padding-right: 12px;
}
.conversation-list .big-search input:not(:focus):not(.non-empty)::-moz-placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty)::-moz-placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty):-ms-input-placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty):-ms-input-placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty)::placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty)::placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty):hover,
.conversation-details .big-search input:not(:focus):not(.non-empty):hover {
  cursor: pointer;
}
.conversation-list .big-search input:focus,
.conversation-details .big-search input:focus,
.conversation-list .big-search input.non-empty,
.conversation-details .big-search input.non-empty {
  width: 300px;
}
.conversation-list .big-search input:hover,
.conversation-details .big-search input:hover,
.conversation-list .big-search input:focus,
.conversation-details .big-search input:focus {
  background-color: rgba(0, 128, 255, 0.08);
}
.conversation-list .conversation-options-button,
.conversation-details .conversation-options-button {
  border-radius: 3px;
}
.conversation-list .conversation-options-button:hover,
.conversation-details .conversation-options-button:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.conversation-list {
  width: 225px;
}
.conversation-list img.messages-empty {
  height: 412px;
  position: absolute;
  top: 85px;
  right: -25px;
}
.conversation-group h4 {
  font-weight: bold;
  font-size: 13px;
  color: #5F7183;
  line-height: 18px;
  border-bottom: 1px solid;
  padding-bottom: 15px;
}
.conversation-group h4 img {
  opacity: 0.5;
  cursor: pointer;
}
.conversation-group h4 img:hover {
  opacity: 1;
}
.conversation-group .dropdown-menu > div {
  width: 200px;
  max-height: 250px;
  overflow-y: auto;
  margin-right: -10px;
  padding-right: 10px;
}
.conversation-group .dropdown-search {
  position: relative;
  padding: 10px;
}
.conversation-group .dropdown-search img {
  position: absolute;
  top: 14px;
  left: 14px;
  pointer-events: none;
}
.conversation-group .dropdown-search input {
  background: #f2f5f7;
  padding: 2px 6px 2px 24px;
  height: auto;
  font-weight: 300;
  color: #5F7183;
  border: none;
  border-radius: 3px;
}
.conversation-group .conversation-in-group {
  padding: 0 5px 0;
  border-radius: 3px;
  position: relative;
  font-size: 13px;
  color: #97A2AE;
}
.conversation-group .conversation-in-group:hover {
  background-color: rgba(0, 128, 255, 0.08);
  color: #0085FF;
}
.conversation-group .conversation-in-group:hover button {
  opacity: 1;
}
.conversation-group .conversation-in-group a {
  padding: 6px 0 6px 6px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.conversation-group .conversation-in-group a.active {
  color: #0085FF;
  font-weight: 600;
}
.conversation-group .conversation-in-group button {
  opacity: 0;
  background: transparent;
}
.conversation-group .conversation-in-group .conversation-rest-expand-icon {
  transition: transform 0.25s ease;
  transform: none;
}
.conversation-group .conversation-in-group .conversation-rest-expand-icon.expanded {
  transform: rotateZ(-180deg);
}
.conversation-group .flex-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.conversation-group .flex-name > :first-child {
  -ms-flex: 2;
      flex: 2;
}
.conversation-group + .conversation-group {
  margin-top: 30px;
}
archived-conversations {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 19px;
  background: #f2f5f7;
}
archived-conversations a.link-as-text.more {
  font-weight: 600;
  color: #6D8092;
}
archived-conversations a.link-as-text.more.active svg path {
  stroke: #0085FF;
}
.conversation-details {
  width: calc(100% - 225px);
  padding-right: 10px;
}
.conversation-start-new {
  margin-top: 20px;
}
.fixed-height {
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 0;
  right: 0;
  padding-right: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.fixed-height.space-from-bottom {
  bottom: 60px;
}
.nav-sidebar {
  padding-top: 5px;
}
.nav-sidebar li.messages-search {
  padding: 6px 0 10px 0;
  font-size: 0.9em;
}
.nav-sidebar li.messages-search .form-group {
  margin: 0;
}
.nav-sidebar li.messages-search .small-search {
  margin: 0;
  transition: all 0.25s ease;
}
.nav-sidebar li.messages-search .small-search img {
  position: absolute;
  top: 10px;
  left: 7px;
}
.nav-sidebar li.messages-search .small-search input {
  height: 36px;
  border-width: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 28px;
}
.nav-sidebar li.messages-search .form-inline-clear {
  position: absolute;
  right: 0;
  top: 3px;
  width: 30px;
  height: 30px;
  color: #97A2AE;
  text-align: center;
  font-size: 18px;
}
.nav-sidebar li.messages-search .form-inline-clear:hover {
  text-decoration: none;
  color: #5F7183;
}
.nav-sidebar li.messages-search.result {
  height: 30px;
  background-color: #f2f5f7;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  position: relative;
  top: -2px;
}
.nav-sidebar li.messages-search.result p {
  color: #A0AFBE;
  font: normal 11px/17px 'Sling Emojis', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.65;
}
.nav-sidebar li.messages-search.result p span {
  background-color: #A0AFBE;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 7px;
  font-weight: bold;
  padding: 0 5px;
}
.messages-container {
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: 0;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.messages-container .messages-header {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 20px;
  padding-left: 30px;
}
.messages-container .messages-header h1 {
  font-size: 1.4em;
  margin: 0 20px -2px 26px;
  padding: 2px 0 2px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 600px;
}
.messages-container .messages-header h1 a {
  color: #0085FF;
}
.messages-container .messages-header h1 img {
  margin-right: 20px;
}
.messages-container .messages-header .avatar {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.messages-container .messages-header.search {
  padding: 20px 30px;
  color: #9A9A9A;
}
.messages-container .messages-header.search form > div {
  font-size: 1.4em;
  margin-right: 10px;
}
.messages-container .message-scroller-and-members {
  -ms-flex: 2;
      flex: 2;
  overflow: hidden;
  position: relative;
}
.messages-container .messages-scroller {
  transition: right 0.5s ease;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  right: 240px;
}
.messages-container .messages-scroller.full-width {
  right: 30px;
  width: auto;
}
.messages-container .messages-scroller.anchor-bottom {
  overflow: visible;
}
.messages-container .messages-scroller.anchor-bottom > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -20px;
  padding: 20px 20px 0;
}
.messages-container .messages-scroller .message-repeat:last-child {
  padding-bottom: 20px;
}
.messages-container .messages-scroller .chat-utils-col {
  width: 15% !important;
}
.messages-container .messages-scroller .chat-messages-col {
  width: 85% !important;
}
.messages-container .messages-scroller .col-xs-2.text-right {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.messages-container .messages-scroller .col-xs-2.text-right + .col-xs-14 {
  padding-left: 20px;
}
.messages-container .messages-scroller.compose {
  padding: 0 10px;
  margin-top: 61px;
  left: 120px;
}
.messages-container .messages-scroller.compose h1 {
  font-size: 36px;
  margin: 0;
}
.messages-container .messages-scroller.compose .chat-start-description {
  color: #a4a4a4;
  font-weight: 400;
  line-height: 138%;
  margin: 20px 0 32px;
  font-size: 16px;
}
.messages-container .load-more {
  text-align: center;
  padding: 20px 0;
}
.messages-container .messages-footer {
  background: white;
  z-index: 2;
}
.messages-container .messages-footer.compose {
  height: auto;
  margin: 0 75px;
  padding: 20px 0;
}
.messages-container .messages-footer.compose .btn + .btn {
  margin-right: 20px;
}
.messages-container .messages-footer.compose .btn {
  width: 170px;
  font-weight: 400;
  letter-spacing: 1px;
}
.messages-container .messages-footer__info--disabled {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #6D8092;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 10px 126px;
  padding: 10px;
  text-align: center;
  width: 605px;
}
.messages-container .message-author .avatar {
  position: absolute;
  right: 0;
  top: 2px;
}
.messages-container .message-author a,
.messages-container .message-author span {
  color: #646464;
  font-weight: bold;
}
.messages-container .message span.edited {
  font-style: italic;
  color: #a2a2a2;
}
.messages-container .message .time {
  color: #a2a2a2;
  font-size: 0.85em;
  line-height: 20px;
  display: none;
}
.messages-container .message .actions {
  display: none;
  margin-top: -5px;
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.messages-container .message .actions button {
  border: 0;
  font-size: 0.8em;
  padding: 0;
  background: transparent;
  color: #919191;
  outline: none;
}
.messages-container .message .actions button span {
  margin: 0;
  margin-right: 6px;
  padding: 0;
}
.messages-container .message .failed {
  padding: 8px 10px;
  background-color: #fbe9eb;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.messages-container .message .failed .retry-icon {
  opacity: 0.8;
  margin-right: 5px;
  transition: opacity 0.3s ease;
}
.messages-container .message .failed:hover {
  background-color: #fbdddf;
}
.messages-container .message .failed:hover .retry-icon {
  opacity: 1;
}
.messages-container .message .action {
  padding: 8px 10px;
  background: #d9edf7;
}
.messages-container .message:hover .time,
.messages-container .message:hover .actions {
  display: -ms-flexbox;
  display: flex;
}
.messages-container .message.typing {
  font-style: italic;
  color: #97A2AE;
}
.messages-container .message.meta p,
.messages-container .message.deleted p {
  font-style: italic;
  color: #97A2AE;
}
.messages-container .message.typing {
  margin-bottom: -20px;
}
.messages-container .message.typing .align-bottom-vertically {
  min-height: 1.5em;
}
.messages-container .message.typing .col-xs-14 {
  padding-left: 20px;
}
.messages-container .message.typing markdown-hints {
  margin-left: auto;
}
.messages-container .welcome-to-page {
  padding: 0 75px;
  width: 580px;
  box-sizing: content-box;
}
.messages-container .temporary-textarea {
  position: fixed;
  top: 0;
  left: -999px;
}
.messages-footer-middle,
.messages-footer-right {
  float: left;
  padding: 10px;
}
.messages-footer-middle {
  width: 480px;
  padding-right: 0;
  margin-left: 118px;
  position: relative;
}
.messages-footer-middle .textarea-border {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.88, 0.44, 1, 0.43), border-color 0.3s ease;
}
.messages-footer-middle .textarea-border.focused {
  border-color: #0085FF;
}
.messages-footer-middle .textarea-border > textarea {
  border: none !important;
}
.messages-footer-middle .textarea-border-collapse textarea {
  transition-duration: 0.3s;
  transform: translateY(-100%);
}
.messages-footer-right {
  width: 144px;
}
.messages-scroller .date-group-header {
  margin: 10px 0;
}
.messages-scroller .date-group-header .col-xs-14 {
  padding-left: 20px;
}
.messages-scroller .date-group-header h2 {
  text-transform: none;
  font-size: 1.1em;
  background: white;
  padding: 0 15px;
}
.messages-scroller .date-group-header h2 span {
  color: inherit;
  margin: 0;
}
.messages-scroller .date-group-header ~ .message-separator {
  display: none;
}
.message-separator {
  height: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.message-separator .col-xs-14 {
  padding-left: 20px;
}
.message-separator .line {
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  position: relative;
  top: 6px;
}
.file-upload {
  cursor: pointer;
}
.file-upload-container {
  height: 45px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  white-space: nowrap;
}
.progressbar-container {
  margin-top: 1px;
}
.progressbar-container,
div.progress {
  height: 2px;
}
div.progress {
  margin: 0;
  background: white;
  box-shadow: none;
}
#messages-mention {
  margin-left: -7px;
  width: 468px;
  bottom: 25px !important;
  top: auto !important;
}
.message-search-more {
  color: #0085FF;
}
message-content {
  display: block;
  position: relative;
}
.message-repeat .message.row.highlight {
  background: #F3F3F3;
}
.message-repeat.temporary {
  color: #97A2AE;
}
.message-repeat.temporary .spinner {
  display: none;
  transform: scale(0.5) translateY(6px);
  margin-top: -4px;
  margin-left: -2px;
  width: auto;
}
.swoop-content-add {
  position: fixed;
  bottom: 76px;
  transform: translateY(63px);
}
.swoop-content-add-active {
  transition: transform 0.3s cubic-bezier(0.88, 0.44, 1, 0.43);
  transform: translateY(0);
}
.message:hover .spinner {
  display: inline-block;
}
.message-search-repeat .message.row {
  padding-bottom: 10px;
  margin: 0;
  border-bottom: none;
}
.message-search-repeat .message.row .col-xs-14 {
  border-bottom: rgba(0, 0, 0, 0.08);
}
.message-search-repeat .message.row .col-xs-14:last-child {
  border-bottom: none;
}
.message-search-repeat .message.row .search-created {
  font-size: 10px;
  color: #aeaeae;
  margin-top: 10px;
}
.message-search-repeat .message.row .search-created a {
  color: #aeaeae;
  font-size: 10px;
  font-weight: 400;
}
.message-search-repeat .message.row .message-target-link {
  display: inline-block;
  width: 100%;
  background: transparent;
  padding: 10px 0 0 0;
}
.message-search-repeat .message.row .message-target-link:hover {
  background: #F3F3F3;
  cursor: pointer;
}
.uploaded-file {
  margin-top: 4px;
  padding: 8px 10px 8px 12px;
  clear: both;
  background: rgba(59, 77, 96, 0.05);
  border-radius: 3px;
}
.uploaded-file a.remove-attachment {
  color: #97A2AE;
  opacity: 0.65;
  font-size: 120%;
  text-decoration: none;
  line-height: 1;
  padding: 2px;
  float: right;
}
.uploaded-file a.remove-attachment:hover {
  opacity: 1;
}
.uploaded-file:hover {
  text-decoration: none;
  background: rgba(59, 77, 96, 0.1);
}
.uploaded-file:hover a.remove-attachment {
  display: inline;
}
.edit-conversation .form-group {
  border: none;
  margin-bottom: 0;
}
.edit-conversation .choose-mode {
  padding: 40px;
  text-align: center;
}
.edit-conversation .choose-mode:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.edit-conversation .choose-mode:first-child {
  padding-top: 20px;
}
.edit-conversation .choose-mode:last-child {
  padding-bottom: 20px;
}
.edit-conversation .choose-mode img {
  margin-right: 10px;
}
.unread-badge {
  margin-left: 10px;
  margin-right: 6px;
  padding: 2px 3px;
  background: #0085FF;
  border-radius: 3px;
  color: white;
  min-width: 17px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
.start-conversation {
  background: none;
  width: 580px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  position: absolute;
  left: 110px;
  bottom: 0;
  padding-top: 60px;
}
.start-conversation .no-conversations-info {
  margin-top: 40px;
}
.start-conversation .divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 20px 0;
}
.start-conversation .start-conversation-title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
}
.start-conversation .start-conversation-header {
  margin: 60px 0 50px;
  color: #738190;
}
.start-conversation .start-conversation-header :first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.start-conversation .start-conversation-header h2 {
  margin: 0;
  font-size: 24px;
}
.start-conversation .start-conversation-header h2 + div {
  margin-top: 5px;
}
.start-conversation .start-conversation-header img {
  margin-right: 20px;
}
.start-conversation .user-select {
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.start-conversation .start-conversation-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.start-conversation .user-search {
  position: relative;
  margin-bottom: 20px;
}
.start-conversation .user-search input {
  padding-right: 36px;
}
.start-conversation .user-search img {
  position: absolute;
  top: 11px;
  right: 11px;
}
.start-conversation .user-list {
  overflow-y: auto;
  min-height: 0;
}
.start-conversation .user-item {
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.start-conversation .user-item:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.start-conversation .user-item > avatar {
  margin: 0 15px 0 10px;
}
.start-conversation .user-item > div {
  color: #5F7183;
  font-size: 14px;
  min-width: 0px;
  /* important for flex */
}
.start-conversation .user-item > div .location {
  color: #97A2AE;
}
.start-conversation .no-users {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.start-conversation .modal-header {
  display: none;
}
.start-conversation .modal-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.start-conversation .modal-footer {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
#editMessage,
#editArticle {
  padding-right: 65px;
  resize: vertical;
}
#editMessage + .emoji-selector,
#editArticle + .emoji-selector {
  right: 50px;
  top: 22px;
}
.list-group-item {
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #0085FF;
  border-color: #0085FF;
  box-shadow: none;
}
.reaction-selector-dropdown-menu {
  width: 172px;
  min-width: 172px;
  z-index: 1080;
  transform: translate(0, -115px);
}
.reaction-selector-icon {
  margin-right: 5px;
}
.message-reactions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.message-reactions .reaction-selector-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  cursor: pointer;
  color: #A0AFBE;
  margin-left: 5px;
  margin-bottom: 5px;
}
.message-reactions .reaction-selector-icon:hover {
  color: #0085FF;
}
.message-reactions .reaction-selector-icon:hover .slingicon-emoji {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon-selected@2x-87c203.png);
}
.message-reactions .reaction-selector-icon .slingicon-emoji {
  margin-top: -1px;
  margin-left: 3px;
}
.message-reactions .reaction-selector-icon .plus {
  font-size: 16px;
  line-height: 16px;
}
.message-reaction {
  min-width: 50px;
  height: 26px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  float: left;
  border-radius: 13px;
  border: 1px solid #A0AFBE;
  margin-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 5px;
  margin-bottom: 5px;
}
.message-reaction .emoji {
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: end;
}
.message-reaction .count {
  font-size: 12px;
  line-height: 20px;
  color: #6D8092;
  -ms-flex-item-align: center;
      align-self: center;
}
.message-reaction.active {
  border-color: #0085FF;
}
.message-reaction.active .count {
  color: #0085FF;
}
.tooltip.reaction-users-tooltip .tooltip-inner {
  background-color: #FFFFFF !important;
  color: #6D8092 !important;
  border-width: 0;
  font-size: 11px;
  line-height: 14px;
}
.tooltip.reaction-users-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: #FFFFFF;
}
.messages-members,
.newsfeed-sidebar {
  font-size: 12px;
}
.messages-members span,
.newsfeed-sidebar span {
  color: #97A2AE;
}
.messages-members h4,
.newsfeed-sidebar h4 {
  padding-bottom: 15px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #97A2AE;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.messages-members .messages-member,
.newsfeed-sidebar .messages-member {
  padding: 5px 0;
  color: #97A2AE;
}
.messages-members .messages-member .dropdown-menu a:not(:hover),
.newsfeed-sidebar .messages-member .dropdown-menu a:not(:hover) {
  color: #5F7183;
}
.messages-members .messages-member .link-as-text:hover,
.newsfeed-sidebar .messages-member .link-as-text:hover {
  text-decoration: none;
}
.inactive-member-tooltip .tooltip-arrow {
  left: 15px !important;
}
.messages-member-group {
  font-weight: normal;
  padding: 12px 0 10px;
  color: #97A2AE;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.messages-member-group .group-header {
  cursor: pointer;
  font-size: 12px;
  opacity: 0.8;
}
.messages-member-group .group-header:hover {
  opacity: 1;
}
.messages-member-group .group-header span {
  margin-top: 0px;
}
.messages-member-group .group-content {
  margin-top: 15px;
}
.messages-member-group img {
  margin-right: 6px;
}
.messages-member-group .triangle-button {
  position: absolute;
  right: -6px;
  top: 10px;
  transform: rotateZ(-90deg);
  transition: transform 0.25s ease;
}
.messages-member-group.expanded .triangle-button {
  transform: none;
}
.messages-container .messages-members {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 225px;
  right: 0;
  padding: 0 20px;
  transition: transform 0.5s ease;
  transform: translateX(205px);
}
.messages-container .messages-members.open {
  transform: translateX(0);
}
.members-group-cotainer {
  transition: margin 0.2s ease;
  color: #97A2AE;
}
.members-group-cotainer .members-group-header {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 12px;
  padding: 5px 0;
}
.members-group-cotainer .members-expand-icon {
  transform: rotateZ(-90deg);
  transition: transform 0.25s ease;
}
.members-group-cotainer.expanded .members-expand-icon {
  transform: none;
}
.members-group-cotainer .members-group-users {
  margin-left: 14px;
}
.user-settings-container {
  max-width: 1200px;
  min-width: 750px;
  width: 100vw;
  color: #5F7183;
  padding-bottom: 150px;
}
.user-settings-container h1 {
  font-size: 18px;
}
.user-settings-container .item small a:not(.no-decoration) {
  color: #97A2AE;
  text-decoration: underline;
}
.user-settings-container .nav-tabs {
  background: #f2f5f7;
}
.user-settings-container .nav-tabs li a {
  padding-left: 0;
  padding-right: 0;
}
.user-settings-container .settings-tab-container:not(.fullwidth) {
  width: 750px;
  margin: 0 auto;
}
.user-settings-container .setting-checkmark:first-child {
  padding-top: 15px;
}
.user-settings-container .setting-checkmark + .setting-checkmark {
  margin-top: 15px;
}
.user-settings-container .setting-checkmark.with-text {
  padding-top: 0;
}
.user-settings-container .setting-checkmark.with-text label.checkmark > span:last-child {
  float: right;
  margin-left: 30px;
}
.user-settings-container .notifications-settings .form-control {
  width: 100%;
}
.user-settings-container .dropdown-menu.scrollable {
  width: 100%;
}
.user-settings-container .dropdown-time-selector {
  min-width: 105px;
  width: auto;
  left: auto;
}
.user-settings-container .heading-with-border {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 10px;
}
.ng-submitted.ng-invalid .nav-tabs .invalid a {
  box-shadow: 0 0 0 2px #E96873 inset;
}
.settings-sections-scrollspy {
  position: absolute;
  left: 0;
}
@media (max-width: 1120px) {
  .settings-sections-scrollspy {
    display: none;
  }
}
.settings-sections .section {
  padding: 20px 0;
  border-bottom: 1px solid #DCDCDC;
}
.settings-sections .section h2 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 6px;
  margin: 10px 0 -10px;
}
.settings-sections .section .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.settings-sections .section .item strong {
  color: #6D8092;
}
.settings-sections .section .item > div:first-child:not(:only-child) {
  width: 70%;
  padding-right: 30px;
}
.settings-sections .section .item .multi-field-description {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.settings-sections .section .item > :last-child:not(:only-child) {
  text-align: right;
  width: 30%;
  position: relative;
}
.settings-sections .section .item > :last-child:not(:only-child) select,
.settings-sections .section .item > :last-child:not(:only-child) input {
  width: 100%;
}
.settings-sections .section .item > div:only-child {
  width: 100%;
}
.settings-sections .section .item > div:only-child .form-control {
  width: 100%;
}
.settings-sections .section .item.equal-width > * {
  width: 50% !important;
}
.settings-sections .section .item.width-60-40 > div:first-child:not(:only-child) {
  width: 60%;
}
.settings-sections .section .item.width-60-40 > :last-child:not(:only-child) {
  width: 40%;
}
.settings-sections .section h1 {
  margin: 0;
}
.settings-sections .section small,
.settings-sections .section shift-appearance .description {
  font-size: 13px;
  color: #97A2AE;
}
.settings-sections .section small.small-help-block {
  display: block;
  position: absolute;
}
.settings-sections .section shift-appearance .description {
  margin-top: 20px;
}
.settings-sections .section shift-appearance .sources-pane h4 {
  display: none;
}
.settings-sections .section shift-appearance {
  margin-top: 10px;
}
.settings-sections .section .form-control:not(.full-width) {
  width: 200px;
}
.settings-sections .section .form-control[disabled] {
  -webkit-text-fill-color: #5F7183;
  box-shadow: 0 0 0 1px #d7d7d7 inset !important;
  background-image: none !important;
  background-color: transparent;
  cursor: default;
}
.settings-sections .section .form-group {
  margin-bottom: 0;
}
.settings-sections .section .item ~ .item,
.settings-sections .section .item ~ * .item {
  padding-top: 20px;
}
.settings-sections .section > .item:first-child {
  padding-top: 0;
}
.settings-sections .section > .setting-checkmark:first-child {
  padding: 0;
}
.settings-sections .section.staging-section {
  padding: 0;
}
.settings-sections .section.staging-section > div {
  padding: 20px 60px;
  margin-left: -60px;
  margin-right: -60px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), antiquewhite 10%, antiquewhite 90%, rgba(255, 255, 255, 0));
}
.settings-sections .section.separate {
  margin-top: 50px;
  padding: 10px 0;
  border-top: 1px solid #DCDCDC;
}
.settings-sections .section.no-border {
  border: none;
}
.settings-sections .section.border-top {
  border-top: 1px solid #DCDCDC;
}
.settings-sections .section.projected-sales {
  padding-top: 0;
}
.settings-sections .section.projected-sales .brand-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.settings-sections .section.projected-sales .item {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
}
.settings-sections .section.projected-sales .item > div:first-child {
  width: 50%;
}
.settings-sections .section.projected-sales .item > div:last-child {
  width: 50%;
}
.settings-sections .section.projected-sales .item > div:last-child .form-group {
  padding-bottom: 10px;
}
.settings-sections .section.projected-sales .item > div:last-child .form-group > label {
  width: 30%;
  padding-right: 20px;
  text-align: right;
}
.settings-sections .section.projected-sales .item > div:last-child .form-group > div {
  width: 60%;
  text-align: left;
  display: inline-block;
}
.settings-sections .section.projected-sales .total-sales {
  color: #0085FF;
}
.settings-sections .section .input-with-switcher {
  position: absolute;
  left: -115px;
  top: -2px;
}
.settings-sections.wide .section .item > div:first-child {
  width: 80%;
}
.settings-sections.wide .section .item > div:last-child {
  width: 20%;
}
.labor-settings {
  padding-bottom: 50px;
}
.labor-settings .form-control[disabled] {
  opacity: 0.5;
  cursor: default;
  background-color: white;
}
.labor-settings .select-access .form-control.search {
  background-color: white;
  width: 100%;
}
.labor-settings .select-access .person-tag {
  width: 100%;
  height: 38px;
  padding-top: 9px;
  float: none;
  margin: 0 0 4px 0;
}
.labor-settings .select-access .person-tag .person-tag-remove {
  top: 14px;
}
.labor-settings .show-label-when-disabled {
  position: relative;
}
.labor-settings .show-label-when-disabled > label {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 8px 12px;
  font-weight: 300;
  background: whitesmoke;
  color: #97A2AE;
  margin: 0;
}
.labor-settings .show-label-when-disabled.disabled > label {
  display: block;
}
.premium-guard input[switcher][disabled] + label {
  opacity: 1;
}
.ng-submitted .clock-in-geo-method-form.ng-invalid-form-valid-directive {
  position: relative;
}
.ng-submitted .clock-in-geo-method-form.ng-invalid-form-valid-directive:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  pointer-events: none;
  border: 1px solid #E96873;
}
.ng-submitted .clock-in-geo-method-form.ng-invalid-form-valid-directive:after {
  color: #E96873;
  content: 'at least one geofencing method must be turned on';
  background: #f2f5f7;
  position: absolute;
  bottom: -16px;
  right: -3px;
  padding: 0 4px;
  font-size: 11px;
  text-transform: uppercase;
}
.settings-checkbox-container {
  width: 75px;
  margin-left: 10px;
}
.settings-inline-label {
  white-space: nowrap;
  margin-right: 10px;
}
.google-calendar-oauth-container {
  width: 100%;
  min-height: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.google-switch-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.google-switch-container > span {
  cursor: pointer;
}
.google-switch-container .spinner > div {
  width: 10px;
  height: 10px;
}
#tags-setting {
  padding-top: 160px;
  margin-top: -140px;
}
.settings-client-flag-nested {
  position: relative;
}
.settings-client-flag-nested:before {
  position: absolute;
  content: '';
  top: 45px;
  bottom: 17px;
  left: -20px;
  width: 1px;
  background-color: currentColor;
}
.settings-client-flag-nested .item {
  position: relative;
}
.settings-client-flag-nested .item:before {
  position: absolute;
  content: '';
  left: -20px;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  bottom: 17px;
}
.premium-feature-preview-timeclock .preview-banner {
  background: url(/assets/images/premium-locked-screen/timeclock/header-7c98c5.png) no-repeat;
  background-size: contain;
  background-position: right top;
}
.premium-feature-preview-shift-tasks .premium-feature-preview-banner-container {
  background: linear-gradient(47.18deg, rgba(0, 0, 0, 0.012) 63.26%, rgba(0, 0, 0, 0.052) 95.14%), linear-gradient(270deg, #F2F5F7 38.25%, #FAFBFC 65.66%);
}
.premium-feature-preview-shift-tasks .premium-feature-preview-banner-container .preview-banner {
  background: url(/assets/images/premium-locked-screen/shift-tasks/task-header-11d09f.png) no-repeat;
  background-size: contain;
  background-position: right top;
  padding: 66px 40px 66px 75px;
}
.premium-feature-preview-shift-tasks .premium-feature-preview-banner-container .preview-banner [ng-transclude] {
  width: 430px;
}
.premium-feature-preview-shift-tasks .preview-text-container {
  color: #6D8092;
}
.premium-feature-preview-shift-tasks .preview-text-container > h3 {
  color: #4C6379;
}
body:not(.print-body) #shifts-main-container,
body:not(.print-body) .shifts-container-new {
  background: #f2f5f7;
}
.shifts-container .separator-bottom {
  padding-bottom: 10px;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #DADADA;
}
.shifts-container.container {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  min-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}
.shifts-container .shift-notification {
  background: #fef6e9;
  border: 1px solid #FDB34D;
  color: #FDB34D;
  position: fixed;
  top: 80px;
  left: 50%;
  z-index: 1050;
  font-size: 14px;
  line-height: 40px;
  width: 300px;
  text-align: center;
  margin-left: -150px;
}
.shifts-container .shift-sub-navigation {
  position: fixed;
  top: 60px;
  z-index: 200;
  width: 100%;
  min-width: 920px;
  z-index: 1000;
}
.shifts-container .shift-sub-navigation.shifts-manager-view {
  width: calc(100% - 310px);
}
.shifts-container .shift-sub-navigation .shifts-header-content {
  padding-top: 15px;
  background: white;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.shifts-container .shift-sub-navigation .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.shifts-container .shift-sub-navigation .buttons > * {
  margin-left: 10px;
}
.shifts-container .shift-sub-navigation + .shifts-header {
  top: 116px;
}
.shifts-container.collapsed-sidebar > .row > .shifts-main-container {
  width: calc(100% + 190px);
}
.shifts-container.collapsed-sidebar > .row > .shifts-main-container .shifts-header {
  width: calc(100% - 280px + 160px);
  /* @shift-view-collapse-width */
  min-width: 1110px;
}
.shifts-container.collapsed-sidebar > .row > .shifts-main-container .shifts-content {
  min-width: 1110px;
}
.shifts-container.collapsed-sidebar > .row > .shifts-main-container .banner-brand {
  min-width: 1110px;
}
.shifts-container .shifts-header {
  position: fixed;
  top: 60px;
  z-index: 200;
  width: 100%;
  min-width: 920px;
}
.shifts-container .shifts-header.shifts-manager-view {
  width: calc(100% - 310px);
}
.shifts-container .shifts-header .shifts-header-content {
  padding-top: 15px;
  background: white;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.shifts-container .shifts-main-container {
  float: left;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
.shifts-container .shifts-main-container.shifts-manager-view {
  width: 100%;
}
.shifts-container .shifts-main-container .well {
  padding: 105px 0 40px 0;
  border-radius: 0;
  background: #f2f5f7;
}
.shifts-container .shifts-main-container .well.more-padding {
  padding-top: 168px;
}
.shifts-container .shifts-main-container .well.sub-navigation-padding {
  padding-top: 161px;
}
.shifts-container .shifts-main-container .well.sub-navigation-padding.no-header {
  padding-top: 56px;
}
.shifts-container .shifts-main-container .banner-brand {
  margin-top: 20px;
  min-width: 920px;
}
.shifts-container .show-on-collapsed {
  display: none;
}
.shifts-container .shifts-leftheader {
  margin: 0 20px -10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container .shifts-leftheader div.date-nav {
  margin-bottom: 15px;
}
.shifts-container .shifts-leftheader div.date-nav > .btn-group {
  background: transparent;
}
.shifts-container .shifts-leftheader div.date-nav > .btn-group > .btn {
  min-width: 0;
}
.shifts-container .shifts-leftheader div.date-nav .header-button {
  padding: 0;
}
.shifts-container .shifts-leftheader div.date-nav .nav-datepicker + [uib-datepicker-popup-wrap] .uib-datepicker-popup {
  margin-top: 36px;
}
.shifts-container .shifts-leftheader div.date-nav h1.pull-left {
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  font-size: 26px;
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 680px);;
}
.shifts-container .shifts-leftheader div.date-nav h1.pull-left.shorter {
  width: calc(100% - 820px);;
}
.shifts-container .shifts-leftheader div.date-nav h1.pull-left span {
  color: #97A2AE;
}
.shifts-container .shifts-leftheader div.date-nav h1.pull-left span.notes {
  position: relative;
  top: -2px;
}
.shifts-container .selection-tools {
  margin-left: 10px;
  border: 1px solid #d8d8d8;
  height: 36px;
}
.shifts-container .selection-tools button {
  opacity: 0.65;
  line-height: 28px;
  background: transparent;
  margin: 0;
  padding: 0 2px;
}
.shifts-container .selection-tools button:hover {
  opacity: 1;
}
.shifts-container .table,
.shifts-container .data-row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
}
.shifts-container .table {
  -ms-flex-flow: column;
      flex-flow: column;
}
.shifts-container .table.absolute {
  position: absolute;
  left: 20px;
  right: 10px;
  width: auto;
}
.shifts-container .table-row {
  width: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
.shifts-container .data-column {
  -ms-flex-positive: 2;
      flex-grow: 2;
  max-width: 99.9%;
  /* fix grid glitch https://github.com/getsling/sling-issues/issues/871  */
}
.shifts-container .shifts-content {
  min-height: 16px;
  min-width: 920px;
}
.shifts-container .shifts-container {
  position: relative;
}
.shifts-container h2 {
  font-size: 12px;
  font-weight: 700;
  padding-top: 5px;
  color: #738190;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.shifts-container.unassigned-shifts,
.shifts-container.available-shifts {
  background: #f2f5f7;
}
.shifts-container .show-plus {
  cursor: pointer;
}
.shifts-container .shifts-table {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container .data-column .table-cell {
  padding: 8px 2px 2px 2px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container .totals-row {
  min-height: 30px;
}
.shifts-container .totals-row .table-cell {
  color: #97A2AE;
  font-size: 0.8em;
  min-height: 30px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  border-bottom: 0 !important;
}
.shifts-container .deleted-user-row .user-column {
  text-decoration: line-through;
}
.shifts-container .deleted-user-row .user-column .avatar {
  opacity: 0.3;
}
.shifts-container .deleted-user-row .shift:not(:hover):before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: rgba(255, 255, 255, 0.7);
  z-index: -1;
}
.shifts-container .shift {
  min-height: 36px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 2px;
  word-wrap: normal;
  white-space: nowrap;
  position: relative;
  border-width: 2px;
  border-style: dashed;
  text-overflow: ellipsis;
}
.shifts-container .shift .duration {
  font-weight: 400;
}
.shifts-container .shift .posloc {
  display: none;
}
.shifts-container .shift.published {
  border-style: solid;
}
.shifts-container .shift[draggable-shift]:not(.shift-key-drag):not(.draggable-shift-clone).draggable-shift-dragging {
  opacity: 0 !important;
}
.shifts-container .shift.draggable-shift-clone {
  box-shadow: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 101 !important;
  pointer-events: none;
}
.shifts-container .shift.draggable-shift-clone.dragging {
  transform: rotateZ(5deg);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.shifts-container .shift.draggable-shift-ghost {
  opacity: 0 !important;
  pointer-events: none;
}
.shifts-container .draggable-shift-drop-highlight,
.shifts-container .month-tiles-week .month-tile.draggable-shift-drop-highlight {
  background: rgba(255, 255, 0, 0.3) !important;
}
.shifts-container .shift.can-be-selected:not(.foreign):hover .shift-details,
.shifts-container .show-selection .shift.can-be-selected:not(.foreign) .shift-details {
  padding-left: 35px;
}
.shifts-container .unavailability,
.shifts-container .shift.foreign {
  color: #646464;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.shifts-container .unavailability .shift-details-status,
.shifts-container .shift.foreign .shift-details-status {
  background-color: #d8d8d8;
}
.shifts-container .unavailability:hover,
.shifts-container .shift.foreign:hover {
  color: white !important;
  background-color: #a4a4a4;
  border-color: #a4a4a4;
}
.shifts-container .unavailability:hover .shift-details-status,
.shifts-container .shift.foreign:hover .shift-details-status {
  background-color: #a4a4a4;
}
.shifts-container .unavailability {
  position: relative;
}
.shifts-container .shift-selection {
  position: absolute;
  height: 34px;
  top: -1px;
  left: -2px;
  display: none;
}
.shifts-container .shift-selection label.checkmark {
  box-sizing: content-box;
  padding: 8px;
}
.shifts-container .shift-selection label.checkmark input[type='checkbox'] + span {
  top: 8px;
  left: 8px;
}
.shifts-container .shift:not(.draggable-shift-dragging):hover .shift-selection,
.shifts-container .show-selection .shift-selection {
  display: block;
}
.shifts-container .shift-details {
  height: 100%;
  overflow: hidden;
  text-overflow: inherit;
  padding: 4px 6px;
  margin: -2px;
  border-radius: inherit;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
}
.shifts-container .shift-details .img-replaced-by-svg {
  position: absolute;
  margin-top: -1px;
}
.shifts-container .shift-details.right-icon {
  padding-right: 30px !important;
}
.shifts-container .shift-details img.shift-rrule-icon {
  position: absolute;
  top: 3px;
  right: 4px;
  z-index: 1;
}
.shifts-container .shift-details img.shift-summary-icon {
  position: absolute;
  bottom: 16px;
  right: 0;
}
.shifts-container .shift-details img.shift-task-icon {
  position: absolute;
  bottom: 3px;
  right: 4px;
}
.shifts-container .icon-on-right {
  padding-right: 10px;
}
.shifts-container .shift-details-status-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 6px;
  height: 100%;
}
.shifts-container .shift-details-status {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 1;
  text-align: center;
}
.shifts-container .shift-details-status ~ img {
  display: none;
}
.shifts-container .shift-details-status avatar > img {
  box-shadow: 0 0 0 1px white;
}
.shifts-container .shift.cancelled {
  display: none;
}
.shifts-container .shift.staging.cancelled {
  color: #97A2AE;
  display: block;
  border: 2px solid #97A2AE !important;
}
.shifts-container .shift.leave {
  background: #787878;
  border-color: #787878 !important;
}
.shifts-container .shift.leave:hover,
.shifts-container .shift.leave.hovered {
  color: white;
  background: #a3a3a3;
  border-color: #a3a3a3 !important;
}
.shifts-container .shift.is-past {
  opacity: 0.8;
}
.shifts-container .user-column {
  width: 15%;
  font-size: 0.85em;
  color: #646464;
  font-weight: 600;
  padding-top: 10px;
}
.shifts-container .user-column .avatar {
  margin-right: 6px;
  margin-top: 1px;
  float: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.shifts-container .user-column div {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shifts-container .user-column div > span {
  display: block;
  color: #97A2AE;
}
.shifts-container .user-column a {
  color: #646464;
}
.shifts-container .user-column a:hover,
.shifts-container .user-column a:hover * {
  color: #0085FF;
  text-decoration: none;
}
.shifts-container .user-column [premium-guard] > div {
  display: inline;
}
.shifts-container .sidebar .dropdown {
  position: absolute;
  top: 10px;
  right: 10px;
}
.shifts-container .sidebar h2,
.shifts-container .sidebar h2 a {
  font-size: 16px;
  color: #97A2AE;
  margin-bottom: 11px;
  padding-top: 9px;
}
.shifts-container .sidebar h2 a:hover {
  color: #0085FF;
}
.shifts-container .sidebar .sort-shifts {
  position: relative;
}
.shifts-container .sidebar .sort-shifts:before {
  color: #97A2AE;
  content: 'Sort by:';
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  z-index: -1;
}
.shifts-container .sidebar .sort-shifts select {
  background-color: transparent;
  padding-left: 60px;
  color: #5F7183;
  font-weight: 400;
}
.shifts-container .sidebar .sort-shifts select:not(:focus) {
  border-color: rgba(0, 0, 0, 0.08);
}
.shifts-container .sidebar .checkmark span:last-child {
  font-size: 13px;
  color: #5F7183;
}
.shifts-container .month-tiles table {
  width: 100%;
  table-layout: fixed;
}
.shifts-container .month-tiles day-options {
  position: relative;
  top: -1px;
  left: 5px;
}
.shifts-container .month-tiles-3-rows .shift-details,
.shifts-container .month-tiles-4-rows .shift-details {
  padding: 2px 5px;
}
.shifts-container .month-tile {
  box-sizing: border-box;
  background: #e7ebf4;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top-width: 0;
  vertical-align: top;
  position: relative;
}
.shifts-container .month-tile .shift.staging {
  background: transparent !important;
}
.shifts-container .month-tile.is-current-month {
  background: transparent;
}
.shifts-container .month-tile > div {
  padding: 4px;
  min-height: 115px;
}
.shifts-container .month-tile:hover .month-tile-header-plus,
.shifts-container .month-tile.force-plus .month-tile-header-plus {
  opacity: 1;
}
.shifts-container .month-tile.today {
  background: rgba(255, 255, 255, 0.5);
}
.shifts-container .month-tile.holiday-rate {
  background-color: rgba(219, 59, 80, 0.06);
}
.shifts-container .month-tile.business-closed {
  background-color: rgba(0, 0, 0, 0.06);
}
.shifts-container .month-tile .month-tile-header-plus {
  opacity: 0;
  font-size: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  line-height: 18px;
  position: absolute;
  right: 5px;
  top: 3px;
}
.shifts-container .month-tile .month-tile-header-plus:hover {
  color: rgba(0, 0, 0, 0.5);
}
.shifts-container .month-tile .month-tile-header-plus .month-template-paste {
  font-size: 12px;
  position: relative;
  top: -3px;
}
.shifts-container .month-tile .month-tile-header-date {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.shifts-container .month-tile .month-tile-header-date:hover {
  text-decoration: underline;
  color: #0085FF;
}
.shifts-container .month-tile .month-tile-header {
  color: #97A2AE;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 3px;
  margin-left: 2px;
  height: 14px;
}
.shifts-container .month-tile .month-tile-header.today {
  color: #0085FF;
}
.shifts-container .month-tile .month-tile-header .month-view-header-month {
  position: absolute;
  margin-left: 3px;
}
.shifts-container .month-tile user-aggregated-event {
  display: block;
}
.shifts-container .month-tile .shift {
  height: auto;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 0;
}
.shifts-container .month-tile .shift + .tooltip {
  pointer-events: none;
}
.shifts-container .month-tile .shift-details {
  text-overflow: ellipsis;
}
.shifts-container .month-tile .shift.unavailability > * {
  display: block;
}
.shifts-container .month-tile .shift.unavailability:after {
  display: none;
}
.shifts-container .month-tile .shift.event-unassigned {
  /* to be determined */
}
.shifts-container .month-tile .shift.event-available {
  /* to be determined */
}
.shifts-container .month-tile .shift-details-status {
  top: 2px;
}
.shifts-container .month-tiles-week h2 {
  margin-top: 0;
  text-transform: uppercase;
}
.shifts-container .month-tiles-week .month-tile {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-left-color: transparent;
}
.shifts-container .month-tiles-week .month-tile > div {
  min-height: 46px;
}
.shifts-container .month-tiles-week tfoot td {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px dashed transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-clip: padding-box;
  padding: 5px 6px 8px 6px;
  color: #97A2AE;
  font-size: 0.8em;
}
.shifts-container .month-tiles-week tfoot td.today:not(.holiday-rate) {
  background-color: rgba(255, 255, 255, 0.5);
}
.shifts-container .month-tiles-week .show-plus .shift.unavailability:not(.draggable-shift-dragging):hover:after {
  display: block !important;
}
.shifts-container .month-tiles-week .show-plus.no-events:hover:after {
  top: 1px;
}
.shifts-container .month-tiles-week .data-column .table-cell {
  padding-left: 3px !important;
  padding-top: 6px;
}
.shifts-container .month-tiles-week .month-tile-content {
  margin-top: -5px;
}
.shifts-container .month-tiles + .month-tiles {
  margin-top: 20px;
}
.shifts-container .month-tiles-3-rows .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  padding-top: 15px;
}
.shifts-container .month-tiles-3-rows .show-plus.no-events:hover:after {
  height: 46px;
  top: 1px;
  padding-top: 14px;
}
.shifts-container .month-tiles-3-rows.month-tiles-week .month-tile > div {
  min-height: 52px;
}
.shifts-container .month-tiles-4-rows .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  padding-top: 24px;
}
.shifts-container .month-tiles-4-rows .show-plus.no-events:hover:after {
  height: 64px;
  top: 1px;
  padding-top: 24px;
}
.shifts-container .month-tiles-4-rows.month-tiles-week .month-tile > div {
  min-height: 68px;
}
.shifts-container .month-tiles-unassigned > div {
  background: #d7e6ee;
  position: relative;
}
.shifts-container .month-tiles-unassigned > div:before {
  content: '';
  height: 1px;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  background: #0085FF;
}
.shifts-container .month-tiles-unassigned h2 {
  color: #0085FF !important;
}
.shifts-container .month-tiles-unassigned .month-tile:not(.business-closed):not(.holiday-rate) {
  background: transparent !important;
}
.shifts-container .month-tiles-unassigned .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #d7e6ee;
}
.shifts-container .month-tiles-unassigned .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #d7e6ee;
  border-left-color: #d7e6ee;
}
.shifts-container .month-tiles-available > div {
  background: #d7e8db;
  position: relative;
}
.shifts-container .month-tiles-available > div:before {
  content: '';
  height: 1px;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  background: #00af28;
}
.shifts-container .month-tiles-available h2 {
  color: #00af28 !important;
}
.shifts-container .month-tiles-available .month-tile {
  border-bottom-color: transparent;
}
.shifts-container .month-tiles-available .month-tile:not(.business-closed):not(.holiday-rate) {
  background: transparent !important;
}
.shifts-container .month-tiles-available .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid yellow;
}
.shifts-container .month-tiles-available .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #d7e8db;
  border-left-color: #d7e8db;
}
.shifts-container tr.month-week:first-child td {
  border-top-width: 1px;
}
.shifts-container .messages-member-group.options {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container .group-pin {
  cursor: pointer;
  opacity: 0.65;
  display: inline-block;
  width: 20px;
  white-space: nowrap;
  position: absolute;
  top: -2px;
  margin-left: 3px;
}
.shifts-container .group-pin:hover {
  opacity: 1;
}
.shifts-container .group-pin:hover small {
  text-decoration: underline;
}
.shifts-container .group-pin img {
  margin: 5px 0 0 5px;
  transition: transform 0.3s ease;
}
.shifts-container .group-pin img:not(.active) {
  transform: rotateZ(45deg);
}
.shifts-container .group-pin small {
  font-size: 10px;
  margin-left: 5px;
}
.shifts-container .dragging-in-progress * {
  pointer-events: none;
}
.shifts-container .dragging-in-progress [draggable-shift-drop-target='true'] {
  pointer-events: all;
}
.shifts-container .total-hours > :not(:first-child):before {
  content: ' • ';
}
.shifts-container .table-row:not(:hover) .data-row-reorder {
  display: none;
}
.shifts-container .invite-user-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  height: 53px;
  cursor: pointer;
  color: #A0AFBE;
}
.shifts-container .invite-user-cell:hover {
  color: #0085FF;
}
.shifts-container.unassigned-shifts h2 {
  color: #0085ff;
}
.shifts-container.unassigned-shifts .table-row {
  background: #d7e6ee;
}
.shifts-container.unassigned-shifts .shifts-table {
  border-top-color: #0085ff;
}
.shifts-container.unassigned-shifts .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #d7e6ee;
}
.shifts-container.unassigned-shifts .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #d7e6ee;
  border-left-color: #d7e6ee;
}
.shifts-container.unassigned-shifts .shift.staging {
  background: #d7e6ee !important;
}
.shifts-container.available-shifts h2 {
  color: #00af28;
}
.shifts-container.available-shifts .table-row {
  background: #d7e8db;
}
.shifts-container.available-shifts .shifts-table {
  border-top-color: #00af28;
}
.shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #d7e8db;
}
.shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #d7e8db;
  border-left-color: #d7e8db;
}
.shifts-container.available-shifts .shift.staging {
  background: #d7e8db !important;
}
.shifts-container.available-shifts .business-closed.show-plus .shift:not(.draggable-shift-dragging):hover,
.shifts-container.unassigned-shifts .business-closed.show-plus .shift:not(.draggable-shift-dragging):hover,
.shifts-container.available-shifts .holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover,
.shifts-container.unassigned-shifts .holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: none !important;
}
.shifts-container.available-shifts .business-closed.show-plus .shift:not(.draggable-shift-dragging):hover:after,
.shifts-container.unassigned-shifts .business-closed.show-plus .shift:not(.draggable-shift-dragging):hover:after,
.shifts-container.available-shifts .holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover:after,
.shifts-container.unassigned-shifts .holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: transparent;
  border-left-color: transparent;
}
.shifts-container.available-shifts .business-closed .shift.staging,
.shifts-container.unassigned-shifts .business-closed .shift.staging,
.shifts-container.available-shifts .holiday-rate .shift.staging,
.shifts-container.unassigned-shifts .holiday-rate .shift.staging {
  background: transparent !important;
}
.shifts-container.user-group .table-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container.deleted-group h2 {
  text-decoration: line-through;
}
.add-employee-button {
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  z-index: 2;
  position: relative;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #738190 !important;
  transition: opacity 0.3s ease;
}
.add-employee-button:not(:hover) {
  opacity: 0.65;
}
.add-employee-button img + span {
  position: relative;
  top: 1px;
}
.dropdown.choose-dropdown .btn {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: #404040;
  padding: 5px;
  transition: background-color 0.3s ease;
}
.dropdown.choose-dropdown .btn img {
  position: absolute;
  top: -1px;
  right: 0;
  opacity: 0.65;
  transition: opacity 0.3s ease;
}
.dropdown.choose-dropdown .btn:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dropdown.choose-dropdown .btn:hover img {
  opacity: 1;
}
.shift-left-handle,
.shift-right-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  cursor: col-resize;
  background-color: transparent;
}
.shift-left-handle {
  left: -6px;
}
.shift-right-handle {
  right: -5px;
}
.shift-notes .input-row .color-brand {
  font-size: 16px;
  font-weight: 600;
}
.shift-notes .input-row small {
  color: #97A2AE;
}
[data-modal='print-modal'] .modal-body {
  padding-top: 0;
}
[data-modal='print-modal'] .actions-row {
  margin-top: 20px;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
[data-modal='print-modal'] .setting {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-modal='print-modal'] .setting > div:last-child {
  margin-left: auto;
}
[data-modal='print-modal'] select {
  width: 200px;
}
calendar-notes {
  display: block;
  margin-top: 30px;
  page-break-inside: avoid;
}
.calendar-note {
  color: #5F7183;
  margin-bottom: 10px;
}
.calendar-note strong {
  color: #97A2AE;
}
.recurrence-options-collapsible-container {
  background: #EAEEF2;
  margin: 0 -20px;
}
recurrence-options {
  display: block;
  padding: 20px;
  background: #EAEEF2;
}
recurrence-options.opened {
  padding-top: 20px;
  margin: 10px 0 20px;
}
recurrence-options.opened .repeat-options-separator hr {
  border-top-color: transparent;
  margin-bottom: 0;
}
recurrence-options .btn-group .btn-default {
  background: #f2f5f7;
}
recurrence-options .btn-group .btn {
  border-color: rgba(0, 0, 0, 0.08);
}
recurrence-options .btn-group .btn:hover {
  text-decoration: underline;
}
day-mode-events-row {
  display: block;
}
calendar-row-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  width: 100%;
}
calendar-row-user.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
ul.scheduling-alerts {
  list-style: none;
  padding: 0 20px 0 0;
  margin-right: -20px;
  color: #738190;
  max-height: 510px;
  overflow-y: auto;
}
ul.scheduling-alerts > li {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
ul.scheduling-alerts > li ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
ul.scheduling-alerts > li ul .color-brand-danger:not(.scheduling-conflict-text) {
  font-weight: 600;
}
ul.scheduling-alerts > li + li {
  padding-top: 10px;
}
ul.scheduling-alerts .conflict-detail-list-item {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
ul.scheduling-alerts .conflict-detail-list-item > :first-child {
  -ms-flex: 2;
      flex: 2;
}
ul.scheduling-alerts .conflict-detail-list-item > :last-child {
  text-align: right;
}
ul.scheduling-alerts .conflict-type-title {
  font-size: 16px;
  font-weight: 600;
}
ul.scheduling-alerts .conflict-pto {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1;
      flex: 1;
}
ul.scheduling-alerts .conflict-pto-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
ul.scheduling-alerts .conflict-pto-excess {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
ul.scheduling-alerts .conflict-pto-request {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
ul.scheduling-alerts + .btn + .btn {
  margin-top: 10px;
}
ul.scheduling-alerts .show-all {
  text-align: center;
  margin-top: -15px;
  padding-top: 0;
  border-bottom: none;
  color: #738190;
  font-size: 12px;
}
ul.scheduling-alerts .show-all a:not(:hover) {
  opacity: 0.5;
}
.shifts-container-new {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  position: relative;
}
.shifts-container-new .data-column .table-cell {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.shifts-container-new .brand-loader {
  z-index: 103;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shifts-content-container {
  display: -ms-flexbox;
  display: flex;
}
.shifts-content-container-experimental {
  overflow: hidden;
  height: calc(100vh - 60px);
}
.shifts-main-area {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 1200px;
  transition: transform 0.4s ease;
  transform: translateY(0) !important;
  margin-top: 0 !important;
}
.shifts-main-area.tabs-hidden {
  transform: translateY(-56px);
}
.shifts-main-area.shifts-experimental {
  overflow: visible !important;
}
.shifts-fixed-pane {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  z-index: 102;
}
.shifts-fixed-pane.headroom {
  transition: transform 0.4s ease;
}
.shifts-fixed-pane.headroom-pinned {
  transform: none;
}
.shifts-fixed-pane.headroom-unpinned {
  transform: translateY(-56px);
}
.shifts-fixed-pane.headroom-unpinned ~ .shifts-content-container .shifts-manager-header {
  top: 120px;
}
.shifts-fixed-pane .sub-navigation a {
  word-break: break-word;
}
.sub-navigation-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.sub-navigation-buttons > button.btn-block {
  letter-spacing: 0.5px;
  padding: 0 14px;
}
.sub-navigation-buttons > *:not(:empty) {
  margin-left: 10px;
}
.calendar-stats-container {
  background: #eaeef2;
}
.shifts-header-new {
  background: white;
}
.shifts-header-new .reports-header-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: none;
  height: 56px;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #DCDCDC;
  background: #eaeef2;
}
.shifts-header-new .reports-header-summary .summary-side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
}
.shifts-header-new .reports-header-summary .vertical-separator {
  border-right: 1px solid #DCDCDC;
  height: 56px;
  width: 1px;
}
.shifts-header-new .reports-header-summary .labor-summary-section-dropdown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  background: white;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 2;
  width: 260px;
  max-height: 300px;
  overflow-y: auto;
}
.shifts-header-new .reports-header-summary .labor-summary-section-dropdown .labor-summary-section-dropdown-content {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.shifts-header-new .reports-header-summary .labor-summary-section-dropdown.to-left {
  left: auto;
  right: 0;
}
.shifts-header-new .reports-header-summary .labor-summary-section {
  position: relative;
  transition: background-color 0.3s ease;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}
.shifts-header-new .reports-header-summary .labor-summary-section:hover,
.shifts-header-new .reports-header-summary .labor-summary-section.hover {
  background: rgba(0, 0, 0, 0.04);
}
.shifts-header-new .reports-header-summary .labor-summary-section:hover .labor-summary-section-dropdown,
.shifts-header-new .reports-header-summary .labor-summary-section.hover .labor-summary-section-dropdown {
  opacity: 1;
  visibility: visible;
}
.shifts-header-navigation-pane {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 60px;
  border-bottom: 1px solid #DCDCDC;
}
.shifts-header-navigation-pane .date-buttons-container {
  margin-left: auto;
  z-index: 1;
}
.shifts-header-navigation-pane > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 900px) {
  .shifts-header-navigation-pane .bulk-actions-dropdown {
    display: none;
  }
}
@media (max-width: 899px) {
  .shifts-header-navigation-pane .bulk-actions-inline {
    display: none;
  }
}
.shifts-header-new .selection-tools button {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.5px;
  opacity: 0.65;
  background: transparent;
  margin: 0;
  padding: 0 2px;
}
.shifts-header-new .selection-tools button:hover {
  opacity: 1;
}
.shifts-header-filters-pane {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 2;
      flex: 2;
  min-height: 35px;
}
.shifts-header-filters-pane > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 2;
      flex: 2;
}
.shifts-header-filters-pane:not(.small-screen) .custom-select-toggle,
.shifts-header-filters-pane:not(.small-screen) .dropdown-menu {
  min-width: 140px;
}
.shifts-header-filters-pane.small-screen .custom-select-toggle,
.shifts-header-filters-pane.small-screen .dropdown-menu {
  min-width: 34px;
}
.shifts-header-filters-pane ul.dropdown-menu {
  margin-top: 0;
}
.shifts-header-filters-pane .btn {
  height: 36px;
}
.date-buttons .btn {
  width: 100px;
}
.date-buttons .btn-group .btn-primary {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
  cursor: default;
}
.date-buttons .btn-group .btn-default {
  border-color: rgba(0, 0, 0, 0.08);
  background: #f2f5f7;
  color: #97A2AE;
}
.date-buttons .btn-group .btn-default:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.02);
}
.calendar-header {
  display: -ms-flexbox;
  display: flex;
  max-width: 99.9%;
  background-color: #f2f5f7;
  min-width: 920px;
}
.calendar-header-cell {
  -ms-flex: 2;
      flex: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  color: #97A2AE;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  background: #f2f5f7;
}
.calendar-header-cell a {
  position: relative;
}
.calendar-header-cell:not(.color-brand) a {
  color: #97A2AE;
}
.calendar-header-cell.color-brand a {
  color: #0085FF;
}
.calendar-header-cell .notes {
  margin-left: 8px;
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: -2px;
}
.calendar-header-cell .notes-add {
  visibility: hidden;
}
.calendar-header-cell:hover .notes-add {
  visibility: visible;
}
day-options .notes {
  opacity: 0.65;
  cursor: pointer;
}
day-options .notes:hover {
  opacity: 1;
}
day-options .notes.day-tooltip:not(:hover) img:last-child,
day-options .notes.day-tooltip:hover img:first-child {
  display: none;
}
.calendar-user-cell {
  width: 15%;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.calendar-week-user-cell {
  width: 12.5%;
}
.shift-notification {
  background: #fef6e9;
  border: 1px solid #FDB34D;
  color: #FDB34D;
  position: fixed;
  top: 80px;
  left: 50%;
  z-index: 1050;
  font-size: 14px;
  line-height: 40px;
  width: 300px;
  text-align: center;
  margin-left: -150px;
}
.equal-sizes {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.sides-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.with-margin {
  margin-left: 10px;
}
.apply-transitions .shifts-header {
  transition: width 0.3s ease, min-width 0.3s ease;
}
.dragging-in-progress .show-plus.no-events:after,
.dragging-in-progress .show-plus .shift:after,
.dragging-in-progress .month-tile-header-plus,
.dragging-in-progress .plus-sign {
  display: none !important;
}
.shifts-week .show-plus.no-events:hover:after,
.shifts-week .show-plus.no-events.force-plus:after {
  content: '+';
  border: 2px solid #A0AFBE;
  border-radius: 3px;
  color: #A0AFBE;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  display: block;
  height: 36px;
  padding-top: 10px;
  line-height: 12px;
  position: absolute;
  top: 5px;
  margin: 3px 6px;
  left: 0;
  right: 0;
  z-index: 50;
}
.shifts-week .show-plus.templates-copy-mode.no-events:hover:after,
.shifts-week .show-plus.templates-copy-mode.no-events.force-plus:after {
  content: '';
  background-image: url(/assets/svg/UI/paste-with-text-ed10cd.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.shifts-week .show-plus .shift:not(.draggable-shift-dragging):hover {
  width: calc(100% - 35px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 2px solid transparent;
}
.shifts-week .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  content: '+';
  border-radius: 3px;
  color: #A0AFBE;
  width: 35px;
  position: absolute;
  bottom: -2px;
  top: -2px;
  right: -37px;
  z-index: 150;
  border-left: 2px solid transparent;
  font-weight: 400;
  font-size: 30px;
  line-height: 13px;
  text-align: center;
  padding-top: 10px;
  box-shadow: 0 0 0 2px #A0AFBE inset;
}
.shifts-week .show-plus.templates-copy-mode .shift:not(.draggable-shift-dragging):hover:after,
.shifts-week .show-plus.templates-copy-mode .shift:not(.draggable-shift-dragging).force-plus:after {
  content: '';
  background-image: url(/assets/svg/UI/paste-gray-c68f05.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.shifts-week .data-row .table-cell {
  width: 12.5%;
}
.shifts-week .shift-block-repeater {
  padding-bottom: 5px;
}
.shifts-week .shift {
  z-index: 100;
  width: 100%;
}
.shifts-week .shifts-container .table-cell {
  position: relative;
}
.shifts-week .user-group .table-cell.is-today {
  background: rgba(255, 255, 255, 0.5);
}
.shifts-week .user-group .table-cell.is-today.show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid rgba(255, 255, 255, 0.5);
}
.shifts-week .user-group .table-cell.is-today.show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: rgba(255, 255, 255, 0.5);
  border-left-color: rgba(255, 255, 255, 0.5);
}
.shifts-week .user-group .table-cell.is-today.holiday-rate {
  background: rgba(219, 59, 80, 0.06);
}
.shifts-week .user-group .table-cell.is-today.holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: none;
}
.shifts-week .user-group .table-cell.is-today.holiday-rate.show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: transparent;
  border-left-color: transparent;
}
.shifts-week .user-group .table-cell.is-today.business-closed {
  background: rgba(0, 0, 0, 0.06);
}
.shifts-week .user-group .table-cell.is-today.business-closed.show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: none;
}
.shifts-week .user-group .table-cell.is-today.business-closed.show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: transparent;
  border-left-color: transparent;
}
.shifts-day .data-row .table-cell {
  width: 4.167%;
  height: 100%;
}
.shifts-day .day-shifts {
  position: relative;
  width: 100%;
}
.shifts-day .shift {
  position: absolute;
  z-index: 10;
}
.shifts-day .shift.openend:after {
  content: '';
  top: -2px;
  bottom: -2px;
  right: -2px;
  left: 50%;
  position: absolute;
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, #eeeeee 100%);
}
.shifts-day .shift.jagged-left:before,
.shifts-day .shift.jagged-right:after {
  content: '';
  font-size: 36px;
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: 1em;
  /* background gradients are set in .shift-block-variant */
  background-repeat: repeat-y !important;
  background-size: 0.25em 0.25em !important;
  background-position-y: 0 !important;
  pointer-events: none;
}
.shifts-day .shift.jagged-left:before {
  left: -35px;
  background-position-x: 100% !important;
}
.shifts-day .shift.jagged-right:after {
  right: -36px;
  background-position-x: 0 !important;
}
.shifts-day .table-cell {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.shifts-day .table-cell .plus-sign {
  position: absolute;
  border: 2px solid #A0AFBE;
  border-radius: 2px;
  color: #A0AFBE;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  top: 8px;
  bottom: 8px;
  left: 1px;
  right: 1px;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  display: none;
}
.shifts-day .show-plus .table-cell:hover .plus-sign,
.shifts-day .show-plus .table-cell.force-plus .plus-sign {
  display: -ms-flexbox;
  display: flex;
}
.shifts-day .table-cell-gray:not(.business-closed):not(.holiday-rate) {
  background: rgba(255, 255, 255, 0.5);
}
.shifts-day .user-column > * {
  width: 90%;
}
.shifts-day .hour-drop-target {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.shifts-day .summary-table {
  padding-bottom: 0;
}
.shifts-day .summary-table .user-column {
  padding-bottom: 8px;
}
.shifts-day .summary-table .data-row {
  height: 100%;
}
.shifts-day .summary-table .data-row .table-cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 10px;
  width: 0;
}
.add-employee-button {
  padding-left: 20px;
}
.label-small {
  font-size: 13px;
}
.hide-for-employees-checkmark {
  padding-left: 10px;
  color: #738190;
}
.summary-table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.summary-table .table-cell > div {
  margin-top: 2px;
  line-height: 15px;
}
.summary-table label.control-label {
  margin: 0;
}
.summary-table .data-column > .projected-sales-label {
  margin-top: 10px;
  margin-left: 5px;
}
.summary-table .data-column .table-cell {
  padding-bottom: 8px !important;
}
.summary-table label.projected-sales-label {
  font-size: 12px;
  padding-top: 3px;
}
.summary-table .totals-row .user-column {
  padding-top: 8px;
  padding-left: 0 !important;
}
.welcome-to-your-schedule.sling-tour-modal .modal-dialog {
  width: 770px;
}
.welcome-to-your-schedule.sling-tour-modal dots-carousel-slide {
  height: 336px;
}
.welcome-to-your-schedule.sling-tour-modal .slides-container + div {
  position: absolute;
  width: 100%;
  bottom: 40px;
  padding: 0 40px;
}
.welcome-to-your-schedule.sling-tour-modal img[src*='modal-phone'] {
  position: absolute;
  top: -32px;
  right: -140px;
  transform: scale(1.6);
}
.welcome-to-your-schedule.sling-tour-modal img[src*='mobile-dashboard'] {
  position: absolute;
  max-width: none;
  width: 850px;
  top: -135px;
  right: -345px;
}
.welcome-to-your-schedule.sling-tour-modal img[src*='mobile-schedule'] {
  position: absolute;
  max-width: none;
  width: 565px;
  top: -115px;
  right: -300px;
}
.welcome-to-your-schedule.sling-tour-modal img[src*='scheduling'] {
  position: absolute;
  width: 236px;
  top: 40px;
  right: 30px;
}
.welcome-to-your-schedule.sling-tour-modal img[src*='timeclock'] {
  position: absolute;
  top: 50px;
  right: -32px;
}
.welcome-to-your-schedule.sling-tour-modal img[src*='reports'] {
  position: absolute;
  width: 235px;
  top: 50px;
  right: 30px;
}
.recurrence-until-datepicker-wrap > ul {
  z-index: 9999;
}
.no-show-modal .modal-title {
  color: #4C6379 !important;
}
.no-show-modal .switch-row {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
}
.no-show-modal .switch-row span {
  color: #738190;
}
.shift-template-picker-wide {
  width: 275px;
}
.open-end-icon-container {
  position: relative;
  display: inline-block;
}
.open-end-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 5px;
  top: -12px;
  background: url(/assets/svg/Icons/24/hidden-gray-cc4b22.svg);
  background-size: contain;
}
.open-end-label {
  margin-left: 25px;
}
a:hover .open-end-icon {
  background: url(/assets/svg/Icons/24/hidden-blue-9f6360.svg);
  background-size: contain;
}
.banner-brand.simple {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}
.full-width-leave-picker leave-type-picker {
  width: 100%;
}
.leave-type-picker-summary {
  font-size: 13px;
  text-align: right;
  min-width: 60px;
  cursor: pointer;
}
.leave-type-picker-summary.uncapped {
  min-width: 30px;
}
.schedule-template-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 20px 0;
}
.schedule-template-option + .schedule-template-option {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.schedule-template-option radiobutton {
  margin-top: 10px;
}
.schedule-template-option .locations-description {
  max-width: 200px;
}
.holiday-rate {
  background-color: rgba(219, 59, 80, 0.06);
}
.business-closed {
  background-color: rgba(0, 0, 0, 0.06);
}
.employee-filters-pane {
  display: none;
}
.employee-filters-pane.filters-shown {
  display: -ms-flexbox;
  display: flex;
}
.employee-filters-pane.filters-shown-add {
  height: 0;
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  transition: height 0.3s ease;
}
.employee-filters-pane.filters-shown-add-active {
  height: 60px;
}
.employee-filters-pane.filters-shown-remove {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  transition: height 0.3s ease;
}
.employee-filters-pane.filters-shown-remove-active {
  height: 0;
  min-height: 0;
}
calendar-stats,
pending-approval-summary {
  display: none;
}
calendar-stats.stats-shown,
pending-approval-summary.stats-shown {
  display: block;
}
calendar-stats.stats-shown-add,
pending-approval-summary.stats-shown-add {
  height: 0;
  display: block;
  overflow: hidden;
  transition: height 0.3s ease;
}
calendar-stats.stats-shown-add-active,
pending-approval-summary.stats-shown-add-active {
  height: 56px;
}
calendar-stats.stats-shown-remove,
pending-approval-summary.stats-shown-remove {
  height: 56px;
  display: block;
  overflow: hidden;
  transition: height 0.3s ease;
}
calendar-stats.stats-shown-remove-active,
pending-approval-summary.stats-shown-remove-active {
  height: 0;
}
.exclamation-danger svg circle {
  fill: #FDB34D;
}
.auto-scheduler-open .shifts-main-area {
  padding-bottom: 300px;
}
auto-scheduler {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px #888;
  z-index: 2147483004;
  max-height: 300px;
  overflow-y: auto;
  background: #f2f5f7;
}
.auto-scheduler-container .remove-button {
  position: absolute;
  transform: scale(0.5);
  left: -24px;
}
.auto-scheduler-container .close-auto-scheduler {
  position: absolute;
  right: 4px;
  top: 4px;
}
.published.shift-awaiting-acceptance {
  border-color: #FFFFFF !important;
}
.published.shift-awaiting-acceptance.shift.openend:after {
  top: 0;
  right: 0;
  bottom: 0;
}
[shifts-sticky-user-column] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.shifts-sticky-container-holder {
  margin-top: 30px;
  border-top: 1px solid #DCDCDC;
}
#shifts-sticky-container-column-clone-holder .unassigned-shifts,
#shifts-sticky-container-column-clone-holder .available-shifts {
  width: 170px !important;
  padding-right: 0 !important;
  transform: none !important;
  background: #f2f5f7;
}
#shifts-sticky-container-column-clone-holder {
  pointer-events: none;
}
.schedule-sync-indicator {
  background: #1CC982;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 10px;
}
.schedule-sync-indicator.pending {
  background: #FDB34D;
  cursor: pointer;
}
.selection-tools-dropdown-shown > :first-child .btn-cancel {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.selection-tools-dropdown-shown > :not(:first-child) .btn-cancel {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.dropdown-filter-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  cursor: pointer;
  font-size: 12px;
  color: #738190;
  font-weight: 600;
  text-transform: uppercase;
}
.dropdown-filter-header filter-header-title {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
}
.dropdown-filter-header .triangle-button {
  transform: rotate(-90deg);
}
.dropdown-filter-header.with-max-height + [ng-transclude] {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown-filter-header .img {
  opacity: 0.65;
}
.dropdown-filter-header.active .img {
  opacity: 1;
}
.dropdown-filter-header.active .img path[stroke] {
  stroke: #0085FF;
}
.dropdown-filter-header.active .dropdown-filter-header-text {
  color: #0085FF;
}
.dropdown-filter-header:hover .img {
  opacity: 1;
}
.dropdown-filter-header-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.dropdown-filter-header-text a {
  color: #738190;
  opacity: 0.5;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
}
.dropdown-filter-header-text a:hover {
  opacity: 1;
}
.filter-header-select {
  margin: 0 5px 5px;
}
.filter-header-select a {
  text-transform: uppercase;
}
.persona-filter {
  padding: 10px 0;
}
.shifts-filters-options {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shifts-filters-options .new-badge {
  position: absolute;
  right: -110px;
  top: -2px;
}
.shifts-filters-options li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  font-size: 13px;
  color: #738190;
  padding-left: 5px;
  border-radius: 4px;
}
.shifts-filters-options li .position {
  margin-right: 10px;
  border-style: solid;
  border-width: 2px;
}
.shifts-filters-options li:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.shifts-filters-options li.inactive span {
  opacity: 1;
}
.shifts-filters-options li.inactive:hover span {
  opacity: 1;
}
.shifts-filters-options li.inactive .position {
  background-color: transparent !important;
}
.shifts-filters-options li.inactive .event-type-marker {
  border-color: rgba(0, 133, 255, 0.65);
  background-image: none;
}
.shifts-filters-options li.inactive .event-type-marker:hover {
  border-color: #0085ff;
}
.shifts-filters-options li .checkmark span:last-of-type {
  margin-left: 30px;
}
.shifts-filters-options li > :first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.shifts-filters-options li > :last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shifts-filters-options .title-item {
  background: transparent !important;
  cursor: default;
  border-bottom: 1px solid #DCDCDC;
  margin: 10px 0;
  border-radius: 0;
}
.shifts-filters-options .control-label {
  font-size: 12px;
  font-weight: 600;
}
.gear-filter-icon {
  width: 34px;
  padding-left: 5px;
  padding-right: 5px;
}
.event-type-marker {
  background-color: rgba(0, 133, 255, 0.8);
  background-image: url(/assets/svg/UI/checkmark-db4ec9.svg);
  background-position: -2px;
  border-color: transparent;
}
.event-type-marker:hover,
.event-type-marker.hovered {
  background-color: #0085ff;
}
dropdown-filter.is-empty {
  display: none;
}
options-filter li checkbox {
  height: 18px;
}
dropdown-filter custom-toggle {
  margin-left: -8px;
}
.data-row-reorder {
  cursor: move;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
}
.sv-helper .data-row-reorder {
  display: block !important;
}
.sv-sorting-in-progress .shifts-main-container * {
  pointer-events: none;
}
.data-row-reset-order {
  padding-left: 5px;
  position: relative;
  top: -2px;
}
.tooltip-ical-sync .tooltip-inner {
  white-space: normal;
  pointer-events: all;
  width: 360px;
  max-width: 360px;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
}
.slots-count-icon {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: none;
  color: white;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
}
.slots-count-icon:not([class*="font-"]) {
  font-size: 11px;
}
.shift.published .slots-count-icon {
  background: rgba(0, 0, 0, 0.15);
}
sub-navigation {
  z-index: 1;
}
.sub-navigation {
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #97A2AE;
  border-bottom: 1px solid #DCDCDC;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.sub-navigation .nav-items {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.sub-navigation .nav-items a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  color: rgba(140, 151, 163, 0.8);
}
.sub-navigation .nav-items a.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sub-navigation .nav-items a + a {
  margin-left: 40px;
}
.sub-navigation .nav-items a:hover,
.sub-navigation .nav-items a:focus {
  text-decoration: none;
}
.sub-navigation .nav-items a:hover {
  transition: all 0.25s ease-in-out;
  color: #0085FF;
}
.sub-navigation .nav-items a.active {
  color: #0085FF;
  border-bottom: solid 3px #0085FF;
  padding-top: 3px;
}
.sub-navigation .nav-items a.invalid:not(.active) {
  color: #E96873;
  border-bottom: solid 3px #E96873;
  padding-top: 3px;
}
.sub-navigation .nav-items a .notification-badge {
  position: absolute;
  right: -35px;
  top: 15px;
}
.sub-navigation .nav-items .premium-guard {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.sub-navigation .custom-nav {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: end;
      justify-content: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.sub-navigation .custom-nav.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sub-navigation .sub-navigation-container {
  padding: 0 20px;
  -ms-flex: 2;
      flex: 2;
  display: -ms-flexbox;
  display: flex;
}
.sub-navigation .export-span-disabled {
  padding: 6px 10px;
  opacity: 0.5;
}
sub-navigation.no-shadow > .sub-navigation {
  box-shadow: none;
}
sub-navigation.main-container-pad .sub-navigation-container {
  -ms-flex: 2;
      flex: 2;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
}
.shifts-checkbox-selector {
  line-height: 18px;
  height: 36px;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 9px;
}
.shifts-checkbox-selector .toggle-container {
  display: -ms-flexbox;
  display: flex;
  padding: 0 9px;
  cursor: pointer;
}
.shifts-checkbox-selector checkbox,
.shifts-checkbox-selector .toggle-container .caret {
  -ms-flex-item-align: center;
      align-self: center;
}
.availability-tab-container {
  position: relative;
  min-height: 300px;
  padding: 0 20px 150px 20px;
  margin-top: 56px;
}
.availability-tab-container.absolute-container {
  position: fixed;
  width: 100%;
  height: calc(100vh - 56px - 60px);
  background-color: #f2f5f7;
  z-index: 105;
  margin-top: 0;
  bottom: 0;
  overflow: auto;
}
.availability-tab-container > .brand-loader {
  position: absolute;
  top: 50%;
  left: 45%;
}
.availability-tab-container .availability-sets-header,
.availability-tab-container .availability-header {
  margin: 0 -20px 0px -20px;
}
.availability-tab-container-react {
  position: relative;
  min-height: 300px;
  margin-top: 56px;
}
.unavailability-history .availability-tab-container-react {
  margin-top: 0;
}
shift-templates,
shift-template-selection {
  text-transform: none;
  color: #6D8092;
  font-weight: normal;
}
shift-templates .shift-templates-container,
shift-template-selection .shift-templates-container {
  transition: transform 0.3s ease;
  position: fixed;
  right: 0;
  top: 60px;
  bottom: 0;
  width: 245px;
  background: white;
  z-index: 1000;
  transform: translateX(250px);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
shift-templates .shift-templates-container.open,
shift-template-selection .shift-templates-container.open {
  transform: translateX(0px);
}
shift-templates .shift-templates-container.placement-education-step-2,
shift-template-selection .shift-templates-container.placement-education-step-2 {
  transform: translateX(90%);
}
shift-templates .shift-templates-container.placement-education-step-2 #placement-mode-back,
shift-template-selection .shift-templates-container.placement-education-step-2 #placement-mode-back {
  visibility: visible;
}
shift-templates .header,
shift-template-selection .header {
  height: 56px;
  padding: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
shift-templates .header button,
shift-template-selection .header button {
  margin: -8px;
}
shift-templates .create-template,
shift-template-selection .create-template {
  font-weight: 600;
  padding-bottom: 10px !important;
}
shift-templates .create-template a,
shift-template-selection .create-template a {
  text-decoration: none !important;
  line-height: 20px;
  transition: opacity 0.3s ease;
}
shift-templates .create-template a:not(:hover),
shift-template-selection .create-template a:not(:hover) {
  opacity: 0.65;
}
shift-templates .create-template a svg,
shift-template-selection .create-template a svg {
  margin-right: -5px;
  margin-top: -2px;
  vertical-align: middle;
}
shift-templates .create-template a:hover path,
shift-template-selection .create-template a:hover path {
  stroke: #0085FF;
}
shift-templates .no-templates,
shift-template-selection .no-templates {
  margin-top: 85px;
  text-align: center;
  font-size: 12px;
  padding: 0 20px;
}
shift-templates .no-templates h2,
shift-template-selection .no-templates h2 {
  color: #4C6379;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
}
shift-templates .template-blocks,
shift-template-selection .template-blocks {
  overflow: auto;
  -ms-flex: 2;
      flex: 2;
}
shift-templates .template-block,
shift-template-selection .template-block {
  position: relative;
  margin: 0 20px 5px;
}
shift-templates .template-block .template-block-shift,
shift-template-selection .template-block .template-block-shift {
  padding: 12px;
  color: white;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  cursor: move;
}
shift-templates .template-block .template-block-shift.draggable-shift-clone,
shift-template-selection .template-block .template-block-shift.draggable-shift-clone {
  box-shadow: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 101 !important;
  pointer-events: none;
}
shift-templates .template-block .template-block-shift.draggable-shift-clone.dragging,
shift-template-selection .template-block .template-block-shift.draggable-shift-clone.dragging {
  transform: rotateZ(5deg);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
shift-templates .template-block .template-block-shift.draggable-shift-ghost,
shift-template-selection .template-block .template-block-shift.draggable-shift-ghost {
  opacity: 0 !important;
  pointer-events: none;
}
shift-templates .template-block shift-template-preview,
shift-template-selection .template-block shift-template-preview {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  min-height: 100px;
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  width: 205px;
  border-radius: 4px;
  font-size: 14px;
  color: #4C6379;
  z-index: 1;
}
shift-templates .template-block shift-template-preview .top-bar,
shift-template-selection .template-block shift-template-preview .top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
shift-templates .template-block shift-template-preview.sticked-to-bottom .top-bar,
shift-template-selection .template-block shift-template-preview.sticked-to-bottom .top-bar {
  bottom: 0;
  top: auto;
}
shift-templates .template-block shift-template-preview .open-ended-shift,
shift-template-selection .template-block shift-template-preview .open-ended-shift {
  position: relative;
  top: 2px;
}
shift-templates .template-block shift-template-preview .open-ended-shift > g,
shift-template-selection .template-block shift-template-preview .open-ended-shift > g {
  fill: #97A2AE;
}
shift-templates .template-block .edit-delete,
shift-template-selection .template-block .edit-delete {
  display: none;
  margin-left: auto;
  height: 15px;
  white-space: nowrap;
}
shift-templates .template-block .edit-delete path,
shift-template-selection .template-block .edit-delete path {
  stroke: white;
}
shift-templates .template-block .edit-delete .icon-container,
shift-template-selection .template-block .edit-delete .icon-container {
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
}
shift-templates .template-block:hover .template-block-shift:not(.draggable-shift-dragging) ~ shift-template-preview,
shift-template-selection .template-block:hover .template-block-shift:not(.draggable-shift-dragging) ~ shift-template-preview,
shift-templates .template-block:hover .template-block-shift:not(.draggable-shift-dragging) .edit-delete,
shift-template-selection .template-block:hover .template-block-shift:not(.draggable-shift-dragging) .edit-delete {
  display: block;
}
shift-templates .template-block.force-buttons .template-block-shift .edit-delete,
shift-template-selection .template-block.force-buttons .template-block-shift .edit-delete {
  display: block;
}
shift-templates .template-block .template-field-value,
shift-template-selection .template-block .template-field-value {
  line-height: 1.1;
}
shift-templates .template-block .template-preview-container,
shift-template-selection .template-block .template-preview-container {
  padding: 15px 10px 10px;
}
shift-templates .template-block .template-preview-row,
shift-template-selection .template-block .template-preview-row {
  margin-bottom: 7px;
}
shift-template-selection {
  display: block;
}
shift-template-selection .shift-template-selection-container {
  height: 330px;
  overflow: auto;
}
shift-template-selection .shift-template-selection-container ~ hr {
  margin: 20px 20px 0;
}
shift-template-selection .no-templates {
  margin-top: 0;
  padding-top: 60px;
}
shift-template-selection .template-blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px 20px;
}
shift-template-selection .template-block,
shift-template-selection .template-block > div {
  cursor: pointer !important;
  overflow: hidden;
}
shift-template-selection .template-block:hover > div {
  padding-right: 40px;
}
shift-template-selection .template-block-shift {
  transition: opacity 0.3 ease;
}
shift-template-selection .template-block-shift:not(:hover) {
  opacity: 0.9;
}
shift-template-selection .shift-template-group-title {
  font-weight: 600;
  font-size: 12px;
  color: #6D8092;
}
shift-template-selection .shift-template-group-title + hr {
  margin: 5px 0 10px;
}
shift-template-selection shift-template-selection-group + .shift-template-group-title {
  margin-top: 20px;
}
shift-templates.dragging-in-progress .shift-templates-container.open {
  transform: translate(200px);
}
shift-templates .template-blocks:after {
  content: '';
  height: 100px;
  display: block;
  width: 100%;
}
#placement-mode-back {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 8px 8px 4px;
  border-radius: 4px;
  left: -14px;
  background: white;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  shift-template-selection .template-blocks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  shift-template-selection .template-blocks > * {
    width: 47%;
    margin-bottom: 5px !important;
  }
}
.shifts-container-employee.shifts-header-with-summary .shifts-main-area {
  transform: translateY(56px);
}
.shifts-container-employee.shifts-header-with-filters .shifts-main-area {
  transform: translateY(60px);
}
.shifts-container-employee.shifts-header-with-summary.shifts-header-with-filters .shifts-main-area {
  transform: translateY(116px);
}
.shifts-container-employee .shifts-main-area.shifts-experimental {
  transform: translateY(56px);
}
.shifts-container-employee .shifts-main-area.shifts-experimental.tabs-hidden {
  transform: translateY(0);
}
.shifts-container-employee .shifts-main-area.shifts-experimental.experimental-filters-shown {
  transform: translateY(116px);
}
.shifts-container-employee .shifts-main-area.shifts-experimental.experimental-filters-shown.tabs-hidden {
  transform: translateY(60px);
}
.shifts-container-employee .shifts-main-area.shifts-container {
  padding: 20px 0;
}
.shifts-container-employee .shifts-main-area.shifts-container.unavailability-main-container {
  padding-top: 0;
}
.shifts-container-employee.unavailability-view.month-variant-day .shifts-main-area.shifts-container.unavailability-main-container {
  padding-top: 20px;
}
.shifts-container-employee.unavailability-view .calendar-header.bottom-border {
  border-bottom-width: 0;
}
.shifts-container-employee.unavailability-view.month-variant-day .calendar-header.bottom-border {
  border-bottom-width: 1px;
}
.shifts-container-employee .shifts-main-area.shifts-container.shifts-experimental {
  padding: 0;
}
.shifts-container-employee .shifts-main-area {
  margin-top: calc(56px + 60px);
}
.shifts-container-employee .shifts-main-area.shifts-experimental {
  margin-top: calc(60px);
}
.shifts-container-employee .shifts-fixed-pane {
  min-width: calc(920px + 2 * 20px);
}
.shifts-container-employee .shifts-sticky-container-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-left: auto;
  transition: width 0.3s ease;
  position: absolute;
  right: 0;
  width: 100%;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container {
  background-color: #f2f5f7;
  padding: 0 2px;
  width: 100%;
  position: relative;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container h2 {
  font-size: 12px;
  font-weight: 700;
  padding-top: 5px;
  color: #738190;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container .show-plus {
  cursor: pointer;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container .shifts-table {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts h2 {
  color: #00af28;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts .table-row {
  background: #d7e8db;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts .shifts-table {
  border-top-color: #00af28;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #d7e8db;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background: #d7e8db;
  border-left-color: #d7e8db;
}
.shifts-container-employee .shifts-sticky-container-holder .shifts-container.available-shifts .shift.staging {
  background: #d7e8db !important;
}
.shifts-container-employee.shifts-week .shifts-sticky-container-holder .table-cell {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.shifts-container-employee calendar-header {
  position: -webkit-sticky;
  position: sticky;
  transition: top 0.3s ease;
  z-index: 2;
}
.shifts-container-employee calendar-header-month .calendar-header-cell:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container-employee .shifts-sticky-container-holder {
  border-left-width: 3px;
}
.shifts-container-employee calendar-header {
  top: 176px;
}
.shifts-container-employee .headroom-unpinned ~ calendar-header {
  top: 120px;
}
.shifts-container-employee.shifts-header-with-summary .headroom-unpinned ~ calendar-header {
  top: 176px;
}
.shifts-container-employee.shifts-header-with-summary calendar-header {
  top: 232px;
}
.shifts-container-employee.shifts-header-with-filters .headroom-unpinned ~ calendar-header {
  top: 180px;
}
.shifts-container-employee.shifts-header-with-filters calendar-header {
  top: 236px;
}
.shifts-container-employee.shifts-header-with-filters.shifts-header-with-summary .headroom-unpinned ~ calendar-header {
  top: 236px;
}
.shifts-container-employee.shifts-header-with-filters.shifts-header-with-summary calendar-header {
  top: 292px;
}
.tz-discrepancy-bar-shown .shifts-container-employee calendar-header {
  top: 236px;
}
.tz-discrepancy-bar-shown .shifts-container-employee .headroom-unpinned ~ calendar-header {
  top: 180px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-summary .headroom-unpinned ~ calendar-header {
  top: 236px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-summary calendar-header {
  top: 292px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-filters .headroom-unpinned ~ calendar-header {
  top: 240px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-filters calendar-header {
  top: 296px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-filters.shifts-header-with-summary .headroom-unpinned ~ calendar-header {
  top: 296px;
}
.tz-discrepancy-bar-shown .shifts-container-employee.shifts-header-with-filters.shifts-header-with-summary calendar-header {
  top: 352px;
}
.is-fullscreen .shifts-container-employee calendar-header {
  transform: translateY(-60px);
}
.shifts-manager-header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 101;
  transition: top 0.3s ease, margin-left 0.3s ease;
  top: 176px;
  margin-left: 0;
}
.shifts-manager-header {
  top: 176px;
}
.shifts-header-with-summary .shifts-manager-header {
  top: 232px;
}
.headroom-unpinned ~ .shifts-manager-header {
  top: 120px;
}
.shifts-header-with-summary .headroom-unpinned ~ .shifts-manager-header {
  top: 176px;
}
.shifts-header-with-filters .shifts-manager-header {
  top: 236px;
}
.shifts-header-with-filters .headroom-unpinned ~ .shifts-manager-header {
  top: 180px;
}
.shifts-header-with-summary.shifts-header-with-filters .shifts-manager-header {
  top: 292px;
}
.shifts-header-with-summary.shifts-header-with-filters .headroom-unpinned ~ .shifts-manager-header {
  top: 236px;
}
.is-fullscreen .shifts-manager-header {
  top: 116px;
}
.is-fullscreen .shifts-header-with-summary .shifts-manager-header {
  top: 172px;
}
.is-fullscreen .headroom-unpinned ~ .shifts-manager-header {
  top: 60px;
}
.is-fullscreen .shifts-header-with-summary .headroom-unpinned ~ .shifts-manager-header {
  top: 116px;
}
.is-fullscreen .shifts-header-with-filters .shifts-manager-header {
  top: 176px;
}
.is-fullscreen .shifts-header-with-filters .headroom-unpinned ~ .shifts-manager-header {
  top: 120px;
}
.is-fullscreen .shifts-header-with-summary.shifts-header-with-filters .shifts-manager-header {
  top: 232px;
}
.is-fullscreen .shifts-header-with-summary.shifts-header-with-filters .headroom-unpinned ~ .shifts-manager-header {
  top: 176px;
}
.collapsed-sidebar ~ .shifts-manager-header {
  margin-left: 57px;
}
.is-fullscreen .shifts-fixed-pane {
  top: 0;
}
.shifts-container-manager.shifts-header-with-summary .shifts-main-area {
  transform: translateY(56px);
}
.shifts-container-manager.shifts-header-with-summary .shifts-main-area.tabs-hidden {
  transform: translateY(0px);
}
.shifts-container-manager.shifts-header-with-summary .shifts-fixed-pane.headroom-unpinned {
  transform: translateY(calc(-(56px + 60px + 56px)));
}
.shifts-container-manager.shifts-header-with-summary .shifts-fixed-pane.headroom-unpinned.pinned-summary {
  transform: translateY(calc(-56px));
}
.shifts-container-manager.shifts-header-with-filters .shifts-main-area {
  transform: translateY(60px);
}
.shifts-container-manager.shifts-header-with-filters .shifts-main-area.tabs-hidden {
  transform: translateY(4px);
}
.shifts-container-manager.shifts-header-with-filters .shifts-fixed-pane.headroom-unpinned {
  transform: translateY(calc(-(56px + 60px + 60px)));
}
.shifts-container-manager.shifts-header-with-filters .shifts-fixed-pane.headroom-unpinned.pinned-summary {
  transform: translateY(calc(-56px));
}
.shifts-container-manager.shifts-header-with-summary.shifts-header-with-filters .shifts-main-area {
  transform: translateY(116px);
}
.shifts-container-manager.shifts-header-with-summary.shifts-header-with-filters .shifts-main-area.tabs-hidden {
  transform: translateY(60px);
}
.shifts-container-manager.shifts-header-with-summary.shifts-header-with-filters .shifts-fixed-pane.headroom-unpinned {
  transform: translateY(calc(-(56px + 60px + 56px + 60px)));
}
.shifts-container-manager .shifts-main-area {
  margin-top: 84px;
}
.shifts-container-manager .unavailability-main-container {
  margin-top: 86px;
}
.shifts-container-manager .shifts-content-container .shifts-content {
  padding: 20px 0 0 0;
}
.shifts-container-manager .shifts-container .user-group h2 {
  margin-top: 0;
}
.shifts-container-manager .shifts-container .user-group ~ .user-group h2 {
  margin: 20px 0 10px 0;
}
.shifts-container-manager .shifts-fixed-pane {
  min-width: 920px;
}
.shifts-container-manager .shifts-fixed-pane.is-sidebar-collapsed {
  min-width: calc(920px + 57px);
}
.shifts-container-manager .shifts-sticky-container-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  margin-left: auto;
  transition: width 0.3s ease;
  position: absolute;
  padding: 0 2px;
}
.shifts-container-manager .shifts-sticky-container-holder .manager-header-pinned {
  background-color: #f2f5f7;
}
.shifts-container-manager .shifts-sticky-container-holder.collapsed-sidebar {
  width: calc(100% - 57px);
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container {
  width: 100%;
  position: relative;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container h2 {
  font-size: 12px;
  font-weight: 700;
  padding-top: 5px;
  color: #738190;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts,
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts {
  background: #f2f5f7;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .user-column,
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .user-column {
  pointer-events: none;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container .month-tiles-unassigned,
.shifts-container-manager .shifts-sticky-container-holder .shifts-container .month-tiles-available {
  padding: 0 20px;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container .show-plus {
  cursor: pointer;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container .shifts-table {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts h2 {
  color: #0085FF;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .table-row {
  background: #D7E6EE;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .shifts-table {
  border-top-color: #0085FF;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #D7E6EE;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #D7E6EE;
  border-left-color: #D7E6EE;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.unassigned-shifts .shift.staging {
  background: #D7E6EE !important;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts h2 {
  color: #00af28;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .table-row {
  background: #D7E8DB;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .shifts-table {
  border-top-color: #00af28;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover {
  outline: 2px solid #D7E8DB;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  background-color: #D7E8DB;
  border-left-color: #D7E8DB;
}
.shifts-container-manager .shifts-sticky-container-holder .shifts-container.available-shifts .shift.staging {
  background: #D7E8DB !important;
}
.shifts-container-manager .shifts-day .shifts-sticky-container-holder .table-cell:not(.user-column) {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: hidden;
}
.shifts-container-manager .shifts-week .shifts-sticky-container-holder .table-cell {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: hidden;
}
.shifts-container-manager.unavailability-view.shifts-week .shifts-content-container .shifts-content {
  padding-top: 0;
}
.shifts-container-manager.unavailability-view.shifts-week.month-variant-day .shifts-content-container .shifts-content {
  padding-top: 20px;
}
.shifts-container-manager.unavailability-view.shifts-week .calendar-header-border.bottom-border {
  border-bottom-width: 0;
}
.shifts-container-manager.unavailability-view.shifts-week.month-variant-day .calendar-header-border.bottom-border {
  border-bottom-width: 1px;
}
.shift.staging,
.shift.staging.cancelled {
  color: #646464;
  background: #f2f5f7 !important;
}
.is-today .shift.staging,
.is-today .shift.staging.cancelled {
  background: rgba(255, 255, 255, 0.5) !important;
}
.business-closed .shift.staging,
.holiday-rate .shift.staging,
.business-closed .shift.staging.cancelled,
.holiday-rate .shift.staging.cancelled {
  background: transparent !important;
}
.sFFAA35,
.sFFAA35.position {
  background: #FFAA35;
  border-color: #FFAA35;
}
.sFFAA35 .shift-details-status {
  background: #FFAA35;
}
.sFFAA35.staging {
  color: #FFAA35;
}
.sFFAA35.staging .open-ended-shift > g {
  fill: #FFAA35;
}
.sFFAA35.staging .slots-count-icon {
  background: #FFAA35;
}
.sFFAA35:hover,
.sFFAA35.hovered {
  background: #f2bc6e;
  border-color: #f2bc6e;
}
.sFFAA35:hover .shift-details-status,
.sFFAA35.hovered .shift-details-status {
  background: #f2bc6e;
}
.sFFAA35.is-proposal,
.sFFAA35.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #FFAA35, #FFAA35 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sB69663,
.sB69663.position {
  background: #B69663;
  border-color: #B69663;
}
.sB69663 .shift-details-status {
  background: #B69663;
}
.sB69663.staging {
  color: #B69663;
}
.sB69663.staging .open-ended-shift > g {
  fill: #B69663;
}
.sB69663.staging .slots-count-icon {
  background: #B69663;
}
.sB69663:hover,
.sB69663.hovered {
  background: #c2ae8d;
  border-color: #c2ae8d;
}
.sB69663:hover .shift-details-status,
.sB69663.hovered .shift-details-status {
  background: #c2ae8d;
}
.sB69663.is-proposal,
.sB69663.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #B69663, #B69663 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sF88853,
.sF88853.position {
  background: #F88853;
  border-color: #F88853;
}
.sF88853 .shift-details-status {
  background: #F88853;
}
.sF88853.staging {
  color: #F88853;
}
.sF88853.staging .open-ended-shift > g {
  fill: #F88853;
}
.sF88853.staging .slots-count-icon {
  background: #F88853;
}
.sF88853:hover,
.sF88853.hovered {
  background: #eda582;
  border-color: #eda582;
}
.sF88853:hover .shift-details-status,
.sF88853.hovered .shift-details-status {
  background: #eda582;
}
.sF88853.is-proposal,
.sF88853.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #F88853, #F88853 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sF76B6A,
.sF76B6A.position {
  background: #F76B6A;
  border-color: #F76B6A;
}
.sF76B6A .shift-details-status {
  background: #F76B6A;
}
.sF76B6A.staging {
  color: #F76B6A;
}
.sF76B6A.staging .open-ended-shift > g {
  fill: #F76B6A;
}
.sF76B6A.staging .slots-count-icon {
  background: #F76B6A;
}
.sF76B6A:hover,
.sF76B6A.hovered {
  background: #ed9192;
  border-color: #ed9192;
}
.sF76B6A:hover .shift-details-status,
.sF76B6A.hovered .shift-details-status {
  background: #ed9192;
}
.sF76B6A.is-proposal,
.sF76B6A.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #F76B6A, #F76B6A 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s9C5DA7,
.s9C5DA7.position {
  background: #9C5DA7;
  border-color: #9C5DA7;
}
.s9C5DA7 .shift-details-status {
  background: #9C5DA7;
}
.s9C5DA7.staging {
  color: #9C5DA7;
}
.s9C5DA7.staging .open-ended-shift > g {
  fill: #9C5DA7;
}
.s9C5DA7.staging .slots-count-icon {
  background: #9C5DA7;
}
.s9C5DA7:hover,
.s9C5DA7.hovered {
  background: #b088bb;
  border-color: #b088bb;
}
.s9C5DA7:hover .shift-details-status,
.s9C5DA7.hovered .shift-details-status {
  background: #b088bb;
}
.s9C5DA7.is-proposal,
.s9C5DA7.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #9C5DA7, #9C5DA7 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s645BD0,
.s645BD0.position {
  background: #645BD0;
  border-color: #645BD0;
}
.s645BD0 .shift-details-status {
  background: #645BD0;
}
.s645BD0.staging {
  color: #645BD0;
}
.s645BD0.staging .open-ended-shift > g {
  fill: #645BD0;
}
.s645BD0.staging .slots-count-icon {
  background: #645BD0;
}
.s645BD0:hover,
.s645BD0.hovered {
  background: #8b87d7;
  border-color: #8b87d7;
}
.s645BD0:hover .shift-details-status,
.s645BD0.hovered .shift-details-status {
  background: #8b87d7;
}
.s645BD0.is-proposal,
.s645BD0.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #645BD0, #645BD0 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s8666E1,
.s8666E1.position {
  background: #8666E1;
  border-color: #8666E1;
}
.s8666E1 .shift-details-status {
  background: #8666E1;
}
.s8666E1.staging {
  color: #8666E1;
}
.s8666E1.staging .open-ended-shift > g {
  fill: #8666E1;
}
.s8666E1.staging .slots-count-icon {
  background: #8666E1;
}
.s8666E1:hover,
.s8666E1.hovered {
  background: #a28ee3;
  border-color: #a28ee3;
}
.s8666E1:hover .shift-details-status,
.s8666E1.hovered .shift-details-status {
  background: #a28ee3;
}
.s8666E1.is-proposal,
.s8666E1.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #8666E1, #8666E1 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s429746,
.s429746.position {
  background: #429746;
  border-color: #429746;
}
.s429746 .shift-details-status {
  background: #429746;
}
.s429746.staging {
  color: #429746;
}
.s429746.staging .open-ended-shift > g {
  fill: #429746;
}
.s429746.staging .slots-count-icon {
  background: #429746;
}
.s429746:hover,
.s429746.hovered {
  background: #74af7a;
  border-color: #74af7a;
}
.s429746:hover .shift-details-status,
.s429746.hovered .shift-details-status {
  background: #74af7a;
}
.s429746.is-proposal,
.s429746.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #429746, #429746 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s396D84,
.s396D84.position {
  background: #396D84;
  border-color: #396D84;
}
.s396D84 .shift-details-status {
  background: #396D84;
}
.s396D84.staging {
  color: #396D84;
}
.s396D84.staging .open-ended-shift > g {
  fill: #396D84;
}
.s396D84.staging .slots-count-icon {
  background: #396D84;
}
.s396D84:hover,
.s396D84.hovered {
  background: #6e93a4;
  border-color: #6e93a4;
}
.s396D84:hover .shift-details-status,
.s396D84.hovered .shift-details-status {
  background: #6e93a4;
}
.s396D84.is-proposal,
.s396D84.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #396D84, #396D84 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s5597B4,
.s5597B4.position {
  background: #5597B4;
  border-color: #5597B4;
}
.s5597B4 .shift-details-status {
  background: #5597B4;
}
.s5597B4.staging {
  color: #5597B4;
}
.s5597B4.staging .open-ended-shift > g {
  fill: #5597B4;
}
.s5597B4.staging .slots-count-icon {
  background: #5597B4;
}
.s5597B4:hover,
.s5597B4.hovered {
  background: #81afc4;
  border-color: #81afc4;
}
.s5597B4:hover .shift-details-status,
.s5597B4.hovered .shift-details-status {
  background: #81afc4;
}
.s5597B4.is-proposal,
.s5597B4.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #5597B4, #5597B4 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s845B4E,
.s845B4E.position {
  background: #845B4E;
  border-color: #845B4E;
}
.s845B4E .shift-details-status {
  background: #845B4E;
}
.s845B4E.staging {
  color: #845B4E;
}
.s845B4E.staging .open-ended-shift > g {
  fill: #845B4E;
}
.s845B4E.staging .slots-count-icon {
  background: #845B4E;
}
.s845B4E:hover,
.s845B4E.hovered {
  background: #a0877f;
  border-color: #a0877f;
}
.s845B4E:hover .shift-details-status,
.s845B4E.hovered .shift-details-status {
  background: #a0877f;
}
.s845B4E.is-proposal,
.s845B4E.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #845B4E, #845B4E 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s12B835,
.s12B835.position {
  background: #12B835;
  border-color: #12B835;
}
.s12B835 .shift-details-status {
  background: #12B835;
}
.s12B835.staging {
  color: #12B835;
}
.s12B835.staging .open-ended-shift > g {
  fill: #12B835;
}
.s12B835.staging .slots-count-icon {
  background: #12B835;
}
.s12B835:hover,
.s12B835.hovered {
  background: #55c56e;
  border-color: #55c56e;
}
.s12B835:hover .shift-details-status,
.s12B835.hovered .shift-details-status {
  background: #55c56e;
}
.s12B835.is-proposal,
.s12B835.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #12B835, #12B835 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s00C49E,
.s00C49E.position {
  background: #00C49E;
  border-color: #00C49E;
}
.s00C49E .shift-details-status {
  background: #00C49E;
}
.s00C49E.staging {
  color: #00C49E;
}
.s00C49E.staging .open-ended-shift > g {
  fill: #00C49E;
}
.s00C49E.staging .slots-count-icon {
  background: #00C49E;
}
.s00C49E:hover,
.s00C49E.hovered {
  background: #49cdb5;
  border-color: #49cdb5;
}
.s00C49E:hover .shift-details-status,
.s00C49E.hovered .shift-details-status {
  background: #49cdb5;
}
.s00C49E.is-proposal,
.s00C49E.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #00C49E, #00C49E 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s70A7EE,
.s70A7EE.position {
  background: #70A7EE;
  border-color: #70A7EE;
}
.s70A7EE .shift-details-status {
  background: #70A7EE;
}
.s70A7EE.staging {
  color: #70A7EE;
}
.s70A7EE.staging .open-ended-shift > g {
  fill: #70A7EE;
}
.s70A7EE.staging .slots-count-icon {
  background: #70A7EE;
}
.s70A7EE:hover,
.s70A7EE.hovered {
  background: #93baeb;
  border-color: #93baeb;
}
.s70A7EE:hover .shift-details-status,
.s70A7EE.hovered .shift-details-status {
  background: #93baeb;
}
.s70A7EE.is-proposal,
.s70A7EE.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #70A7EE, #70A7EE 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s108AEC,
.s108AEC.position {
  background: #108AEC;
  border-color: #108AEC;
}
.s108AEC .shift-details-status {
  background: #108AEC;
}
.s108AEC.staging {
  color: #108AEC;
}
.s108AEC.staging .open-ended-shift > g {
  fill: #108AEC;
}
.s108AEC.staging .slots-count-icon {
  background: #108AEC;
}
.s108AEC:hover,
.s108AEC.hovered {
  background: #53a6ea;
  border-color: #53a6ea;
}
.s108AEC:hover .shift-details-status,
.s108AEC.hovered .shift-details-status {
  background: #53a6ea;
}
.s108AEC.is-proposal,
.s108AEC.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #108AEC, #108AEC 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s937368,
.s937368.position {
  background: #937368;
  border-color: #937368;
}
.s937368 .shift-details-status {
  background: #937368;
}
.s937368.staging {
  color: #937368;
}
.s937368.staging .open-ended-shift > g {
  fill: #937368;
}
.s937368.staging .slots-count-icon {
  background: #937368;
}
.s937368:hover,
.s937368.hovered {
  background: #aa9791;
  border-color: #aa9791;
}
.s937368:hover .shift-details-status,
.s937368.hovered .shift-details-status {
  background: #aa9791;
}
.s937368.is-proposal,
.s937368.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #937368, #937368 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s97A2AE,
.s97A2AE.position {
  background: #97A2AE;
  border-color: #97A2AE;
}
.s97A2AE .shift-details-status {
  background: #97A2AE;
}
.s97A2AE.staging {
  color: #97A2AE;
}
.s97A2AE.staging .open-ended-shift > g {
  fill: #97A2AE;
}
.s97A2AE.staging .slots-count-icon {
  background: #97A2AE;
}
.s97A2AE:hover,
.s97A2AE.hovered {
  background: #adb6c0;
  border-color: #adb6c0;
}
.s97A2AE:hover .shift-details-status,
.s97A2AE.hovered .shift-details-status {
  background: #adb6c0;
}
.s97A2AE.is-proposal,
.s97A2AE.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #97A2AE, #97A2AE 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s67C3EB,
.s67C3EB.position {
  background: #67C3EB;
  border-color: #67C3EB;
}
.s67C3EB .shift-details-status {
  background: #67C3EB;
}
.s67C3EB.staging {
  color: #67C3EB;
}
.s67C3EB.staging .open-ended-shift > g {
  fill: #67C3EB;
}
.s67C3EB.staging .slots-count-icon {
  background: #67C3EB;
}
.s67C3EB:hover,
.s67C3EB.hovered {
  background: #8dcde9;
  border-color: #8dcde9;
}
.s67C3EB:hover .shift-details-status,
.s67C3EB.hovered .shift-details-status {
  background: #8dcde9;
}
.s67C3EB.is-proposal,
.s67C3EB.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #67C3EB, #67C3EB 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s2466BC,
.s2466BC.position {
  background: #2466BC;
  border-color: #2466BC;
}
.s2466BC .shift-details-status {
  background: #2466BC;
}
.s2466BC.staging {
  color: #2466BC;
}
.s2466BC.staging .open-ended-shift > g {
  fill: #2466BC;
}
.s2466BC.staging .slots-count-icon {
  background: #2466BC;
}
.s2466BC:hover,
.s2466BC.hovered {
  background: #618eca;
  border-color: #618eca;
}
.s2466BC:hover .shift-details-status,
.s2466BC.hovered .shift-details-status {
  background: #618eca;
}
.s2466BC.is-proposal,
.s2466BC.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #2466BC, #2466BC 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s3F51B5,
.s3F51B5.position {
  background: #3F51B5;
  border-color: #3F51B5;
}
.s3F51B5 .shift-details-status {
  background: #3F51B5;
}
.s3F51B5.staging {
  color: #3F51B5;
}
.s3F51B5.staging .open-ended-shift > g {
  fill: #3F51B5;
}
.s3F51B5.staging .slots-count-icon {
  background: #3F51B5;
}
.s3F51B5:hover,
.s3F51B5.hovered {
  background: #7280c5;
  border-color: #7280c5;
}
.s3F51B5:hover .shift-details-status,
.s3F51B5.hovered .shift-details-status {
  background: #7280c5;
}
.s3F51B5.is-proposal,
.s3F51B5.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #3F51B5, #3F51B5 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s503F86,
.s503F86.position {
  background: #503F86;
  border-color: #503F86;
}
.s503F86 .shift-details-status {
  background: #503F86;
}
.s503F86.staging {
  color: #503F86;
}
.s503F86.staging .open-ended-shift > g {
  fill: #503F86;
}
.s503F86.staging .slots-count-icon {
  background: #503F86;
}
.s503F86:hover,
.s503F86.hovered {
  background: #7e74a5;
  border-color: #7e74a5;
}
.s503F86:hover .shift-details-status,
.s503F86.hovered .shift-details-status {
  background: #7e74a5;
}
.s503F86.is-proposal,
.s503F86.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #503F86, #503F86 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s7986CB,
.s7986CB.position {
  background: #7986CB;
  border-color: #7986CB;
}
.s7986CB .shift-details-status {
  background: #7986CB;
}
.s7986CB.staging {
  color: #7986CB;
}
.s7986CB.staging .open-ended-shift > g {
  fill: #7986CB;
}
.s7986CB.staging .slots-count-icon {
  background: #7986CB;
}
.s7986CB:hover,
.s7986CB.hovered {
  background: #99a4d4;
  border-color: #99a4d4;
}
.s7986CB:hover .shift-details-status,
.s7986CB.hovered .shift-details-status {
  background: #99a4d4;
}
.s7986CB.is-proposal,
.s7986CB.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #7986CB, #7986CB 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sB39DDB,
.sB39DDB.position {
  background: #B39DDB;
  border-color: #B39DDB;
}
.sB39DDB .shift-details-status {
  background: #B39DDB;
}
.sB39DDB.staging {
  color: #B39DDB;
}
.sB39DDB.staging .open-ended-shift > g {
  fill: #B39DDB;
}
.sB39DDB.staging .slots-count-icon {
  background: #B39DDB;
}
.sB39DDB:hover,
.sB39DDB.hovered {
  background: #c0b3df;
  border-color: #c0b3df;
}
.sB39DDB:hover .shift-details-status,
.sB39DDB.hovered .shift-details-status {
  background: #c0b3df;
}
.sB39DDB.is-proposal,
.sB39DDB.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #B39DDB, #B39DDB 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sE6A462,
.sE6A462.position {
  background: #E6A462;
  border-color: #E6A462;
}
.sE6A462 .shift-details-status {
  background: #E6A462;
}
.sE6A462.staging {
  color: #E6A462;
}
.sE6A462.staging .open-ended-shift > g {
  fill: #E6A462;
}
.sE6A462.staging .slots-count-icon {
  background: #E6A462;
}
.sE6A462:hover,
.sE6A462.hovered {
  background: #e1b88d;
  border-color: #e1b88d;
}
.sE6A462:hover .shift-details-status,
.sE6A462.hovered .shift-details-status {
  background: #e1b88d;
}
.sE6A462.is-proposal,
.sE6A462.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #E6A462, #E6A462 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sA8B400,
.sA8B400.position {
  background: #A8B400;
  border-color: #A8B400;
}
.sA8B400 .shift-details-status {
  background: #A8B400;
}
.sA8B400.staging {
  color: #A8B400;
}
.sA8B400.staging .open-ended-shift > g {
  fill: #A8B400;
}
.sA8B400.staging .slots-count-icon {
  background: #A8B400;
}
.sA8B400:hover,
.sA8B400.hovered {
  background: #b8c34a;
  border-color: #b8c34a;
}
.sA8B400:hover .shift-details-status,
.sA8B400.hovered .shift-details-status {
  background: #b8c34a;
}
.sA8B400.is-proposal,
.sA8B400.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #A8B400, #A8B400 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sF09795,
.sF09795.position {
  background: #F09795;
  border-color: #F09795;
}
.sF09795 .shift-details-status {
  background: #F09795;
}
.sF09795.staging {
  color: #F09795;
}
.sF09795.staging .open-ended-shift > g {
  fill: #F09795;
}
.sF09795.staging .slots-count-icon {
  background: #F09795;
}
.sF09795:hover,
.sF09795.hovered {
  background: #e8afaf;
  border-color: #e8afaf;
}
.sF09795:hover .shift-details-status,
.sF09795.hovered .shift-details-status {
  background: #e8afaf;
}
.sF09795.is-proposal,
.sF09795.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #F09795, #F09795 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sB68E96,
.sB68E96.position {
  background: #B68E96;
  border-color: #B68E96;
}
.sB68E96 .shift-details-status {
  background: #B68E96;
}
.sB68E96.staging {
  color: #B68E96;
}
.sB68E96.staging .open-ended-shift > g {
  fill: #B68E96;
}
.sB68E96.staging .slots-count-icon {
  background: #B68E96;
}
.sB68E96:hover,
.sB68E96.hovered {
  background: #c2a9b0;
  border-color: #c2a9b0;
}
.sB68E96:hover .shift-details-status,
.sB68E96.hovered .shift-details-status {
  background: #c2a9b0;
}
.sB68E96.is-proposal,
.sB68E96.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #B68E96, #B68E96 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s8F827B,
.s8F827B.position {
  background: #8F827B;
  border-color: #8F827B;
}
.s8F827B .shift-details-status {
  background: #8F827B;
}
.s8F827B.staging {
  color: #8F827B;
}
.s8F827B.staging .open-ended-shift > g {
  fill: #8F827B;
}
.s8F827B.staging .slots-count-icon {
  background: #8F827B;
}
.s8F827B:hover,
.s8F827B.hovered {
  background: #a8a19d;
  border-color: #a8a19d;
}
.s8F827B:hover .shift-details-status,
.s8F827B.hovered .shift-details-status {
  background: #a8a19d;
}
.s8F827B.is-proposal,
.s8F827B.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #8F827B, #8F827B 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sA79B8E,
.sA79B8E.position {
  background: #A79B8E;
  border-color: #A79B8E;
}
.sA79B8E .shift-details-status {
  background: #A79B8E;
}
.sA79B8E.staging {
  color: #A79B8E;
}
.sA79B8E.staging .open-ended-shift > g {
  fill: #A79B8E;
}
.sA79B8E.staging .slots-count-icon {
  background: #A79B8E;
}
.sA79B8E:hover,
.sA79B8E.hovered {
  background: #b8b2aa;
  border-color: #b8b2aa;
}
.sA79B8E:hover .shift-details-status,
.sA79B8E.hovered .shift-details-status {
  background: #b8b2aa;
}
.sA79B8E.is-proposal,
.sA79B8E.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #A79B8E, #A79B8E 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.sBB6B00,
.sBB6B00.position {
  background: #BB6B00;
  border-color: #BB6B00;
}
.sBB6B00 .shift-details-status {
  background: #BB6B00;
}
.sBB6B00.staging {
  color: #BB6B00;
}
.sBB6B00.staging .open-ended-shift > g {
  fill: #BB6B00;
}
.sBB6B00.staging .slots-count-icon {
  background: #BB6B00;
}
.sBB6B00:hover,
.sBB6B00.hovered {
  background: #c5914a;
  border-color: #c5914a;
}
.sBB6B00:hover .shift-details-status,
.sBB6B00.hovered .shift-details-status {
  background: #c5914a;
}
.sBB6B00.is-proposal,
.sBB6B00.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #BB6B00, #BB6B00 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s008F77,
.s008F77.position {
  background: #008F77;
  border-color: #008F77;
}
.s008F77 .shift-details-status {
  background: #008F77;
}
.s008F77.staging {
  color: #008F77;
}
.s008F77.staging .open-ended-shift > g {
  fill: #008F77;
}
.s008F77.staging .slots-count-icon {
  background: #008F77;
}
.s008F77:hover,
.s008F77.hovered {
  background: #49aa9b;
  border-color: #49aa9b;
}
.s008F77:hover .shift-details-status,
.s008F77.hovered .shift-details-status {
  background: #49aa9b;
}
.s008F77.is-proposal,
.s008F77.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #008F77, #008F77 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s69A083,
.s69A083.position {
  background: #69A083;
  border-color: #69A083;
}
.s69A083 .shift-details-status {
  background: #69A083;
}
.s69A083.staging {
  color: #69A083;
}
.s69A083.staging .open-ended-shift > g {
  fill: #69A083;
}
.s69A083.staging .slots-count-icon {
  background: #69A083;
}
.s69A083:hover,
.s69A083.hovered {
  background: #8eb5a3;
  border-color: #8eb5a3;
}
.s69A083:hover .shift-details-status,
.s69A083.hovered .shift-details-status {
  background: #8eb5a3;
}
.s69A083.is-proposal,
.s69A083.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #69A083, #69A083 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s8EAAA1,
.s8EAAA1.position {
  background: #8EAAA1;
  border-color: #8EAAA1;
}
.s8EAAA1 .shift-details-status {
  background: #8EAAA1;
}
.s8EAAA1.staging {
  color: #8EAAA1;
}
.s8EAAA1.staging .open-ended-shift > g {
  fill: #8EAAA1;
}
.s8EAAA1.staging .slots-count-icon {
  background: #8EAAA1;
}
.s8EAAA1:hover,
.s8EAAA1.hovered {
  background: #a7bcb7;
  border-color: #a7bcb7;
}
.s8EAAA1:hover .shift-details-status,
.s8EAAA1.hovered .shift-details-status {
  background: #a7bcb7;
}
.s8EAAA1.is-proposal,
.s8EAAA1.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #8EAAA1, #8EAAA1 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.s4C6379,
.s4C6379.position {
  background: #4C6379;
  border-color: #4C6379;
}
.s4C6379 .shift-details-status {
  background: #4C6379;
}
.s4C6379.staging {
  color: #4C6379;
}
.s4C6379.staging .open-ended-shift > g {
  fill: #4C6379;
}
.s4C6379.staging .slots-count-icon {
  background: #4C6379;
}
.s4C6379:hover,
.s4C6379.hovered {
  background: #7b8c9c;
  border-color: #7b8c9c;
}
.s4C6379:hover .shift-details-status,
.s4C6379.hovered .shift-details-status {
  background: #7b8c9c;
}
.s4C6379.is-proposal,
.s4C6379.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #4C6379, #4C6379 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
.no-show,
.no-show.position {
  background: #4C6379;
  border-color: #4C6379;
}
.no-show .shift-details-status {
  background: #4C6379;
}
.no-show.staging {
  color: #4C6379;
}
.no-show.staging .open-ended-shift > g {
  fill: #4C6379;
}
.no-show.staging .slots-count-icon {
  background: #4C6379;
}
.no-show:hover,
.no-show.hovered {
  background: #7b8c9c;
  border-color: #7b8c9c;
}
.no-show:hover .shift-details-status,
.no-show.hovered .shift-details-status {
  background: #7b8c9c;
}
.no-show.is-proposal,
.no-show.is-proposal.position {
  background: repeating-linear-gradient(-45deg, #4C6379, #4C6379 10px, #738190 10px, #738190 20px);
  border-style: solid;
}
body:not(.print-body) .sFFAA35.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sFFAA35.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sFFAA35.jagged-left:before {
  background: linear-gradient(-45deg, #FFAA35 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #FFAA35 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35.jagged-right:after {
  background: linear-gradient(45deg, #FFAA35 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #FFAA35 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #FFAA35 10%, #FFAA35 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #FFAA35 14%, #FFAA35 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #FFAA35 16%, #FFAA35 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #FFAA35 20%, #FFAA35 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance) {
  background: #f2bc6e;
  border-color: #f2bc6e;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #f2bc6e;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #f2bc6e 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #f2bc6e 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #f2bc6e 10%, #f2bc6e 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #f2bc6e 14%, #f2bc6e 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #f2bc6e 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #f2bc6e 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sFFAA35:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sFFAA35.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #f2bc6e 16%, #f2bc6e 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #f2bc6e 20%, #f2bc6e 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB69663.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB69663.jagged-left:before {
  background: linear-gradient(-45deg, #B69663 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #B69663 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663.jagged-right:after {
  background: linear-gradient(45deg, #B69663 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #B69663 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #B69663 10%, #B69663 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #B69663 14%, #B69663 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #B69663 16%, #B69663 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #B69663 20%, #B69663 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance) {
  background: #c2ae8d;
  border-color: #c2ae8d;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #c2ae8d;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #c2ae8d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #c2ae8d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #c2ae8d 10%, #c2ae8d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #c2ae8d 14%, #c2ae8d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #c2ae8d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #c2ae8d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB69663:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sB69663.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #c2ae8d 16%, #c2ae8d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #c2ae8d 20%, #c2ae8d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s9C5DA7.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s9C5DA7.jagged-left:before {
  background: linear-gradient(-45deg, #9C5DA7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #9C5DA7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7.jagged-right:after {
  background: linear-gradient(45deg, #9C5DA7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #9C5DA7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #9C5DA7 10%, #9C5DA7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #9C5DA7 14%, #9C5DA7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #9C5DA7 16%, #9C5DA7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #9C5DA7 20%, #9C5DA7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance) {
  background: #b088bb;
  border-color: #b088bb;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #b088bb;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #b088bb 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #b088bb 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #b088bb 10%, #b088bb 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #b088bb 14%, #b088bb 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #b088bb 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #b088bb 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s9C5DA7:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s9C5DA7.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #b088bb 16%, #b088bb 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #b088bb 20%, #b088bb 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s645BD0.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s645BD0.jagged-left:before {
  background: linear-gradient(-45deg, #645BD0 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #645BD0 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0.jagged-right:after {
  background: linear-gradient(45deg, #645BD0 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #645BD0 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #645BD0 10%, #645BD0 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #645BD0 14%, #645BD0 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #645BD0 16%, #645BD0 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #645BD0 20%, #645BD0 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance) {
  background: #8b87d7;
  border-color: #8b87d7;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #8b87d7;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #8b87d7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8b87d7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #8b87d7 10%, #8b87d7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8b87d7 14%, #8b87d7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #8b87d7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8b87d7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s645BD0:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s645BD0.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #8b87d7 16%, #8b87d7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8b87d7 20%, #8b87d7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s429746.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s429746.jagged-left:before {
  background: linear-gradient(-45deg, #429746 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #429746 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746.jagged-right:after {
  background: linear-gradient(45deg, #429746 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #429746 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #429746 10%, #429746 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #429746 14%, #429746 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #429746 16%, #429746 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #429746 20%, #429746 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance) {
  background: #74af7a;
  border-color: #74af7a;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #74af7a;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #74af7a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #74af7a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #74af7a 10%, #74af7a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #74af7a 14%, #74af7a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #74af7a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #74af7a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s429746:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s429746.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #74af7a 16%, #74af7a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #74af7a 20%, #74af7a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s396D84.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s396D84.jagged-left:before {
  background: linear-gradient(-45deg, #396D84 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #396D84 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84.jagged-right:after {
  background: linear-gradient(45deg, #396D84 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #396D84 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #396D84 10%, #396D84 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #396D84 14%, #396D84 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #396D84 16%, #396D84 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #396D84 20%, #396D84 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance) {
  background: #6e93a4;
  border-color: #6e93a4;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #6e93a4;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #6e93a4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #6e93a4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #6e93a4 10%, #6e93a4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #6e93a4 14%, #6e93a4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #6e93a4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #6e93a4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s396D84:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s396D84.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #6e93a4 16%, #6e93a4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #6e93a4 20%, #6e93a4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s5597B4.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s5597B4.jagged-left:before {
  background: linear-gradient(-45deg, #5597B4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #5597B4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4.jagged-right:after {
  background: linear-gradient(45deg, #5597B4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #5597B4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #5597B4 10%, #5597B4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #5597B4 14%, #5597B4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #5597B4 16%, #5597B4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #5597B4 20%, #5597B4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance) {
  background: #81afc4;
  border-color: #81afc4;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #81afc4;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #81afc4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #81afc4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #81afc4 10%, #81afc4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #81afc4 14%, #81afc4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #81afc4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #81afc4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s5597B4:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s5597B4.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #81afc4 16%, #81afc4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #81afc4 20%, #81afc4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s845B4E.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s845B4E.jagged-left:before {
  background: linear-gradient(-45deg, #845B4E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #845B4E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E.jagged-right:after {
  background: linear-gradient(45deg, #845B4E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #845B4E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #845B4E 10%, #845B4E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #845B4E 14%, #845B4E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #845B4E 16%, #845B4E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #845B4E 20%, #845B4E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance) {
  background: #a0877f;
  border-color: #a0877f;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #a0877f;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #a0877f 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #a0877f 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #a0877f 10%, #a0877f 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #a0877f 14%, #a0877f 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #a0877f 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #a0877f 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s845B4E:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s845B4E.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #a0877f 16%, #a0877f 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #a0877f 20%, #a0877f 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8666E1.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8666E1.jagged-left:before {
  background: linear-gradient(-45deg, #8666E1 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8666E1 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1.jagged-right:after {
  background: linear-gradient(45deg, #8666E1 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8666E1 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #8666E1 10%, #8666E1 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8666E1 14%, #8666E1 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #8666E1 16%, #8666E1 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8666E1 20%, #8666E1 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance) {
  background: #a28ee3;
  border-color: #a28ee3;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #a28ee3;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #a28ee3 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #a28ee3 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #a28ee3 10%, #a28ee3 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #a28ee3 14%, #a28ee3 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #a28ee3 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #a28ee3 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8666E1:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s8666E1.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #a28ee3 16%, #a28ee3 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #a28ee3 20%, #a28ee3 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF88853.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF88853.jagged-left:before {
  background: linear-gradient(-45deg, #F88853 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #F88853 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853.jagged-right:after {
  background: linear-gradient(45deg, #F88853 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #F88853 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #F88853 10%, #F88853 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #F88853 14%, #F88853 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #F88853 16%, #F88853 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #F88853 20%, #F88853 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance) {
  background: #eda582;
  border-color: #eda582;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #eda582;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #eda582 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #eda582 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #eda582 10%, #eda582 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #eda582 14%, #eda582 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #eda582 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #eda582 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF88853:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sF88853.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #eda582 16%, #eda582 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #eda582 20%, #eda582 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s12B835.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s12B835.jagged-left:before {
  background: linear-gradient(-45deg, #12B835 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #12B835 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835.jagged-right:after {
  background: linear-gradient(45deg, #12B835 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #12B835 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #12B835 10%, #12B835 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #12B835 14%, #12B835 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #12B835 16%, #12B835 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #12B835 20%, #12B835 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance) {
  background: #55c56e;
  border-color: #55c56e;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #55c56e;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #55c56e 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #55c56e 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #55c56e 10%, #55c56e 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #55c56e 14%, #55c56e 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #55c56e 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #55c56e 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s12B835:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s12B835.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #55c56e 16%, #55c56e 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #55c56e 20%, #55c56e 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s00C49E.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s00C49E.jagged-left:before {
  background: linear-gradient(-45deg, #00C49E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #00C49E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E.jagged-right:after {
  background: linear-gradient(45deg, #00C49E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #00C49E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #00C49E 10%, #00C49E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #00C49E 14%, #00C49E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #00C49E 16%, #00C49E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #00C49E 20%, #00C49E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance) {
  background: #49cdb5;
  border-color: #49cdb5;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #49cdb5;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #49cdb5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #49cdb5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #49cdb5 10%, #49cdb5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #49cdb5 14%, #49cdb5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #49cdb5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #49cdb5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s00C49E:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s00C49E.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #49cdb5 16%, #49cdb5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #49cdb5 20%, #49cdb5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s70A7EE.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s70A7EE.jagged-left:before {
  background: linear-gradient(-45deg, #70A7EE 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #70A7EE 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE.jagged-right:after {
  background: linear-gradient(45deg, #70A7EE 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #70A7EE 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #70A7EE 10%, #70A7EE 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #70A7EE 14%, #70A7EE 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #70A7EE 16%, #70A7EE 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #70A7EE 20%, #70A7EE 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance) {
  background: #93baeb;
  border-color: #93baeb;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #93baeb;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #93baeb 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #93baeb 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #93baeb 10%, #93baeb 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #93baeb 14%, #93baeb 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #93baeb 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #93baeb 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s70A7EE:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s70A7EE.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #93baeb 16%, #93baeb 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #93baeb 20%, #93baeb 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF76B6A.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF76B6A.jagged-left:before {
  background: linear-gradient(-45deg, #F76B6A 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #F76B6A 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A.jagged-right:after {
  background: linear-gradient(45deg, #F76B6A 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #F76B6A 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #F76B6A 10%, #F76B6A 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #F76B6A 14%, #F76B6A 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #F76B6A 16%, #F76B6A 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #F76B6A 20%, #F76B6A 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance) {
  background: #ed9192;
  border-color: #ed9192;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #ed9192;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #ed9192 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #ed9192 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #ed9192 10%, #ed9192 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #ed9192 14%, #ed9192 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #ed9192 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #ed9192 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF76B6A:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sF76B6A.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #ed9192 16%, #ed9192 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #ed9192 20%, #ed9192 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s108AEC.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s108AEC.jagged-left:before {
  background: linear-gradient(-45deg, #108AEC 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #108AEC 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC.jagged-right:after {
  background: linear-gradient(45deg, #108AEC 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #108AEC 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #108AEC 10%, #108AEC 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #108AEC 14%, #108AEC 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #108AEC 16%, #108AEC 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #108AEC 20%, #108AEC 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance) {
  background: #53a6ea;
  border-color: #53a6ea;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #53a6ea;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #53a6ea 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #53a6ea 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #53a6ea 10%, #53a6ea 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #53a6ea 14%, #53a6ea 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #53a6ea 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #53a6ea 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s108AEC:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s108AEC.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #53a6ea 16%, #53a6ea 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #53a6ea 20%, #53a6ea 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s937368.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s937368.jagged-left:before {
  background: linear-gradient(-45deg, #937368 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #937368 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368.jagged-right:after {
  background: linear-gradient(45deg, #937368 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #937368 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #937368 10%, #937368 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #937368 14%, #937368 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #937368 16%, #937368 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #937368 20%, #937368 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance) {
  background: #aa9791;
  border-color: #aa9791;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #aa9791;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #aa9791 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #aa9791 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #aa9791 10%, #aa9791 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #aa9791 14%, #aa9791 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #aa9791 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #aa9791 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s937368:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s937368.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #aa9791 16%, #aa9791 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #aa9791 20%, #aa9791 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s67C3EB.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s67C3EB.jagged-left:before {
  background: linear-gradient(-45deg, #67C3EB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #67C3EB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB.jagged-right:after {
  background: linear-gradient(45deg, #67C3EB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #67C3EB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #67C3EB 10%, #67C3EB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #67C3EB 14%, #67C3EB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #67C3EB 16%, #67C3EB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #67C3EB 20%, #67C3EB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance) {
  background: #8dcde9;
  border-color: #8dcde9;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #8dcde9;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #8dcde9 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8dcde9 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #8dcde9 10%, #8dcde9 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8dcde9 14%, #8dcde9 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #8dcde9 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8dcde9 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s67C3EB:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s67C3EB.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #8dcde9 16%, #8dcde9 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8dcde9 20%, #8dcde9 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s2466BC.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s2466BC.jagged-left:before {
  background: linear-gradient(-45deg, #2466BC 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #2466BC 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC.jagged-right:after {
  background: linear-gradient(45deg, #2466BC 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #2466BC 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #2466BC 10%, #2466BC 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #2466BC 14%, #2466BC 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #2466BC 16%, #2466BC 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #2466BC 20%, #2466BC 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance) {
  background: #618eca;
  border-color: #618eca;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #618eca;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #618eca 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #618eca 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #618eca 10%, #618eca 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #618eca 14%, #618eca 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #618eca 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #618eca 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s2466BC:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s2466BC.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #618eca 16%, #618eca 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #618eca 20%, #618eca 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s3F51B5.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s3F51B5.jagged-left:before {
  background: linear-gradient(-45deg, #3F51B5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #3F51B5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5.jagged-right:after {
  background: linear-gradient(45deg, #3F51B5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #3F51B5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #3F51B5 10%, #3F51B5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #3F51B5 14%, #3F51B5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #3F51B5 16%, #3F51B5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #3F51B5 20%, #3F51B5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance) {
  background: #7280c5;
  border-color: #7280c5;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #7280c5;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #7280c5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #7280c5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #7280c5 10%, #7280c5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #7280c5 14%, #7280c5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #7280c5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #7280c5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s3F51B5:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s3F51B5.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #7280c5 16%, #7280c5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #7280c5 20%, #7280c5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s503F86.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s503F86.jagged-left:before {
  background: linear-gradient(-45deg, #503F86 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #503F86 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86.jagged-right:after {
  background: linear-gradient(45deg, #503F86 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #503F86 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #503F86 10%, #503F86 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #503F86 14%, #503F86 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #503F86 16%, #503F86 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #503F86 20%, #503F86 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance) {
  background: #7e74a5;
  border-color: #7e74a5;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #7e74a5;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #7e74a5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #7e74a5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #7e74a5 10%, #7e74a5 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #7e74a5 14%, #7e74a5 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #7e74a5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #7e74a5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s503F86:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s503F86.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #7e74a5 16%, #7e74a5 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #7e74a5 20%, #7e74a5 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s7986CB.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s7986CB.jagged-left:before {
  background: linear-gradient(-45deg, #7986CB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #7986CB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB.jagged-right:after {
  background: linear-gradient(45deg, #7986CB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #7986CB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #7986CB 10%, #7986CB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #7986CB 14%, #7986CB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #7986CB 16%, #7986CB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #7986CB 20%, #7986CB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance) {
  background: #99a4d4;
  border-color: #99a4d4;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #99a4d4;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #99a4d4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #99a4d4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #99a4d4 10%, #99a4d4 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #99a4d4 14%, #99a4d4 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #99a4d4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #99a4d4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s7986CB:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s7986CB.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #99a4d4 16%, #99a4d4 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #99a4d4 20%, #99a4d4 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB39DDB.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB39DDB.jagged-left:before {
  background: linear-gradient(-45deg, #B39DDB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #B39DDB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB.jagged-right:after {
  background: linear-gradient(45deg, #B39DDB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #B39DDB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #B39DDB 10%, #B39DDB 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #B39DDB 14%, #B39DDB 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #B39DDB 16%, #B39DDB 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #B39DDB 20%, #B39DDB 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance) {
  background: #c0b3df;
  border-color: #c0b3df;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #c0b3df;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #c0b3df 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #c0b3df 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #c0b3df 10%, #c0b3df 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #c0b3df 14%, #c0b3df 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #c0b3df 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #c0b3df 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB39DDB:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sB39DDB.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #c0b3df 16%, #c0b3df 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #c0b3df 20%, #c0b3df 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sE6A462.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sE6A462.jagged-left:before {
  background: linear-gradient(-45deg, #E6A462 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #E6A462 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462.jagged-right:after {
  background: linear-gradient(45deg, #E6A462 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #E6A462 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #E6A462 10%, #E6A462 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #E6A462 14%, #E6A462 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #E6A462 16%, #E6A462 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #E6A462 20%, #E6A462 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance) {
  background: #e1b88d;
  border-color: #e1b88d;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #e1b88d;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #e1b88d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #e1b88d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #e1b88d 10%, #e1b88d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #e1b88d 14%, #e1b88d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #e1b88d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #e1b88d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sE6A462:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sE6A462.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #e1b88d 16%, #e1b88d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #e1b88d 20%, #e1b88d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sA8B400.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sA8B400.jagged-left:before {
  background: linear-gradient(-45deg, #A8B400 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #A8B400 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400.jagged-right:after {
  background: linear-gradient(45deg, #A8B400 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #A8B400 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #A8B400 10%, #A8B400 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #A8B400 14%, #A8B400 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #A8B400 16%, #A8B400 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #A8B400 20%, #A8B400 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance) {
  background: #b8c34a;
  border-color: #b8c34a;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #b8c34a;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #b8c34a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #b8c34a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #b8c34a 10%, #b8c34a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #b8c34a 14%, #b8c34a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #b8c34a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #b8c34a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA8B400:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sA8B400.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #b8c34a 16%, #b8c34a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #b8c34a 20%, #b8c34a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF09795.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sF09795.jagged-left:before {
  background: linear-gradient(-45deg, #F09795 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #F09795 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795.jagged-right:after {
  background: linear-gradient(45deg, #F09795 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #F09795 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #F09795 10%, #F09795 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #F09795 14%, #F09795 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #F09795 16%, #F09795 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #F09795 20%, #F09795 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance) {
  background: #e8afaf;
  border-color: #e8afaf;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #e8afaf;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #e8afaf 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #e8afaf 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #e8afaf 10%, #e8afaf 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #e8afaf 14%, #e8afaf 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #e8afaf 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #e8afaf 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sF09795:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sF09795.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #e8afaf 16%, #e8afaf 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #e8afaf 20%, #e8afaf 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB68E96.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sB68E96.jagged-left:before {
  background: linear-gradient(-45deg, #B68E96 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #B68E96 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96.jagged-right:after {
  background: linear-gradient(45deg, #B68E96 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #B68E96 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #B68E96 10%, #B68E96 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #B68E96 14%, #B68E96 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #B68E96 16%, #B68E96 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #B68E96 20%, #B68E96 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance) {
  background: #c2a9b0;
  border-color: #c2a9b0;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #c2a9b0;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #c2a9b0 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #c2a9b0 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #c2a9b0 10%, #c2a9b0 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #c2a9b0 14%, #c2a9b0 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #c2a9b0 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #c2a9b0 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sB68E96:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sB68E96.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #c2a9b0 16%, #c2a9b0 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #c2a9b0 20%, #c2a9b0 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8F827B.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8F827B.jagged-left:before {
  background: linear-gradient(-45deg, #8F827B 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8F827B 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B.jagged-right:after {
  background: linear-gradient(45deg, #8F827B 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8F827B 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #8F827B 10%, #8F827B 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8F827B 14%, #8F827B 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #8F827B 16%, #8F827B 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8F827B 20%, #8F827B 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance) {
  background: #a8a19d;
  border-color: #a8a19d;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #a8a19d;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #a8a19d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #a8a19d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #a8a19d 10%, #a8a19d 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #a8a19d 14%, #a8a19d 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #a8a19d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #a8a19d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8F827B:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s8F827B.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #a8a19d 16%, #a8a19d 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #a8a19d 20%, #a8a19d 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sA79B8E.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sA79B8E.jagged-left:before {
  background: linear-gradient(-45deg, #A79B8E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #A79B8E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E.jagged-right:after {
  background: linear-gradient(45deg, #A79B8E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #A79B8E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #A79B8E 10%, #A79B8E 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #A79B8E 14%, #A79B8E 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #A79B8E 16%, #A79B8E 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #A79B8E 20%, #A79B8E 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance) {
  background: #b8b2aa;
  border-color: #b8b2aa;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #b8b2aa;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #b8b2aa 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #b8b2aa 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #b8b2aa 10%, #b8b2aa 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #b8b2aa 14%, #b8b2aa 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #b8b2aa 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #b8b2aa 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sA79B8E:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sA79B8E.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #b8b2aa 16%, #b8b2aa 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #b8b2aa 20%, #b8b2aa 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sBB6B00.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .sBB6B00.jagged-left:before {
  background: linear-gradient(-45deg, #BB6B00 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #BB6B00 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00.jagged-right:after {
  background: linear-gradient(45deg, #BB6B00 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #BB6B00 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #BB6B00 10%, #BB6B00 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #BB6B00 14%, #BB6B00 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #BB6B00 16%, #BB6B00 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #BB6B00 20%, #BB6B00 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance) {
  background: #c5914a;
  border-color: #c5914a;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #c5914a;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #c5914a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #c5914a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #c5914a 10%, #c5914a 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #c5914a 14%, #c5914a 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #c5914a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #c5914a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .sBB6B00:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .sBB6B00.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #c5914a 16%, #c5914a 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #c5914a 20%, #c5914a 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s008F77.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s008F77.jagged-left:before {
  background: linear-gradient(-45deg, #008F77 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #008F77 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77.jagged-right:after {
  background: linear-gradient(45deg, #008F77 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #008F77 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #008F77 10%, #008F77 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #008F77 14%, #008F77 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #008F77 16%, #008F77 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #008F77 20%, #008F77 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance) {
  background: #49aa9b;
  border-color: #49aa9b;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #49aa9b;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #49aa9b 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #49aa9b 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #49aa9b 10%, #49aa9b 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #49aa9b 14%, #49aa9b 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #49aa9b 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #49aa9b 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s008F77:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s008F77.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #49aa9b 16%, #49aa9b 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #49aa9b 20%, #49aa9b 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s69A083.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s69A083.jagged-left:before {
  background: linear-gradient(-45deg, #69A083 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #69A083 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083.jagged-right:after {
  background: linear-gradient(45deg, #69A083 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #69A083 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #69A083 10%, #69A083 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #69A083 14%, #69A083 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #69A083 16%, #69A083 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #69A083 20%, #69A083 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance) {
  background: #8eb5a3;
  border-color: #8eb5a3;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #8eb5a3;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #8eb5a3 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8eb5a3 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #8eb5a3 10%, #8eb5a3 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8eb5a3 14%, #8eb5a3 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #8eb5a3 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8eb5a3 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s69A083:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s69A083.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #8eb5a3 16%, #8eb5a3 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8eb5a3 20%, #8eb5a3 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8EAAA1.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .s8EAAA1.jagged-left:before {
  background: linear-gradient(-45deg, #8EAAA1 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #8EAAA1 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1.jagged-right:after {
  background: linear-gradient(45deg, #8EAAA1 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #8EAAA1 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #8EAAA1 10%, #8EAAA1 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #8EAAA1 14%, #8EAAA1 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #8EAAA1 16%, #8EAAA1 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #8EAAA1 20%, #8EAAA1 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance) {
  background: #a7bcb7;
  border-color: #a7bcb7;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #a7bcb7;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #a7bcb7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #a7bcb7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #a7bcb7 10%, #a7bcb7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #a7bcb7 14%, #a7bcb7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #a7bcb7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #a7bcb7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .s8EAAA1:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .s8EAAA1.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #a7bcb7 16%, #a7bcb7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #a7bcb7 20%, #a7bcb7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance.jagged-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .shift-awaiting-acceptance.jagged-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent !important;
  background-clip: padding-box !important;
}
body:not(.print-body) .shift-awaiting-acceptance.jagged-left:before {
  background: linear-gradient(-45deg, #FFFFFF 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #FFFFFF 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance.jagged-right:after {
  background: linear-gradient(45deg, #FFFFFF 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #FFFFFF 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance.staging.jagged-left:before {
  left: -34px;
  background: linear-gradient(-45deg, transparent 10%, #FFFFFF 10%, #FFFFFF 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #FFFFFF 14%, #FFFFFF 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance.staging.jagged-right:after {
  right: -34px;
  background: linear-gradient(45deg, transparent 16%, #FFFFFF 16%, #FFFFFF 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #FFFFFF 20%, #FFFFFF 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance),
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance) {
  background: #f2f5f7;
  border-color: #f2f5f7;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance) .shift-details-status,
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance) .shift-details-status {
  background: #f2f5f7;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance).jagged-left:before,
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance).jagged-left:before {
  background: linear-gradient(-45deg, #f2f5f7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, #f2f5f7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance).staging.jagged-left:before,
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance).staging.jagged-left:before {
  background: linear-gradient(-45deg, transparent 10%, #f2f5f7 10%, #f2f5f7 25%, transparent 25%) 0 -0.125em, linear-gradient(-135deg, transparent 14%, #f2f5f7 14%, #f2f5f7 29%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance).jagged-right:after,
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance).jagged-right:after {
  background: linear-gradient(45deg, #f2f5f7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, #f2f5f7 32%, transparent 25%) 0 0.125em;
}
body:not(.print-body) .shift-awaiting-acceptance:hover:not(.shift-awaiting-acceptance).staging.jagged-right:after,
body:not(.print-body) .shift-awaiting-acceptance.hovered:not(.shift-awaiting-acceptance).staging.jagged-right:after {
  background: linear-gradient(45deg, transparent 16%, #f2f5f7 16%, #f2f5f7 28%, transparent 25%) 0 -0.125em, linear-gradient(135deg, transparent 20%, #f2f5f7 20%, #f2f5f7 32%, transparent 25%) 0 0.125em;
}
.gFFAA35 h2,
.gFFAA35 h2 > a {
  color: #FFAA35 !important;
}
.gFFAA35 .shifts-table {
  border-top-color: #FFAA35;
}
.gB69663 h2,
.gB69663 h2 > a {
  color: #B69663 !important;
}
.gB69663 .shifts-table {
  border-top-color: #B69663;
}
.g9C5DA7 h2,
.g9C5DA7 h2 > a {
  color: #9C5DA7 !important;
}
.g9C5DA7 .shifts-table {
  border-top-color: #9C5DA7;
}
.g645BD0 h2,
.g645BD0 h2 > a {
  color: #645BD0 !important;
}
.g645BD0 .shifts-table {
  border-top-color: #645BD0;
}
.g429746 h2,
.g429746 h2 > a {
  color: #429746 !important;
}
.g429746 .shifts-table {
  border-top-color: #429746;
}
.g396D84 h2,
.g396D84 h2 > a {
  color: #396D84 !important;
}
.g396D84 .shifts-table {
  border-top-color: #396D84;
}
.g5597B4 h2,
.g5597B4 h2 > a {
  color: #5597B4 !important;
}
.g5597B4 .shifts-table {
  border-top-color: #5597B4;
}
.g845B4E h2,
.g845B4E h2 > a {
  color: #845B4E !important;
}
.g845B4E .shifts-table {
  border-top-color: #845B4E;
}
.g8666E1 h2,
.g8666E1 h2 > a {
  color: #8666E1 !important;
}
.g8666E1 .shifts-table {
  border-top-color: #8666E1;
}
.gF88853 h2,
.gF88853 h2 > a {
  color: #F88853 !important;
}
.gF88853 .shifts-table {
  border-top-color: #F88853;
}
.g12B835 h2,
.g12B835 h2 > a {
  color: #12B835 !important;
}
.g12B835 .shifts-table {
  border-top-color: #12B835;
}
.g00C49E h2,
.g00C49E h2 > a {
  color: #00C49E !important;
}
.g00C49E .shifts-table {
  border-top-color: #00C49E;
}
.g70A7EE h2,
.g70A7EE h2 > a {
  color: #70A7EE !important;
}
.g70A7EE .shifts-table {
  border-top-color: #70A7EE;
}
.gF76B6A h2,
.gF76B6A h2 > a {
  color: #F76B6A !important;
}
.gF76B6A .shifts-table {
  border-top-color: #F76B6A;
}
.g108AEC h2,
.g108AEC h2 > a {
  color: #108AEC !important;
}
.g108AEC .shifts-table {
  border-top-color: #108AEC;
}
.g937368 h2,
.g937368 h2 > a {
  color: #937368 !important;
}
.g937368 .shifts-table {
  border-top-color: #937368;
}
.g67C3EB h2,
.g67C3EB h2 > a {
  color: #67C3EB !important;
}
.g67C3EB .shifts-table {
  border-top-color: #67C3EB;
}
.g2466BC h2,
.g2466BC h2 > a {
  color: #2466BC !important;
}
.g2466BC .shifts-table {
  border-top-color: #2466BC;
}
.g3F51B5 h2,
.g3F51B5 h2 > a {
  color: #3F51B5 !important;
}
.g3F51B5 .shifts-table {
  border-top-color: #3F51B5;
}
.g503F86 h2,
.g503F86 h2 > a {
  color: #503F86 !important;
}
.g503F86 .shifts-table {
  border-top-color: #503F86;
}
.g7986CB h2,
.g7986CB h2 > a {
  color: #7986CB !important;
}
.g7986CB .shifts-table {
  border-top-color: #7986CB;
}
.gB39DDB h2,
.gB39DDB h2 > a {
  color: #B39DDB !important;
}
.gB39DDB .shifts-table {
  border-top-color: #B39DDB;
}
.gE6A462 h2,
.gE6A462 h2 > a {
  color: #E6A462 !important;
}
.gE6A462 .shifts-table {
  border-top-color: #E6A462;
}
.gA8B400 h2,
.gA8B400 h2 > a {
  color: #A8B400 !important;
}
.gA8B400 .shifts-table {
  border-top-color: #A8B400;
}
.gF09795 h2,
.gF09795 h2 > a {
  color: #F09795 !important;
}
.gF09795 .shifts-table {
  border-top-color: #F09795;
}
.gB68E96 h2,
.gB68E96 h2 > a {
  color: #B68E96 !important;
}
.gB68E96 .shifts-table {
  border-top-color: #B68E96;
}
.g8F827B h2,
.g8F827B h2 > a {
  color: #8F827B !important;
}
.g8F827B .shifts-table {
  border-top-color: #8F827B;
}
.gA79B8E h2,
.gA79B8E h2 > a {
  color: #A79B8E !important;
}
.gA79B8E .shifts-table {
  border-top-color: #A79B8E;
}
.gBB6B00 h2,
.gBB6B00 h2 > a {
  color: #BB6B00 !important;
}
.gBB6B00 .shifts-table {
  border-top-color: #BB6B00;
}
.g008F77 h2,
.g008F77 h2 > a {
  color: #008F77 !important;
}
.g008F77 .shifts-table {
  border-top-color: #008F77;
}
.g69A083 h2,
.g69A083 h2 > a {
  color: #69A083 !important;
}
.g69A083 .shifts-table {
  border-top-color: #69A083;
}
.g8EAAA1 h2,
.g8EAAA1 h2 > a {
  color: #8EAAA1 !important;
}
.g8EAAA1 .shifts-table {
  border-top-color: #8EAAA1;
}
pending-approval-summary .control-label {
  color: #97A2AE;
  font-weight: 600;
}
pending-approval-summary .number-large {
  font-size: 18px;
}
pending-approval-summary .labor-summary-section {
  width: 190px;
}
pending-approval-summary .labor-summary-section:not(:last-child) .number-large {
  color: #0085FF;
}
pending-approval-summary .reports-header-summary {
  padding: 8px;
}
.upload-sales .modal-dialog {
  width: 1024px;
}
.upload-sales .example-table {
  position: relative;
  margin: 20px 0;
}
.upload-sales .example-table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), #f2f5f7);
  content: '';
}
.upload-sales .example-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 12px;
}
.upload-sales .example-table table tbody tr {
  background: #f2f5f7;
}
.upload-sales .example-table table td {
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.upload-sales .example-table table.vertical tr:first-child td,
.upload-sales .example-table table:not(.vertical) tr td:first-child {
  font-weight: bold;
  background: #f2f5f7;
}
.upload-sales sales-import-table {
  margin: 10px -20px 0;
  width: calc(100% + 40px);
}
.upload-sales .import-summary {
  max-height: 400px;
  overflow: auto;
}
.import-table {
  display: block;
  max-height: 400px;
  overflow: auto;
  width: 100%;
  position: relative;
}
.import-table .vs-repeat-before-content,
.import-table .vs-repeat-after-content {
  position: static !important;
}
.import-table custom-select.form-control .placeholder {
  opacity: 0.5;
}
.import-table .custom-select-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.import-table .sales-import-flex-table-horizontal {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: column;
      flex-flow: column;
  min-width: 100%;
}
.import-table .sales-import-flex-table-horizontal all-cells {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}
.import-table .sales-import-flex-table-horizontal row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  min-width: 100%;
}
.import-table .sales-import-flex-table-horizontal row:not(.sticky-row) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.import-table .sales-import-flex-table-horizontal row cell.odd {
  background: #f2f5f7;
}
.import-table .sales-import-flex-table-horizontal row cell.even {
  background: #e2e2e2;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 0;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row:not(.show-checkboxes) checkbox {
  display: none;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row cell.odd {
  background: #e2e2e2;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row cell.even {
  background: #cdcdcd;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row cell {
  height: 25px;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row cell checkbox {
  margin-top: 4px;
}
.import-table .sales-import-flex-table-horizontal row.sticky-row cell:first-child checkbox {
  margin-top: 6px;
}
.import-table .sales-import-flex-table-horizontal cell {
  padding: 10px 20px;
  -ms-flex: 2;
      flex: 2;
  min-width: 150px;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.import-table .sales-import-flex-table-horizontal cell.sticky-cell {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  left: 0;
  max-width: 150px;
}
.import-table .sales-import-flex-table-horizontal cell > span {
  position: absolute;
  left: 20px;
  right: 20px;
}
.import-table .sales-import-flex-table-horizontal cell > custom-select {
  position: absolute;
  left: 20px;
  right: 20px;
  width: auto;
}
.import-table .sales-import-flex-table-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.import-table .sales-import-flex-table-vertical all-rows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex: 1;
      flex: 1;
}
.import-table .sales-import-flex-table-vertical all-cells {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 1;
      flex: 1;
}
.import-table .sales-import-flex-table-vertical row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 2;
      flex: 2;
  min-width: 150px;
  width: 0;
  background: #e2e2e2;
}
.import-table .sales-import-flex-table-vertical row.sticky-row {
  max-width: 58px;
  min-width: 58px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}
.import-table .sales-import-flex-table-vertical row.sticky-row:not(.show-checkboxes) {
  display: none;
}
.import-table .sales-import-flex-table-vertical row.sticky-row cell {
  height: auto;
}
.import-table .sales-import-flex-table-vertical row.sticky-row cell checkbox {
  position: absolute;
}
.import-table .sales-import-flex-table-vertical cell {
  padding: 10px 20px;
}
.import-table .sales-import-flex-table-vertical cell.sticky-cell {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
.import-table .sales-import-flex-table-vertical all-cells cell:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.import-table .sales-import-flex-table-vertical row > cell:first-child {
  padding: 20px;
  background: #e2e2e2;
}
.import-table .sales-import-flex-table-vertical row.sticky-row > cell:first-child {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-right: 0;
}
.import-table cell > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.import-table row.faded cell:not(:first-child) > *,
.import-table cell.faded > * {
  opacity: 0.5;
}
.import-table .preview-mode cell.faded,
.import-table .preview-mode cell.invalid {
  display: none;
}
.import-table .preview-mode .sales-import-flex-table-horizontal {
  padding-top: 0;
}
.import-table .preview-mode .sales-import-flex-table-horizontal row.sticky-row {
  display: none;
}
.import-table .preview-mode .sales-import-flex-table-horizontal .is-date-row {
  -ms-flex-order: -1;
      order: -1;
}
.import-table .preview-mode .sales-import-flex-table-horizontal .is-date-row cell.odd {
  background: #e2e2e2;
}
.import-table .preview-mode .sales-import-flex-table-horizontal .is-date-row cell.even {
  background: #cdcdcd;
}
.import-table .preview-mode .sales-import-flex-table-horizontal row > cell {
  max-width: 150px;
}
.import-table .preview-mode .sales-import-flex-table-vertical cell:first-child,
.import-table .preview-mode .sales-import-flex-table-vertical cell:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}
selectable-user-row,
selectable-shift-row {
  overflow: hidden;
  width: 100%;
}
selectable-row-content {
  overflow: hidden;
}
selectable-row-content .applicant-name {
  margin-left: 15px;
  overflow: hidden;
}
selectable-row-content .location-list {
  color: #97A2AE;
  font-size: 12px;
}
.shift-swap-no-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #97A2AE;
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.shift-swap-no-shift-match {
  color: #97A2AE;
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.choose-applicant-row.selectable-shift-unavailable {
  opacity: 0.6;
}
.choose-applicant-row.selectable-shift-unavailable:hover {
  background-color: transparent;
}
.selectable-shift-label {
  color: #738190;
}
.shift-swap-details {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f2f5f7;
}
.shift-swap-details .row-notification.notification-yellow {
  background-color: #FDB34D;
  margin: 0;
}
.shift-swap-details-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.hour-diff-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #e5e5e5;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  width: 36px;
  height: 36px;
}
.hour-diff-text {
  color: #8F9AA6;
  font-size: 12px;
  font-weight: bold;
}
.hour-diff-unit {
  color: #738190;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.8;
}
.shift-swap-description {
  font-size: 12px;
  color: #6B7784;
  line-height: 18px;
  vertical-align: middle;
  margin-bottom: 10px;
}
.shift-swap-shift-label {
  font-size: 14px;
  color: #738190;
  font-weight: 600;
}
.shift-swap-personas {
  font-size: 12px;
  color: #738190;
}
.shift-swap-text-dark {
  color: #8994A0;
}
.shift-acceptance-bulk-button {
  width: 34px;
  height: 34px;
}
.acceptance-indicator {
  position: absolute;
  z-index: 10;
  top: -1px;
  right: -1px;
}
.acceptance-indicator .acceptance-triangle {
  width: 0;
  height: 0;
  border-top: 18px solid #FFFFFF;
  border-left: 18px solid transparent;
}
.acceptance-indicator .acceptance-indicator-text {
  position: absolute;
  top: 0;
  right: 0;
  color: #FDB34D;
  font-weight: bold;
  font-size: 11px;
  line-height: 12px;
}
.shift-acceptance-modal-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.shift-acceptance-modal-row {
  opacity: 1;
  height: 71px;
}
.shift-acceptance-modal-row.ng-leave {
  transition: 0.5s linear all;
}
.shift-acceptance-modal-row.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
  min-height: 0;
}
task-templates-sidebar {
  text-transform: none;
  color: #6D8092;
  font-weight: normal;
}
task-templates-sidebar .task-templates-container {
  transition: transform 0.3s ease;
  position: fixed;
  right: 0;
  top: 60px;
  bottom: 0;
  width: 245px;
  background: white;
  z-index: 1000;
  transform: translateX(250px);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
task-templates-sidebar .task-templates-container.open {
  transform: translateX(0px);
}
task-templates-sidebar .header {
  height: 56px;
  padding: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
task-templates-sidebar .header button {
  margin: -8px;
}
task-templates-sidebar .create-template {
  font-weight: 600;
  padding-bottom: 1 px !important;
}
task-templates-sidebar .create-template a {
  text-decoration: none !important;
  line-height: 20px;
  transition: opacity 0.3s ease;
}
task-templates-sidebar .create-template a:not(:hover) {
  opacity: 0.65;
}
task-templates-sidebar .create-template a svg {
  margin-right: -5px;
  margin-top: -2px;
  vertical-align: middle;
}
task-templates-sidebar .create-template a:hover path {
  stroke: #0085FF;
}
task-templates-sidebar .no-templates {
  margin-top: 85px;
  text-align: center;
  font-size: 12px;
  padding: 0 20px;
}
task-templates-sidebar .no-templates h2 {
  color: #4C6379;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
}
task-templates-sidebar .template-blocks {
  -ms-flex: 1;
      flex: 1;
  overflow: auto;
}
task-templates-sidebar .template-block {
  position: relative;
  margin: 5px 10px;
  -ms-flex-flow: column;
      flex-flow: column;
}
task-templates-sidebar .template-block:hover {
  background-color: rgba(0, 128, 255, 0.08);
  border-radius: 4px;
  cursor: pointer;
}
task-templates-sidebar .template-block .template-block-task {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
  padding: 6px;
}
task-templates-sidebar .template-block .template-block-task .template-title {
  color: #6D8092;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
task-templates-sidebar .template-block .template-block-task span {
  color: #A0AFBE;
  font-size: 12px;
  line-height: 20px;
}
task-templates-sidebar .template-block .template-block-task:hover * {
  color: #0085FF;
}
time-blocks-sidebar {
  text-transform: none;
  color: #6D8092;
  font-weight: normal;
}
time-blocks-sidebar .time-blocks-container {
  transition: transform 0.3s ease;
  position: fixed;
  right: 0;
  top: 60px;
  bottom: 0;
  width: 245px;
  background: white;
  z-index: 1000;
  transform: translateX(250px);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
time-blocks-sidebar .time-blocks-container.open {
  transform: translateX(0px);
}
time-blocks-sidebar .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 56px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding-left: 20px;
}
time-blocks-sidebar .header button {
  border-style: dotted;
  margin-right: 10px;
}
time-blocks-sidebar .header button image {
  width: 8px;
  height: 8px;
}
time-blocks-sidebar .header .nav-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
}
time-blocks-sidebar .header .nav-items a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  color: rgba(140, 151, 163, 0.8);
  -ms-flex-pack: center;
      justify-content: center;
}
time-blocks-sidebar .header .nav-items a:hover,
time-blocks-sidebar .header .nav-items a:focus {
  text-decoration: none;
}
time-blocks-sidebar .header .nav-items a:hover {
  transition: all 0.25s ease-in-out;
  color: #0085FF;
}
time-blocks-sidebar .header .nav-items .nav-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
time-blocks-sidebar .header .nav-items .nav-text.active {
  color: #0085FF;
  border-bottom: solid 4px #0085FF;
  margin-top: 5px;
}
time-blocks-sidebar .create-time-block {
  font-weight: 600;
  padding-bottom: 1 px !important;
}
time-blocks-sidebar .create-time-block a {
  text-decoration: none !important;
  line-height: 20px;
  transition: opacity 0.3s ease;
}
time-blocks-sidebar .create-time-block a:not(:hover) {
  opacity: 0.65;
}
time-blocks-sidebar .create-time-block a svg {
  margin-right: -5px;
  margin-top: -2px;
  vertical-align: middle;
}
time-blocks-sidebar .create-time-block a:hover path {
  stroke: #0085FF;
}
time-blocks-sidebar .no-time-blocks {
  margin-top: 85px;
  text-align: center;
  font-size: 12px;
  padding: 0 20px;
}
time-blocks-sidebar .no-time-blocks h2 {
  color: #4C6379;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
}
time-blocks-sidebar .time-blocks-list {
  -ms-flex: 1;
      flex: 1;
  overflow: auto;
}
time-blocks-sidebar .time-block-element {
  position: relative;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}
time-blocks-sidebar .time-block-element .location {
  font-size: 12px;
  font-weight: 400;
  color: '#A0AFBE';
}
time-blocks-sidebar .time-block-element:hover {
  background-color: rgba(0, 133, 255, 0.05);
  border-radius: 4px;
  color: #0085FF;
}
.month-variant-day.shifts-container-new {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.month-variant-day .shifts-content-container {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  margin-left: -170px;
}
.month-variant-day .shifts-sticky-user-column-clone {
  position: -webkit-sticky;
  position: sticky;
  margin-top: 20px;
  left: 0;
  transform: translateY(0);
  transition: transform 0.3s ease, left 0.3s ease;
  z-index: 1;
  width: 172px;
  background: #f2f5f7;
  padding-left: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.month-variant-day .shifts-sticky-user-column-clone h2 {
  white-space: nowrap;
  visibility: visible;
}
.month-variant-day .collapsed-sidebar ~ .shifts-content-container .shifts-sticky-user-column-clone {
  left: 57px;
}
.month-variant-day .totals-row .table-cell > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.month-variant-day .data-row .table-cell {
  width: 50px !important;
  min-width: 50px;
}
.month-variant-day .user-column.table-cell {
  width: 150px !important;
  min-width: 150px;
  max-width: 150px;
  padding-top: 15px;
}
.month-variant-day .calendar-header-cell {
  min-width: 50px;
  text-align: center;
  line-height: 12px;
  font-size: 11px;
  word-spacing: 200px;
  position: relative;
}
.month-variant-day .calendar-header-cell:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  width: 172px !important;
  min-width: 172px;
}
.month-variant-day .is-sidebar-collapsed ~ .shifts-manager-header .calendar-header-cell:first-child {
  left: 57px;
}
.month-variant-day calendar-header[type="employee"] .calendar-header-cell:first-child {
  left: 0;
}
.month-variant-day .calendar-header {
  padding-left: 0 !important;
}
.month-variant-day .shifts-fixed-pane {
  max-width: 100vw;
  left: 0;
}
.month-variant-day .shifts-main-area {
  width: auto !important;
}
.month-variant-day.shifts-week .show-plus.table-cell.no-events:after {
  height: 54px;
  padding-top: 19px;
}
.month-variant-day .shift {
  padding: 0 1px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  height: 54px;
}
.month-variant-day event-tiny {
  height: 100%;
  display: block;
}
.month-variant-day event-tiny .event-tiny-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
.month-variant-day event-tiny .event-tiny-content * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.month-variant-day event-tiny .starts-at-time + img {
  display: none;
}
.month-variant-day event-tiny .starts-at-time.shown-icon {
  display: inline-block;
  width: 68%;
}
.month-variant-day event-tiny .starts-at-time.shown-icon + img {
  display: inline-block;
  margin: -4px -5px 0;
}
.month-variant-day .shifts-group-container:not(.show-selection) .shift:not(:hover) event-tiny .short,
.month-variant-day .shifts-group-container:not(.show-selection) .table-cell:not(.show-plus) event-tiny .short,
.month-variant-day .table-cell.show-plus .shift:hover event-tiny .tall {
  display: none;
}
.month-variant-day .show-selection .shift.can-be-selected event-tiny .tall,
.month-variant-day .show-selection .shift:not(.can-be-selected):not(:hover) event-tiny .short {
  display: none;
}
.month-variant-day .show-selection .shift.can-be-selected:not(:hover) event-tiny,
.month-variant-day .table-cell:not(.show-plus) .shift.can-be-selected:hover event-tiny {
  height: 50%;
  position: static;
}
.month-variant-day .show-selection .shift.can-be-selected:not(:hover),
.month-variant-day .table-cell:not(.show-plus) .shift.can-be-selected:hover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.month-variant-day .available-shifts.show-selection .shift.can-be-selected:not(:hover) event-tiny,
.month-variant-day .unassigned-shifts.show-selection .shift.can-be-selected:not(:hover) event-tiny,
.month-variant-day .available-shifts .table-cell:not(.show-plus) .shift.can-be-selected:hover event-tiny,
.month-variant-day .unassigned-shifts .table-cell:not(.show-plus) .shift.can-be-selected:hover event-tiny {
  height: 66%;
  position: relative;
}
.month-variant-day.shifts-week .shift-block-repeater {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.month-variant-day.shifts-week .show-plus .shift:not(.draggable-shift-dragging):hover {
  width: 100%;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
  height: 34px;
  min-height: 0;
}
.month-variant-day.shifts-week .show-plus .shift-block-repeater:hover {
  margin-bottom: 25px;
}
.month-variant-day.shifts-week .show-plus .shift:not(.draggable-shift-dragging):hover:after {
  top: auto;
  bottom: -23px;
  left: -4px;
  right: -2px;
  width: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 26px;
}
.month-variant-day .table-cell.show-plus .shift.can-be-selected:hover event-tiny {
  margin-left: 50%;
}
.month-variant-day .shift-selection label.checkmark {
  padding: 2px;
}
.month-variant-day .shift-selection label.checkmark input[type="checkbox"] + span {
  top: 4px;
  left: 3px;
}
.month-variant-day .calendar-header-border,
.month-variant-day .calendar-header {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  width: 100%;
}
.month-variant-day shift-box-icon {
  height: 24px;
  position: relative;
}
.month-variant-day shift-box-icon .shift-details-status {
  border-radius: 0;
}
.month-variant-day shift-box-icon .slots-count-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.month-variant-day shift-box-icon.slots-shown {
  -ms-flex-order: 2;
      order: 2;
  height: 16px;
}
.month-variant-day shift-box-icon.slots-shown .shift-details-status-container {
  left: 0;
  right: 0;
}
.month-variant-day shift-box-icon.slots-shown .shift-details-status {
  height: 16px;
  width: 100%;
}
.month-variant-day shift-box-icon.slots-shown .slots-count-icon {
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.month-variant-day shift-box-icon .small-avatar {
  padding-top: 2px;
}
.month-variant-day .acceptance-indicator .acceptance-triangle {
  border-top-width: 14px;
  border-left-width: 14px;
}
.month-variant-day .acceptance-indicator .acceptance-indicator-text {
  font-size: 10px;
  line-height: 10px;
}
.month-variant-day .show-plus.templates-copy-mode.no-events:hover:after,
.month-variant-day .show-plus.templates-copy-mode.no-events.force-plus:after {
  background-image: url(/assets/svg/UI/paste-gray-c68f05.svg);
}
.month-variant-day .show-plus.templates-copy-mode .shift:not(.draggable-shift-dragging):hover:after,
.month-variant-day .show-plus.templates-copy-mode .shift:not(.draggable-shift-dragging).force-plus:after {
  height: 20px;
  background-size: 14px;
}
.month-variant-day.shifts-container-employee .calendar-header-border {
  margin-left: 1px;
}
.month-variant-day .shifts-sticky-container-holder {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
}
.month-variant-day .calendar-group-header {
  visibility: hidden;
}
.month-variant-day #shifts-sticky-container-column-clone-holder .calendar-group-header,
.month-variant-day .shifts-sticky-user-column-clone .calendar-group-header {
  visibility: visible;
}
.month-variant-day .calendar-header-cell .notes {
  top: 11px;
  left: auto;
  right: 2px;
  width: 12px;
  height: 12px;
}
.month-variant-day .calendar-header-cell .notes img {
  height: 100%;
  width: 100%;
}
.modal-header.time-off .modal-title {
  color: #738190;
}
.modal-description {
  margin-bottom: 20px;
}
.modal .tabbed-modal-header {
  line-height: normal;
  padding-right: 20px;
}
.modal .tabbed-modal-header h2 {
  margin-right: auto;
  font-weight: 400;
}
.modal .tabbed-modal-header avatar {
  margin-right: 10px;
}
.modal .tabbed-modal-header avatar img {
  margin-right: 0;
}
.modal .tabbed-modal-header ~ * .sub-navigation {
  margin-top: -15px;
  box-shadow: none;
}
.shift-tabbed-modal {
  background: #f2f5f7;
  color: #5F7183;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shift-tabbed-modal .modal-body {
  padding-bottom: 0;
}
.shift-tabbed-modal .center-vertically .self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 3px;
}
.shift-tabbed-modal .input-row {
  padding-bottom: 10px;
}
.shift-tabbed-modal .input-row .checkbox-align + label {
  margin-top: 5px;
}
.shift-tabbed-modal .input-row input[type='checkbox'].checkbox-align {
  display: none;
}
.shift-tabbed-modal .actions-row {
  padding-top: 10px;
  padding-bottom: 20px;
}
.shift-tabbed-modal .big-icon-label {
  color: #738190;
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold !important;
}
.shift-tabbed-modal .big-icon-label img,
.shift-tabbed-modal .big-icon-label .avatar {
  margin-left: 12px;
  margin-right: -8px;
}
.shift-tabbed-modal .select-recurrence-days {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.shift-tabbed-modal .select-recurrence-days .btn {
  -ms-flex: 2;
      flex: 2;
  min-width: 0;
  letter-spacing: inherit;
  cursor: pointer;
  padding: 2px 0;
}
.shift-tabbed-modal .shift-banner-warning {
  background-color: #FDB34D;
}
.shift-tabbed-modal .shift-banner-gray {
  background-color: #738190;
}
.shift-tabbed-modal .shift-banner-success {
  background-color: #1CC982;
}
.shift-tabbed-modal .shift-banner-warning,
.shift-tabbed-modal .shift-banner-success,
.shift-tabbed-modal .shift-banner-gray {
  color: white;
  padding: 10px 20px;
  margin: -20px -20px 20px -20px;
  line-height: 40px;
}
.shift-tabbed-modal .dropdown-menu.scrollable {
  min-width: 100%;
  margin-top: 0;
}
.shift-tabbed-modal .inactive {
  color: #97A2AE;
}
.shift-tabbed-modal .position {
  margin-right: 10px;
}
.shift-tabbed-modal label.checkmark span.checkmark-text {
  font-weight: 600;
  font-size: 13px;
  color: #5F7183;
}
.shift-tabbed-modal .ng-submitted .red-border .form-control {
  border-color: #E96873 !important;
}
.shift-tabbed-modal .end-time li a span:first-child {
  display: inline-block;
  width: 77px;
}
.shift-tabbed-modal .end-time li a:not(:hover) span:last-child {
  color: #d8d8d8;
}
.copy-shift-modal h2 {
  height: 30px;
  margin: 10px 0 20px;
}
.copy-shift-modal .date-picker + p {
  margin: 20px 0;
}
.modal-body .switcher-row {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.modal-header.notification-blue .modal-title {
  color: #0085FF;
}
.modal-header.notification-green .modal-title {
  color: #1CC982;
}
.modal-header.notification-yellow .modal-title {
  color: #FDB34D;
}
.modal-header.notification-red .modal-title {
  color: #E96873;
}
.modal-header.notification-gray .modal-title,
.modal-header.notification-dark .modal-title {
  color: #738190;
}
.modal-body .row-notification,
.shift-swap-details .row-notification {
  margin: 0 -30px;
  padding: 15px 30px;
  height: auto;
  color: #fff;
  background: #1CC982;
  white-space: pre-line;
}
.modal-body .row-notification.no-white-space,
.shift-swap-details .row-notification.no-white-space {
  white-space: initial;
}
.modal-body .row-notification .btn[class*='inversed']:not(:hover),
.shift-swap-details .row-notification .btn[class*='inversed']:not(:hover) {
  background: white;
}
.modal-body .row-notification .btn[class*='inversed'].state-loading[disabled],
.shift-swap-details .row-notification .btn[class*='inversed'].state-loading[disabled] {
  background: white;
}
.modal-body .row-notification .btn,
.shift-swap-details .row-notification .btn {
  margin-left: auto;
  min-width: 130px;
}
.modal-body .row-notification .btn + .btn,
.shift-swap-details .row-notification .btn + .btn {
  margin-left: 10px;
}
.modal-body .row-notification avatar,
.shift-swap-details .row-notification avatar {
  margin-right: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.modal-body .row-notification avatar.inline,
.shift-swap-details .row-notification avatar.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tor-modal-notification {
  padding: 0 10px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.tor-modal-notification.notification-blue .row-notification {
  background: #0085FF;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.tor-modal-notification.notification-green .row-notification {
  background: #1CC982;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.tor-modal-notification.notification-yellow .row-notification {
  background: #FDB34D;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.tor-modal-notification.notification-dark .row-notification {
  background: #738190;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.tor-modal-notification.notification-red .row-notification {
  background: #E96873;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.tor-modal-notification.notification-readonly .btn {
  display: none;
}
.tor-modal-notification.notification-gray .row-notification {
  background: #d8d8d8;
}
.modal-notification.notification-blue .row-notification {
  background: #0085FF;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-notification.notification-green .row-notification {
  background: #1CC982;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-notification.notification-yellow .row-notification {
  background: #FDB34D;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-notification.notification-dark .row-notification {
  background: #738190;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-notification.notification-red .row-notification {
  background: #E96873;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-notification.notification-readonly .btn {
  display: none;
}
.modal-notification.notification-gray .row-notification {
  background: #d8d8d8;
}
.shift-modal-details-state .shift-view-modal {
  max-height: 550px;
  overflow-y: auto;
}
.shift-view-modal {
  padding: 0 30px;
  color: #5F7183;
}
.shift-view-modal.notification-blue .row-notification {
  background: #0085FF;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.shift-view-modal.notification-green .row-notification {
  background: #1CC982;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.shift-view-modal.notification-yellow .row-notification {
  background: #FDB34D;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.shift-view-modal.notification-dark .row-notification {
  background: #738190;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.shift-view-modal.notification-red .row-notification {
  background: #E96873;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.shift-view-modal.notification-readonly .btn {
  display: none;
}
.shift-view-modal.notification-gray .row-notification {
  background: #d8d8d8;
}
.shift-view-modal > .row,
.shift-view-modal > .row-wrapper > .row,
.shift-view-modal .shift-status-row {
  min-height: 60px;
  border-bottom: 1px solid #e1e1e1;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.shift-view-modal > .row.inline,
.shift-view-modal > .row-wrapper > .row.inline,
.shift-view-modal .shift-status-row.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.shift-view-modal .row-border {
  border-bottom: 1px solid #e1e1e1;
}
.shift-view-modal .left-side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.shift-view-modal .left-side.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.shift-view-modal .left-side img,
.shift-view-modal .left-side .avatar {
  margin-left: 12px;
  margin-right: -4px;
}
.shift-view-modal .right-side {
  -ms-flex-pack: center;
      justify-content: center;
}
.shift-view-modal .right-side avatar {
  margin-right: -2px;
}
.shift-view-modal .coworkers > span {
  display: inline-block;
}
.shift-view-modal .coworkers a {
  margin-right: -2px;
}
.shift-view-modal .coworkers avatar {
  margin-right: 0;
}
.shift-view-modal .align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 22px 10px 8px;
}
.shift-view-modal .shift-view-history-item {
  padding: 18px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.shift-view-modal .shift-view-history-item .red {
  color: #E96873;
}
.shift-view-modal .shift-view-history-item .green {
  color: #1CC982;
}
.shift-view-modal .history-item-title {
  color: #0085FF;
}
.shift-view-modal .history-item-date {
  font-size: 0.9em;
  color: #97A2AE;
}
.shift-form-modal {
  background: #f2f5f7;
}
.shift-form-modal .dropdown.end-time span.form-control.center-vertically {
  padding-right: 20px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
}
.shift-form-modal .form-control.long-text {
  font-size: 11px;
  height: 36px;
}
.shift-form-modal .flex-square {
  width: 36px;
  box-sizing: content-box;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.ng-submitted .shift-form-modal .persona-picker.ng-invalid.ng-invalid-leftover-text:not(:hover):not(.focused):after {
  content: attr(data-leftover-text-message);
  position: absolute;
  top: 8px;
  left: 9px;
  right: 9px;
  padding: 8px;
  margin: -8px;
  background: white;
  color: #E96873;
  font-weight: 400;
}
.control-label.pull-left + img {
  margin-left: 5px;
}
.modal-footer.shift-view-modal-footer {
  padding-top: 10px;
  background: #f2f5f7;
}
.modal-footer.shift-view-modal-footer > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.modal-footer.shift-view-modal-footer > div .btn {
  margin: 10px 0 0 10px;
}
.modal-footer.shift-view-modal-footer > div .btn:not(.btn-icon) {
  min-width: 130px;
}
.modal-footer.shift-view-modal-footer > div .btn:last-child {
  margin-right: 0;
}
.modal-footer.shift-view-modal-footer > div .dropdown-toggle {
  min-width: 0;
  margin-left: 0;
}
.modal-footer.shift-view-modal-footer > div.pull-right .btn {
  margin-left: 10px;
  margin-right: 0;
}
.modal-footer.shift-view-modal-footer .notification-action:not(:last-child) .btn {
  margin-left: 10px;
}
.multiple-true .pull-right .pager {
  width: 40px;
  text-align: center;
  white-space: nowrap;
  color: #97A2AE;
}
.multiple-true .pull-right .pager + button {
  margin-left: 0;
}
.vertical-middle-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.vertical-middle-row .checkmark {
  line-height: 14px;
}
.vertical-middle-row .checkmark span:last-child:not(:first-of-type) {
  position: static;
}
.choose-applicant-description {
  color: #5F7183;
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 15px;
}
.choose-applicant-description checkbox {
  margin-left: 15px;
  margin-right: 20px;
}
.choose-applicant-description > span {
  color: #97A2AE;
}
.choose-applicant-row {
  cursor: pointer;
}
.choose-applicant-row:not(.last) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.choose-applicant-row checkbox,
.choose-applicant-row radiobutton {
  width: 100%;
}
.choose-applicant-row .checkmark {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.choose-applicant-row .checkmark.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.choose-applicant-row .checkmark input + span {
  position: relative !important;
  margin-left: 15px;
  margin-right: -5px;
}
.choose-applicant-row .checkmark > span:last-child {
  position: static !important;
  -ms-flex: 2;
      flex: 2;
  margin-left: -30px !important;
  padding: 10px 0;
  padding-left: 55px;
  max-width: 100%;
}
.choose-applicant-row .checkmark i {
  color: #97A2AE;
  margin-left: auto;
  margin-right: 5px;
  font-size: 13px;
}
.choose-applicant-row .applicant-name {
  margin-left: 15px;
  color: #5F7183;
  overflow: hidden;
}
.choose-applicant-row .applicant-name > .ellipsis {
  font-size: 12px;
}
.choose-applicant-row .applicant-name .location {
  color: #97A2AE;
}
.choose-applicant-row:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.choose-applicant-row.selected .avatar {
  box-shadow: 0 0 0 2px #0085FF;
}
.choose-applicant-row.applicant-unavailable .applicant-name {
  color: #E96873;
}
.choose-applicant-loader {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.choose-applicant-search {
  margin-bottom: 10px;
  position: relative;
}
.choose-applicant-search img {
  position: absolute;
  right: 10px;
  top: 10px;
}
.choose-applicant-scroller {
  max-height: 320px;
  overflow-y: auto;
  margin: 0 -20px;
  padding: 0 20px;
}
.choose-applicant-footer {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.window-confirmation-modal .modal-content {
  border-radius: 8px;
}
.shift-modal-confirmation-state {
  height: 280px;
  padding: 0 20px;
  text-align: center;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  background: #f2f5f7;
  color: #97A2AE;
  font-size: 16px;
  cursor: pointer;
}
.shift-modal-confirmation-state.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.shift-modal-confirmation-state p {
  margin: 0 0 5px;
}
.shift-modal-confirmation-state img {
  width: 60px;
  margin-bottom: 15px;
}
.shift-modal-confirmation-state strong {
  font-weight: 600;
  color: #738190;
}
.shift-modal-confirmation-state > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
}
.shift-modal-confirmation-state.brand {
  background: rgba(0, 133, 255, 0);
  background-image: linear-gradient(-180deg, #0087ff 0%, rgba(0, 135, 255, 0.9) 100%);
  background-color: #ccc;
}
.shift-modal-confirmation-state.brand img {
  width: auto;
  opacity: 0.4;
  margin-bottom: 5px;
}
.shift-modal-confirmation-state.brand p {
  color: white;
  font-size: 18px;
}
.shift-modal-confirmation-state.brand p + p {
  opacity: 0.6;
}
.add-employees-shifts-form .row-notification {
  font-size: 14px;
}
.add-employees-shifts-form .new-users {
  max-height: 400px;
  overflow-y: auto;
  margin: 0 -20px;
  padding: 0 20px;
}
.add-employees-shifts-form [ng-repeat-start] {
  margin-top: 10px;
}
.add-employees-shifts-form .add-employee-button {
  padding: 20px 0;
}
.add-employees-shifts-form .invite-to-sling {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.add-employees-shifts-form .invite-to-sling small {
  color: #97A2AE;
}
.add-employees-shifts-form .invite-to-sling .center-vertically > :last-child {
  margin-left: auto;
}
.add-employees-shifts-form .footer-buttons {
  padding: 20px 0;
  border: none;
}
shift-form,
tor-form {
  display: block;
}
.clock-in-modal {
  padding-bottom: 0;
}
.clock-in-modal .row-notification {
  background: #1CC982;
  margin: -20px -20px 20px;
  padding: 0 20px;
  font-size: 18px;
}
.clock-in-modal .form-control[disabled] {
  cursor: default;
}
.row-with-actions .actions {
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.row-with-actions .actions:not(.permanent) {
  display: none;
}
.row-with-actions .actions button + button {
  margin-left: 5px;
}
.row-with-actions:hover .actions {
  display: block;
}
.row-with-actions .column-with-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.row-with-actions .column-with-actions > :first-child {
  -ms-flex: 2;
      flex: 2;
  width: 10px;
}
.detail-form-label {
  text-transform: uppercase;
  font-size: 12px;
  color: #738190;
  font-weight: bold;
}
.detail-form-content {
  font-size: 14px;
  color: #4C6379;
}
.description-label {
  font-size: 14px;
  color: #738190;
}
.modal-light-bg,
.modal-footer.shift-view-modal-footer.modal-light-bg {
  background-color: #F2F3F4;
}
.shift-view-modal-footer .remaining-slots {
  margin-right: auto;
  margin-top: 10px;
}
.shift-view-modal-footer .remaining-slots .form-control {
  width: auto;
  display: inline-block;
  min-width: 36px;
  height: 36px;
  cursor: default;
  font-weight: bold;
  font-size: 12px;
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.scrollable-small {
  max-height: 340px;
  overflow-y: auto;
}
.edited-timeclock-note-row {
  background-color: rgba(0, 0, 0, 0.04);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid #dbdfe5;
  border-radius: 4px;
  cursor: pointer;
}
.edited-timeclock-note-row .note-content-with-icon {
  padding: 7px 10px 7px 10px;
  white-space: pre-line;
}
.edited-timeclock-note-row img {
  margin-right: 10px;
  width: 22px;
}
.note-content {
  border: 1px solid transparent;
  padding: 7px 42px 7px 10px;
}
.note-content span {
  white-space: pre-line;
}
.save-info-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 6px;
  font-size: 12px;
  font-style: italic;
}
.form-control[disabled].disabled-input-bg {
  background-color: #dbdfe5;
}
.tasks {
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.tasks .bar input.growing {
  width: 150px;
}
.tasks .bar input.growing:focus {
  width: 300px;
}
.tasks > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 2;
      flex: 2;
}
.tasks .col-xs-4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.tasks .col-xs-4 h2 {
  margin-top: 0;
  border-bottom: 1px solid #0085FF;
  padding-bottom: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.tasks .scroller {
  -ms-flex: 2;
      flex: 2;
  border: 1px solid transparent;
}
.tasks .scroller.dashed {
  border: 1px dashed #97A2AE;
}
.tasks .tasks-columns {
  padding-top: 20px;
  background-color: #f2f5f7;
}
.tasks task {
  display: block;
}
.tasks .task {
  display: block;
  background: white;
  margin-bottom: 10px;
  color: #646464;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
}
.tasks .task .content {
  padding: 14px;
}
.tasks .task .content ~ .content {
  padding-top: 0;
}
.tasks .task:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.tasks .task .position-bigger {
  width: 32px;
  height: 32px;
}
.tasks .task[draggable] {
  cursor: pointer;
}
.tasks .task.lvl-dragging {
  opacity: 1;
  background: white;
}
.tasks .attachment img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 100px;
  background-color: #f0f0f0;
  object-fit: cover;
}
.tasks .created h2 {
  color: #656565;
  border-color: #656565;
}
.tasks .assigned .add-new,
.tasks .created .add-new {
  transition: opacity 0.3s ease;
  opacity: 0;
  border: 1px dashed #97A2AE;
  border-radius: 4px;
  padding: 14px;
  text-align: center;
  color: #97A2AE;
  cursor: pointer;
}
.tasks .assigned:hover .add-new,
.tasks .created:hover .add-new {
  opacity: 1;
}
.tasks .done h2 {
  color: #939393;
  border-color: #939393;
}
.tasks .done .task {
  opacity: 0.5;
}
.tasks .done footer {
  font-size: 12px;
  color: #97A2AE;
  padding-bottom: 5px;
}
.tasks .numbers {
  color: #97A2AE;
}
.tasks .numbers > .center-vertically {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tasks .numbers span {
  padding-right: 5px;
}
.tasks .numbers img {
  margin-right: 5px;
}
.tasks .empty-state {
  height: 145px;
  border-radius: 4px;
  padding: 20px;
  line-height: 2;
}
.task-form .on-file-over {
  display: none;
}
.task-form.nv-file-over .on-file-over {
  display: block;
}
.task-form.nv-file-over .on-file-over + img {
  display: none;
}
.task-form .task-create-copies {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.task-form .task-create-copies small {
  color: #97A2AE;
}
.task-form-modal .clear-date {
  position: absolute;
  right: 22px;
  top: 10px;
  background: white;
  color: #97A2AE;
}
.task-form-modal .clear-date a {
  font-size: 120%;
  text-decoration: none;
  line-height: 1;
}
.task-form-modal .uploaded-file {
  padding: 8px 36px 8px 12px;
  margin-top: 0px;
  position: relative;
}
.task-form-modal .uploaded-file + .uploaded-file {
  margin-top: 10px;
}
.task-form-modal .uploaded-file .clear-date {
  right: 12px;
  background-color: transparent;
}
.task-form-progressbar {
  position: absolute;
  margin-top: -4px;
  width: 100%;
}
.shift-view-modal .left-side {
  padding-top: 0;
  padding-bottom: 0;
}
.shift-view-modal .comments-row {
  padding-top: 15px;
  padding-bottom: 15px;
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
}
.shift-view-modal .comments-row .right-side {
  padding-top: 0;
  padding-bottom: 0;
}
.shift-view-modal .comments-directive {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.shift-view-modal .comments-directive > form {
  -ms-flex-order: 0;
      order: 0;
}
.shift-view-modal .comments-directive > form > .row .col-xs-10 {
  width: 75%;
}
.shift-view-modal .comments-directive > form > .row .col-xs-2 {
  display: none;
}
.shift-view-modal .comments-directive > div.comment-row {
  -ms-flex-order: 1;
      order: 1;
  margin-left: -60px;
  border-bottom: none;
  padding-bottom: 0;
}
.shift-view-modal .comments-directive > div.comment-row .comment-content {
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.shift-view-modal .comments-directive > div.comment-row:nth-last-child(2) {
  margin-bottom: 0;
}
.shift-view-modal .comments-directive > div.comment-row:nth-last-child(2) .comment-content {
  padding-bottom: 0;
  border-bottom: none;
}
.shift-view-modal .comments-directive > div.comment-row:first-child {
  margin-top: 20px;
}
.shift-view-modal .comments-directive > div.comment-row avatar {
  margin: 0;
}
.shift-view-modal .comments-directive > div.comment-row avatar img {
  border: none;
}
@media screen and (min-width: 1180px) {
  .task-templates-outer-container {
    min-width: 1200px;
    width: 1200px;
    max-width: 1200px;
  }
  .task-instances-outer-conainer {
    min-width: 1200px;
    width: 1200px;
    max-width: 1200px;
  }
}
.filter-bar-height {
  height: 56px !important;
}
.shift-tasks-list-item-container {
  box-sizing: border-box;
  height: 65px;
  padding: 12px 20px;
}
.shift-tasks-list-item:not(:first-of-type) {
  border-top: 1px solid #DBDFE5;
}
.shift-task-text-panel {
  color: #6D8092;
  font-weight: 600;
  font-size: 14px;
  margin-right: 10px;
}
.shift-task-text-panel a {
  color: #6D8092;
}
.shift-task-small-text {
  font-weight: normal;
  font-size: 12px;
  color: #6D8092;
}
.shift-tasks-navigation-fixed-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  display: block;
  background: white;
  z-index: 1030;
}
.empty-templates-screen {
  margin-top: 30px;
}
.empty-templates-screen p {
  color: #6D8092;
  margin-bottom: 0;
}
.empty-screen-button {
  width: 220px;
  max-width: 220px;
  height: 36px;
}
.tasks-tooltip-text-center .tooltip-inner {
  min-width: 210px;
}
.tasks-tooltip-text-center .tooltip-inner,
.tooltip-text-center .tooltip-inner {
  text-align: center;
}
subtasks-field {
  padding: 20px 0;
  margin: -20px 0;
}
.subtasks-field {
  background-color: #FFFFFF;
  border: 1px solid #E1E6EA;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0px 0 10px;
}
.subtask-placeholder-text {
  color: rgba(109, 128, 146, 0.5);
  line-height: 18px;
}
.subtasks-container {
  max-height: calc(36px * 6 - 16px);
  overflow: auto;
}
subtask-field {
  display: block;
  padding-left: 10px;
}
subtask-field .subtask-checkmark-unselected.edit-mode {
  cursor: not-allowed;
}
subtask-field .move-indicator {
  display: none;
  position: absolute;
  left: -7px;
  top: 12px;
}
[sv-root] subtask-field .subtask-checkmark-unselected.edit-mode {
  cursor: inherit;
}
[sv-root] subtask-field:hover {
  cursor: move;
  background-color: #f2f9ff;
}
[sv-root] subtask-field:hover * {
  background: transparent;
}
[sv-root] subtask-field:hover .move-indicator {
  display: block;
}
[sv-root] subtask-field.sv-helper {
  border-radius: 4px;
  box-shadow: -2px 0 rgba(255, 255, 255, 0.6), 2px 0 rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.6);
}
[sv-root] subtask-field.sv-helper * {
  background: transparent;
}
.subtasks-add-button-container {
  border-top: 1px solid #E1E6EA;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 10px;
  padding-left: 10px;
}
.subtasks-add-button {
  border: 0;
  padding: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background-color: #FFFFFF;
  cursor: pointer;
}
.subtasks-add-button:hover .subtasks-add-icon {
  opacity: 1;
}
.subtasks-add-button:hover .subtask-placeholder-text {
  color: #6D8092;
}
.subtasks-add-icon {
  opacity: 0.5;
  width: 18px;
  height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.subtask-row {
  min-height: 36px;
}
.subtask-row:hover .subtask-delete-button {
  visibility: visible;
  cursor: pointer;
}
.subtask-editable {
  border-left: 0;
  color: #6D8092;
  overflow-y: hidden !important;
}
.subtask-editable:focus,
.subtask-editable:hover {
  border-color: transparent !important;
  border-left: 0 !important;
}
.subtask-editable::-moz-placeholder {
  color: rgba(109, 128, 146, 0.5);
}
.subtask-editable:-ms-input-placeholder {
  color: rgba(109, 128, 146, 0.5);
}
.subtask-editable::placeholder {
  color: rgba(109, 128, 146, 0.5);
}
.subtask-delete-button {
  width: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  outline: none;
  margin-right: -5px;
  visibility: hidden;
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.subtask-delete-button.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.task-template-details-text {
  font-size: 14px;
  line-height: 24px;
  color: #6D8092;
}
.task-template-subtasks-row {
  background-color: #EAEEF2;
}
.task-template-row-border-top {
  border-top: 1px solid #DBDFE5;
}
.task-template-row-border-bottom {
  border-bottom: 1px solid #DBDFE5;
}
.view-subtasks-container {
  background-color: #EAEEF2;
}
.view-subtask-label {
  color: #6D8092;
  font-size: 14px;
  transition: opacity 0.5s ease;
  padding-top: 7px;
}
.subtask-completed-opacity {
  opacity: 0.65;
}
.subtask-row-checkmark-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  max-height: 36px;
  width: 18px;
  min-width: 18px;
}
.subtask-row-checkmark-container.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.subtask-checkmark-unselected {
  width: 18px;
  height: 18px;
  border: 2px solid #A0AFBE;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: visible;
}
.subtask-checkmark-unselected.edit-mode {
  border-color: #d5dbe1;
}
.subtask-checkmark-selected {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 1px;
  background-color: #0085FF;
  border: 2px solid #0085FF;
  transition: transform 0.25s cubic-bezier(0.6, 0.37, 0.11, 1.35);
  transform: scale(0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.subtask-checkmark-selected.is-checked {
  transform: scale(1);
}
.subtask-checkmark {
  transition: transform 0.25s cubic-bezier(0.6, 0.37, 0.11, 1.35) 0.25s;
  transform: scale(0);
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.subtask-checkmark.is-checked {
  transform: scale(1);
}
.task-template-list-item-container {
  box-sizing: border-box;
  height: 65px;
  padding: 12px 20px;
  background-color: #FFFFFF;
  padding-top: 0;
  padding-bottom: 0;
}
.task-template-list-item-container:hover {
  cursor: pointer;
  background-color: #EAEEF2;
}
.task-template-list-item-container .task-templates-list-subtasks-count {
  width: 40px;
}
.task-template-lookup-item {
  height: 42px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.task-template-lookup-create-item {
  color: #97A2AE;
  font-size: 13px;
}
.task-template-lookup-create-item .search-value {
  color: #738190;
}
task-instances-filters {
  width: 100% !important;
}
.task-instances-filters-container {
  background-color: #FFFFFF;
}
.collapsible-section-header {
  border-bottom: 1px solid #DBDFE5;
  box-sizing: border-box;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  cursor: pointer;
}
.section-header-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #6D8092;
  padding-bottom: 12px;
}
.unassigned-section-header {
  color: #0085FF;
  border-bottom-color: #0085FF;
}
.available-section-header {
  color: #1CC982;
  border-bottom-color: #1CC982;
}
.collapsible-indicator-closed {
  transform: rotate(-90deg);
}
.collapsible-indicator {
  transition: transform 0.3s ease;
}
.task-instance-list-item-container {
  box-sizing: border-box;
  height: 65px;
  padding: 12px 20px;
  background-color: #FFFFFF;
  border-top: 1px solid #DBDFE5;
}
.skip-border-top,
.skip-border-top.task-instance-not-published {
  border-top: none;
}
.task-instance-not-published {
  border: 2px dashed #DBDFE5;
  background-color: transparent;
}
.task-instance-not-published.task-instance-unassigned {
  background-color: transparent;
}
.task-instance-not-published.task-instance-available {
  background-color: transparent;
}
.task-instance-unassigned {
  border-color: rgba(0, 133, 255, 0.1);
  background-color: rgba(0, 133, 255, 0.05);
}
.task-instance-available {
  border-color: rgba(28, 201, 130, 0.2);
  background-color: rgba(28, 201, 130, 0.05);
}
.task-instance-completed-opacity {
  opacity: 0.7;
}
.task-instances-filters-fixed-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 115px;
  left: 0;
  right: 0;
  background: white;
  z-index: 1020;
}
.task-instances-filters-fixed-panel.no-tabs {
  top: calc(60px);
}
.banner-shown .task-instances-filters-fixed-panel {
  top: 415px;
}
.banner-shown .task-instances-filters-fixed-panel.no-tabs {
  top: 360px;
}
.task-instances-content {
  margin-top: 20px;
}
.task-templates-content {
  margin-top: calc(55px + 20px);
}
.task-instance-preview-tip .row-notification {
  margin: 0;
}
.task-instance-preview-tip .row-notification a {
  color: #FFFFFF;
  text-decoration: underline;
}
.task-instance-list-item-container:hover {
  cursor: pointer;
  background-color: #EAEEF2;
}
.task-instance-empty-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  height: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.task-instance-empty-details.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.task-instance-status-container {
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.profile .nav {
  border-right: 1px solid #FFF;
  padding-right: 10px;
}
.profile h2 {
  margin-top: 0;
}
.edit-user-profile-container {
  padding-bottom: 280px;
  color: #6D8092;
}
.edit-user-profile-container.employee-profile-container {
  width: 1200px;
  margin: 20px auto 0;
}
.edit-user-profile-container .nav-tabs {
  margin: 20px auto 0;
}
.edit-user-profile-container .alert {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 65px;
  z-index: 3;
}
.edit-user-profile-container .spinner {
  position: absolute;
  left: 50%;
  margin-left: -35px;
  margin-top: 55px;
}
.edit-user-profile-container a.link-as-text:not(:hover) {
  color: #738190;
}
.edit-user-profile-container .user-back-button {
  font-weight: 600;
  padding-left: 10px;
}
.edit-user-profile-container .sub-navigation {
  box-shadow: 0 2px 4px 0 rgba(50, 70, 90, 0.08);
}
.sticky-thead-clone table.manage-table {
  margin-top: 0;
}
.user-profile-wages {
  margin: 0 20px;
  color: #5F7183;
  padding-bottom: 70px;
}
.user-profile-wages.employee-profile-wages {
  width: 1200px;
  margin: 0;
}
.user-profile-wages table.manage-table {
  margin-top: 30px;
}
.user-profile-wages table.manage-table > tbody > tr > td {
  vertical-align: top;
  padding: 12px 8px;
}
.user-profile-wages table.manage-table > tbody > tr > td:not(:first-child) {
  width: 250px;
}
.user-profile-wages table.manage-table > tbody > tr > td > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  height: 40px;
}
.user-profile-wages table.manage-table > tbody > tr > td > div.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.user-profile-wages table.manage-table > tbody > tr > td > div .dropdown.pull-right {
  margin-left: auto;
}
.user-profile-wages table.manage-table > tbody > tr > td > div + div {
  margin-top: 8px;
}
.user-profile-wages table.manage-table input {
  width: 100%;
}
.user-profile-wages table.manage-table.readonly .dropdown {
  display: none;
}
.user-profile-wages .user-base-wages {
  width: 456px !important;
  text-align: left !important;
}
.user-profile-wages user-base-wage + user-base-wage {
  display: block;
  margin-top: 10px;
}
.user-profile-availability {
  margin: 0 20px;
}
.user-profile-availability .unavailability-list {
  margin: 0 -20px;
}
.employee-profile-container .availability-tab-container-react,
.user-profile-availability .availability-tab-container-react {
  margin-top: 0;
}
.user-profile-groups {
  margin: 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.user-profile-groups .user-group-items-readonly-container {
  background-color: rgba(0, 0, 0, 0.04);
  padding-right: 5px;
  padding-bottom: 5px;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  min-height: 30px;
}
.user-profile-groups .user-group-item-readonly {
  margin-top: 5px;
  margin-left: 5px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  background-color: #A0AFBE;
  color: white;
}
.user-profile-groups .user-group-item {
  margin: 10px 0 5px 0;
  border-radius: 2px;
  background-color: #a4a4a4;
  color: white;
  position: relative;
}
.user-profile-groups .user-group-item img {
  position: absolute;
  background-color: transparent;
  top: 3.5px;
  right: 0;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.25s;
}
.user-profile-groups .user-group-item img:hover {
  opacity: 1;
}
.user-profile-groups .user-groups-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  color: #738190;
  padding: 20px 0;
  padding-bottom: 0px;
  position: relative;
}
.user-profile-groups .user-groups-items.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.user-profile-groups .user-groups-items .clear-add-all .link-as-text,
.user-profile-groups .user-groups-items .clear-add-all-horizontal .link-as-text {
  font-weight: 400;
  font-size: 12px;
  color: #97A2AE;
}
.user-profile-groups .user-groups-items .clear-add-all {
  margin-top: 20px;
  white-space: nowrap;
  transform: translateY(-50%);
  text-align: right;
}
.user-profile-groups .user-groups-items .clear-add-all.only-clear {
  top: -24px;
}
.user-profile-groups .user-groups-items .clear-add-all-horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 5px;
  margin-bottom: 20px;
  white-space: nowrap;
}
.user-profile-groups .user-groups-items .clear-add-all-horizontal span {
  font-weight: 400;
  font-size: 12px;
  color: #97A2AE;
  padding: 0 10px;
}
.user-profile-groups .user-groups-items > :first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 3px;
}
.user-profile-groups .user-groups-items .user-group-item {
  margin: 0 1px 5px;
  padding: 8px 12px;
  border-radius: 2px;
}
.user-profile-groups .user-groups-items .user-group-item img {
  top: 0.5px;
}
.user-profile-groups .user-groups-items > .center-vertically img {
  margin-right: 10px;
}
.user-profile-groups .user-groups-items.align-top {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
}
.user-profile-groups .title {
  font-weight: 700;
}
.user-profile-groups.no-border {
  border-bottom: none;
}
.edit-user-profile-content {
  padding-top: 20px;
  position: relative;
  width: 750px;
  margin: 0 auto;
}
.edit-user-profile-content .left-side {
  min-width: 295px;
}
.edit-user-profile-content .left-side > div {
  text-align: center;
  position: relative;
}
.edit-user-profile-content .left-side .avatar-new-thumb {
  display: inline-block;
  border-radius: 50%;
}
.edit-user-profile-content .left-side .green {
  color: #33ab31;
}
.edit-user-profile-content .left-side label {
  font-weight: 300;
  margin-top: 20px;
  font-size: 13px;
  display: block;
}
.edit-user-profile-content .left-side label .green {
  margin-left: 7px;
}
.edit-user-profile-content .left-side .btn-danger {
  margin-top: 5px;
}
.edit-user-profile-content .left-side .avatar-container {
  position: relative;
  height: 200px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.edit-user-profile-content .left-side .avatar-container.nv-file-over .avatar,
.edit-user-profile-content .left-side .avatar-container.nv-file-over .avatar-new-thumb {
  box-shadow: 0 0 0 1px #0085FF;
}
.edit-user-profile-content .left-side .avatar-container input[type="file"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 128px;
  padding-left: 128px;
  cursor: pointer;
  opacity: 0;
}
.edit-user-profile-content .left-side .avatar-container input[type="file"]:hover + a {
  text-decoration: underline;
}
.edit-user-profile-content .left-side .avatar-container avatar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.edit-user-profile-content .left-side .avatar-container .change-or-remove {
  display: none;
  width: 200px;
  height: 200px;
}
.edit-user-profile-content .left-side .avatar-container .change-or-remove span {
  position: relative;
}
.edit-user-profile-content .left-side .avatar-container.can-upload-new:hover .change-or-remove {
  position: absolute;
  top: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  left: 50%;
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.edit-user-profile-content .left-side .avatar-container.can-upload-new:hover .change-or-remove a {
  color: white !important;
}
.edit-user-profile-content .left-side .avatar-container avatar[size="256"] ~ .change-or-remove {
  width: 256px;
  height: 256px;
}
.edit-user-profile-content .right-side {
  -ms-flex: 2;
      flex: 2;
}
.edit-user-profile-content .form-control[disabled] {
  box-shadow: 0 0 0 1px #d7d7d7 inset !important;
  background-image: none !important;
  cursor: default;
}
.edit-user-profile-content .control-label {
  text-align: left;
}
.edit-user-profile-header {
  background-color: white;
  padding: 15px 20px;
  font-size: 18px;
  z-index: 10;
  font-weight: 300;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  color: #5F7183;
}
.edit-user-profile-header .blue {
  color: #0085FF;
  margin-left: 15px;
}
.edit-user-profile-header .gray {
  margin: 0 10px;
  color: #d7d7d7;
}
.edit-user-profile-header button.btn-icon {
  margin-top: 7px;
  margin-left: 10px;
}
.edit-user-profile-header button.btn-primary {
  margin-top: 7px;
  margin-left: 10px;
}
.edit-user-profile-form-footer {
  position: fixed;
  left: 0;
  right: 0;
  background-color: white;
  height: 65px;
  bottom: 0;
  z-index: 2000;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.08);
}
.edit-user-profile-form-footer > div {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}
.edit-user-profile-form-footer .pull-right {
  width: 160px;
  margin-top: 14px;
  margin-left: 10px;
}
.dropdown-menu .scrollable {
  width: 200px;
}
.edit-user-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
.edit-user-container .edit-user-form {
  width: 50%;
  min-width: 100px;
  padding-bottom: 100px;
}
.edit-user-container .edit-user-form .modal-body {
  padding: 20px;
}
.edit-user-container .edit-user-form .modal-body .user-groups-items .clear-add-all {
  right: 275px;
}
.edit-user-form .modal-body {
  padding: 20px 85px;
}
.edit-user-form .modal-body .user-groups-items .clear-add-all {
  right: 220px;
}
.edit-user-form .persona-picker .search-wrapper input.form-control.search {
  background-color: white;
}
.edit-user-form .section-with-padding {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 10px;
  color: #738190;
}
.edit-user-form .section-with-padding.no-border {
  border-bottom: none;
}
.edit-user-form .section-with-padding .title {
  font-weight: 700;
  padding-bottom: 5px;
}
.edit-user-form .birthdate-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.edit-user-form .birthdate-container .birthdate-picker {
  -ms-flex: 1;
      flex: 1;
}
.edit-user-form .form-group small {
  display: block;
  color: #6D8092;
  font-size: 12px;
  line-height: 1.6;
}
.edit-user-form .section-with-top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.edit-user-form .section-with-top-border + .section-with-top-border {
  border-top: none;
}
.edit-user-form .invite-to-sling {
  padding: 20px 0;
  margin: 0 10px;
  color: #738190;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.edit-user-form .footer-buttons {
  margin: 0 10px;
  padding: 20px 0 10px;
}
.edit-user-form .footer-buttons .btn {
  min-width: 110px;
}
.edit-user-form .footer-buttons .btn + .btn {
  margin-left: 10px;
}
.edit-user-form .footer-buttons .btn + .btn:last-child {
  -ms-flex: 2;
      flex: 2;
}
.edit-user-form user-timeoff-table reports-summary dynamic-labor-summary-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column-reverse;
      flex-flow: column-reverse;
}
.edit-user-form .timeoff-report-spinner {
  position: absolute;
  left: -80px;
  top: 10px;
}
.users-import-modal h3 {
  margin-top: 0;
  color: #0085FF;
}
.users-import-modal .row-options {
  margin: 20px 0;
}
.users-import-modal .row-option {
  background-color: white;
  padding: 7px;
  color: #97A2AE;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}
.users-import-modal .upload-area {
  width: 430px;
  height: 70px;
  border: 2px dashed rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  color: #97A2AE;
  margin: 20px 0;
}
.users-import-modal .upload-area input[type="file"] {
  visibility: hidden;
  position: absolute;
  left: -999px;
}
.users-import-modal .upload-area span {
  color: #0085FF;
}
.users-import-modal .upload-area.nv-file-over {
  background-color: #d8d8d8;
}
.users-import-modal .progress {
  position: absolute;
  margin-top: -9px;
  left: 20px;
  right: 20px;
}
.users-import-modal .row-container {
  padding: 20px 0;
}
.users-import-modal .row-container:not(.no-border) {
  border-bottom: 1px solid #d8d8d8;
}
.users-import-modal .row-container small {
  color: #97A2AE;
}
.users-import-modal .row-container .justify-middle {
  height: 40px;
}
.options-column {
  width: 70px;
  max-width: 70px;
}
.user-description-field {
  min-height: 200px;
  max-height: 800px;
}
.verify-to-invite-tooltip .tooltip-inner {
  width: 250px;
  max-width: none;
}
.modal-invite-success p img {
  width: 64px;
}
.modal-invite-success strong {
  font-size: 16px;
  color: #738190;
}
.pin-field {
  min-width: 36px;
  width: 36px;
  height: 36px;
  margin-left: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFF;
}
.pin-field:disabled {
  background-color: rgba(0, 0, 0, 0.05);
}
.pin-field:focus {
  outline: 0;
}
.pin-field:hover:not(:disabled) {
  background-color: #DFEAF3;
}
.get-sharable-button-disabled {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: not-allowed;
  opacity: 0.65;
  color: #6D8092;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  font-weight: 400;
  font-size: 13px;
  display: block;
  background: transparent;
  text-decoration: none;
}
.employee-button-caret-container {
  position: absolute;
  right: 16px;
  top: 0;
}
[sticky].sticky-full-width.sticky-with-dropdown {
  z-index: 1030 !important;
}
.manage-users .users-list-inner-container {
  margin-left: -10px;
  margin-right: -10px;
}
.manage-users .reports-filters-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.manage-users .users-filter-bar {
  -ms-flex-align: center !important;
      -ms-grid-row-align: center !important;
      align-items: center !important;
}
.manage-users .users-filter-bar > * {
  width: 150px !important;
}
.manage-users .with-opened-filters {
  transform: translateY(56px);
}
.manage-users .employee-name-column {
  width: 250px;
  min-width: 250px;
  padding-left: 15px;
}
.user-profile-groups__description {
  color: #6D8092;
  font-size: 14px;
  width: 315px;
  margin-top: 5px;
}
.user-section-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.user-section-header h2 {
  font-weight: 600;
}
.user-section-header.no-border {
  border-bottom: none;
}
.horizontal-separator {
  margin: 20px 0 20px 0;
  border-bottom: 1px solid #D3D7DB;
}
.pin-input {
  width: 234px;
}
.filter-button,
.filter-header-text {
  color: #738190;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.filters-container {
  position: relative;
}
.filters-container.open .filter-button {
  color: #0085FF;
  background-color: #ffffff;
  border: 1px solid #0085FF;
}
.filters-container .filter-button {
  background-color: transparent;
  border: 1px solid #d8d8d8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 3px;
  min-width: 100px;
  padding: 0 7px 0 10px;
  cursor: pointer;
  transition: background 0.25s ease;
}
.filters-container .filter-button:hover {
  background-color: #ECF3F8;
}
.filters-container .filters-dropdown {
  background-color: white;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  margin: 0;
  text-transform: none;
  border: 0;
  padding: 12px;
  overflow-y: auto;
  max-height: 350px;
}
.filters-container .filters-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.filters-container .filter-column {
  width: 145px;
}
.filters-container .filter-header-text {
  padding-left: 5px;
  padding-bottom: 11px;
}
.filters-container .filter-checkbox .position {
  background-color: #0085FF;
  background-image: url(/assets/svg/UI/checkmark-db4ec9.svg);
  background-position: -2px;
  border-color: transparent;
}
.filters-container .filter-checkbox.inactive .position {
  border-color: #B9C0C6;
}
.filters-container .filter-checkbox.inactive:hover .position,
.filters-container .filter-checkbox.inactive.hovered .position {
  background-image: none;
}
.self-invite-empty-container {
  padding-top: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.self-invite-empty-container div,
.self-invite-empty-container span {
  text-align: center;
  color: #6D8092;
  font-weight: 600;
  line-height: 24px;
}
.self-invite-empty-container .share-icon {
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.employees-share-button.btn-icon {
  opacity: 1;
}
.employees-share-button.btn-icon[disabled] {
  opacity: 0.65;
}
.container.history,
.container.dashboard {
  margin-top: 20px;
  width: 1200px;
  padding-top: 0;
}
.container.history .table,
.container.dashboard .table {
  margin-bottom: 0px;
}
.container.history .notifications-table .table-row:not(.notification),
.container.dashboard .notifications-table .table-row:not(.notification),
.container.history .notifications-table .table-row.notification > *,
.container.dashboard .notifications-table .table-row.notification > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.container.history .notifications-table .table-row.notification,
.container.dashboard .notifications-table .table-row.notification {
  transition: all 0.25s ease-in-out;
  margin-bottom: 3px;
  border-radius: 4px;
  border: 1px solid #fff;
  background-color: #fff;
}
.container.history .notifications-table .table-row.notification > *,
.container.dashboard .notifications-table .table-row.notification > * {
  width: 100%;
  height: 100%;
}
.container.history .notifications-table .table-row.notification.selected,
.container.dashboard .notifications-table .table-row.notification.selected {
  background: #EAEEF2;
  border-color: #0085FF;
}
.container.history .notifications-table .table-row.notification.dismissable:hover .table-cell.icon-wrapper .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.notification.dismissable:hover .table-cell.icon-wrapper .checkmark-wrapper,
.container.history .notifications-table .table-row.notification.selected .table-cell.icon-wrapper .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.notification.selected .table-cell.icon-wrapper .checkmark-wrapper {
  transition-delay: 0s, 0s;
  opacity: 1;
  visibility: visible;
}
.container.history .notifications-table .table-row.notification.dismissable:hover .table-cell.icon-wrapper .notification-icon,
.container.dashboard .notifications-table .table-row.notification.dismissable:hover .table-cell.icon-wrapper .notification-icon,
.container.history .notifications-table .table-row.notification.selected .table-cell.icon-wrapper .notification-icon,
.container.dashboard .notifications-table .table-row.notification.selected .table-cell.icon-wrapper .notification-icon {
  transition-delay: 0s, 0.3s;
  opacity: 0;
  visibility: hidden;
}
.container.history .notifications-table .table-row.notification .notification-detail-second-row,
.container.dashboard .notifications-table .table-row.notification .notification-detail-second-row {
  display: none;
  color: #6D8092;
  opacity: 0.65;
  white-space: nowrap;
}
.container.history .notifications-table .table-row.notification:hover .notification-detail-second-row,
.container.dashboard .notifications-table .table-row.notification:hover .notification-detail-second-row {
  display: block;
}
.container.history .notifications-table .table-row.notification .table-cell,
.container.dashboard .notifications-table .table-row.notification .table-cell {
  color: #738190;
  margin-left: 10px;
}
.container.history .notifications-table .table-row.notification .table-cell.notification-actions,
.container.dashboard .notifications-table .table-row.notification .table-cell.notification-actions {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.container.history .notifications-table .table-row.notification .table-cell.notification-actions button,
.container.dashboard .notifications-table .table-row.notification .table-cell.notification-actions button {
  margin-top: 0;
}
.container.history .notifications-table .table-row.notification .table-cell.notification-info,
.container.dashboard .notifications-table .table-row.notification .table-cell.notification-info {
  -ms-flex: 2;
      flex: 2;
  margin-right: 10px;
  color: #646464;
}
.container.history .notifications-table .table-row.notification .table-cell.icon-wrapper,
.container.dashboard .notifications-table .table-row.notification .table-cell.icon-wrapper {
  position: relative;
  margin-left: 10px;
  width: 55px;
  height: 100%;
  transition: all 0.3s ease;
}
.container.history .notifications-table .table-row.notification .table-cell.icon-wrapper .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.notification .table-cell.icon-wrapper .checkmark-wrapper {
  transition-property: opacity, visibility;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  transition-delay: 0, 0.3s;
  opacity: 0;
  visibility: hidden;
}
.container.history .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-icon,
.container.dashboard .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-icon {
  transition-property: opacity, visibility;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  opacity: 1;
  visibility: visible;
}
.container.history .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-state,
.container.dashboard .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-state {
  position: absolute;
  top: 20px;
  text-align: center;
}
.container.history .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-state i,
.container.dashboard .notifications-table .table-row.notification .table-cell.icon-wrapper .notification-state i {
  color: #0085FF;
}
.container.history .notifications-table .table-row.notification.unread,
.container.dashboard .notifications-table .table-row.notification.unread {
  background: #f2fafe;
  border-color: #f2fafe;
  z-index: 100;
}
.container.history .notifications-table .table-row.notification:hover,
.container.dashboard .notifications-table .table-row.notification:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.container.history .notifications-table a.notification-detail .notes,
.container.dashboard .notifications-table a.notification-detail .notes {
  position: relative;
  top: -2px;
}
.container.history .notifications-table .table-row.header,
.container.dashboard .notifications-table .table-row.header {
  background-color: #fff;
  margin-top: 3px;
}
.container.history .notifications-table .table-row.header .table-cell.no-icon,
.container.dashboard .notifications-table .table-row.header .table-cell.no-icon {
  min-width: 20px;
}
.container.history .notifications-table .table-row.notification-created,
.container.dashboard .notifications-table .table-row.notification-created {
  background-color: #fff;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}
.container.history .notifications-table .table-row.notification,
.container.dashboard .notifications-table .table-row.notification,
.container.history .notifications-table .table-row.footer,
.container.dashboard .notifications-table .table-row.footer,
.container.history .notifications-table .table-row.header,
.container.dashboard .notifications-table .table-row.header {
  min-height: 76px;
  height: 76px;
  font-size: 12px;
  color: #738190;
}
.container.history .notifications-table .table-row.notification .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.notification .checkmark-wrapper,
.container.history .notifications-table .table-row.footer .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.footer .checkmark-wrapper,
.container.history .notifications-table .table-row.header .checkmark-wrapper,
.container.dashboard .notifications-table .table-row.header .checkmark-wrapper {
  position: absolute;
  top: 6px;
  left: -5px;
  padding: 20px;
}
.container.history .notifications-table .table-row.loading,
.container.dashboard .notifications-table .table-row.loading {
  background-color: #fff;
  animation: pulse 4s infinite ease-in-out;
}
.container.history .notifications-table .table-row.footer .table-cell,
.container.dashboard .notifications-table .table-row.footer .table-cell {
  margin-top: -24px;
  padding: 8px 0;
}
.container.history .notifications-table .table-row.archived,
.container.dashboard .notifications-table .table-row.archived {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.container.history .notifications-table .table-row.archived:hover,
.container.dashboard .notifications-table .table-row.archived:hover {
  background-color: #fff;
}
.container.history .notifications-table .table-row.notification.next-shift,
.container.dashboard .notifications-table .table-row.notification.next-shift {
  border-color: transparent;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}
.container.history .notifications-table .table-row.notification.next-shift:hover,
.container.dashboard .notifications-table .table-row.notification.next-shift:hover {
  transition: none;
  transform: none;
}
.container.history .notifications-table .table-row.notification.next-shift.blue-bg,
.container.dashboard .notifications-table .table-row.notification.next-shift.blue-bg {
  background-color: #0085FF;
  box-shadow: 0 2px 4px 0 rgba(0, 133, 255, 0.3);
}
.container.history .notifications-table .table-row.notification.next-shift.green-bg,
.container.dashboard .notifications-table .table-row.notification.next-shift.green-bg {
  background-color: #1CC982;
  box-shadow: 0 2px 4px 0 rgba(55, 188, 91, 0.3);
}
.container.history .notifications-table .table-row.notification.next-shift.yellow-bg,
.container.dashboard .notifications-table .table-row.notification.next-shift.yellow-bg {
  background-color: #FDB34D;
  box-shadow: 0 2px 4px 0 rgba(253, 179, 77, 0.3);
}
.container.history .notifications-table .table-row.notification.next-shift .notification-info,
.container.dashboard .notifications-table .table-row.notification.next-shift .notification-info {
  color: white;
}
.container.history .notifications-table .table-row.notification.next-shift .notification-info a:not(.ignore-white-important),
.container.dashboard .notifications-table .table-row.notification.next-shift .notification-info a:not(.ignore-white-important) {
  color: white !important;
}
.container.history .notifications-table .table-row.notification.next-shift .next-shift-when,
.container.dashboard .notifications-table .table-row.notification.next-shift .next-shift-when {
  margin-left: auto;
  margin-right: 10px;
  font-weight: bold;
  opacity: 0.8;
}
.container.history .notifications-table .table-row.notification.next-shift .notification-actions,
.container.dashboard .notifications-table .table-row.notification.next-shift .notification-actions {
  padding-right: 0;
  margin-right: 10px;
}
.container.history .notifications-table .table-row.notification.next-shift .notification-actions .btn:not(:hover),
.container.dashboard .notifications-table .table-row.notification.next-shift .notification-actions .btn:not(:hover) {
  background: white;
}
.container.history .notifications-table .table-row.notification.next-shift .premium-guard,
.container.dashboard .notifications-table .table-row.notification.next-shift .premium-guard {
  opacity: 1;
}
.container.history .notification-actions,
.container.dashboard .notification-actions {
  padding-right: 20px;
}
.container.history .notification-actions .btn:not(.btn-icon),
.container.dashboard .notification-actions .btn:not(.btn-icon) {
  width: 150px;
}
.container.history .notification-actions .btn,
.container.dashboard .notification-actions .btn {
  margin-left: 10px;
}
.container.history .notification-actions .open-clock-in-button,
.container.dashboard .notification-actions .open-clock-in-button {
  opacity: 1;
  margin-left: 7px;
}
.container.history .notification-note-icon,
.container.dashboard .notification-note-icon {
  cursor: pointer;
}
.container.history .notification-note-icon img,
.container.dashboard .notification-note-icon img {
  background: #A0AFBE;
  border-radius: 50%;
}
.container.history .notification-state,
.container.dashboard .notification-state,
.container.history .notification-icon,
.container.dashboard .notification-icon {
  display: block;
  margin: 10px;
}
.container.history .notification-state.loading,
.container.dashboard .notification-state.loading,
.container.history .notification-icon.loading,
.container.dashboard .notification-icon.loading {
  margin-left: 20px;
  animation: rotation 2s infinite linear;
}
.container.history .notification-icon img,
.container.dashboard .notification-icon img {
  width: inherit;
  height: inherit;
}
.container.history .white-text-link,
.container.dashboard .white-text-link {
  color: #fff;
}
@media screen and (min-width: 1180px) {
  .container.dashboard-topbar,
  .container.history,
  .container.dashboard {
    min-width: 1200px;
    width: 1200px;
    max-width: 1200px;
  }
}
.dashboard-state-danger,
.dashboard-state-success,
.dashboard-state-cancel {
  position: relative;
  top: 2px;
  display: inline-block;
  font-size: 0.85em;
  padding: 4px 6px;
  background-color: transparent;
}
.dashboard-state-cancel {
  color: #ffb213;
}
.dashboard-state-success {
  color: #1CC982;
}
.dashboard-state-danger {
  color: #d30004;
}
.group-section {
  margin-bottom: 40px;
}
.edit-group-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
.edit-group-section-header.no-margin {
  margin-bottom: 0;
}
.edit-group-section-header > h3 {
  margin: 0;
  color: #0085FF;
  font-size: 16px;
  font-weight: 600;
}
.edit-group-section-header.underline {
  border-bottom: 1px solid #D3D7DB;
  padding-bottom: 20px;
}
.premium-badge {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  background-color: #0085FF;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  padding: 0px 8px 1px 8px;
}
sub-navigation.dashboard-sub-navigation .sub-navigation {
  font-size: 12px;
}
.employee-list-tab {
  width: 100%;
}
.edit-group-header .link-as-text.gray {
  color: #738190;
}
.hide-shadow {
  box-shadow: none !important;
}
.edit-group-buttons {
  display: -ms-flexbox;
  display: flex;
}
.edit-group-buttons > .back-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.edit-group-buttons > .back-button span {
  font-weight: 600;
  padding-left: 8px;
}
.edit-group-buttons .button-with-margin {
  margin-left: 10px;
}
.clear-add-all-employees .clear-employees-text,
.clear-add-all-employees .add-all-employees-text,
.clear-add-all-employees .separator {
  font-weight: 400;
  font-size: 12px;
  color: #97A2AE;
}
.clear-add-all-employees > .separator {
  font-style: normal;
  padding: 0 2px;
}
.employee-list-tab.bar {
  box-shadow: none;
  background-color: #EAEEF2;
  border-radius: 0;
  border: 1px solid #D3D7DB;
}
.employee-list-tab.bar.employee-tab-empty {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.sticky-full-width.sticky-employee-header {
  background-color: #FFFFFF;
}
.sticky-full-width.sticky-employee-header > .bar {
  transition: none;
  background-color: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
}
date-of-birth {
  display: block;
}
date-of-birth .us-time-format > div:first-child {
  padding-left: 5px !important;
}
date-of-birth .us-time-format > div:nth-child(2) {
  -ms-flex-order: -1;
      order: -1;
  padding-left: 0;
}
.ng-submitted date-of-birth.ng-invalid {
  box-shadow: 0 0 0 1px #E96873;
}
users-group .users-group-header {
  margin: 20px 0 20px 6px;
  font-weight: 300;
}
users-group .users-group-table {
  width: 1200px;
}
users-group .status-table-column {
  width: 7.5%;
}
a.disabled,
a.disabled[disabled] {
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
}
.manage-announcement-view .control-label {
  margin-top: 20px;
}
.manage-announcement-view li {
  float: left;
  width: 33%;
}
.manage-announcement-view li.read {
  text-decoration: line-through;
}
.manage-list .banner-brand {
  margin: 20px 0;
}
.edit-group-tabbed .bar:not(.employee-list-tab) {
  box-shadow: none;
}
.edit-group-tabbed .edit-group-header.bar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.edit-group-nav-container {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.edit-group-nav-container .sub-navigation {
  box-shadow: 0 2px 4px 0 rgba(50, 70, 90, 0.08);
}
.edit-group-nav-container .is-last-navigation .sub-navigation {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bar {
  background: #FFF no-repeat 20px 50%;
  height: 76px;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.bar h1 {
  margin: 0;
  font-size: 18px;
  line-height: 76px;
  height: 100%;
}
.bar h1 .center-vertically {
  line-height: 0.9;
  height: 100%;
}
.bar h1 .center-vertically small {
  font-size: 14px;
  color: #97A2AE;
}
.bar.no-icon {
  background-image: none;
}
.bar input.growing {
  background: transparent;
  width: 150px;
  transition: width ease-in-out 0.25s;
}
.bar input.growing:focus {
  background: #FFFFFF;
  width: 300px;
}
.bar h1 + .display-flex > :not(:first-child),
.bar h1 + .center-vertically > :not(:first-child) {
  margin-left: 10px;
}
.bar.with-sub-navigation {
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.manage-positions table td:first-child,
.manage-positions table th:first-child {
  width: 46px;
}
.manage-position .dropdown-menu.color-picker {
  padding: 20px 10px 10px 20px;
  width: 207px;
}
.manage-position .dropdown-menu.color-picker .position {
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid white;
  width: 25px;
  height: 25px;
}
.manage-position .dropdown-menu.color-picker .position:hover {
  border: 1px solid #0085FF;
}
.manage-position .nav {
  margin-bottom: 20px;
}
.manage-position .nav li {
  padding: 3px 5px 3px 0;
}
.manage-position .nav li .close {
  display: none;
}
.manage-position .nav li:hover {
  background: #beddf7;
  margin-left: -5px;
  padding-left: 5px;
}
.manage-position .nav li:hover .close {
  display: inline;
}
.manage-position .nav.locations span a span {
  color: #97A2AE;
  position: absolute;
  right: 25px;
}
.manage-position form .position {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.manage-position form .form-group {
  margin-right: 5px;
}
.manage-position form input.form-control {
  width: 180px;
}
.manage-position form select.form-control {
  width: 270px;
}
.manage-position form button {
  width: 50px;
  padding: 0 !important;
  text-align: center;
}
.manage-position .dropdown-toggle .position {
  margin-right: 10px;
}
.manage-positions .position.position-color {
  width: 22px;
  height: 22px;
  margin: 4px;
  margin-right: 9px;
  cursor: pointer;
}
.manage-positions .position.position-color.active {
  box-shadow: 0 0 0 3px #f2f5f7, 0 0 0 4px currentColor;
}
.persona-picker.alternate .search-wrapper .form-control.search {
  background-color: white;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: normal;
}
.persona-picker.alternate .search-wrapper .form-control.search:not(:focus) {
  border-color: #f2f5f7;
}
.persona-picker.alternate .search-wrapper .form-control.search ~ .glass-icon {
  top: 9px;
}
.persona-picker.alternate .person-tag {
  padding-top: 3px;
  padding-bottom: 3px;
}
.persona-picker.alternate .person-tag img {
  top: 8px;
}
.persona-picker.white .search-wrapper .form-control.search {
  background-color: white;
  font-weight: normal;
}
.persona-picker.white .search-wrapper .form-control.search:not(:focus) {
  border-color: #f2f5f7;
}
.invited {
  color: #0085FF;
}
.user-status {
  word-wrap: normal;
}
.user-status.user-status-joined {
  color: #1CC982;
}
.user-status.user-status-missing-details,
.user-status.user-status-not-invited {
  color: #E96873;
}
.user-status.user-status-requested,
.user-status.user-status-invited,
.user-status.user-status-unverified {
  color: #FDB34D;
}
.under-navbar-tooltip {
  z-index: 1020;
  min-width: 120px;
}
.edit-group-form google-map {
  height: 300px;
  margin-top: 15px;
}
.edit-group-form .search-lookup-container {
  position: relative;
}
.edit-group-form .search-wrapper + spinner {
  position: absolute;
  top: 32px;
  right: 0;
  transform: scale(0.5);
  padding: 5px;
  margin: -5px;
  background: white;
  pointer-events: none;
}
ul.position-wages-list {
  list-style: none;
  padding-left: 0;
}
ul.position-wages-list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
ul.position-wages-list li > :first-child {
  -ms-flex: 2;
      flex: 2;
  margin-right: 10px;
}
ul.position-wages-list li + li:not(:nth-child(2)) {
  margin-top: 10px;
}
.premium-features-table td {
  padding-left: 5px;
  padding-right: 5px;
}
.premium-features-table th {
  max-width: 150px;
  text-align: center;
}
.edit-group-form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 100px;
}
.edit-group-form .footer-save-bar-spacing .search-lookup {
  margin-bottom: 70px;
}
.edit-group-form .edit-group-container {
  width: 100%;
  margin-top: 30px;
  max-width: 580px;
  min-width: 100px;
}
.edit-group-form .edit-group-container .horizontal-separator {
  margin: 30px 0 30px 0;
  border-bottom: 1px solid #D3D7DB;
}
.edit-group-form .edit-group-container hr {
  margin: 30px 0 30px 0;
}
.edit-group-form .edit-group-container small {
  font-size: 14px;
  color: #97A2AE;
}
.edit-group-form .brand-on-focus:focus,
.edit-group-form .brand-on-focus input:focus {
  color: #0085FF;
  border: 1px solid #0085FF !important;
}
.edit-group-form .brand-on-focus:focus::-moz-placeholder,
.edit-group-form .brand-on-focus input:focus::-moz-placeholder {
  color: #0085FF;
}
.edit-group-form .brand-on-focus:focus:-ms-input-placeholder,
.edit-group-form .brand-on-focus input:focus:-ms-input-placeholder {
  color: #0085FF;
}
.edit-group-form .brand-on-focus:focus::placeholder,
.edit-group-form .brand-on-focus input:focus::placeholder {
  color: #0085FF;
}
.manage-users .reports-bar-container h1,
.manage-positions .reports-bar-container h1,
.manage-locations .reports-bar-container h1,
.manage-groups .reports-bar-container h1,
.manage-tags .reports-bar-container h1 {
  font-weight: 700;
}
.manage-users .sticky-header-container .bar,
.manage-positions .sticky-header-container .bar,
.manage-locations .sticky-header-container .bar,
.manage-groups .sticky-header-container .bar,
.manage-tags .sticky-header-container .bar {
  height: 76px;
}
.feedback-description-field {
  margin: 20px 0;
}
.feedback-description-field textarea {
  min-height: 120px;
  margin: 0;
}
.feedback-action-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.org-invite-url-modal .invite-url-form-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.org-invite-url-modal .invite-url-form-container .invite-url-input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  cursor: auto;
  background-color: #FFFFFF;
}
.org-invite-url-modal .invite-url-form-container button {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin-left: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
.org-invite-url-modal .loader-container {
  text-align: center;
}
.campaign-modal .modal-dialog {
  min-width: 580px !important;
  width: 580px;
}
.campaign-modal .modal-content {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  border: 0;
  background: #0085FF url(/assets/images/santa-cf29e5.png) no-repeat;
  background-position: top right;
}
.campaign {
  height: 640px;
  color: white;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.campaign-close {
  opacity: 1;
  width: 36px;
  height: 36px;
  margin-left: auto;
}
.campaign h2 {
  font-size: 18px;
  color: white;
}
.campaign-header {
  margin-top: 75px;
}
.separation-block {
  width: 20px;
  height: 4px;
  background-color: white;
  margin: 20px 0;
}
.christmas-campaign-description {
  width: 430px;
  opacity: 0.8;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  color: white;
  margin-bottom: 40px;
}
.share-buttons campaign-share-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.share-button {
  width: 280px;
  height: 50px;
  border-radius: 3px;
  color: white;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@-moz-document url-prefix() {
  .share-button {
    display: block;
  }
}
.share-icon {
  width: 32px;
  height: 32px;
}
.share-label {
  display: inline-block;
  margin-left: 10px;
  letter-spacing: 0;
  margin-top: 1px;
}
.share-buttons .share-button {
  margin-bottom: 10px;
}
.share-email {
  background-color: #D24835;
}
.share-email:hover {
  background-color: #ad3727;
}
.share-facebook {
  background-color: #4963A4;
}
.share-facebook:hover {
  background-color: #394e81;
}
.share-twitter {
  background-color: #1DA0F0;
}
.share-twitter:hover {
  background-color: #0e84cc;
}
.campaign-ignore-link {
  color: white;
  text-decoration: underline;
  opacity: 0.8;
}
.campaign-ignore-link:hover {
  color: white;
  opacity: 1;
}
.reports-view,
.employees-view {
  padding-bottom: 100px;
}
.reports-view > .container,
.employees-view > .container {
  margin-bottom: 0;
}
.reports-view.reports-view-no-padding,
.employees-view.reports-view-no-padding {
  padding-bottom: 0;
}
.reports-view .reports-loader,
.employees-view .reports-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.reports-view h2,
.employees-view h2 {
  font-size: 18px;
}
.reports-view .reports-summary .reports-header-summary,
.employees-view .reports-summary .reports-header-summary {
  border: none;
  padding-left: 0;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.reports-view .reports-summary .reports-header-summary .small,
.employees-view .reports-summary .reports-header-summary .small {
  text-transform: uppercase;
}
.reports-view .summary-bar,
.employees-view .summary-bar {
  z-index: initial;
  height: 56px;
  padding-top: 0;
}
.reports-view .summary-bar .container,
.employees-view .summary-bar .container {
  margin-bottom: 0;
}
.reports-view .summary-bar + .summary-bar,
.employees-view .summary-bar + .summary-bar {
  border-top: 1px solid #DCDCDC;
}
.reports-view .filters-bar,
.employees-view .filters-bar {
  z-index: initial;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.reports-view .filters-bar span .progress-button-content,
.employees-view .filters-bar span .progress-button-content {
  padding-right: 20px;
}
.reports-view .filters-bar:not(.summary-bar),
.employees-view .filters-bar:not(.summary-bar) {
  margin-top: 10px;
}
.reports-view .filters-bar > :not(.timeclock-filter-bar-right),
.employees-view .filters-bar > :not(.timeclock-filter-bar-right) {
  width: 190px;
}
.reports-view .filters-bar > * + *,
.employees-view .filters-bar > * + * {
  margin-left: 10px;
  margin-right: 0;
}
.reports-view .filters-bar custom-select.with-margin,
.employees-view .filters-bar custom-select.with-margin {
  margin-left: 0;
  width: 100%;
}
.reports-view .filters-bar .multiselect-checkbox,
.employees-view .filters-bar .multiselect-checkbox {
  position: absolute;
  left: 30px;
  top: 28px;
  z-index: 2;
  width: auto;
  height: 18px;
}
.reports-view .filters-bar .multiselect-checkbox + custom-select,
.employees-view .filters-bar .multiselect-checkbox + custom-select {
  margin-left: 0;
  width: 70px;
}
.reports-view .manage-table tfoot,
.employees-view .manage-table tfoot {
  color: #5F7183;
}
.reports-view .manage-table tfoot strong,
.employees-view .manage-table tfoot strong {
  text-transform: uppercase;
  font-size: 11px;
}
.reports-view .manage-table tfoot tr,
.employees-view .manage-table tfoot tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.reports-view .manage-table tbody tr.deleted td:first-child > *,
.employees-view .manage-table tbody tr.deleted td:first-child > * {
  opacity: 0.5;
}
.reports-view .bar-container-sticky,
.employees-view .bar-container-sticky {
  margin-bottom: 20px;
  /* hack to overcome a bug in ngsticky.js */
  /* END hack to overcome a bug in ngsticky.js */
}
.reports-view .bar-container-sticky:not(.sticky-full-width),
.employees-view .bar-container-sticky:not(.sticky-full-width) {
  position: static !important;
}
.reports-view .bar-container-sticky:not(.sticky-full-width) + [style*="height"],
.employees-view .bar-container-sticky:not(.sticky-full-width) + [style*="height"] {
  display: none;
}
.reports-view .bar-container-sticky.sticky-full-width .full-width-border,
.employees-view .bar-container-sticky.sticky-full-width .full-width-border {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.reports-view .bar-container-sticky.sticky-full-width .filters-bar,
.employees-view .bar-container-sticky.sticky-full-width .filters-bar {
  padding-top: 20px;
}
.reports-view .bar-container,
.employees-view .bar-container {
  padding-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #DCDCDC;
}
.reports-view .nav-tabs,
.employees-view .nav-tabs {
  background: #f2f5f7;
}
.reports-view .reports-top-sticky-panel,
.employees-view .reports-top-sticky-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 116px;
  left: 0;
  right: 0;
  background: white;
  z-index: 1030;
}
.reports-view .reports-filters-bar,
.employees-view .reports-filters-bar {
  height: 0;
  overflow: hidden;
  border-bottom-width: 0;
}
.reports-view .reports-filters-bar > *,
.employees-view .reports-filters-bar > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  padding: 0;
}
.reports-view .reports-filters-bar > *.inline,
.employees-view .reports-filters-bar > *.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.reports-view .reports-filters-bar.open,
.employees-view .reports-filters-bar.open {
  height: 56px;
  overflow: visible;
  border-bottom-width: 1px;
}
.reports-view .reports-filters-bar.open-add,
.employees-view .reports-filters-bar.open-add,
.reports-view .reports-filters-bar.open-add-active,
.employees-view .reports-filters-bar.open-add-active,
.reports-view .reports-filters-bar.open-remove,
.employees-view .reports-filters-bar.open-remove,
.reports-view .reports-filters-bar.open-remove-active,
.employees-view .reports-filters-bar.open-remove-active {
  transition: all 0.3s ease;
  overflow: hidden;
}
.reports-view .sticky-summary-bar,
.employees-view .sticky-summary-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 172px;
  left: 0;
  right: 0;
  z-index: 1029;
  transition: all 0.3s ease;
  height: 0;
  overflow: hidden;
}
.reports-view .sticky-summary-bar.open,
.employees-view .sticky-summary-bar.open {
  overflow: visible;
  height: 56px;
}
.reports-view .sticky-summary-bar.open-add,
.employees-view .sticky-summary-bar.open-add,
.reports-view .sticky-summary-bar.open-add-active,
.employees-view .sticky-summary-bar.open-add-active,
.reports-view .sticky-summary-bar.open-remove,
.employees-view .sticky-summary-bar.open-remove,
.reports-view .sticky-summary-bar.open-remove-active,
.employees-view .sticky-summary-bar.open-remove-active {
  overflow: hidden;
}
.reports-view .sticky-summary-bar.open-add + *,
.employees-view .sticky-summary-bar.open-add + *,
.reports-view .sticky-summary-bar.open-add-active + *,
.employees-view .sticky-summary-bar.open-add-active + *,
.reports-view .sticky-summary-bar.open-remove + *,
.employees-view .sticky-summary-bar.open-remove + *,
.reports-view .sticky-summary-bar.open-remove-active + *,
.employees-view .sticky-summary-bar.open-remove-active + * {
  transition: padding 0.3s ease;
}
.reports-view .sticky-summary-bar.with-opened-filters,
.employees-view .sticky-summary-bar.with-opened-filters {
  top: 228px;
}
.reports-view .sticky-summary-bar.tz-discrepancy-bar-shown,
.employees-view .sticky-summary-bar.tz-discrepancy-bar-shown {
  top: 232px;
}
.reports-view .sticky-summary-bar.with-opened-filters.tz-discrepancy-bar-shown,
.employees-view .sticky-summary-bar.with-opened-filters.tz-discrepancy-bar-shown {
  top: 288px;
}
.reports-view .pad-with-filters,
.employees-view .pad-with-filters {
  transition: padding 0.3s ease;
}
.reports-view [draggable-columns],
.employees-view [draggable-columns] {
  margin-bottom: 20px;
}
.reports-view [draggable-columns] table,
.employees-view [draggable-columns] table {
  margin-bottom: 0;
}
.reports-header-summary {
  color: #97A2AE;
  padding: 13px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.reports-header-summary .labor-summary-section {
  padding: 0 25px;
  text-align: center;
  float: left;
}
.reports-header-summary .labor-summary-section .number-large {
  color: #5F7183;
}
.reports-header-summary .labor-summary-section .small {
  font-size: 0.9em;
}
.reports-header-summary .labor-summary-section img.inversed {
  transform: rotateZ(180deg);
}
.reports-header-summary .labor-summary-section.color-red .number-large {
  color: inherit;
}
.reports-header-summary .labor-summary-section.translate-tooltip .tooltip {
  transform: translateX(-20px);
}
.reports-header-summary .labor-summary-section-separator {
  height: 50px;
  background: rgba(0, 0, 0, 0.08);
  width: 1px;
  float: left;
}
.reports-header-summary .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}
.reports-header-summary.summary-loading .labor-summary-section {
  visibility: hidden;
}
.reports-content-container {
  position: relative;
  width: auto;
  max-width: none;
  padding-right: 10px;
}
.reports-content-container table.manage-table > thead > tr {
  border-top: none;
}
.container {
  padding-top: 0;
}
reports-table .manage-table th:first-child,
reports-table .manage-table td:first-child {
  width: 300px;
}
reports-table .manage-table th:first-child .center-vertically :first-child,
reports-table .manage-table td:first-child .center-vertically :first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reports-content-container table > tbody td:first-child .center-vertically {
  padding-top: 4px;
}
.reports-content-container table > tfoot td {
  padding: 8px 10px;
}
.payroll-table td {
  vertical-align: middle !important;
}
.payroll-table tfoot td:not(:first-child) {
  border-top: none !important;
}
.payroll-table tbody td:not(:first-child) {
  padding-top: 12px;
}
.payroll-table tbody td:not(:first-child) > div + div {
  margin-top: 5px;
}
.payroll-table linked-positions [ng-repeat],
.timesheets-table linked-positions [ng-repeat],
.payroll-table linked-locations [ng-repeat],
.timesheets-table linked-locations [ng-repeat] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sales-table tr {
  position: relative;
}
.sales-table tr td:first-child,
.sales-table tr th:first-child {
  padding-left: 20px;
}
.sales-table tr.manually-updated::before {
  background-color: #7A6DC9;
  bottom: 0;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  width: 6px;
  z-index: 2;
}
.sales-table .sales-edit-table-column {
  width: 260px;
}
.sales-table .sales-edit-table-column.half-size {
  width: 40%;
}
.sales-table .sales-edit .sales-label-container .edit-icon {
  margin-top: 3px;
}
.sales-table .sales-edit .sales-label-container:not(.inactive) {
  border: none;
  padding: 3px 5px;
}
.sales-table .sales-edit .sales-edit-container .sale-input-group {
  width: 100%;
}
.sales-table .sales-edit .sales-edit-container > .save-button,
.sales-table .sales-edit .sales-edit-container > .cancel-button {
  margin-left: 2px;
  width: 26px;
  height: 26px;
}
.premium-feature-preview-reports .premium-feature-preview-banner-container {
  background-color: #F2F5F7;
}
.premium-feature-preview-reports .preview-banner {
  background: url(/assets/images/premium-locked-screen/reports/header-084a15.png) no-repeat;
  background-size: contain;
  background-position: right top;
}
th.table-configure {
  width: 38px;
  padding: 0 !important;
  position: absolute;
  right: 0;
  background: #EAEEF2;
}
th.table-configure [uib-dropdown-toggle] {
  width: 38px;
  height: 38px;
  border-top: none;
  border-radius: 0;
}
th.report-data-column {
  min-width: 100px;
}
.configure-table-columns-dropdown {
  padding: 0;
  border: none;
  border-radius: 4px;
  text-transform: none;
  z-index: 1029;
}
reports-table,
payroll-table-grouped,
no-show-table,
sales-table,
shift-feedback-table,
timesheets-table {
  display: block;
  white-space: nowrap;
}
reports-table .horizontal-scroll,
payroll-table-grouped .horizontal-scroll,
no-show-table .horizontal-scroll,
sales-table .horizontal-scroll,
shift-feedback-table .horizontal-scroll,
timesheets-table .horizontal-scroll {
  width: 100%;
  overflow-x: auto;
}
reports-table table.table,
payroll-table-grouped table.table,
no-show-table table.table,
sales-table table.table,
shift-feedback-table table.table,
timesheets-table table.table {
  max-width: none;
  width: auto;
  min-width: 100%;
}
reports-table .report-multiline-cell,
payroll-table-grouped .report-multiline-cell,
no-show-table .report-multiline-cell,
sales-table .report-multiline-cell,
shift-feedback-table .report-multiline-cell,
timesheets-table .report-multiline-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}
reports-table .shift-feedback-comment-column,
payroll-table-grouped .shift-feedback-comment-column,
no-show-table .shift-feedback-comment-column,
sales-table .shift-feedback-comment-column,
shift-feedback-table .shift-feedback-comment-column,
timesheets-table .shift-feedback-comment-column {
  max-width: 200px;
}
reports-table .shift-feedback-comment-column span,
payroll-table-grouped .shift-feedback-comment-column span,
no-show-table .shift-feedback-comment-column span,
sales-table .shift-feedback-comment-column span,
shift-feedback-table .shift-feedback-comment-column span,
timesheets-table .shift-feedback-comment-column span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
body:not(.print-body) timesheets-table table.table th:first-child,
body:not(.print-body) reports-table table.table th:first-child,
body:not(.print-body) no-show-table table.table th:first-child,
body:not(.print-body) shift-feedback-table table.table th:first-child,
body:not(.print-body) sales-table table.table th:first-child,
body:not(.print-body) payroll-table-grouped table.table th:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
body:not(.print-body) timesheets-table table.table th:first-child.inline,
body:not(.print-body) reports-table table.table th:first-child.inline,
body:not(.print-body) no-show-table table.table th:first-child.inline,
body:not(.print-body) shift-feedback-table table.table th:first-child.inline,
body:not(.print-body) sales-table table.table th:first-child.inline,
body:not(.print-body) payroll-table-grouped table.table th:first-child.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
body:not(.print-body) timesheets-table table.table tr:hover avatar > *,
body:not(.print-body) reports-table table.table tr:hover avatar > *,
body:not(.print-body) no-show-table table.table tr:hover avatar > *,
body:not(.print-body) shift-feedback-table table.table tr:hover avatar > *,
body:not(.print-body) sales-table table.table tr:hover avatar > *,
body:not(.print-body) payroll-table-grouped table.table tr:hover avatar > *,
body:not(.print-body) timesheets-table table.table tr.selected avatar > *,
body:not(.print-body) reports-table table.table tr.selected avatar > *,
body:not(.print-body) no-show-table table.table tr.selected avatar > *,
body:not(.print-body) shift-feedback-table table.table tr.selected avatar > *,
body:not(.print-body) sales-table table.table tr.selected avatar > *,
body:not(.print-body) payroll-table-grouped table.table tr.selected avatar > * {
  box-shadow: none;
}
body:not(.print-body) timesheets-table table.table tr.selected th:first-child,
body:not(.print-body) reports-table table.table tr.selected th:first-child,
body:not(.print-body) no-show-table table.table tr.selected th:first-child,
body:not(.print-body) shift-feedback-table table.table tr.selected th:first-child,
body:not(.print-body) sales-table table.table tr.selected th:first-child,
body:not(.print-body) payroll-table-grouped table.table tr.selected th:first-child,
body:not(.print-body) timesheets-table table.table tr.selected td:first-child,
body:not(.print-body) reports-table table.table tr.selected td:first-child,
body:not(.print-body) no-show-table table.table tr.selected td:first-child,
body:not(.print-body) shift-feedback-table table.table tr.selected td:first-child,
body:not(.print-body) sales-table table.table tr.selected td:first-child,
body:not(.print-body) payroll-table-grouped table.table tr.selected td:first-child {
  background-color: #EAEEF2;
}
body:not(.print-body) timesheets-table table.table th:first-child,
body:not(.print-body) reports-table table.table th:first-child,
body:not(.print-body) no-show-table table.table th:first-child,
body:not(.print-body) shift-feedback-table table.table th:first-child,
body:not(.print-body) sales-table table.table th:first-child,
body:not(.print-body) payroll-table-grouped table.table th:first-child,
body:not(.print-body) timesheets-table table.table td:first-child,
body:not(.print-body) reports-table table.table td:first-child,
body:not(.print-body) no-show-table table.table td:first-child,
body:not(.print-body) shift-feedback-table table.table td:first-child,
body:not(.print-body) sales-table table.table td:first-child,
body:not(.print-body) payroll-table-grouped table.table td:first-child {
  position: absolute !important;
  left: 0;
  width: 300px;
  margin-top: -1px;
  z-index: 1;
  pointer-events: none;
  background-color: #f2f5f7;
}
body:not(.print-body) timesheets-table table.table th:first-child > *,
body:not(.print-body) reports-table table.table th:first-child > *,
body:not(.print-body) no-show-table table.table th:first-child > *,
body:not(.print-body) shift-feedback-table table.table th:first-child > *,
body:not(.print-body) sales-table table.table th:first-child > *,
body:not(.print-body) payroll-table-grouped table.table th:first-child > *,
body:not(.print-body) timesheets-table table.table td:first-child > *,
body:not(.print-body) reports-table table.table td:first-child > *,
body:not(.print-body) no-show-table table.table td:first-child > *,
body:not(.print-body) shift-feedback-table table.table td:first-child > *,
body:not(.print-body) sales-table table.table td:first-child > *,
body:not(.print-body) payroll-table-grouped table.table td:first-child > * {
  max-width: 100%;
}
body:not(.print-body) timesheets-table table.table th:first-child:after,
body:not(.print-body) reports-table table.table th:first-child:after,
body:not(.print-body) no-show-table table.table th:first-child:after,
body:not(.print-body) shift-feedback-table table.table th:first-child:after,
body:not(.print-body) sales-table table.table th:first-child:after,
body:not(.print-body) payroll-table-grouped table.table th:first-child:after,
body:not(.print-body) timesheets-table table.table td:first-child:after,
body:not(.print-body) reports-table table.table td:first-child:after,
body:not(.print-body) no-show-table table.table td:first-child:after,
body:not(.print-body) shift-feedback-table table.table td:first-child:after,
body:not(.print-body) sales-table table.table td:first-child:after,
body:not(.print-body) payroll-table-grouped table.table td:first-child:after {
  content: '';
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  right: 0;
  top: -1px;
  bottom: -1px;
  width: 10px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
}
body:not(.print-body) timesheets-table table.table th:first-child > *,
body:not(.print-body) reports-table table.table th:first-child > *,
body:not(.print-body) no-show-table table.table th:first-child > *,
body:not(.print-body) shift-feedback-table table.table th:first-child > *,
body:not(.print-body) sales-table table.table th:first-child > *,
body:not(.print-body) payroll-table-grouped table.table th:first-child > *,
body:not(.print-body) timesheets-table table.table td:first-child > *,
body:not(.print-body) reports-table table.table td:first-child > *,
body:not(.print-body) no-show-table table.table td:first-child > *,
body:not(.print-body) shift-feedback-table table.table td:first-child > *,
body:not(.print-body) sales-table table.table td:first-child > *,
body:not(.print-body) payroll-table-grouped table.table td:first-child > * {
  pointer-events: all;
}
body:not(.print-body) timesheets-table table.table th:first-child + th,
body:not(.print-body) reports-table table.table th:first-child + th,
body:not(.print-body) no-show-table table.table th:first-child + th,
body:not(.print-body) shift-feedback-table table.table th:first-child + th,
body:not(.print-body) sales-table table.table th:first-child + th,
body:not(.print-body) payroll-table-grouped table.table th:first-child + th,
body:not(.print-body) timesheets-table table.table td:first-child + th,
body:not(.print-body) reports-table table.table td:first-child + th,
body:not(.print-body) no-show-table table.table td:first-child + th,
body:not(.print-body) shift-feedback-table table.table td:first-child + th,
body:not(.print-body) sales-table table.table td:first-child + th,
body:not(.print-body) payroll-table-grouped table.table td:first-child + th,
body:not(.print-body) timesheets-table table.table th:first-child + td,
body:not(.print-body) reports-table table.table th:first-child + td,
body:not(.print-body) no-show-table table.table th:first-child + td,
body:not(.print-body) shift-feedback-table table.table th:first-child + td,
body:not(.print-body) sales-table table.table th:first-child + td,
body:not(.print-body) payroll-table-grouped table.table th:first-child + td,
body:not(.print-body) timesheets-table table.table td:first-child + td,
body:not(.print-body) reports-table table.table td:first-child + td,
body:not(.print-body) no-show-table table.table td:first-child + td,
body:not(.print-body) shift-feedback-table table.table td:first-child + td,
body:not(.print-body) sales-table table.table td:first-child + td,
body:not(.print-body) payroll-table-grouped table.table td:first-child + td {
  width: 300px;
  min-width: 300px;
}
body:not(.print-body) timesheets-table table.table th:first-child:after,
body:not(.print-body) reports-table table.table th:first-child:after,
body:not(.print-body) no-show-table table.table th:first-child:after,
body:not(.print-body) shift-feedback-table table.table th:first-child:after,
body:not(.print-body) sales-table table.table th:first-child:after,
body:not(.print-body) payroll-table-grouped table.table th:first-child:after {
  bottom: -2px;
}
body:not(.print-body) timesheets-table table.table tr:nth-child(n+3) > td:first-child,
body:not(.print-body) reports-table table.table tr:nth-child(n+3) > td:first-child,
body:not(.print-body) no-show-table table.table tr:nth-child(n+3) > td:first-child,
body:not(.print-body) shift-feedback-table table.table tr:nth-child(n+3) > td:first-child,
body:not(.print-body) sales-table table.table tr:nth-child(n+3) > td:first-child,
body:not(.print-body) payroll-table-grouped table.table tr:nth-child(n+3) > td:first-child {
  margin-top: -1px;
}
body:not(.print-body) timesheets-table table.table tbody tr:hover > :first-child,
body:not(.print-body) reports-table table.table tbody tr:hover > :first-child,
body:not(.print-body) no-show-table table.table tbody tr:hover > :first-child,
body:not(.print-body) shift-feedback-table table.table tbody tr:hover > :first-child,
body:not(.print-body) sales-table table.table tbody tr:hover > :first-child,
body:not(.print-body) payroll-table-grouped table.table tbody tr:hover > :first-child {
  background-color: #EAEEF2;
}
body:not(.print-body) timesheets-table table.table thead tr > :first-child,
body:not(.print-body) reports-table table.table thead tr > :first-child,
body:not(.print-body) no-show-table table.table thead tr > :first-child,
body:not(.print-body) shift-feedback-table table.table thead tr > :first-child,
body:not(.print-body) sales-table table.table thead tr > :first-child,
body:not(.print-body) payroll-table-grouped table.table thead tr > :first-child,
body:not(.print-body) timesheets-table table.table tfoot tr > :first-child,
body:not(.print-body) reports-table table.table tfoot tr > :first-child,
body:not(.print-body) no-show-table table.table tfoot tr > :first-child,
body:not(.print-body) shift-feedback-table table.table tfoot tr > :first-child,
body:not(.print-body) sales-table table.table tfoot tr > :first-child,
body:not(.print-body) payroll-table-grouped table.table tfoot tr > :first-child {
  border-left: 1px solid #d7d7d7;
  background: #EAEEF2;
  height: 37px;
}
body:not(.print-body) timesheets-table table.table thead tr > :last-child,
body:not(.print-body) reports-table table.table thead tr > :last-child,
body:not(.print-body) no-show-table table.table thead tr > :last-child,
body:not(.print-body) shift-feedback-table table.table thead tr > :last-child,
body:not(.print-body) sales-table table.table thead tr > :last-child,
body:not(.print-body) payroll-table-grouped table.table thead tr > :last-child,
body:not(.print-body) timesheets-table table.table tfoot tr > :last-child,
body:not(.print-body) reports-table table.table tfoot tr > :last-child,
body:not(.print-body) no-show-table table.table tfoot tr > :last-child,
body:not(.print-body) shift-feedback-table table.table tfoot tr > :last-child,
body:not(.print-body) sales-table table.table tfoot tr > :last-child,
body:not(.print-body) payroll-table-grouped table.table tfoot tr > :last-child {
  border-right: 1px solid #d7d7d7;
}
body:not(.print-body) timesheets-table table.table.is-scrolled th:first-child:after,
body:not(.print-body) reports-table table.table.is-scrolled th:first-child:after,
body:not(.print-body) no-show-table table.table.is-scrolled th:first-child:after,
body:not(.print-body) shift-feedback-table table.table.is-scrolled th:first-child:after,
body:not(.print-body) sales-table table.table.is-scrolled th:first-child:after,
body:not(.print-body) payroll-table-grouped table.table.is-scrolled th:first-child:after,
body:not(.print-body) timesheets-table table.table.is-scrolled td:first-child:after,
body:not(.print-body) reports-table table.table.is-scrolled td:first-child:after,
body:not(.print-body) no-show-table table.table.is-scrolled td:first-child:after,
body:not(.print-body) shift-feedback-table table.table.is-scrolled td:first-child:after,
body:not(.print-body) sales-table table.table.is-scrolled td:first-child:after,
body:not(.print-body) payroll-table-grouped table.table.is-scrolled td:first-child:after {
  opacity: 1;
}
timesheets-table thead tr > :first-child,
timesheets-table tfoot tr > :first-child {
  border-left: 1px solid #d7d7d7;
}
timesheets-table thead tr > :last-child,
timesheets-table tfoot tr > :last-child {
  border-right: 1px solid #d7d7d7;
}
table.payroll-table-iceland.payroll-table tbody td {
  vertical-align: middle !important;
  padding-top: 8px;
}
.reports-group-header *,
.reports-group-header > td {
  background: #EAEEF2 !important;
}
.reports-group-header .reports-group-header-title {
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 10px;
}
.reports-group-header .reports-group-header-title img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: -7px;
  transition: transform 0.3s;
  transform: rotate(180deg);
}
.reports-group-header .reports-group-header-title img.collapsed {
  transform: rotate(0deg);
}
.reports-group-header h2 {
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  color: #738190;
  min-height: 0;
  margin: 0;
}
.reports-group-header > td {
  height: 40px !important;
}
.reports-group-header > tr {
  background-color: #EAEEF2;
}
.reports-filter-bar-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.reports-bar-container {
  background: white;
}
.reports-bar-container .bar {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  background: none;
  box-shadow: none;
  height: 55px;
  max-width: none;
  width: auto;
}
.summary-full-bar {
  background: #EAEEF2;
  padding-top: 20px;
  box-shadow: none;
  z-index: -1;
}
.summary-full-bar .bar {
  background: none;
}
.summary-full-bar .container {
  max-width: none;
  width: auto;
  min-width: 100%;
}
.subnav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  display: block;
  z-index: 1031;
}
.tz-discrepancy-bar-shown .subnav-sticky {
  top: 120px;
}
.tz-discrepancy-bar-shown .reports-view .reports-top-sticky-panel,
.tz-discrepancy-bar-shown .employees-view .reports-top-sticky-panel {
  top: 176px;
}
timesheets-table table.table tbody tr:not(.reports-group-header) td:first-child .center-vertically {
  padding-top: 0;
}
body:not(.print-body) timesheets-table table.table tbody tr:not(.reports-group-header) td:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
timesheets-table th.report-data-column {
  white-space: normal;
}
timesheets-table table.manage-table > thead > tr > th,
body:not(.print-body) timesheets-table table.table thead tr > :first-child {
  height: 53px;
}
configure-table-columns {
  display: block;
  padding: 10px;
  max-height: 470px;
  overflow: auto;
}
configure-table-columns .configure-columns-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
configure-table-columns .configure-columns-container .column-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-direction: column;
      flex-direction: column;
}
configure-table-columns checkbox {
  width: 100%;
  margin: 0 !important;
}
configure-table-columns checkbox label {
  box-sizing: content-box;
  padding: 10px;
  display: block;
  background: white;
  color: #6B7784;
}
configure-table-columns checkbox label:hover {
  background: rgba(0, 128, 255, 0.08);
}
configure-table-columns checkbox label:hover input[type="checkbox"] ~ span {
  color: #0085FF !important;
}
configure-table-columns checkbox label input[type="checkbox"]:checked + span {
  background-color: #0085FF !important;
}
configure-table-columns checkbox label span:first-of-type {
  left: 10px !important;
  top: 10px !important;
}
configure-table-columns checkbox [ng-transclude] {
  font-size: 13px;
}
configure-table-columns checkbox.inactive {
  opacity: 0.3;
}
chart {
  display: block;
  min-height: 60px;
  position: relative;
}
chart .gray-bg {
  background: #EAEEF2;
  border: 1px solid #d7d7d7;
}
chart .legend {
  position: absolute;
  right: 20px;
  top: 20px;
  white-space: nowrap;
}
chart .legend > * {
  display: inline-block;
}
chart .legend-item {
  font-size: 10px;
  line-height: 2;
}
chart .legend-label {
  position: relative;
  top: -6px;
  display: inline-block;
}
chart .legend-item + .legend-item {
  margin-left: 24px;
}
chart .legend-color {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
}
chart .series {
  padding-top: 75px;
  height: 260px;
  margin: 0 auto;
  white-space: nowrap;
}
chart .series-group {
  padding: 0 20px;
  display: inline-block;
  position: relative;
  height: 100%;
  white-space: nowrap;
}
chart .series-entry {
  padding: 0 10px;
  display: inline-block;
  height: 100%;
  position: relative;
}
chart .series-column {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  min-height: 1px;
  border-radius: 2px 2px 0 0;
}
chart .series-label {
  color: #738190;
  font-size: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  border-radius: 2px;
  padding: 0 2px;
}
chart .group-labels {
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
chart .group-label {
  position: absolute;
  bottom: -29px;
  left: 50%;
  transform: translateX(-50%);
  color: #97A2AE;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}
chart .legend-color.color-green,
chart .series-column.color-green {
  background-color: #00C49E;
}
chart .legend-color.color-blue,
chart .series-column.color-blue {
  background-color: #0085FF;
}
chart .legend-color.color-red,
chart .series-column.color-red {
  background-color: #F76B6A;
}
chart .legend-label.color-green {
  color: #00C49E;
}
chart .legend-label.color-blue {
  color: #0085FF;
}
chart .legend-label.color-red {
  color: #F76B6A;
}
chart[compact] .series-group {
  padding: 0 10px;
}
chart[compact] .series-entry {
  padding: 0 5px;
}
chart[compact] .series-column {
  left: 5px;
  right: 5px;
}
.labor-cost-settings .container.manage-locations,
.labor-cost-settings .container.manage-positions {
  padding-top: 0;
}
.labor-cost-settings .manage-table {
  margin-top: 0;
}
.labor-cost-no-access {
  margin-top: 100px;
}
.labor-cost-no-access-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
  margin: 50px 0 20px;
  font-size: 22px;
  font-weight: 400;
}
.list-group-visibility-button {
  font-size: 11px;
  color: #0085FF !important;
}
custom-select.form-control {
  padding: 0;
}
custom-select.form-control .custom-select-toggle {
  padding: 7px 12px;
  width: 100%;
}
custom-select.form-control .placeholder {
  opacity: 1;
  color: #97A2AE;
}
custom-select.custom-select-label-centered .custom-select-toggle {
  -ms-flex-pack: center;
      justify-content: center;
}
custom-select.fixed-width .custom-select-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
custom-select:not(.form-control) .custom-select {
  font-size: 12px;
  font-weight: 600;
}
custom-select:not(.form-control) .custom-select-toggle {
  color: #97A2AE;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  opacity: 1;
  transition: background 0.25s ease;
  letter-spacing: 0.5px;
  height: 36px;
}
custom-select:not(.form-control) .custom-select-toggle.btn-icon:not(.opacity-1) img {
  opacity: 0.65;
}
custom-select:not(.form-control) .custom-select-toggle.btn-icon:not(.opacity-1):hover img {
  opacity: 1;
}
custom-select:not(.form-control) .custom-select-toggle:not([disabled]):not(.disabled):hover {
  color: #97A2AE;
  background-color: rgba(0, 128, 255, 0.08);
}
custom-select:not(.form-control) .custom-select-toggle.btn-icon:not(.opacity-1) img {
  opacity: 0.65;
}
custom-select:not(.form-control) .custom-select-toggle.btn-icon:not(.opacity-1):hover img {
  opacity: 1;
}
custom-select:not(.form-control) .custom-select-toggle:not([disabled]):not(.disabled):hover {
  color: #97A2AE;
  background-color: rgba(0, 128, 255, 0.08);
}
custom-select:not(.form-control) .custom-select-label:not(.font-no-uppercase) {
  color: #5F7183;
  font-weight: 600;
}
custom-select:not(.form-control) .custom-select-label.filter-active {
  color: #0085FF;
}
custom-select:not(.form-control) .custom-select-label.filter-active path:nth-child(2),
custom-select:not(.form-control) .custom-select-label.filter-active g[fill^="#"] path {
  fill: #0085FF;
  stroke: #0085FF;
}
.custom-select {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.custom-select .prefix {
  color: #97A2AE;
  padding-right: 10px;
  font-weight: 600;
}
.custom-select .custom-select-toggle {
  width: 100%;
  padding: 0 30px 0 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  background-position: 100% 50%;
  height: 34px;
}
.custom-select .custom-select-toggle custom-toggle {
  display: -ms-flexbox;
  display: flex;
}
.custom-select .custom-select-toggle > div {
  -ms-flex-item-align: center;
      align-self: center;
}
.custom-select .custom-select-toggle:not([disabled]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
.custom-select .custom-select-toggle:not([disabled]):hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
.custom-select .custom-select-toggle.custom-toggle-only {
  padding: 0;
}
.custom-select .custom-select-toggle.custom-toggle-only,
.custom-select .custom-select-toggle.custom-toggle-only:hover:not([disabled]) {
  background-image: none !important;
}
.custom-select .custom-select-dropdown {
  width: 100%;
  z-index: 1028;
  margin-top: 1px;
}
.custom-select .z-index-1 {
  z-index: 1;
}
.custom-select .placeholder {
  opacity: 0.5;
}
.dropdown-filter-container .custom-select .custom-select-dropdown {
  width: auto;
}
.custom-select-selected {
  color: #0085FF !important;
}
.submenu-li {
  position: relative;
}
.submenu-li:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.08);
}
.select-clear-option {
  opacity: 0.5;
}
body > .custom-select-dropdown {
  z-index: 9000;
}
unavailability-preview .preview-banner .image-fallback {
  width: 470px;
  margin-right: 0;
}
.availability-sets manage-availability {
  display: block;
}
.availability-sets:not(:first-child) manage-availability {
  padding-top: 30px;
}
.availability-container {
  position: relative;
  color: #5F7183;
}
.availability-container h3 {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.availability-container h4 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
}
.availability-container .availability-header {
  z-index: 3;
  transition: box-shadow 0.3s ease;
}
.availability-container .availability-header.flat {
  box-shadow: none;
}
.availability-container .availability-header .space-equally {
  -ms-flex: 1;
      flex: 1;
}
.availability-container .availability-header .availability-name-form {
  -ms-flex: 3;
      flex: 3;
}
.availability-container .availability-header .spacer {
  -ms-flex: 2;
      flex: 2;
}
.availability-container .availability-header .availability-name {
  -ms-flex: 5;
      flex: 5;
  font-size: 18px;
  font-weight: 600;
}
.availability-container .availability-header .input-with-label-label,
.availability-container .availability-header custom-select .prefix {
  color: #97A2AE;
  -webkit-text-fill-color: #97A2AE;
  font-weight: 600;
  font-size: 12px;
}
.availability-container .availability-header .button-as-link.disabled {
  color: #d8d8d8;
}
.availability-container .availability-header .button-as-link.disabled:hover {
  background-color: #FFFFFF;
}
.availability-container .manage-availability-tip {
  height: 48px;
  color: #97A2AE;
  font-weight: 400;
}
.availability-container .availability-icon {
  width: 32px;
  margin-right: 10px;
}
.availability-container .availability-hours {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 10px 0 10px 140px;
  border-bottom: 1px solid #d7d7d7;
  text-align: right;
  color: #a4a4a4;
  font-size: 12px;
}
.availability-container .availability-hour {
  min-width: 24px;
  text-align: center;
}
.availability-container .availability-weekday {
  padding: 13px 0;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}
.availability-container .availability-weekday > span {
  display: inline-block;
  width: 70px;
  margin-right: 10px;
}
.availability-container .availability-weekday small.active {
  color: #0085FF;
}
.availability-container .availability-slots-container {
  position: absolute;
  left: 150px;
  right: 10px;
  top: 0;
  bottom: 0;
}
.availability-container .availability-slots-container:hover .manage-availability-tip {
  display: none;
}
.availability-container .availability-slot,
.availability-container .availability-new-slot {
  position: absolute;
  top: 5px;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
}
.availability-container .availability-slot {
  background-color: #d8d8d8;
  color: #6D8092;
  font-weight: bold;
  padding: 0 8px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  font-size: 12px;
  line-height: 15px;
}
.availability-container .availability-slot img {
  position: absolute;
  background-color: #d8d8d8;
  top: 0;
  right: 0;
  padding: 1px 0;
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.availability-container .availability-slot img:not(:hover) {
  opacity: 0.65;
}
.availability-container .availability-slot.editable {
  border-left: 2px solid #97A2AE;
  border-right: 2px solid #97A2AE;
}
.availability-container .availability-slot.editable .ellipsis {
  margin-right: 24px;
}
.availability-container .availability-slot.pending:not(.editable) {
  background-color: rgba(253, 190, 103, 0.2);
  border: 2px dashed #FDB34D;
}
.availability-container .availability-slot.pending img {
  background-color: transparent;
}
.availability-container .availability-slot.pending-edit.editable {
  background-color: rgba(253, 190, 103, 0.2);
  border: 2px dashed #FDB34D;
  border-left: 2px solid #FDB34D;
  border-right: 2px solid #FDB34D;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.availability-container .availability-slot .ellipsis + .ellipsis {
  font-weight: 400;
}
.availability-container .availability-new-slot {
  border: 2px solid #d7d7d7;
  text-align: center;
  cursor: pointer;
  color: #d7d7d7;
  font-size: 24px;
  line-height: 30px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.availability-container .availability-new-slot:hover {
  opacity: 1;
}
.availability-container .all-day-toggle {
  font-style: italic;
  font-size: 12px;
  cursor: pointer;
  color: #a4a4a4;
}
.availability-container .all-day-toggle:hover {
  color: #0085FF;
}
.availability-container .form-control[disabled] {
  border-color: rgba(0, 0, 0, 0.08);
}
.availability-container .availability-datepicker .form-control {
  color: #646464;
  position: relative;
  background-position: 100% 50%;
}
.availability-container .availability-datepicker .form-control:not([disabled]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
.availability-container .availability-datepicker .form-control:not([disabled]):hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
.availability-container .availability-datepicker .form-control + ul.dropdown-menu {
  /* overrride bootstrap's positioning - open to the top */
  top: auto !important;
  left: auto !important;
  bottom: 50px;
  right: 0;
}
.animations-enabled .animate-availability-sets.ng-enter,
.animations-enabled .animate-availability-sets.ng-leave {
  overflow: hidden;
  transition: height 0.5s;
}
.animations-enabled .animate-availability-sets.ng-enter {
  height: 0;
  transition-timing-function: ease-in;
}
.animations-enabled .animate-availability-sets.ng-enter-active {
  height: 478px;
}
.animations-enabled .animate-availability-sets.ng-leave {
  height: 478px;
  transition-timing-function: ease-out;
}
.animations-enabled .animate-availability-sets.ng-leave-active {
  height: 0;
}
.pending-badge {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  background-color: #FDB34D;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  padding: 0px 8px 1px 8px;
}
.pending-badge.cancelled {
  background-color: #E96873;
}
.unavailability-action-button {
  width: 150px;
  margin-left: 10px;
  border-color: rgba(0, 0, 0, 0.08) !important;
  font-weight: 600 !important;
}
.unavailability-context-menu {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.unavailability-context-menu.editing {
  border-color: #d8d8d8 !important;
}
.unavailability-name {
  font-weight: 600;
  border-color: #d8d8d8;
}
.unavailability-name::-moz-placeholder {
  opacity: 0.65;
}
.unavailability-name:-ms-input-placeholder {
  opacity: 0.65;
}
.unavailability-name::placeholder {
  opacity: 0.65;
}
.single-unavailability-form.ng-dirty .unavailability-name:not(.ng-valid) {
  border-color: #E96873 !important;
}
date-range-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
date-range-selector .btn-group .btn + .btn {
  margin-left: -1px;
}
date-range-selector .date-range-custom-picker .nav-datepicker.first + [uib-datepicker-popup-wrap] datepicker-addon {
  visibility: hidden;
}
date-range-selector .date-range-custom-picker .nav-datepicker.second + [uib-datepicker-popup-wrap] > ul {
  transform: translateX(100%);
}
date-range-selector .date-range-custom-picker .nav-datepicker.second + [uib-datepicker-popup-wrap] > ul > li:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  left: -15px;
  background: white;
}
date-range-selector .date-range-custom-picker .nav-datepicker.second + [uib-datepicker-popup-wrap] datepicker-addon > div {
  text-align: right;
}
date-range-selector .date-range-custom-picker [uib-datepicker-popup-wrap] table tbody tr td button[disabled] {
  color: initial;
  background-color: transparent;
  border-color: transparent;
}
date-range-selector .date-range-custom-picker [uib-datepicker-popup-wrap] > ul {
  height: 315px;
}
date-range-selector .date-range-custom-picker table.uib-monthpicker {
  height: 230px;
}
date-range-selector.today-narrow .date-buttons .btn {
  width: auto;
}
.date-range-custom-selector-actions {
  width: 300px;
  margin-left: -65px;
  position: relative;
  z-index: 10;
}
.date-range-selector-date-picker .header-button {
  height: 36px;
  letter-spacing: 0.5px;
  padding: 0;
}
.date-range-selector-date-picker .header-button.click-for-datepicker {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #0085FF;
  padding: 0 40px 0 10px;
  font-weight: 600;
  font-size: 20px;
  border: none;
}
.date-range-selector-date-picker .nav-datepicker + [uib-datepicker-popup-wrap] .uib-datepicker-popup {
  margin-top: 36px;
}
currency-selector .empty-currencies-placeholder {
  text-align: center;
  cursor: default;
  padding-bottom: 5px;
}
currency-selector .spinner > div {
  width: 11px;
  height: 11px;
}
currency-selector .dropdown-menu {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
  margin-top: 0;
}
export-button form {
  display: inherit;
}
.export-button {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
.export-button .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #97A2AE;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.export-button:hover .inner {
  color: #738190;
}
a.dropdown-import-button,
a.dropdown-export-button {
  padding: 0 !important;
}
a.dropdown-import-button export-button,
a.dropdown-export-button export-button {
  display: block;
}
a.dropdown-import-button .import-span,
a.dropdown-export-button .import-span,
a.dropdown-import-button .export-span,
a.dropdown-export-button .export-span {
  display: block;
  padding: 6px 10px;
}
.manage-menu {
  height: 100px;
  margin: 20px auto;
  padding: 0;
  width: 1200px;
}
.manage-menu > div {
  margin: 0 -5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.manage-menu a {
  width: 100%;
  height: 100px;
  margin: 0 5px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  color: #97A2AE;
  border-radius: 4px;
  background: #FFF;
  padding-top: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.25s ease-in-out;
}
.manage-menu a .icon {
  height: 48px;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0.25;
  margin-bottom: 8px;
}
.manage-menu a.active,
.manage-menu a:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
  color: #0085FF;
}
.manage-menu a.active .icon,
.manage-menu a:hover .icon {
  opacity: 1;
}
.manage-menu a.admin-dashboard .icon {
  background-image: url(/assets/svg/Icons/48/dashboard-gray-7baeb7.svg);
}
.manage-menu a.admin-dashboard.active .icon,
.manage-menu a.admin-dashboard:hover .icon {
  background-image: url(/assets/svg/Icons/48/dashboard-blue-57dbc9.svg);
}
.manage-menu a.admin-users .icon {
  background-image: url(/assets/svg/Icons/48/user-gray-9268a1.svg);
}
.manage-menu a.admin-users.active .icon,
.manage-menu a.admin-users:hover .icon {
  background-image: url(/assets/svg/Icons/48/user-blue-ae774a.svg);
}
.manage-menu a.admin-reports .icon {
  background-image: url(/assets/svg/Icons/48/reports-gray-22d06a.svg);
}
.manage-menu a.admin-reports.active .icon,
.manage-menu a.admin-reports:hover .icon {
  background-image: url(/assets/svg/Icons/48/reports-blue-7a18e8.svg);
}
.manage-menu a.admin-groups .icon {
  background-image: url(/assets/svg/Icons/48/groups-gray-fcbcd3.svg);
}
.manage-menu a.admin-groups.active .icon,
.manage-menu a.admin-groups:hover .icon {
  background-image: url(/assets/svg/Icons/48/groups-blue-f8cce5.svg);
}
.manage-menu a.admin-positions .icon {
  background-image: url(/assets/svg/Icons/48/position-gray-7e0ac9.svg);
}
.manage-menu a.admin-positions.active .icon,
.manage-menu a.admin-positions:hover .icon {
  background-image: url(/assets/svg/Icons/48/position-blue-595fc7.svg);
}
.manage-menu a.admin-locations .icon {
  background-image: url(/assets/svg/Icons/48/location-gray-b69f21.svg);
}
.manage-menu a.admin-locations.active .icon,
.manage-menu a.admin-locations:hover .icon {
  background-image: url(/assets/svg/Icons/48/location-blue-6de2ea.svg);
}
.manage-menu a.admin-tags .icon {
  background-image: url(/assets/svg/Icons/48/tag-gray-dc5b01.svg);
}
.manage-menu a.admin-tags.active .icon,
.manage-menu a.admin-tags:hover .icon {
  background-image: url(/assets/svg/Icons/48/tag-blue-9424c3.svg);
}
.manage-menu a.admin-pages .icon {
  background-image: url(/assets/svg/Icons/48/pages-gray-eebfe6.svg);
}
.manage-menu a.admin-pages.active .icon,
.manage-menu a.admin-pages:hover .icon {
  background-image: url(/assets/svg/Icons/48/pages-blue-75c825.svg);
}
.manage-menu a.admin-announcements .icon {
  background-image: url(/assets/svg/Icons/48/announcement-gray-49c592.svg);
}
.manage-menu a.admin-announcements.active .icon,
.manage-menu a.admin-announcements:hover .icon {
  background-image: url(/assets/svg/Icons/48/announcement-blue-fdf4fa.svg);
}
.manage-menu a.admin-timesheets .icon {
  background-image: url(/assets/svg/Icons/48/timesheets-gray-567559.svg);
}
.manage-menu a.admin-timesheets.active .icon,
.manage-menu a.admin-timesheets:hover .icon {
  background-image: url(/assets/svg/Icons/48/timesheets-blue-24c421.svg);
}
.manage-menu a.admin-date .icon {
  background-image: url(/assets/svg/Icons/48/date-gray-0d5afe.svg);
}
.manage-menu a.admin-date.active .icon,
.manage-menu a.admin-date:hover .icon {
  background-image: url(/assets/svg/Icons/48/date-blue-536891.svg);
}
.manage-menu a.admin-labor-cost .icon {
  background-image: url(/assets/svg/Icons/48/labor-gray-0d9ce5.svg);
}
.manage-menu a.admin-labor-cost.active .icon,
.manage-menu a.admin-labor-cost:hover .icon {
  background-image: url(/assets/svg/Icons/48/labor-blue-bebcda.svg);
}
.manage-menu a.admin-settings .icon {
  background-image: url(/assets/svg/Icons/48/settings-gray-9c2825.svg);
}
.manage-menu a.admin-settings.active .icon,
.manage-menu a.admin-settings:hover .icon {
  background-image: url(/assets/svg/Icons/48/settings-blue-bf55a4.svg);
}
.manage-menu a.locked-for-premium {
  position: relative;
}
.manage-menu a.locked-for-premium:before {
  content: "";
  background-image: url(/assets/svg/Icons/16/secure-25204b.svg);
  width: 10px;
  height: 13px;
  position: absolute;
  top: 5px;
  right: 7px;
}
.preview-banner {
  padding: 40px 40px 40px 75px;
  border-radius: 4px;
  background: linear-gradient(47.18deg, rgba(0, 0, 0, 0.012) 63.26%, rgba(0, 0, 0, 0.052) 95.14%), linear-gradient(270deg, #F2F5F7 38.25%, #FAFBFC 65.66%);
  color: #738190;
  position: relative;
}
.preview-banner [ng-transclude] {
  width: 360px;
}
.preview-banner h1 {
  font-size: 22px;
}
.preview-banner h3 {
  font-weight: 600;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
}
.preview-banner a:not(:hover) {
  color: #d8d8d8;
}
.preview-banner .video-opener {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}
.preview-banner .video-wrapper {
  transition: transform 0.3s ease;
}
.preview-banner .video-wrapper:hover {
  transform: scale(1.01);
}
.preview-banner .image-fallback {
  width: 600px;
  margin-right: -40px;
}
scrollspy ul {
  list-style: none;
  padding: 0;
}
scrollspy ul li a {
  padding: 5px 10px;
  display: block;
  border-radius: 4px;
  text-decoration: none !important;
  color: #97A2AE;
  width: 170px;
  font-weight: 600;
  font-size: 13px;
}
scrollspy ul li a.active {
  background: rgba(0, 128, 255, 0.08);
  color: #0085FF;
}
scrollspy ul li a:hover {
  color: #0085FF;
}
shift-appearance {
  display: block;
}
shift-appearance > .space-equally > :last-child {
  max-width: 365px;
  min-width: 365px;
}
shift-appearance .sources-pane {
  border: 5px solid transparent;
  padding-bottom: 40px;
  width: 75%;
}
shift-appearance .sources > .source-item-repeater {
  margin-bottom: 5px;
}
shift-appearance .sources > .sv-placeholder {
  position: absolute;
}
shift-appearance .editable-section .shift {
  background: #9C5DA7 !important;
  border-color: #9C5DA7 !important;
  height: 54px !important;
  z-index: initial !important;
}
shift-appearance .editable-section .shift .shift-details {
  padding: 8px 10px;
  font-size: 14px;
}
shift-appearance .editable-section .shift .sv-placeholder {
  height: auto !important;
  display: inline-block;
  background: #b07eb9;
  position: relative;
  top: -2px;
}
shift-appearance .editable-section .shift .sv-placeholder:before {
  position: relative;
  top: 2px;
}
shift-appearance .editable-section .shift .sv-placeholder.sv-visibility-hidden {
  visibility: visible !important;
  opacity: 1 !important;
}
shift-appearance .editable-section .shift .sv-placeholder.sv-visibility-hidden * {
  visibility: hidden;
  opacity: 0;
}
shift-appearance .editable-section .shift .sv-placeholder.source-item-repeater {
  display: inline;
}
shift-appearance .editable-section .shift .sv-placeholder.source-item-repeater * {
  display: inline;
}
shift-appearance .editable-section .shifts-month .shift {
  height: 100px !important;
}
shift-appearance .editable-section .shifts-day.extra-line .shift,
shift-appearance .editable-section .shifts-week.extra-line .shift {
  height: 78px !important;
}
shift-appearance .editable-section .shifts-week .shift,
shift-appearance .editable-section .shifts-month .shift {
  width: 100%;
  margin: 0 auto;
}
shift-appearance .editable-section .shift-details {
  cursor: default !important;
  position: relative;
}
shift-appearance .editable-section .shift-details > :not(.dash-outline) ~ :not(.dash-outline) {
  margin-top: 5px;
}
shift-appearance .editable-section .shift-details .dash-outline {
  position: absolute;
  width: calc(100% - 20px + 2*4px);
  height: 21px;
  margin-top: -20px;
  margin-left: -4px;
  border-radius: 4px;
  border: 1px dashed rgba(220, 220, 220, 0.5);
  pointer-events: none;
}
shift-appearance .editable-section .shifts-day .shift {
  position: static !important;
  margin: 0 auto;
}
shift-appearance .source-item {
  background: white;
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
  color: #738190;
  font-size: 11px;
  display: inline-block;
  cursor: move;
  transition: opacity 0.3s ease;
}
shift-appearance .source-item.inactive {
  cursor: default;
  opacity: 0.5;
}
shift-appearance .source-on-shift {
  display: inline-block;
  cursor: move;
  padding: 0 4px;
  border-radius: 2px;
}
shift-appearance .source-on-shift:hover {
  background: #7e4a87;
}
shift-appearance .source-on-shift:not(.sv-helper):not(.ng-hide) ~ .source-on-shift {
  margin-left: 15px;
}
shift-appearance .source-on-shift:not(.sv-helper):not(.ng-hide) ~ .source-on-shift:before {
  content: '•';
  position: absolute;
  padding: 0 5px;
  margin-left: -19px;
  margin-right: 4px;
  background: #9C5DA7;
  cursor: default;
}
shift-appearance .right-side-tip {
  margin-top: 20px;
  font-size: 13px;
  color: #97A2AE;
  text-align: center;
}
shift-appearance .ellipsis {
  text-overflow: clip !important;
}
shift-appearance .buttons-group {
  display: -ms-flexbox;
  display: flex;
}
shift-appearance .buttons-group .button-tabs-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
shift-appearance .buttons-group a {
  -ms-flex-positive: 0;
      flex-grow: 0;
  background-color: transparent;
  margin-left: 8px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
shift-appearance .buttons-group a:hover {
  background: rgba(0, 0, 0, 0.02);
}
html.sv-sorting-in-progress shift-appearance .sources-pane {
  background: #d2dde4;
  border: 5px dashed #b3c4d0;
  position: relative;
}
html.sv-sorting-in-progress shift-appearance .sources-pane:after {
  content: 'Drop here to exclude from shift';
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.btn.sling-tour-modal-button {
  height: 36px;
  background-color: #0B67B0;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 19px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  letter-spacing: 1px;
  transition: all 0.25s ease;
}
.btn.sling-tour-modal-button:not(.btn-block) {
  width: 280px;
}
.btn.sling-tour-modal-button-secondary {
  color: #0085FF;
  background-color: white;
  border: 2px solid white;
}
.btn.sling-tour-modal-button-secondary:not(:hover) {
  opacity: 0.65;
  background-color: transparent;
  color: white;
  box-shadow: 0;
}
.btn.sling-tour-modal-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.sling-tour-modal .modal-content {
  background-color: #0085FF;
  border-radius: 8px;
  font-size: 16px;
  color: #CCE6FF;
}
.sling-tour-modal h1,
.sling-tour-modal h2,
.sling-tour-modal h3 {
  color: white;
}
.sling-tour-modal.light-theme h1,
.sling-tour-modal.light-theme h2,
.sling-tour-modal.light-theme h3 {
  color: #0085FF;
}
.sling-tour-modal.light-theme .modal-content {
  background-color: #FFFFFF;
  color: #6D8092;
  font-size: 14px;
}
.sling-tour-modal.aspect-ratio-2-1 .modal-dialog {
  aspect-ratio: 2;
  width: 845px;
}
.sling-tour-modal.welcome-modal-org-creator .modal-dialog {
  width: 730px;
  min-width: 730px !important;
}
.sling-tour-modal.welcome-modal-org-creator .dots-carousel-slide {
  height: 340px;
}
.sling-tour-modal.welcome-modal-org-creator .modal-content {
  color: #738190;
  background-color: #FFFFFF;
}
.sling-tour-modal.welcome-modal-org-creator h1,
.sling-tour-modal.welcome-modal-org-creator h2,
.sling-tour-modal.welcome-modal-org-creator h3 {
  color: #0085FF;
}
.sling-tour-modal.welcome-modal-org-creator dots-carousel .dot {
  background: #EAEEF2;
}
.sling-tour-modal.welcome-modal-org-creator dots-carousel .dot:after {
  background: #0085FF;
}
.sling-tour-modal.welcome-modal-org-creator dots-carousel button.sling-tour-modal-button {
  background-color: #0085FF;
}
.sling-tour-modal.welcome-modal-org-creator dots-carousel button.sling-tour-modal-button-secondary {
  border: 1px solid #E1E6EA;
  background-color: transparent;
}
.sling-tour-modal.welcome-modal-org-creator dots-carousel button.sling-tour-modal-button-secondary:not(:hover) {
  color: #738190;
}
.sling-tour-modal .modal-dialog {
  width: 820px;
}
.sling-tour-modal-content {
  height: 400px;
  border-radius: 8px;
  overflow: hidden;
  background-color: white;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #6D8092;
}
.sling-tour-modal-content > .bold {
  font-weight: 700;
}
.sling-tour-modal-content h1 {
  color: #0085FF;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 20px;
}
.modal-tour-white {
  background: white;
  color: #5F7183;
}
.modal-tour-white h1 {
  color: #0085FF;
}
.sling-tour-modal-description {
  opacity: 0.8;
  width: 400px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}
.sling-tour-modal-description a {
  color: white !important;
  text-decoration: underline;
}
.modal-tour-text-left {
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start;
  padding-left: 60px;
}
.modal-tour-text-left .sling-tour-modal-description {
  text-align: left;
}
.sling-tour-modal-bg-left {
  position: absolute;
  left: -275px;
  bottom: -130px;
  width: 490px;
  height: 515px;
  background-image: url(/assets/images/modal-phone-e969f5.png);
  background-size: contain;
}
.sling-tour-modal-bg-right {
  position: absolute;
  right: -245px;
  bottom: -85px;
  width: 500px;
  height: 535px;
  background-image: url(/assets/images/modal-phone-e969f5.png);
  background-size: contain;
}
.confirm-service-modal-checkboxes p {
  margin: 0;
}
.confirm-service-modal-checkboxes checkbox {
  margin: 5px 0;
}
.confirm-service-modal-checkboxes checkbox label:hover input[type="checkbox"] ~ span {
  color: #0085FF;
}
.confirm-service-modal-checkboxes checkbox label input[type="checkbox"] + span {
  cursor: pointer;
}
.confirm-service-modal-checkboxes checkbox label input[type="checkbox"]:checked + span {
  background-color: #0085FF !important;
}
.confirm-service-modal-checkboxes checkbox.invalid label input[type="checkbox"] ~ span {
  color: #E96873;
}
.confirm-service-modal-checkboxes checkbox.invalid label input[type="checkbox"] + span {
  border: 1px solid #E96873 !important;
}
.confirm-service-modal-checkboxes .checkbox-content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.preview-container {
  width: 100%;
  background-color: #f9f9f9;
  border-radius: 4px;
  padding: 12px 20px;
}
.preview-container .preview-header {
  color: #646464;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
.preview-container .preview {
  margin-top: 8px;
  border-bottom: 1px solid #D3D7DB;
  border-top: 1px solid #D3D7DB;
  padding: 8px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.preview-container .preview .preview-description {
  max-width: 500px;
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.preview-container .preview .preview-description-month,
.preview-container .preview .preview-description-week {
  -ms-flex: 3;
      flex: 3;
}
.preview-container .preview .preview-description-month > .preview-description-text {
  padding: 8px 0;
  font-size: 12px;
  color: #646464;
  width: 80%;
  line-height: 16px;
  font-weight: 500;
}
.preview-container .preview .preview-description-week,
.preview-container .preview .preview-description-day {
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  color: #646464;
  font-weight: 600;
}
.preview-container .preview .preview-description-week span,
.preview-container .preview .preview-description-day span {
  color: #a4a4a4;
}
.preview-container .preview .preview-description-week avatar,
.preview-container .preview .preview-description-day avatar {
  margin: 0 8px;
}
.preview-container .preview .preview-description-day {
  -ms-flex: 1;
      flex: 1;
}
.preview-container .preview .shifts-container {
  -ms-flex: 1;
      flex: 1;
  margin-left: 16px;
}
.preview-container .preview .shifts-month .shift {
  overflow: hidden;
  cursor: default;
}
.preview-container .preview .details-line > div {
  display: inline-block;
  padding: 0 4px;
  text-overflow: ellipsis;
  position: relative;
}
.preview-container .shift {
  background: #9C5DA7 !important;
  border-color: #9C5DA7 !important;
  z-index: initial !important;
  height: auto;
  position: relative;
  margin-bottom: 0;
}
body.logged-out #invalid-timezone-prompt {
  display: none;
}
body:not(.onboarding-checked) #invalid-timezone-prompt {
  opacity: 0;
}
#invalid-timezone-prompt {
  white-space: nowrap;
  overflow-x: auto;
}
.tz-discrepancy-bar-shown {
  padding-top: 60px;
}
.tz-discrepancy-bar-shown .shifts-container .shifts-header,
.tz-discrepancy-bar-shown .shifts-container .sidebar {
  top: 120px;
}
.tz-discrepancy-bar-shown .newsfeed-header-container {
  top: 120px;
}
.tz-discrepancy-bar-shown .newsfeed-left-bar {
  top: 230px;
}
.tz-discrepancy-bar-shown .newsfeed-notifications {
  top: 240px;
}
.tz-discrepancy-bar-shown .shifts-fixed-sidebar {
  top: 236px;
}
.tz-discrepancy-bar-shown .shifts-header-with-summary .shifts-fixed-sidebar {
  top: 292px;
}
whats-new {
  display: none;
  position: fixed;
  right: 0;
  top: 60px;
  bottom: 0;
  width: 335px;
  background: #FFFFFF;
  z-index: 1038;
  color: #4C6379;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease;
}
whats-new:not(.shown) {
  transform: translateX(100%);
}
whats-new .items-container {
  height: calc(100% - 85px);
  overflow-y: auto;
  padding: 0 20px;
}
.onboarding-checked whats-new {
  display: block;
}
.whats-new-header {
  padding: 25px 20px;
  border-bottom: 1px solid #d7d7d7;
}
.whats-new-item {
  padding: 20px 0 10px;
}
.whats-new-item + .whats-new-item {
  border-top: 1px solid #d7d7d7;
}
.whats-new-item .item-date {
  color: rgba(55, 85, 106, 0.5);
  font-size: 12px;
  text-transform: uppercase;
}
.whats-new-item h3 {
  margin: 5px 0 10px 0;
}
.whats-new-item p {
  color: #5F7183;
}
.premium-feature-preview-row {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 246px;
  -ms-flex-align: center;
      align-items: center;
}
.premium-feature-preview-row .preview-text-container,
.premium-feature-preview-row .preview-image-container {
  -ms-flex: 0.4;
      flex: 0.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.premium-feature-preview-row .preview-text-container {
  -ms-flex-direction: column;
      flex-direction: column;
}
.premium-feature-preview-row .preview-text-container > h3 {
  color: #37556A;
  line-height: 24px;
  font-weight: bold;
}
.premium-feature-preview-row .preview-image-container {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
}
.customer-reviews-outer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #F2F5F7;
  padding: 40px 0;
}
.customer-reviews-outer-container .purchase-premium-container {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.customer-reviews-outer-container .purchase-premium-container purchase-premium-button {
  -ms-flex: 0.25;
      flex: 0.25;
}
.customer-reviews-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.customer-reviews-container .customer-reviews-content {
  -ms-flex: 0.6;
      flex: 0.6;
}
.customer-reviews-container .customer-reviews-content .review-text,
.customer-reviews-container .customer-reviews-content .review-author {
  font-size: 16px;
  line-height: 24px;
  color: #37556A;
}
.customer-reviews-container .customer-reviews-content .review-text {
  padding-top: 20px;
  padding-bottom: 10px;
}
.customer-reviews-container .customer-reviews-content span {
  display: block;
  text-align: center;
}
.premium-trial-end-modal {
  width: 922px;
  padding: 40px 0 0 0;
  color: #6D8092;
  background: white;
}
.premium-trial-end-modal .plan-option {
  position: relative;
  padding: 20px 30px;
  font-size: 12px;
}
.premium-trial-end-modal .plan-option:first-child:nth-last-child(2),
.premium-trial-end-modal .plan-option:last-child:nth-child(2) {
  padding: 20px 90px 20px 75px;
}
.premium-trial-end-modal .plan-option:first-child {
  padding-left: 30px;
}
.premium-trial-end-modal .plan-option:last-child {
  padding-right: 30px;
}
.premium-trial-end-modal .plan-price {
  font-weight: bold;
  color: #0085FF;
  font-size: 14px;
  margin-right: 5px;
}
.premium-trial-end-modal .plan-headline {
  margin-top: 10px;
  font-size: 14px;
  color: #6D8092;
}
.premium-trial-end-modal hr {
  margin: 20px 0 10px;
}
.premium-trial-end-modal .recommended-plan {
  border: 1px solid #E1E6EA;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}
.premium-trial-end-modal .plan-name {
  color: #4C6379;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
.premium-trial-end-modal .plan-top-features {
  color: #6B7784;
  font-weight: bold;
}
.premium-trial-end-modal .plan-top-features + div {
  line-height: 20px;
}
.premium-trial-end-modal .plan-button {
  margin: 20px 30px 0 30px;
}
.premium-trial-end-modal .more-features {
  color: #A0AFBE;
}
.premium-trial-end-header {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
  color: #0085FF;
  font-weight: bold;
}
collapse-toggle img {
  transition: transform 0.3s;
  transform: rotate(0deg);
}
collapse-toggle img.collapsed {
  transform: rotate(180deg);
}
premium-discovery-popup {
  line-height: 22px;
}
premium-discovery-popup [uib-dropdown-toggle] img {
  transition: opacity 0.3s ease;
}
premium-discovery-popup [uib-dropdown-toggle]:not(:hover) img {
  opacity: 0.65;
}
premium-discovery-popup .dropdown-menu[uib-dropdown-menu] {
  border-radius: 4px;
  border: none;
  padding: 20px;
  background: white;
  width: 305px;
  color: #6B7784;
  right: -45px;
  margin-top: 10px;
}
premium-discovery-popup .dropdown-menu[uib-dropdown-menu]:after {
  content: '';
  width: 10px;
  height: 10px;
  background: white;
  border: 1px solid #eee;
  border-right-width: 0;
  border-bottom-width: 0;
  transform: rotateZ(45deg);
  position: absolute;
  top: -5px;
  right: 16px;
}
premium-discovery-popup .dropdown-menu[uib-dropdown-menu] h3 {
  color: #4C6379;
  font-weight: 600;
}
premium-discovery-popup .dropdown-menu[uib-dropdown-menu] .feature-item {
  height: 36px;
  cursor: pointer;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
}
premium-discovery-popup .dropdown-menu[uib-dropdown-menu] .feature-item:hover {
  background: rgba(0, 133, 255, 0.05);
  color: #0085FF;
}
premium-feature-banner [ng-transclude]:empty {
  display: none;
}
premium-feature-banner a.color-brand:not(:hover) {
  color: #0085FF;
}
premium-feature-banner .premium-feature-preview-banner-container {
  height: 300px;
}
premium-feature-banner .premium-feature-preview-banner-container.small {
  height: 100px;
}
premium-feature-banner .premium-feature-preview-banner-container.small .preview-banner {
  height: 100px;
}
premium-feature-banner .premium-feature-preview-banner-container.small .timeclock-image {
  height: 100px;
  overflow: hidden;
}
premium-feature-banner .premium-feature-preview-banner-container.small .timeclock-image img {
  height: 150%;
}
premium-feature-banner .premium-feature-preview-banner-container.container {
  display: block;
}
premium-feature-banner .premium-feature-preview-banner-container.container .preview-banner {
  background: white;
}
premium-feature-banner .premium-feature-preview-banner-container .preview-banner {
  height: 300px;
  position: relative;
}
premium-feature-banner .premium-feature-preview-banner-container .preview-banner:not(.static) {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 1030;
}
premium-feature-banner .premium-feature-preview-banner-container .preview-banner h3 {
  font-size: 20px;
}
premium-feature-banner .premium-feature-preview-banner-container .preview-banner .text-box {
  margin-right: 60px;
  max-width: 440px;
}
premium-feature-banner button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
premium-feature-banner .timeclock-image {
  height: 300px;
  margin: -40px -40px -40px auto;
  width: 50%;
  position: relative;
}
premium-feature-banner .timeclock-image img {
  float: right;
  height: 100%;
}
.edit-value {
  width: 140px;
  height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgba(0, 0, 0, 0.04);
}
.edit-value-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.editable-value-input {
  max-width: 100%;
  width: auto;
}
select-group,
select-group custom-select {
  width: 100%;
}
select-group custom-select.with-margin {
  margin-left: 0;
}
select-group .custom-select-label {
  margin-left: 8px;
}
select-group .custom-select-label .placeholder {
  color: #97A2AE;
}
select-group custom-select:not(.form-control) {
  border-color: transparent !important;
}
select-group .filter-header-select {
  color: #0085FF;
}
.ng-submitted select-group.ng-invalid {
  box-shadow: 0 0 0 1px #E96873 !important;
}
sales-summary:not(.under-header) .summary-table {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 8px;
}
sales-summary.under-header .summary-table {
  border-top: none;
  border-bottom: none;
}
.sales-edit * {
  background-color: transparent;
}
.sales-edit .tooltip-inner {
  background: #0085FF;
}
.sales-edit .tooltip {
  transform: translateY(-10px);
}
.sales-edit .spinner {
  padding: 3px;
}
.sales-edit .spinner > div {
  width: 11px;
  height: 11px;
}
.sales-edit .sales-label-container {
  display: block;
  width: 100%;
  padding: 3px 4px;
}
.sales-edit .sales-label-container:not(.inactive) {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 2px 4px;
}
.sales-edit .sales-label-container.inactive .edit-icon {
  display: none;
}
.sales-edit .sales-label-container:not(.inactive):hover {
  padding: 2px 4px;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid #97A2AE;
  border-radius: 2px;
}
.sales-edit .sales-label-container:not(:hover) .edit-icon {
  display: none;
}
.sales-edit .sales-edit-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.sales-edit .sales-edit-container * {
  color: #0085FF;
}
.sales-edit .sales-edit-container .sale-input-group {
  width: 65%;
}
.sales-edit .sales-edit-container input {
  border: 1px solid #97A2AE;
  border-radius: 2px;
  width: 100%;
  padding: 2px;
  outline: none;
}
.sales-edit .sales-edit-container input:focus {
  background-color: #FFFFFF;
  border: 1px solid #0085FF;
  border-radius: 2px;
}
.sales-edit .sales-edit-container .input-with-label-label {
  left: 8px !important;
}
.sales-edit .sales-edit-container .cancel-button,
.sales-edit .sales-edit-container .save-button {
  outline: none;
  text-align: center;
  border: 1px solid #DADADA;
  border-radius: 2px;
  padding: 2px;
  width: 15%;
  margin: 0;
}
.sales-edit .sales-edit-container .save-button {
  font-size: 10px;
  color: #1CC982;
}
.sales-edit .sales-edit-container .save-button:hover {
  color: #02AD26;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.sales-edit .sales-edit-container .save-button:hover:hover {
  color: #02AD26;
  background-color: #EBF8EE;
  border: 1px solid #02AD26;
}
.sales-edit .sales-edit-container .cancel-button {
  cursor: pointer;
  color: #E96873;
}
.sales-edit .sales-edit-container .cancel-button:hover {
  color: #DB524B;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.sales-edit .sales-edit-container .cancel-button:hover:hover {
  color: #DB524B;
  background-color: #FBE5E5;
  border: 1px solid #DB524B;
}
.sales-edit .sales-edit-container.ng-submitted .ng-invalid {
  border-color: #E96873;
}
.foldable-search {
  position: relative;
  height: 100%;
}
.foldable-search .big-search {
  margin: 0 10px 0 0;
}
.foldable-search .big-search img {
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  padding: 9px;
  opacity: 0.65;
  transition: opacity 0.3s ease, background 0.3s ease;
  z-index: 2;
}
.foldable-search .big-search:hover img {
  opacity: 1;
}
.foldable-search .big-search input {
  width: 36px;
  transition: width ease-in-out 0.25s, padding-right ease-in-out 0.25s, background ease 0.3s;
}
.foldable-search .big-search input.borderless-collapsed:not(:focus):not(.non-empty) {
  border: none !important;
}
.foldable-search .big-search input:not(:focus):not(.non-empty) {
  padding-right: 12px;
}
.foldable-search .big-search input:not(:focus):not(.non-empty)::-moz-placeholder {
  opacity: 0;
}
.foldable-search .big-search input:not(:focus):not(.non-empty):-ms-input-placeholder {
  opacity: 0;
}
.foldable-search .big-search input:not(:focus):not(.non-empty)::placeholder {
  opacity: 0;
}
.foldable-search .big-search input:not(:focus):not(.non-empty):hover {
  cursor: pointer;
}
.foldable-search .big-search input:focus,
.foldable-search .big-search input.non-empty {
  width: 300px;
}
.foldable-search .big-search input:hover,
.foldable-search .big-search input:focus {
  background-color: rgba(0, 128, 255, 0.08);
}
.rectangle-icon-button {
  height: 36px;
  width: 36px;
  border: 1px solid #E1E6EA;
  box-sizing: border-box;
  border-radius: 3px;
}
.select-box {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease;
}
.select-box .form-control.search {
  border-color: transparent;
}
.select-box .form-control.search:focus {
  border-color: transparent !important;
}
.select-box:not(.focused) {
  border-color: transparent;
}
.select-box.focused {
  border-color: #0085FF;
}
.select-box .form-control.search:focus {
  margin-top: 1px !important;
}
.search-wrapper .search-lookup.select-box-lookup-container {
  padding: 10px;
}
.no-items-text {
  font-size: 12px;
  line-height: 20px;
  opacity: 0.65;
  font-style: italic;
  color: #6D8092;
}
.select-box-input-spacer {
  width: 100%;
  height: 4px;
  clear: both;
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
select-box-lookup-item {
  display: block;
}
.select-box-lookup-item:hover {
  background: rgba(0, 133, 255, 0.05);
}
.select-box-lookup-content-first-line {
  color: #6D8092;
  font-size: 14px;
  line-height: 16px;
}
.select-box-lookup-content-second-line {
  color: #A0AFBE;
  font-size: 12px;
  line-height: 14px;
}
.select-box-selection-tags {
  width: 100%;
  padding: 0 3px;
  margin-top: -1px;
  cursor: text;
}
.input-skeleton-placeholder {
  background-color: #E1E6EA;
  opacity: 0.65;
  border-radius: 3px;
  height: 36px;
  position: relative;
  overflow: hidden;
}
.input-skeleton-placeholder-shine {
  height: 36px;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loading 1.5s infinite;
}
.availability-sets-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 26px 20px 26px 20px;
  border-bottom: 1px solid #DCDCDC;
  background-color: #EAEEF2;
  min-height: 70px;
}
.availability-sets-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}
.unavailability-manager-view .availability-sets-header,
.unavailability-manager-view .availability-header {
  margin: 0px -20px 0px -20px;
}
.single-unavailability-breadcrumb {
  font-weight: 700;
}
.single-unavailability-breadcrumb .arrow {
  color: #d7d7d7;
  font-weight: normal;
  margin: 0 10px;
}
.single-unavailability-breadcrumb .link-as-text.gray {
  color: #738190;
}
.single-unavailability-header {
  padding: 17px 20px 17px 20px;
}
.single-unavailability-header .user-back-button {
  font-weight: 600;
  padding-left: 10px;
}
.members-toggle {
  -ms-flex-align: center;
      align-items: center;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  padding: 0 7px 0 0;
  transition: color 0.125s ease;
}
.members-toggle:hover {
  background: rgba(0, 128, 255, 0.08);
}
.members-toggle > img {
  color: inherit;
  transition: inherit;
}
.other-features-list-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding-bottom: 60px;
  padding-top: 60px;
}
.other-features-list-container > h3 {
  font-weight: bold;
  line-height: 24px;
  color: #4C6379;
}
.other-features-list-container .other-features-list-content {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
}
.other-features-list-container .other-features-list-item {
  margin-top: 20px;
  padding-left: 20px;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.other-features-list-container .other-features-list-item span {
  padding-left: 20px;
}
.other-features-list-container .pricing-anchor {
  padding-top: 30px;
}
.horizontal-scroll.sticky-thead-clone {
  overflow-x: hidden;
}
.sticky-thead-clone {
  position: fixed;
  z-index: 1028;
  margin-top: 0;
  pointer-events: none;
  overflow: hidden;
}
.sticky-thead-clone thead * {
  pointer-events: all;
}
.sticky-thead-clone tbody,
.sticky-thead-clone tfoot {
  visibility: hidden;
  opacity: 0;
}
.sticky-thead-clone thead th:not([sticky-thead-anchor-left]) {
  border-bottom: 1px solid #d7d7d7 !important;
}
.sticky-scrollbar-container {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  position: fixed;
  bottom: 0;
  z-index: 50;
}
.sticky-scrollbar {
  height: 13px;
}
.premium-guard {
  opacity: 0.5;
  cursor: pointer;
}
span[premium-guard] .premium-guard {
  display: inline-block;
}
[premium-guard].ellipsis > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[premium-guard-cover] {
  position: relative;
}
[premium-guard-cover] .premium-guard:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.premium-guard.clickable * {
  cursor: pointer !important;
}
.custom-select-dropdown > li > a {
  padding: 0 !important;
}
.custom-select-dropdown > li > a > div {
  padding: 6px 10px;
}
.draggable-columns-clone {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  background: #f2f5f7;
  position: fixed;
  z-index: 99999;
}
.draggable-columns-clone.is-left-anchored th:first-child,
.draggable-columns-clone.is-left-anchored td:first-child {
  display: none !important;
}
.draggable-columns-clone th {
  background: rgba(0, 133, 255, 0.2);
}
[draggable-columns] [draggable-columns-item] {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[draggable-columns] [draggable-columns-item]:hover {
  background: rgba(0, 133, 255, 0.2);
}
.account-view {
  margin-top: 20px;
  padding-bottom: 100px;
  color: #738190;
  position: relative;
}
.account-view .nav-tabs {
  margin-bottom: 40px;
}
.account-view .nav-tabs .testing-tab {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), antiquewhite 10%, antiquewhite 90%, rgba(255, 255, 255, 0));
}
.account-view .empty-info-block {
  padding: 120px;
}
.account-view .view-narrow {
  width: 750px;
  margin: 0 auto;
}
.account-view .well {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  min-height: 75px;
  padding: 21px 20px;
  border-radius: 6px;
  background-color: rgba(0, 133, 255, 0.1);
  color: #0085FF;
}
.account-view .well.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.account-view .well-danger {
  background-color: rgba(215, 38, 61, 0.05);
  color: #E96873;
}
.account-view .settings-sections .payment-method-summary[disabled] {
  width: auto;
  text-align: right;
  padding-right: 55px;
  box-shadow: none !important;
}
.account-billing .billing-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px;
}
.account-billing .billing-options billing-plan {
  display: block;
  background: white;
  width: 355px;
  padding: 10px 40px 30px;
}
.account-billing .billing-options billing-plan + billing-plan {
  margin-left: 10px;
}
.account-purchase h1 {
  font-size: 18px;
}
.account-purchase hr {
  border-color: rgba(0, 0, 0, 0.08);
}
.account-purchase hr:not([class*="margin-bottom"]) {
  margin-bottom: 40px;
}
.account-purchase hr:not([class*="margin-top"]) {
  margin-top: 40px;
}
.account-purchase .purchase-option {
  border-radius: 6px;
  background: #f2f5f7;
  border: 1px solid #DCDCDC;
  padding: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.account-purchase .purchase-option strong {
  font-size: 16px;
  font-weight: 600;
}
.account-purchase .purchase-option p {
  margin: 5px 0 0;
}
.account-purchase .purchase-option.active,
.account-purchase .purchase-option:not(.active):hover {
  cursor: default;
  color: #0085FF;
  background: white;
  border: 1px solid #0085FF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.account-purchase .purchase-option:not(.active):hover {
  background: #f2f5f7;
  cursor: pointer;
}
.account-purchase .secure-form {
  opacity: 0.65;
  font-weight: 600;
}
.account-purchase.settings-sections .section div.form-group {
  margin-bottom: 15px;
}
.account-purchase .form-control.payment-method-summary[disabled] {
  width: 250px !important;
  box-shadow: none !important;
  margin-left: auto;
}
.account-edit-subscription h1 {
  margin-bottom: 40px;
}
.account-edit-subscription .plan-summary {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.account-edit-subscription .plan-summary .well {
  margin: 0;
}
.account-edit-subscription .plan-details {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.account-edit-subscription .subscription-options {
  padding: 40px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.account-edit-subscription .subsription-option + .subsription-option {
  margin-top: 20px;
}
.account-edit-subscription .subsription-option radiobutton {
  display: block;
}
.account-edit-subscription .subsription-option radiobutton label.checkmark {
  width: 100%;
}
.account-edit-subscription .subsription-option radiobutton label.checkmark > span:last-child:not(:first-of-type) {
  margin-left: 0;
}
.account-edit-subscription .subsription-option small {
  margin-top: 6px;
  display: block;
}
.account-edit-subscription .subscription-option-description {
  margin-left: 30px;
  margin-top: 4px;
}
.delete-org .modal-body {
  color: #6D8092;
}
.delete-org .modal-body p {
  margin-bottom: 10px;
}
.delete-org .modal-body textarea.reason-text {
  min-height: 60px;
  width: 544px;
  margin-bottom: 10px;
}
[data-modal="confirm-delete-org-password-modal"] {
  color: #6D8092;
}
[data-modal*="delete-org"] .center-vertically .btn-lg {
  width: 205px;
}
[data-modal*="delete-org"] .center-vertically .btn-lg + .btn-lg {
  margin-left: 10px;
}
.pricing-announcement-modal {
  padding: 40px;
  background: #0085FF;
  background-image: url(/assets/svg/Misc/Logo_BG-b860f9.svg);
  background-repeat: no-repeat;
  background-position-x: 330%;
  background-position-y: 42%;
  background-size: 85%;
  color: white;
  font-size: 15px;
  line-height: 22px;
}
.pricing-announcement-modal h2 {
  color: white;
  margin: 0 0 40px;
  font-size: 22px;
  font-weight: 600;
}
.pricing-announcement-modal p {
  margin-bottom: 20px;
}
.pricing-announcement-modal .onboarding-skip {
  opacity: 1;
}
.pricing-announcement-modal .onboarding-skip:hover {
  color: #0085FF;
}
.modal-sling-feature-info {
  background: #0085FF;
  color: white;
  padding: 40px;
}
.modal-sling-feature-info h1,
.modal-sling-feature-info h2 {
  color: white;
  margin-bottom: 30px;
}
.modal-sling-feature-info img {
  padding: 20px 0;
}
.modal-sling-feature-info .sling-tour-modal-button {
  margin-top: 20px;
  width: 140px;
}
.modal-sling-feature-info .sling-tour-modal-button:first-child {
  margin-left: auto;
}
.modal-consent {
  padding: 60px 93px;
}
.modal-consent p {
  color: #97A2AE;
  line-height: 22px;
}
.modal-consent img + div {
  font-size: 16px;
  color: #738190;
  font-weight: 600;
  margin-top: 20px;
}
.modal-consent .btn {
  width: 200px;
}
.cancel-reason-text {
  margin: 5px 0 15px 25px;
}
.modal-shift-tasks-trial .sling-tour-modal-bg-right {
  right: -280px;
  bottom: -135px;
  width: 669px;
  height: 551px;
  background-image: url(/assets/images/tasks-trial-image-244d68.png);
}
available-in-subscription {
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
}
available-in-subscription .space-equally {
  width: 200px;
}
available-in-subscription .disabled {
  color: #A0AFBE;
}
.features-to-lose > div {
  width: 50%;
  display: inline-block;
  margin-bottom: 20px;
  color: #6D8092;
}
.modal-org-setup {
  color: #738190;
}
.modal-org-setup h2 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 15px;
}
.modal-org-setup .modal-content {
  border-radius: 8px;
  overflow: hidden;
}
.modal-org-setup .two-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.modal-org-setup .two-columns.complete-org-setup {
  padding: 20px;
}
.modal-org-setup .two-columns.complete-org-setup .column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
}
.modal-org-setup .two-columns.add-positions .column {
  padding: 50px 40px;
}
.modal-org-setup .two-columns.add-positions .column:first-child {
  max-width: 280px;
  position: relative;
}
.modal-org-setup .two-columns.add-positions .column:first-child:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 5px;
  background: linear-gradient(to right, #f2f5f7, white);
}
.modal-org-setup .two-columns.ng-enter {
  transition: opacity 0.6s ease 0.3s;
  opacity: 0;
}
.modal-org-setup .two-columns.ng-enter-active {
  opacity: 1;
}
.modal-org-setup .two-columns.ng-leave {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.modal-org-setup .two-columns.ng-leave-active {
  opacity: 0;
}
.modal-org-setup .two-columns.ng-enter:not(:only-child) {
  position: absolute;
  top: 0;
}
.modal-org-setup .left-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  color: #0085FF;
}
.modal-org-setup .column {
  -ms-flex: 2;
      flex: 2;
  padding: 60px;
}
.modal-org-setup form {
  width: 100%;
}
.modal-org-setup .step-indicator {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  font-style: italic;
  color: #97A2AE;
  font-size: 13px;
}
.modal-org-setup .step-progressbar {
  position: absolute;
  height: 12px;
  width: 275px;
  bottom: 0;
  left: 0;
}
.modal-org-setup .step-progressbar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 1s ease;
  background: #0085FF linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%);
}
.modal-org-setup .step-progressbar.step-1 {
  opacity: 0;
}
.modal-org-setup .step-progressbar.step-2:after {
  width: 50%;
}
.modal-org-setup .step-progressbar.step-3:after {
  width: 100%;
}
.modal-org-setup .positions-rows {
  max-height: 400px;
  overflow-y: auto;
  margin: 0 -40px;
  padding: 0 40px;
}
.modal-org-setup .position-row + .position-row {
  margin-top: 10px;
}
.modal-org-setup .position-row > div:first-child {
  -ms-flex: 2;
      flex: 2;
}
.modal-org-setup .position-row .color-picker {
  width: 72px;
  height: 36px;
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.modal-org-setup .position-row .color-picker > * {
  -ms-flex: 2;
      flex: 2;
}
.modal-org-setup .position-row .color-picker .dropdown-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/svg/UI/dropdown-half-opaque-d66327.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  transition: background 0.3s, border-color 0.3s;
  cursor: pointer;
}
.modal-org-setup .position-row .color-picker .dropdown-arrow:hover:not([disabled]) {
  background-image: url(/assets/svg/UI/dropdown-371aa9.svg) !important;
}
.modal-org-setup .position-row .color-picker .color-square {
  margin: -1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.modal-org-setup custom-select.inactive {
  opacity: 0.5;
}
.modal-org-setup custom-select.inactive > * {
  pointer-events: none;
}
.modal-org-setup .dismiss-button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-org-setup .dismiss-button.ng-hide-remove {
  transition: opacity 0.3s ease;
  opacity: 0;
}
.modal-org-setup .dismiss-button.ng-hide-remove-active {
  opacity: 0.65;
  /* the non-hovered state */
}
@media (max-width: 767px) {
  .modal-org-setup .modal-dialog {
    min-width: 0px !important;
    width: 100vw;
  }
  .modal-org-setup .column:first-child {
    display: none !important;
  }
  .modal-org-setup .column {
    padding: 0;
  }
  .modal-org-setup .two-columns.add-positions .column {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.position-picker-dropdown-menu {
  transform: translateX(calc(-50% + 36px));
  z-index: 2000;
  padding: 30px;
  margin-top: 12px;
  width: 335px;
}
.position-picker-dropdown-menu .position-color {
  margin: 7px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.position-picker-dropdown-menu .position-color.active {
  box-shadow: 0 0 0 3px white, 0 0 0 4px currentColor;
}
.position-picker-dropdown-menu:after {
  content: '';
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotateZ(45deg);
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  top: -10px;
  left: 50%;
}
.guard-close-button {
  height: 32px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.guard-close-button#toast-connected-modal-close {
  z-index: 20;
}
.guard-modal-container {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.modal-guard-content {
  border-radius: 8px;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  background: #FFFFFF;
}
.modal-guard-content .modal-guard-image-container,
.modal-guard-content .modal-guard-text-container {
  display: -ms-flexbox;
  display: flex;
}
.modal-guard-content .modal-guard-image-container.modal-guard-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.modal-guard-content .modal-guard-image-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.modal-guard-content .modal-guard-image-container img {
  transition: opacity 0.5s ease;
}
.modal-guard-content .modal-guard-image-container img.image-loading {
  position: absolute;
  opacity: 0;
}
.modal-guard-content .modal-guard-image-container img:not(.image-loading) {
  opacity: 1;
}
.modal-guard-content .modal-guard-text-container {
  width: 355px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-right: 75px;
}
.modal-guard-content .modal-guard-text-container h1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}
.modal-guard-content .modal-guard-text-container p {
  line-height: 22px;
  color: #97A2AE;
}
.modal-guard-content .premium-button {
  width: 180px;
}
.premium-guard-modal > .modal-dialog {
  width: 880px !important;
  min-width: 880px !important;
}
.premium-guard-modal .modal-content {
  height: 450px;
  border-radius: 8px;
}
.modal-guard-image-box-shadow {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}
.modal-845 .modal-guard-text-container {
  width: 420px;
}
.window-modal-timeclock .modal-content {
  background: #f9f9f9;
  height: 370px;
  width: 680px;
}
.timesheet-history-group + .timesheet-history-group {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.timesheet-status {
  text-transform: initial;
}
.timesheet-status.pending {
  background-color: #FDB34D;
}
.timesheet-status.approved {
  background-color: #1CC982;
}
.timesheets-approve-button {
  width: 175px;
}
.sub-navigation ul.dropdown-menu > li > a {
  font-weight: 600;
}
.edited-event-indicator {
  border-left: 6px solid #7a6dc9;
}
.pending-consent-event-indicator {
  border-left: 6px solid #fdbe67;
}
.timesheets-table-geo-pin {
  position: relative;
  top: -2px;
  left: -2px;
}
.timesheets-table-geo-pin img {
  position: absolute;
  top: -6px;
}
timesheets-table tr:not(:hover) .timesheets-table-geo-pin {
  visibility: hidden;
}
.timeclock-table-map {
  z-index: 1039;
}
.timeclock-map-tooltip {
  margin-top: 8px;
  margin-left: -10px;
}
.timeclock-map-tooltip .tooltip-inner {
  background: white;
  border: white;
}
.timeclock-map-tooltip .tooltip-arrow {
  border-right-color: white !important;
}
.timeclock-map-tooltip .tooltip-inner {
  pointer-events: all;
}
view-timesheet-group > div,
timesheet-modal-geo-pin > img {
  height: 28px;
}
.map-pin-text-info-clock-out {
  background-image: url(/assets/svg/UI/map-clock-out-with-text-01c5ac.svg);
  color: white !important;
  height: 34px;
  padding: 11px 12px 4px 41px;
  font-size: 12px !important;
  margin-left: 53px;
  margin-top: 17px;
  background-size: auto 52px;
}
.map-pin-text-info-clock-in {
  background-image: url(/assets/svg/UI/map-clock-in-with-text-630516.svg);
  color: white !important;
  height: 34px;
  padding: 9px 12px 4px 41px;
  font-size: 12px !important;
  margin-left: 50px;
  margin-top: 20px;
  background-size: auto 47px;
}
.timeclock-map-tooltip-with-close-button google-map {
  margin-bottom: -60px !important;
}
.timeclock-map-tooltip-with-close-button button.btn-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
timesheets-table table.manage-table > tbody > tr > td {
  vertical-align: top;
}
table.manage-table.time-clock-table > tbody > tr:not(.reports-group-header) > td:not(.options-column) {
  padding-top: 20px;
  padding-bottom: 20px;
}
body:not(.print-body) table.time-clock-table tbody tr:not(.reports-group-header) td:first-child:after {
  bottom: -20px;
}
.time-field input[disabled] {
  cursor: default !important;
}
.time-field .dropdown-menu.hour-select {
  border: none;
  padding: 0;
}
.time-field .dropdown-main-ul {
  min-width: 100%;
}
.time-field .hour-select > .display-flex {
  -ms-flex-flow: row;
      flex-flow: row;
}
.time-field .time-field-date {
  position: absolute;
  top: 9px;
  right: 28px;
  z-index: 2;
  opacity: 0.6;
  font-size: 85%;
  pointer-events: none;
  word-break: break-all;
}
.time-field .form-control.hide-dropdown-arrow + .time-field-date {
  right: 12px;
}
.time-field .form-control.hide-dropdown-arrow + .time-field-date.narrow {
  width: 42px;
  top: 2px;
  text-align: center;
}
.time-field .dropdown-main-ul.with-datepicker {
  height: 240px;
  min-width: 0;
  width: 90px;
  text-align: center;
  box-shadow: none;
  padding-right: 0;
}
time-field.short .dropdown-menu .dropdown-main-ul {
  max-height: 200px;
}
.kiosk-location-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 60%;
  overflow: auto;
}
.kiosk-location-list checkbox {
  display: -ms-flexbox;
  display: flex;
}
.kiosk-location-list label.checkmark > span:last-child:not(:first-of-type) {
  top: -6px;
}
.kiosk-location-list-item {
  padding-left: 20px;
  padding-right: 20px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.kiosk-location-list-item:not(:last-of-type) {
  border-bottom: 1px solid #e1e1e1;
}
.kiosk-check-all-label {
  color: #6B7784;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  padding-left: 5px;
}
.kiosk-item-label {
  color: #738190;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
}
.kiosk-buttons-panel {
  border-top: 1px solid #e1e1e1;
}
@media print {
  @page {
    margin: 0.5cm;
    size: landscape;
  }
  body {
    margin: 0;
    page-break-after: auto;
    page-break-inside: avoid;
    max-width: 100% !important;
    background: white;
  }
  a[href]:after {
    content: "";
  }
  .tooltip {
    display: none;
  }
  .shifts-container {
    padding: 0;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .shifts-container .group-pin {
    display: none;
  }
  .shifts-container .shifts-container.available-shifts h2,
  .shifts-container .shifts-container.unassigned-shifts h2 {
    left: 0;
  }
  .shifts-container .table {
    border-collapse: separate !important;
  }
  .shifts-container .sidebar,
  .shifts-container span.notes,
  .shifts-container avatar {
    display: none !important;
  }
  .shifts-container .open-ended-shift {
    display: none;
  }
  .shifts-container .shifts-header {
    position: inherit;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
  .shifts-container .shifts-header .reports-header-summary,
  .shifts-container .shifts-header .nav-datepicker,
  .shifts-container .shifts-header button-tabs,
  .shifts-container .shifts-header .shifts-header-right-side {
    display: none !important;
  }
  .shifts-container .shifts-header .shifts-leftheader {
    margin-left: 0;
    margin-right: 0;
  }
  .shifts-container .shifts-header .shifts-leftheader div.date-nav h1.pull-left {
    margin-left: 0 !important;
  }
  .shifts-container .shifts-main-container {
    width: 100% !important;
  }
  .shifts-container .shifts-main-container h2 img {
    display: none;
  }
  .shifts-container .shifts-main-container .well {
    padding: 0 !important;
    margin: 0;
  }
  .shifts-container .table-body .user-column {
    padding-left: 0;
  }
  .shifts-container .table-body .user-column div {
    width: auto;
  }
  .shifts-container .floating-table-header {
    position: inherit;
    width: auto;
  }
  .shifts-container .floating-header-spacing {
    height: 0;
  }
  .shifts-container .group-row {
    opacity: 1;
  }
  .shifts-container .group-row .table-cell {
    border-right: 0;
    border-bottom-width: 3px;
    font-size: 1.1em;
    height: auto;
    padding-top: 40px;
  }
  .shifts-container .show-on-collapsed {
    display: inline;
  }
  .shifts-container .shift {
    border-width: 1px !important;
    border-style: dashed;
  }
  .shifts-container .leave .duration {
    display: block;
  }
  .shifts-container .leave .posloc {
    display: none;
  }
  .shifts-container.shifts-week .shift {
    width: 100%;
  }
  .shifts-container .add-employee-button {
    display: none;
  }
  .shifts-container .shifts-leftheader div.date-nav h1.pull-left {
    width: 100%;
  }
  body:not(.black-and-white-print) {
    -webkit-print-color-adjust: exact;
  }
  body:not(.black-and-white-print) .date-nav h1 {
    color: #0085FF;
  }
  body:not(.black-and-white-print) .sFFAA35:not(.staging):not(.foreign) {
    background: #FFAA35 !important;
  }
  body:not(.black-and-white-print) .sFFAA35:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sFFAA35.staging:not(.foreign) {
    background: transparent !important;
    border-color: #FFAA35;
  }
  body:not(.black-and-white-print) .sFFAA35.staging:not(.foreign) * {
    color: #FFAA35 !important;
  }
  body:not(.black-and-white-print) .sB69663:not(.staging):not(.foreign) {
    background: #B69663 !important;
  }
  body:not(.black-and-white-print) .sB69663:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sB69663.staging:not(.foreign) {
    background: transparent !important;
    border-color: #B69663;
  }
  body:not(.black-and-white-print) .sB69663.staging:not(.foreign) * {
    color: #B69663 !important;
  }
  body:not(.black-and-white-print) .s9C5DA7:not(.staging):not(.foreign) {
    background: #9C5DA7 !important;
  }
  body:not(.black-and-white-print) .s9C5DA7:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s9C5DA7.staging:not(.foreign) {
    background: transparent !important;
    border-color: #9C5DA7;
  }
  body:not(.black-and-white-print) .s9C5DA7.staging:not(.foreign) * {
    color: #9C5DA7 !important;
  }
  body:not(.black-and-white-print) .s645BD0:not(.staging):not(.foreign) {
    background: #645BD0 !important;
  }
  body:not(.black-and-white-print) .s645BD0:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s645BD0.staging:not(.foreign) {
    background: transparent !important;
    border-color: #645BD0;
  }
  body:not(.black-and-white-print) .s645BD0.staging:not(.foreign) * {
    color: #645BD0 !important;
  }
  body:not(.black-and-white-print) .s429746:not(.staging):not(.foreign) {
    background: #429746 !important;
  }
  body:not(.black-and-white-print) .s429746:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s429746.staging:not(.foreign) {
    background: transparent !important;
    border-color: #429746;
  }
  body:not(.black-and-white-print) .s429746.staging:not(.foreign) * {
    color: #429746 !important;
  }
  body:not(.black-and-white-print) .s396D84:not(.staging):not(.foreign) {
    background: #396D84 !important;
  }
  body:not(.black-and-white-print) .s396D84:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s396D84.staging:not(.foreign) {
    background: transparent !important;
    border-color: #396D84;
  }
  body:not(.black-and-white-print) .s396D84.staging:not(.foreign) * {
    color: #396D84 !important;
  }
  body:not(.black-and-white-print) .s5597B4:not(.staging):not(.foreign) {
    background: #5597B4 !important;
  }
  body:not(.black-and-white-print) .s5597B4:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s5597B4.staging:not(.foreign) {
    background: transparent !important;
    border-color: #5597B4;
  }
  body:not(.black-and-white-print) .s5597B4.staging:not(.foreign) * {
    color: #5597B4 !important;
  }
  body:not(.black-and-white-print) .s845B4E:not(.staging):not(.foreign) {
    background: #845B4E !important;
  }
  body:not(.black-and-white-print) .s845B4E:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s845B4E.staging:not(.foreign) {
    background: transparent !important;
    border-color: #845B4E;
  }
  body:not(.black-and-white-print) .s845B4E.staging:not(.foreign) * {
    color: #845B4E !important;
  }
  body:not(.black-and-white-print) .s8666E1:not(.staging):not(.foreign) {
    background: #8666E1 !important;
  }
  body:not(.black-and-white-print) .s8666E1:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s8666E1.staging:not(.foreign) {
    background: transparent !important;
    border-color: #8666E1;
  }
  body:not(.black-and-white-print) .s8666E1.staging:not(.foreign) * {
    color: #8666E1 !important;
  }
  body:not(.black-and-white-print) .sF88853:not(.staging):not(.foreign) {
    background: #F88853 !important;
  }
  body:not(.black-and-white-print) .sF88853:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sF88853.staging:not(.foreign) {
    background: transparent !important;
    border-color: #F88853;
  }
  body:not(.black-and-white-print) .sF88853.staging:not(.foreign) * {
    color: #F88853 !important;
  }
  body:not(.black-and-white-print) .s12B835:not(.staging):not(.foreign) {
    background: #12B835 !important;
  }
  body:not(.black-and-white-print) .s12B835:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s12B835.staging:not(.foreign) {
    background: transparent !important;
    border-color: #12B835;
  }
  body:not(.black-and-white-print) .s12B835.staging:not(.foreign) * {
    color: #12B835 !important;
  }
  body:not(.black-and-white-print) .s00C49E:not(.staging):not(.foreign) {
    background: #00C49E !important;
  }
  body:not(.black-and-white-print) .s00C49E:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s00C49E.staging:not(.foreign) {
    background: transparent !important;
    border-color: #00C49E;
  }
  body:not(.black-and-white-print) .s00C49E.staging:not(.foreign) * {
    color: #00C49E !important;
  }
  body:not(.black-and-white-print) .s70A7EE:not(.staging):not(.foreign) {
    background: #70A7EE !important;
  }
  body:not(.black-and-white-print) .s70A7EE:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s70A7EE.staging:not(.foreign) {
    background: transparent !important;
    border-color: #70A7EE;
  }
  body:not(.black-and-white-print) .s70A7EE.staging:not(.foreign) * {
    color: #70A7EE !important;
  }
  body:not(.black-and-white-print) .sF76B6A:not(.staging):not(.foreign) {
    background: #F76B6A !important;
  }
  body:not(.black-and-white-print) .sF76B6A:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sF76B6A.staging:not(.foreign) {
    background: transparent !important;
    border-color: #F76B6A;
  }
  body:not(.black-and-white-print) .sF76B6A.staging:not(.foreign) * {
    color: #F76B6A !important;
  }
  body:not(.black-and-white-print) .s0085FF:not(.staging):not(.foreign) {
    background: #0085FF !important;
  }
  body:not(.black-and-white-print) .s0085FF:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s0085FF.staging:not(.foreign) {
    background: transparent !important;
    border-color: #0085FF;
  }
  body:not(.black-and-white-print) .s0085FF.staging:not(.foreign) * {
    color: #0085FF !important;
  }
  body:not(.black-and-white-print) .s937368:not(.staging):not(.foreign) {
    background: #937368 !important;
  }
  body:not(.black-and-white-print) .s937368:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s937368.staging:not(.foreign) {
    background: transparent !important;
    border-color: #937368;
  }
  body:not(.black-and-white-print) .s937368.staging:not(.foreign) * {
    color: #937368 !important;
  }
  body:not(.black-and-white-print) .s108AEC:not(.staging):not(.foreign) {
    background: #108AEC !important;
  }
  body:not(.black-and-white-print) .s108AEC:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s108AEC.staging:not(.foreign) {
    background: transparent !important;
    border-color: #108AEC;
  }
  body:not(.black-and-white-print) .s108AEC.staging:not(.foreign) * {
    color: #108AEC !important;
  }
  body:not(.black-and-white-print) .s67C3EB:not(.staging):not(.foreign) {
    background: #67C3EB !important;
  }
  body:not(.black-and-white-print) .s67C3EB:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s67C3EB.staging:not(.foreign) {
    background: transparent !important;
    border-color: #67C3EB;
  }
  body:not(.black-and-white-print) .s67C3EB.staging:not(.foreign) * {
    color: #67C3EB !important;
  }
  body:not(.black-and-white-print) .s2466BC:not(.staging):not(.foreign) {
    background: #2466BC !important;
  }
  body:not(.black-and-white-print) .s2466BC:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s2466BC.staging:not(.foreign) {
    background: transparent !important;
    border-color: #2466BC;
  }
  body:not(.black-and-white-print) .s2466BC.staging:not(.foreign) * {
    color: #2466BC !important;
  }
  body:not(.black-and-white-print) .s3F51B5:not(.staging):not(.foreign) {
    background: #3F51B5 !important;
  }
  body:not(.black-and-white-print) .s3F51B5:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s3F51B5.staging:not(.foreign) {
    background: transparent !important;
    border-color: #3F51B5;
  }
  body:not(.black-and-white-print) .s3F51B5.staging:not(.foreign) * {
    color: #3F51B5 !important;
  }
  body:not(.black-and-white-print) .s503F86:not(.staging):not(.foreign) {
    background: #503F86 !important;
  }
  body:not(.black-and-white-print) .s503F86:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s503F86.staging:not(.foreign) {
    background: transparent !important;
    border-color: #503F86;
  }
  body:not(.black-and-white-print) .s503F86.staging:not(.foreign) * {
    color: #503F86 !important;
  }
  body:not(.black-and-white-print) .s7986CB:not(.staging):not(.foreign) {
    background: #7986CB !important;
  }
  body:not(.black-and-white-print) .s7986CB:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s7986CB.staging:not(.foreign) {
    background: transparent !important;
    border-color: #7986CB;
  }
  body:not(.black-and-white-print) .s7986CB.staging:not(.foreign) * {
    color: #7986CB !important;
  }
  body:not(.black-and-white-print) .sB39DDB:not(.staging):not(.foreign) {
    background: #B39DDB !important;
  }
  body:not(.black-and-white-print) .sB39DDB:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sB39DDB.staging:not(.foreign) {
    background: transparent !important;
    border-color: #B39DDB;
  }
  body:not(.black-and-white-print) .sB39DDB.staging:not(.foreign) * {
    color: #B39DDB !important;
  }
  body:not(.black-and-white-print) .sE6A462:not(.staging):not(.foreign) {
    background: #E6A462 !important;
  }
  body:not(.black-and-white-print) .sE6A462:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sE6A462.staging:not(.foreign) {
    background: transparent !important;
    border-color: #E6A462;
  }
  body:not(.black-and-white-print) .sE6A462.staging:not(.foreign) * {
    color: #E6A462 !important;
  }
  body:not(.black-and-white-print) .sA8B400:not(.staging):not(.foreign) {
    background: #A8B400 !important;
  }
  body:not(.black-and-white-print) .sA8B400:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sA8B400.staging:not(.foreign) {
    background: transparent !important;
    border-color: #A8B400;
  }
  body:not(.black-and-white-print) .sA8B400.staging:not(.foreign) * {
    color: #A8B400 !important;
  }
  body:not(.black-and-white-print) .sF09795:not(.staging):not(.foreign) {
    background: #F09795 !important;
  }
  body:not(.black-and-white-print) .sF09795:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sF09795.staging:not(.foreign) {
    background: transparent !important;
    border-color: #F09795;
  }
  body:not(.black-and-white-print) .sF09795.staging:not(.foreign) * {
    color: #F09795 !important;
  }
  body:not(.black-and-white-print) .sB68E96:not(.staging):not(.foreign) {
    background: #B68E96 !important;
  }
  body:not(.black-and-white-print) .sB68E96:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sB68E96.staging:not(.foreign) {
    background: transparent !important;
    border-color: #B68E96;
  }
  body:not(.black-and-white-print) .sB68E96.staging:not(.foreign) * {
    color: #B68E96 !important;
  }
  body:not(.black-and-white-print) .s8F827B:not(.staging):not(.foreign) {
    background: #8F827B !important;
  }
  body:not(.black-and-white-print) .s8F827B:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s8F827B.staging:not(.foreign) {
    background: transparent !important;
    border-color: #8F827B;
  }
  body:not(.black-and-white-print) .s8F827B.staging:not(.foreign) * {
    color: #8F827B !important;
  }
  body:not(.black-and-white-print) .sA79B8E:not(.staging):not(.foreign) {
    background: #A79B8E !important;
  }
  body:not(.black-and-white-print) .sA79B8E:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sA79B8E.staging:not(.foreign) {
    background: transparent !important;
    border-color: #A79B8E;
  }
  body:not(.black-and-white-print) .sA79B8E.staging:not(.foreign) * {
    color: #A79B8E !important;
  }
  body:not(.black-and-white-print) .sBB6B00:not(.staging):not(.foreign) {
    background: #BB6B00 !important;
  }
  body:not(.black-and-white-print) .sBB6B00:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .sBB6B00.staging:not(.foreign) {
    background: transparent !important;
    border-color: #BB6B00;
  }
  body:not(.black-and-white-print) .sBB6B00.staging:not(.foreign) * {
    color: #BB6B00 !important;
  }
  body:not(.black-and-white-print) .s008F77:not(.staging):not(.foreign) {
    background: #008F77 !important;
  }
  body:not(.black-and-white-print) .s008F77:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s008F77.staging:not(.foreign) {
    background: transparent !important;
    border-color: #008F77;
  }
  body:not(.black-and-white-print) .s008F77.staging:not(.foreign) * {
    color: #008F77 !important;
  }
  body:not(.black-and-white-print) .s69A083:not(.staging):not(.foreign) {
    background: #69A083 !important;
  }
  body:not(.black-and-white-print) .s69A083:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s69A083.staging:not(.foreign) {
    background: transparent !important;
    border-color: #69A083;
  }
  body:not(.black-and-white-print) .s69A083.staging:not(.foreign) * {
    color: #69A083 !important;
  }
  body:not(.black-and-white-print) .s8EAAA1:not(.staging):not(.foreign) {
    background: #8EAAA1 !important;
  }
  body:not(.black-and-white-print) .s8EAAA1:not(.staging):not(.foreign) * {
    color: white !important;
  }
  body:not(.black-and-white-print) .s8EAAA1.staging:not(.foreign) {
    background: transparent !important;
    border-color: #8EAAA1;
  }
  body:not(.black-and-white-print) .s8EAAA1.staging:not(.foreign) * {
    color: #8EAAA1 !important;
  }
  .black-and-white-print *,
  .black-and-white-print .color-green,
  .black-and-white-print .color-red {
    color: black !important;
    -webkit-text-fill-color: black !important;
  }
  .black-and-white-print .shifts-table {
    border-top-color: rgba(0, 0, 0, 0.08) !important;
  }
  .black-and-white-print .shift-details-status {
    display: none !important;
  }
  .black-and-white-print .shift {
    border-color: black !important;
    background: transparent !important;
  }
  .black-and-white-print .month-tiles-unassigned h2,
  .black-and-white-print .month-tiles-available h2 {
    color: black !important;
  }
  .black-and-white-print .month-tiles-unassigned > div,
  .black-and-white-print .month-tiles-available > div {
    background: transparent !important;
  }
  .black-and-white-print .month-tiles-unassigned > div:before,
  .black-and-white-print .month-tiles-available > div:before {
    display: none;
  }
  .black-and-white-print .print-logo {
    -webkit-filter: saturate(0);
  }
  .shifts-main-area {
    max-width: none;
  }
  .page-break-after-avoid {
    page-break-after: avoid;
  }
  .page-break-before-avoid {
    page-break-before: avoid;
  }
  .page-break-inside-avoid {
    page-break-inside: avoid;
  }
  .shift-feedback-report-column-emoji img {
    height: 20px;
  }
}
.space-equally {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.space-equally > * {
  -ms-flex: 2;
      flex: 2;
}
.space-equally[class*='space-equally-'] > *:first-child {
  padding-left: 0;
}
.space-equally[class*='space-equally-'] > *:last-child {
  padding-right: 0;
}
.space-equally.space-equally-10 > * {
  padding: 0 5px;
}
.space-equally.space-equally-20 > * {
  padding: 0 10px;
}
.space-equally.space-equally-no-shrink > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.transform-uppercase {
  text-transform: uppercase;
  font-size: 11px;
}
.font-no-uppercase {
  text-transform: none;
}
.font-26 {
  font-size: 26px;
  line-height: 34px;
}
.font-25 {
  font-size: 25px;
  line-height: 27.5px;
}
.font-22 {
  font-size: 22px;
  line-height: 26px;
}
.font-20 {
  font-size: 20px;
  line-height: 26px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-36 {
  line-height: 36px !important;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-10 {
  font-size: 10px;
}
.font-18 {
  font-size: 18px;
}
.font-16 {
  font-size: 16px;
  line-height: 20px;
}
.font-12 {
  font-size: 12px;
}
.weight-300 {
  font-weight: 300;
}
.weight-400 {
  font-weight: 400;
}
.weight-600 {
  font-weight: 600;
}
.weight-700 {
  font-weight: 700;
}
.weight-bold {
  font-weight: bold;
}
.table-fixed {
  table-layout: fixed;
}
.uppercase-11-light {
  text-transform: uppercase;
  font-size: 11px;
  color: #97A2AE;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.color-brand {
  color: #0085FF;
}
.bg-color-brand {
  background-color: #0085FF !important;
}
.light-color {
  color: #97A2AE;
}
.color-disabled {
  color: #6D8092;
}
.color-brand-success {
  color: #1CC982 !important;
  -webkit-text-fill-color: #1CC982 !important;
}
.color-brand-danger {
  color: #E96873 !important;
  -webkit-text-fill-color: #E96873 !important;
}
.color-brand-warning {
  color: #FDB34D !important;
  -webkit-text-fill-color: #FDB34D !important;
}
.color-light-color {
  color: #97A2AE;
}
.color-white {
  color: white !important;
}
.paddingless {
  padding: 0 !important;
}
.marginless {
  margin: 0 !important;
}
.borderless {
  border: solid 1px transparent !important;
}
.z-index-2000 {
  z-index: 2000 !important;
}
.margin-left--20 {
  margin-left: -20px !important;
}
.margin-right--20 {
  margin-right: -20px !important;
}
.margin-top--20 {
  margin-top: -20px !important;
}
.margin-bottom--20 {
  margin-bottom: -20px !important;
}
.margin--20 {
  margin: -20px !important;
}
.padding-left--20 {
  padding-left: -20px !important;
}
.padding-right--20 {
  padding-right: -20px !important;
}
.padding-top--20 {
  padding-top: -20px !important;
}
.padding-bottom--20 {
  padding-bottom: -20px !important;
}
.padding--20 {
  padding: -20px !important;
}
.margin-left--15 {
  margin-left: -15px !important;
}
.margin-right--15 {
  margin-right: -15px !important;
}
.margin-top--15 {
  margin-top: -15px !important;
}
.margin-bottom--15 {
  margin-bottom: -15px !important;
}
.margin--15 {
  margin: -15px !important;
}
.padding-left--15 {
  padding-left: -15px !important;
}
.padding-right--15 {
  padding-right: -15px !important;
}
.padding-top--15 {
  padding-top: -15px !important;
}
.padding-bottom--15 {
  padding-bottom: -15px !important;
}
.padding--15 {
  padding: -15px !important;
}
.margin-left--10 {
  margin-left: -10px !important;
}
.margin-right--10 {
  margin-right: -10px !important;
}
.margin-top--10 {
  margin-top: -10px !important;
}
.margin-bottom--10 {
  margin-bottom: -10px !important;
}
.margin--10 {
  margin: -10px !important;
}
.padding-left--10 {
  padding-left: -10px !important;
}
.padding-right--10 {
  padding-right: -10px !important;
}
.padding-top--10 {
  padding-top: -10px !important;
}
.padding-bottom--10 {
  padding-bottom: -10px !important;
}
.padding--10 {
  padding: -10px !important;
}
.margin-left--5 {
  margin-left: -5px !important;
}
.margin-right--5 {
  margin-right: -5px !important;
}
.margin-top--5 {
  margin-top: -5px !important;
}
.margin-bottom--5 {
  margin-bottom: -5px !important;
}
.margin--5 {
  margin: -5px !important;
}
.padding-left--5 {
  padding-left: -5px !important;
}
.padding-right--5 {
  padding-right: -5px !important;
}
.padding-top--5 {
  padding-top: -5px !important;
}
.padding-bottom--5 {
  padding-bottom: -5px !important;
}
.padding--5 {
  padding: -5px !important;
}
.margin-left-0 {
  margin-left: 0px !important;
}
.margin-right-0 {
  margin-right: 0px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-0 {
  margin: 0px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-0 {
  padding: 0px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-5 {
  margin: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-10 {
  margin: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-10 {
  padding: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-15 {
  margin: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-15 {
  padding: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-20 {
  margin: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-20 {
  padding: 20px !important;
}
.margin-left--20 {
  margin-left: -20px !important;
}
.margin-right--20 {
  margin-right: -20px !important;
}
.margin-top--20 {
  margin-top: -20px !important;
}
.margin-bottom--20 {
  margin-bottom: -20px !important;
}
.margin--20 {
  margin: -20px !important;
}
.padding-left--20 {
  padding-left: -20px !important;
}
.padding-right--20 {
  padding-right: -20px !important;
}
.padding-top--20 {
  padding-top: -20px !important;
}
.padding-bottom--20 {
  padding-bottom: -20px !important;
}
.padding--20 {
  padding: -20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-30 {
  margin: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-30 {
  padding: 30px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-40 {
  margin: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-40 {
  padding: 40px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-50 {
  margin: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-50 {
  padding: 50px !important;
}
.margin-left--40 {
  margin-left: -40px !important;
}
.margin-right--40 {
  margin-right: -40px !important;
}
.margin-top--40 {
  margin-top: -40px !important;
}
.margin-bottom--40 {
  margin-bottom: -40px !important;
}
.margin--40 {
  margin: -40px !important;
}
.padding-left--40 {
  padding-left: -40px !important;
}
.padding-right--40 {
  padding-right: -40px !important;
}
.padding-top--40 {
  padding-top: -40px !important;
}
.padding-bottom--40 {
  padding-bottom: -40px !important;
}
.padding--40 {
  padding: -40px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.margin-top-80 {
  margin-top: 80px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-80 {
  margin: 80px !important;
}
.padding-left-80 {
  padding-left: 80px !important;
}
.padding-right-80 {
  padding-right: 80px !important;
}
.padding-top-80 {
  padding-top: 80px !important;
}
.padding-bottom-80 {
  padding-bottom: 80px !important;
}
.padding-80 {
  padding: 80px !important;
}
.margin-left-auto {
  margin-left: auto !important;
}
.margin-right-auto {
  margin-right: auto !important;
}
.margin-top-auto {
  margin-top: auto !important;
}
.margin-bottom-auto {
  margin-bottom: auto !important;
}
.margin-auto {
  margin: auto !important;
}
.padding-left-auto {
  padding-left: auto !important;
}
.padding-right-auto {
  padding-right: auto !important;
}
.padding-top-auto {
  padding-top: auto !important;
}
.padding-bottom-auto {
  padding-bottom: auto !important;
}
.padding-auto {
  padding: auto !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.height-100 {
  height: 100%;
}
.height-100vh {
  height: 100vh;
}
.width-100 {
  width: 100%;
}
.color-gray-disabled {
  color: #6D8092 !important;
}
.medium-center-div {
  width: 730px;
  margin: 30px auto 0;
}
.large-center-div {
  width: 1180px;
  margin: 30px auto 0;
}
.row.width-100 {
  width: calc(100% + 20px);
}
.gray {
  color: #97A2AE;
}
.color-icon-gray,
.iconGray {
  color: #A0AFBE;
}
spinner {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.flex-1 {
  -ms-flex: 1;
      flex: 1;
}
.flex-2 {
  -ms-flex: 2 !important;
      flex: 2 !important;
}
.flex-4 {
  -ms-flex: 4 !important;
      flex: 4 !important;
}
.flex-0 {
  -ms-flex: 0;
      flex: 0;
}
.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.flex-row {
  -ms-flex-flow: row !important;
      flex-flow: row !important;
}
.flex-order--1 {
  -ms-flex-order: -1;
      order: -1;
}
.flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.flex-space-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.align-flex-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.self-flex-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.shadow {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
strong.strong-600,
.strong-600 strong {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600 !important;
}
.white-space-initial {
  white-space: initial;
}
.white-space-pre-line {
  white-space: pre-line;
}
.white-space-nowrap {
  white-space: nowrap;
}
.gray-anchor {
  color: #97A2AE;
}
a:hover .gray-anchor {
  color: #0085FF;
}
.center-vertically {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
}
.center-vertically.inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.align-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: row;
      flex-flow: row;
}
.text-align-left {
  text-align: left !important;
}
.fade-non-hover:not(:hover) {
  opacity: 0.65;
}
.img-second-hover:not(:hover) img:last-child,
.img-second-hover:hover img:first-child {
  display: none;
}
.inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.outline-none {
  outline: none;
}
.opacity-0 {
  opacity: 0 !important;
}
.padding-0 {
  padding: 0 !important;
}
.justify-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.nbsp-if-empty:empty:after {
  content: '\00a0';
}
.border-top-default {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.transition-none {
  transition: none !important;
}
.opacity-05 {
  opacity: 0.5 !important;
}
.opacity-65 {
  opacity: 0.65 !important;
}
.text-center.center-vertically {
  -ms-flex-pack: center;
      justify-content: center;
}
.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.strikethrough {
  text-decoration: line-through;
}
img.rot-45 {
  transform: rotateZ(45deg);
}
img.rot-left-90 {
  transform: rotateZ(90deg);
}
img.rot-right-90 {
  transform: rotateZ(-90deg);
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.text-color-label-gray {
  color: #6B7784;
}
.text-color-gray {
  color: #738190;
}
.text-color-lighter {
  color: #5F7183;
}
.rotate-45 {
  transform: rotateZ(45deg);
}
.text-justify {
  text-align: justify;
}
.color-gray-disabled {
  color: #6D8092;
}
.color-gray-dark {
  color: #4C6379;
}
hr.dark {
  border-top-color: #DCDCDC;
}
.break-word {
  word-break: break-all;
  word-break: break-word;
}
.transform-x--100 {
  transform: translateX(-100%);
}
.opacity-1 {
  opacity: 1 !important;
}
.no-border {
  border: none !important;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0;
  background-color: white;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
  font-size: 12px;
  padding: 0 12px;
  line-height: 30px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  color: #97A2AE;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  cursor: default;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
  color: #97A2AE;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.btn.inactive {
  opacity: 0.65;
}
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-icon {
  background-color: transparent;
  padding: 0;
  transition: all 0.3s ease;
}
.btn-icon:not(.opacity-1) {
  opacity: 0.65;
}
.btn-icon[disabled],
.btn-icon[disabled]:hover {
  opacity: 0.3;
  background-color: transparent;
}
.btn-icon:hover {
  opacity: 1;
}
.btn-primary {
  color: white;
  background-color: #0085FF;
  border: 1px solid #0085FF;
}
.btn-primary:hover {
  color: white;
  background-color: #0077E5;
  border: 1px solid #0077E5;
}
.btn-primary-inversed {
  color: #0085FF;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-primary-inversed:hover {
  color: #0085FF;
  background-color: #cde8ff;
  border: 1px solid #0085FF;
}
.btn-secondary {
  color: #87919C;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-secondary:hover {
  color: #87919C;
  background-color: #cde8ff;
  border: 1px solid #87919C;
}
.btn-warning {
  color: white;
  background-color: #FDB34D;
  border: 1px solid #FDB34D;
}
.btn-warning:hover {
  color: white;
  background-color: #E59A1F;
  border: 1px solid #E59A1F;
}
.btn-warning-inversed {
  color: #FDB34D;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-warning-inversed:hover {
  color: #FDB34D;
  background-color: #FFFFBC;
  border: 1px solid #FDB34D;
}
.btn-danger {
  color: white;
  background-color: #E96873;
  border: 1px solid #E96873;
}
.btn-danger:hover {
  color: white;
  background-color: #C43447;
  border: 1px solid #C43447;
}
.btn-danger-inversed {
  color: #E96873;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-danger-inversed:hover {
  color: #E96873;
  background-color: #FBE5E5;
  border: 1px solid #E96873;
}
.btn-success {
  color: white;
  background-color: #1CC982;
  border: 1px solid #1CC982;
}
.btn-success:hover {
  color: white;
  background-color: #19B474;
  border: 1px solid #19B474;
}
.btn-semitransparent {
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-color: transparent !important;
}
.btn-semitransparent:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.btn-success-inversed {
  color: #1CC982;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-success-inversed:hover {
  color: #1CC982;
  background-color: #EBF8EE;
  border: 1px solid #1CC982;
}
.btn-default {
  color: white;
  background-color: #97A2AE;
  border: 1px solid #97A2AE;
}
.btn-default:hover {
  color: white;
  background-color: #87919C;
  border: 1px solid #87919C;
}
.btn-cancel-inversed {
  color: #97A2AE;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  transition: all 0.25s ease;
}
.btn-cancel-inversed:hover {
  color: #97A2AE;
  background-color: #f2f5f7;
  border: 1px solid #97A2AE;
}
.btn-cancel {
  color: #97A2AE;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  opacity: 1;
  transition: background 0.25s ease;
  letter-spacing: 0.5px;
}
.btn-cancel.btn-icon:not(.opacity-1) img {
  opacity: 0.65;
}
.btn-cancel.btn-icon:not(.opacity-1):hover img {
  opacity: 1;
}
.btn-cancel:not([disabled]):not(.disabled):hover {
  color: #97A2AE;
  background-color: rgba(0, 128, 255, 0.08);
}
.btn-lg {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.5px;
}
.btn-small {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.btn-with-icon {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-align: left;
  position: relative;
}
.btn-with-icon svg path {
  stroke: currentColor;
}
.btn-with-icon:not(.icon-left) {
  padding-right: 36px;
}
.btn-with-icon img,
.btn-with-icon .img,
.btn-with-icon svg {
  position: absolute;
  right: 0;
  top: 0;
}
.btn-with-icon .img {
  width: 34px;
  height: 34px;
  display: block;
}
.btn-with-icon .img img {
  top: 50% !important;
  right: auto;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.btn-with-icon.icon-left {
  padding-left: 0;
}
.btn-with-icon.icon-left:not(.progress-button),
.btn-with-icon.icon-left .progress-button-content {
  padding-left: 34px !important;
}
.btn-with-icon.icon-left img,
.btn-with-icon.icon-left .img,
.btn-with-icon.icon-left svg {
  left: 0;
  right: auto;
}
.btn-with-icon.progress-button {
  padding-right: 0;
}
.btn-with-icon.progress-button .progress-button-content {
  padding-right: 50px;
}
.btn-with-icon.with-dropdown-arrow {
  padding-right: 35px;
}
.btn-with-icon.btn-block {
  padding-right: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
  margin-left: 0;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
a.btn {
  text-decoration: none !important;
}
.input-group > .input-group-btn > .btn {
  border: 2px solid #f2f5f7;
  border-left: 0;
  line-height: 20px;
  padding: 5px 10px;
}
.input-group > .input-group-btn > .btn:hover {
  border: 1px solid #f2f5f7;
  border-left: 0;
}
.input-group > .input-group-btn > .btn.btn-primary {
  font-size: 10px;
}
.button-as-link {
  background: transparent none;
  color: #0085FF;
  border: 0;
  padding: 0;
  margin: 0;
}
.button-as-link.underline-on-hover:hover {
  text-decoration: underline;
}
.btn-group .btn-primary {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
  cursor: default;
  position: relative;
  z-index: 10 !important;
}
.btn-group .btn-default {
  border-color: rgba(0, 0, 0, 0.08);
  background: white;
  color: #97A2AE;
}
.btn-group .btn-default:hover {
  text-decoration: underline;
}
.btn-huge-white {
  background: white;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #e1e6ea;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, color 0.3s ease;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: initial;
  text-align: left;
  color: #738190;
}
.btn-huge-white path[stroke] {
  transition: stroke 0.3s ease;
}
.btn-huge-white img:first-child,
.btn-huge-white .img:first-child {
  margin-right: 10px;
  vertical-align: middle;
}
.btn-huge-white:hover {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.12);
  color: #0085FF;
}
.btn-huge-white:hover path[stroke] {
  stroke: #0085FF;
}
.btn-huge-blue {
  background: #0085FF;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: initial;
  text-align: left;
  color: #FFFFFF;
}
.btn-huge-blue img {
  margin-right: 10px;
  vertical-align: middle;
}
.btn-huge-blue:hover {
  background: #0077E5;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.12);
}
.btn-140 {
  width: 140px;
}
roster .table.manage-table .no-border {
  border: none !important;
}
roster .roster-loader-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
roster .roster-header {
  height: 76px !important;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 5;
}
roster .roster-header.empty-roster {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
roster .roster-column-extended {
  width: 220px;
}
roster .options-column {
  width: 54px;
}
roster .roster-header-date {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #0085FF;
  padding: 0 40px 0 20px;
  font-weight: 600;
  font-size: 20px;
}
roster roster-filters {
  width: 100% !important;
}
roster roster-filters .roster-filters-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
roster roster-filters .roster-filters-container > * {
  margin-left: 10px;
}
roster tbody tr.roster-table-group-header {
  background: #EDF1F4;
}
roster tbody tr.roster-table-group-header h2 {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #738190;
  min-height: 0;
  margin: 0;
}
roster tbody tr.roster-table-group-header > td {
  height: 38px !important;
  padding-left: 20px;
  border: none;
}
roster tbody .roster-table-row {
  background-color: #FFFFFF;
}
roster tbody .roster-table-row td:first-child {
  padding-left: 20px;
}
roster .roster-empty-container {
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 70px 0;
  border-radius: 0 4px;
}
roster .roster-empty-container > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
roster .roster-empty-container > span {
  color: #738190;
}
roster .roster-empty-container .roster-buttons-container {
  width: 300px;
  -ms-flex-item-align: center;
      align-self: center;
}
roster .roster-empty-container .roster-buttons-container .roster-empty-button {
  display: inline-block;
  margin: 0;
  height: 36px;
  width: 220px;
  -ms-flex-preferred-size: 1;
      flex-basis: 1;
}
roster .roster-actions-container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.roster-notes-title {
  font-style: normal;
  color: #738190;
}
.rate-modal-container {
  z-index: 1060;
  position: fixed;
  width: 240px !important;
  right: 0;
  top: 60px;
  background-color: #FFFFFF;
  border: 1px solid #DBDFE5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.rate-modal-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.rate-modal-body .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-bottom: 1px solid #E1E6EA;
}
.rate-modal-body .header-container .sling-logo {
  width: 32px;
  height: 100%;
}
.rate-modal-body .header-container .span-centered {
  text-align: center;
  display: inline-block;
}
.rate-modal-body .header-container .title {
  font-size: 20px;
  line-height: 24px;
  color: #0085FF;
  font-weight: bold;
}
.rate-modal-body .header-container .subtitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #6B7784;
}
.rate-modal-body .action {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #6D8092;
}
.rate-modal-body .ask-later {
  cursor: pointer;
  color: #6D8092;
  opacity: 0.5;
  font-size: 10px;
  line-height: 20px;
  text-decoration: underline;
}
.rate-modal-body .feedback-btn {
  width: 100%;
}
.rate-modal-body .feedback-form {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.rate-modal-body .feedback-form .feedback-input {
  height: 80px;
  resize: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-size: 12px;
}
.star-rating {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.star-rating .star {
  width: 18px;
  height: 16px;
  margin: 0 6px;
  background-image: url(/assets/svg/Icons/16/star-empty-382069.svg);
  cursor: pointer;
}
.star-rating .star.active {
  background-image: url(/assets/svg/Icons/16/star-7c7272.svg);
}
.feedback-modal-container {
  z-index: 1060;
  position: fixed;
  width: 330px !important;
  top: 110px;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  font-family: Open Sans;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
.feedback-modal-container .feedback-modal-inner-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.feedback-modal-container .feedback-modal-inner-container .title {
  font-size: 14px;
  line-height: 24px;
  color: #0085FF;
  font-weight: bold;
}
.feedback-modal-container .feedback-modal-inner-container .horizontal-separator {
  height: 1px;
  background-color: #E1E6EA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-top: 20px;
  margin-bottom: 20px;
}
.feedback-modal-container .feedback-modal-inner-container .feedback-btn {
  width: 100%;
}
.feedback-modal-container .feedback-modal-inner-container .feedback-form {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.feedback-modal-container .feedback-modal-inner-container .feedback-form .feedback-input {
  height: 80px;
  resize: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-size: 12px;
}
.feedback-modal-container .feedback-modal-inner-container .feedback-done-icon {
  height: 32px;
  width: 32px;
}
.feedback-modal-container-tasks {
  right: 168px;
}
.feedback-modal-container-reports {
  right: 158px;
}
.feedback-btn {
  color: #97A2AE;
  height: 36px;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  opacity: 1;
  transition: background 0.25s ease;
  letter-spacing: 0.5px;
  border-radius: 2px;
}
.feedback-btn.btn-icon img {
  opacity: 0.65;
}
.feedback-btn.btn-icon:hover img {
  opacity: 1;
}
.feedback-btn:not([disabled]):not(.disabled):hover {
  color: #97A2AE;
  background-color: rgba(0, 128, 255, 0.08);
}
.feedback-btn .task-share-icon {
  height: 22px;
  width: 22px;
}
.feedback-btn .task-share-feedback {
  font-family: Open Sans;
  font-weight: bold;
  font-size: 12px;
}
.task-share-icon-default {
  content: url(/assets/svg/UI/msg-edit-519bee.svg);
}
.task-share-icon-selected {
  content: url(/assets/svg/UI/msg-edit-hover-bb8edd.svg);
}
.task-share-feedback-selected {
  color: #0085FF;
}
.feedback-btn:hover .task-share-icon {
  content: url(/assets/svg/UI/msg-edit-hover-bb8edd.svg);
}
.feedback-btn:hover .task-share-feedback {
  color: #0085FF;
}

canvas.confetti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999999;
  pointer-events: none;
  transition: all 0.5s ease-out;
  transform: scale(0) translateY(-500px);
}
canvas.confetti.enter {
  transform: none;
}
canvas.confetti.leave {
  transform: none;
  opacity: 0;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
.integrations__header {
  border-bottom: 1px solid #DCDCDC;
  color: #0085FF;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.integrations__loader {
  display: block;
  text-align: center;
}

.integration__container {
  height: 90vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
.integration-entry {
  background: #FFFFFF;
  border: 1px solid #E1E6EA;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 1em;
}
.integration-entry__icon {
  height: 32px;
  margin-right: 1em;
  width: 32px;
}
.integration-entry__name {
  color: #6D8092;
  font-family: Open Sans;
  font-size: 16px;
  line-height: 24px !important;
  margin: 0;
}
.integration-entry__description {
  color: #A0AFBE;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.integration-entry__actions {
  display: -ms-flexbox;
  display: flex;
  font-family: Open Sans;
  font-style: normal;
  margin-left: auto;
  margin-right: 10px;
  -ms-flex-align: center;
      align-items: center;
}
.integration-entry__spinner {
  margin-left: auto;
}
.integration-entry__connect-button {
  background: #FFFFFF;
  border: 1px solid #E1E6EA;
  box-sizing: border-box;
  border-radius: 4px;
  color: #A0AFBE;
  font-weight: 600;
  font-size: 14px;
  line-height: 2.5em;
  padding-left: 2.4em;
  padding-right: 2.4em;
}
.integration-entry__sync-button,
.integration-entry__disconnect-button {
  color: #6D8092;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.8;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.integration-entry__status--enabled {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  padding: 3px 8px 3px 8px;
  text-align: center;
  text-transform: uppercase;
  background: #1CC982;
}
.integration-entry__status--initializing,
.integration-entry__status--maintenance,
.integration-entry__status--queued,
.integration-entry__status--syncing {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  padding: 3px 8px 3px 8px;
  text-align: center;
  text-transform: uppercase;
  background: #FDB34D;
}
.integration-entry__status--error,
.integration-entry__status--error_oauth {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  padding: 3px 8px 3px 8px;
  text-align: center;
  text-transform: uppercase;
  background: #E96873;
}
.integration-entry__status--error_billing,
.integration-entry__status--error_config,
.integration-entry__status--error_consent {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  padding: 3px 8px 3px 8px;
  text-align: center;
  text-transform: uppercase;
  background: #E96873;
}
.integration-entry__status--location_mapping {
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  padding: 3px 8px 3px 8px;
  text-align: center;
  text-transform: uppercase;
  background: #FDB34D;
}
.integration-entry .toggle-btn {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}
.integration-entry .toggle-btn.visible {
  transform: rotate(90deg);
}
.integration-entry__teaser {
  margin: 5px 0 0 45px;
  font-size: 12px;
  font-weight: 600;
}
.integration-entry .disconnect-span-disabled {
  padding: 6px 10px;
  opacity: 0.5;
}

.integration-oauth__container {
  height: 90vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
messages-preview .preview-banner .image-fallback {
  margin-bottom: -40px;
  width: 700px;
}
.conversations-flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
}
.dashboard-notifications-group {
  top: 60px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1031;
}
.dashboard-notifications-prompt {
  background: #FDB34D;
  color: #FFFFFF;
  height: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  padding: 10px 0;
}
.dashboard-notifications-prompt.second-prompt {
  top: 120px;
  border-top: solid 1px #FFFFFF;
}
.dashboard-notifications-prompt .button-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px;
}
.dashboard-notification-button {
  min-width: 100px;
  height: 30px;
  margin-left: 10px;
  padding: 0 10px;
  line-height: 28px;
  letter-spacing: 1px;
  border-radius: 3px;
}
.dashboard-notification-button:not(:hover) {
  opacity: 0.8;
}
.dashboard-notification-button.notification-confirm {
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 2px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
.dashboard-notification-button.notification-reject {
  background-color: transparent;
  border: solid 2px rgba(0, 0, 0, 0.3);
}
.conversations-container.dashboard-notification-on {
  height: calc(100% - 60px);
}
.conversation-list,
.conversation-details {
  float: left;
  position: relative;
  height: 100%;
}
.conversation-list .big-search,
.conversation-details .big-search {
  margin: 0 10px 0 0;
}
.conversation-list .big-search img,
.conversation-details .big-search img {
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  padding: 9px;
  opacity: 0.65;
  transition: opacity 0.3s ease, background 0.3s ease;
  z-index: 2;
}
.conversation-list .big-search:hover img,
.conversation-details .big-search:hover img {
  opacity: 1;
}
.conversation-list .big-search input,
.conversation-details .big-search input {
  width: 36px;
  transition: width ease-in-out 0.25s, padding-right ease-in-out 0.25s, background ease 0.3s;
}
.conversation-list .big-search input:not(:focus):not(.non-empty),
.conversation-details .big-search input:not(:focus):not(.non-empty) {
  padding-right: 12px;
}
.conversation-list .big-search input:not(:focus):not(.non-empty)::-moz-placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty)::-moz-placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty):-ms-input-placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty):-ms-input-placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty)::placeholder,
.conversation-details .big-search input:not(:focus):not(.non-empty)::placeholder {
  opacity: 0;
}
.conversation-list .big-search input:not(:focus):not(.non-empty):hover,
.conversation-details .big-search input:not(:focus):not(.non-empty):hover {
  cursor: pointer;
}
.conversation-list .big-search input:focus,
.conversation-details .big-search input:focus,
.conversation-list .big-search input.non-empty,
.conversation-details .big-search input.non-empty {
  width: 300px;
}
.conversation-list .big-search input:hover,
.conversation-details .big-search input:hover,
.conversation-list .big-search input:focus,
.conversation-details .big-search input:focus {
  background-color: rgba(0, 128, 255, 0.08);
}
.conversation-list .conversation-options-button,
.conversation-details .conversation-options-button {
  border-radius: 3px;
}
.conversation-list .conversation-options-button:hover,
.conversation-details .conversation-options-button:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.conversation-list {
  width: 225px;
}
.conversation-list img.messages-empty {
  height: 412px;
  position: absolute;
  top: 85px;
  right: -25px;
}
.conversation-group h4 {
  font-weight: bold;
  font-size: 13px;
  color: #5F7183;
  line-height: 18px;
  border-bottom: 1px solid;
  padding-bottom: 15px;
}
.conversation-group h4 img {
  opacity: 0.5;
  cursor: pointer;
}
.conversation-group h4 img:hover {
  opacity: 1;
}
.conversation-group .dropdown-menu > div {
  width: 200px;
  max-height: 250px;
  overflow-y: auto;
  margin-right: -10px;
  padding-right: 10px;
}
.conversation-group .dropdown-search {
  position: relative;
  padding: 10px;
}
.conversation-group .dropdown-search img {
  position: absolute;
  top: 14px;
  left: 14px;
  pointer-events: none;
}
.conversation-group .dropdown-search input {
  background: #f2f5f7;
  padding: 2px 6px 2px 24px;
  height: auto;
  font-weight: 300;
  color: #5F7183;
  border: none;
  border-radius: 3px;
}
.conversation-group .conversation-in-group {
  padding: 0 5px 0;
  border-radius: 3px;
  position: relative;
  font-size: 13px;
  color: #97A2AE;
}
.conversation-group .conversation-in-group:hover {
  background-color: rgba(0, 128, 255, 0.08);
  color: #0085FF;
}
.conversation-group .conversation-in-group:hover button {
  opacity: 1;
}
.conversation-group .conversation-in-group a {
  padding: 6px 0 6px 6px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.conversation-group .conversation-in-group a.active {
  color: #0085FF;
  font-weight: 600;
}
.conversation-group .conversation-in-group button {
  opacity: 0;
  background: transparent;
}
.conversation-group .conversation-in-group .conversation-rest-expand-icon {
  transition: transform 0.25s ease;
  transform: none;
}
.conversation-group .conversation-in-group .conversation-rest-expand-icon.expanded {
  transform: rotateZ(-180deg);
}
.conversation-group .flex-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}
.conversation-group .flex-name > :first-child {
  -ms-flex: 2;
      flex: 2;
}
.conversation-group + .conversation-group {
  margin-top: 30px;
}
archived-conversations {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 19px;
  background: #f2f5f7;
}
archived-conversations a.link-as-text.more {
  font-weight: 600;
  color: #6D8092;
}
archived-conversations a.link-as-text.more.active svg path {
  stroke: #0085FF;
}
.conversation-details {
  width: calc(100% - 225px);
  padding-right: 10px;
}
.conversation-start-new {
  margin-top: 20px;
}
.fixed-height {
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 0;
  right: 0;
  padding-right: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.fixed-height.space-from-bottom {
  bottom: 60px;
}
.nav-sidebar {
  padding-top: 5px;
}
.nav-sidebar li.messages-search {
  padding: 6px 0 10px 0;
  font-size: 0.9em;
}
.nav-sidebar li.messages-search .form-group {
  margin: 0;
}
.nav-sidebar li.messages-search .small-search {
  margin: 0;
  transition: all 0.25s ease;
}
.nav-sidebar li.messages-search .small-search img {
  position: absolute;
  top: 10px;
  left: 7px;
}
.nav-sidebar li.messages-search .small-search input {
  height: 36px;
  border-width: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 28px;
}
.nav-sidebar li.messages-search .form-inline-clear {
  position: absolute;
  right: 0;
  top: 3px;
  width: 30px;
  height: 30px;
  color: #97A2AE;
  text-align: center;
  font-size: 18px;
}
.nav-sidebar li.messages-search .form-inline-clear:hover {
  text-decoration: none;
  color: #5F7183;
}
.nav-sidebar li.messages-search.result {
  height: 30px;
  background-color: #f2f5f7;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  position: relative;
  top: -2px;
}
.nav-sidebar li.messages-search.result p {
  color: #A0AFBE;
  font: normal 11px/17px 'Sling Emojis', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.65;
}
.nav-sidebar li.messages-search.result p span {
  background-color: #A0AFBE;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 7px;
  font-weight: bold;
  padding: 0 5px;
}
.messages-container {
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: 0;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.messages-container .messages-header {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 20px;
  padding-left: 30px;
}
.messages-container .messages-header h1 {
  font-size: 1.4em;
  margin: 0 20px -2px 26px;
  padding: 2px 0 2px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 600px;
}
.messages-container .messages-header h1 a {
  color: #0085FF;
}
.messages-container .messages-header h1 img {
  margin-right: 20px;
}
.messages-container .messages-header .avatar {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.messages-container .messages-header.search {
  padding: 20px 30px;
  color: #9A9A9A;
}
.messages-container .messages-header.search form > div {
  font-size: 1.4em;
  margin-right: 10px;
}
.messages-container .message-scroller-and-members {
  -ms-flex: 2;
      flex: 2;
  overflow: hidden;
  position: relative;
}
.messages-container .messages-scroller {
  transition: right 0.5s ease;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  right: 240px;
}
.messages-container .messages-scroller.full-width {
  right: 30px;
  width: auto;
}
.messages-container .messages-scroller.anchor-bottom {
  overflow: visible;
}
.messages-container .messages-scroller.anchor-bottom > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -20px;
  padding: 20px 20px 0;
}
.messages-container .messages-scroller .message-repeat:last-child {
  padding-bottom: 20px;
}
.messages-container .messages-scroller .chat-utils-col {
  width: 15% !important;
}
.messages-container .messages-scroller .chat-messages-col {
  width: 85% !important;
}
.messages-container .messages-scroller .col-xs-2.text-right {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.messages-container .messages-scroller .col-xs-2.text-right + .col-xs-14 {
  padding-left: 20px;
}
.messages-container .messages-scroller.compose {
  padding: 0 10px;
  margin-top: 61px;
  left: 120px;
}
.messages-container .messages-scroller.compose h1 {
  font-size: 36px;
  margin: 0;
}
.messages-container .messages-scroller.compose .chat-start-description {
  color: #a4a4a4;
  font-weight: 400;
  line-height: 138%;
  margin: 20px 0 32px;
  font-size: 16px;
}
.messages-container .load-more {
  text-align: center;
  padding: 20px 0;
}
.messages-container .messages-footer {
  background: white;
  z-index: 2;
}
.messages-container .messages-footer.compose {
  height: auto;
  margin: 0 75px;
  padding: 20px 0;
}
.messages-container .messages-footer.compose .btn + .btn {
  margin-right: 20px;
}
.messages-container .messages-footer.compose .btn {
  width: 170px;
  font-weight: 400;
  letter-spacing: 1px;
}
.messages-container .messages-footer__info--disabled {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #6D8092;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 10px 126px;
  padding: 10px;
  text-align: center;
  width: 605px;
}
.messages-container .message-author .avatar {
  position: absolute;
  right: 0;
  top: 2px;
}
.messages-container .message-author a,
.messages-container .message-author span {
  color: #646464;
  font-weight: bold;
}
.messages-container .message span.edited {
  font-style: italic;
  color: #a2a2a2;
}
.messages-container .message .time {
  color: #a2a2a2;
  font-size: 0.85em;
  line-height: 20px;
  display: none;
}
.messages-container .message .actions {
  display: none;
  margin-top: -5px;
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.messages-container .message .actions button {
  border: 0;
  font-size: 0.8em;
  padding: 0;
  background: transparent;
  color: #919191;
  outline: none;
}
.messages-container .message .actions button span {
  margin: 0;
  margin-right: 6px;
  padding: 0;
}
.messages-container .message .failed {
  padding: 8px 10px;
  background-color: #fbe9eb;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.messages-container .message .failed .retry-icon {
  opacity: 0.8;
  margin-right: 5px;
  transition: opacity 0.3s ease;
}
.messages-container .message .failed:hover {
  background-color: #fbdddf;
}
.messages-container .message .failed:hover .retry-icon {
  opacity: 1;
}
.messages-container .message .action {
  padding: 8px 10px;
  background: #d9edf7;
}
.messages-container .message:hover .time,
.messages-container .message:hover .actions {
  display: -ms-flexbox;
  display: flex;
}
.messages-container .message.typing {
  font-style: italic;
  color: #97A2AE;
}
.messages-container .message.meta p,
.messages-container .message.deleted p {
  font-style: italic;
  color: #97A2AE;
}
.messages-container .message.typing {
  margin-bottom: -20px;
}
.messages-container .message.typing .align-bottom-vertically {
  min-height: 1.5em;
}
.messages-container .message.typing .col-xs-14 {
  padding-left: 20px;
}
.messages-container .message.typing markdown-hints {
  margin-left: auto;
}
.messages-container .welcome-to-page {
  padding: 0 75px;
  width: 580px;
  box-sizing: content-box;
}
.messages-container .temporary-textarea {
  position: fixed;
  top: 0;
  left: -999px;
}
.messages-footer-middle,
.messages-footer-right {
  float: left;
  padding: 10px;
}
.messages-footer-middle {
  width: 480px;
  padding-right: 0;
  margin-left: 118px;
  position: relative;
}
.messages-footer-middle .textarea-border {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.88, 0.44, 1, 0.43), border-color 0.3s ease;
}
.messages-footer-middle .textarea-border.focused {
  border-color: #0085FF;
}
.messages-footer-middle .textarea-border > textarea {
  border: none !important;
}
.messages-footer-middle .textarea-border-collapse textarea {
  transition-duration: 0.3s;
  transform: translateY(-100%);
}
.messages-footer-right {
  width: 144px;
}
.messages-scroller .date-group-header {
  margin: 10px 0;
}
.messages-scroller .date-group-header .col-xs-14 {
  padding-left: 20px;
}
.messages-scroller .date-group-header h2 {
  text-transform: none;
  font-size: 1.1em;
  background: white;
  padding: 0 15px;
}
.messages-scroller .date-group-header h2 span {
  color: inherit;
  margin: 0;
}
.messages-scroller .date-group-header ~ .message-separator {
  display: none;
}
.message-separator {
  height: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.message-separator .col-xs-14 {
  padding-left: 20px;
}
.message-separator .line {
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  position: relative;
  top: 6px;
}
.file-upload {
  cursor: pointer;
}
.file-upload-container {
  height: 45px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  white-space: nowrap;
}
.progressbar-container {
  margin-top: 1px;
}
.progressbar-container,
div.progress {
  height: 2px;
}
div.progress {
  margin: 0;
  background: white;
  box-shadow: none;
}
#messages-mention {
  margin-left: -7px;
  width: 468px;
  bottom: 25px !important;
  top: auto !important;
}
.message-search-more {
  color: #0085FF;
}
message-content {
  display: block;
  position: relative;
}
.message-repeat .message.row.highlight {
  background: #F3F3F3;
}
.message-repeat.temporary {
  color: #97A2AE;
}
.message-repeat.temporary .spinner {
  display: none;
  transform: scale(0.5) translateY(6px);
  margin-top: -4px;
  margin-left: -2px;
  width: auto;
}
.swoop-content-add {
  position: fixed;
  bottom: 76px;
  transform: translateY(63px);
}
.swoop-content-add-active {
  transition: transform 0.3s cubic-bezier(0.88, 0.44, 1, 0.43);
  transform: translateY(0);
}
.message:hover .spinner {
  display: inline-block;
}
.message-search-repeat .message.row {
  padding-bottom: 10px;
  margin: 0;
  border-bottom: none;
}
.message-search-repeat .message.row .col-xs-14 {
  border-bottom: rgba(0, 0, 0, 0.08);
}
.message-search-repeat .message.row .col-xs-14:last-child {
  border-bottom: none;
}
.message-search-repeat .message.row .search-created {
  font-size: 10px;
  color: #aeaeae;
  margin-top: 10px;
}
.message-search-repeat .message.row .search-created a {
  color: #aeaeae;
  font-size: 10px;
  font-weight: 400;
}
.message-search-repeat .message.row .message-target-link {
  display: inline-block;
  width: 100%;
  background: transparent;
  padding: 10px 0 0 0;
}
.message-search-repeat .message.row .message-target-link:hover {
  background: #F3F3F3;
  cursor: pointer;
}
.uploaded-file {
  margin-top: 4px;
  padding: 8px 10px 8px 12px;
  clear: both;
  background: rgba(59, 77, 96, 0.05);
  border-radius: 3px;
}
.uploaded-file a.remove-attachment {
  color: #97A2AE;
  opacity: 0.65;
  font-size: 120%;
  text-decoration: none;
  line-height: 1;
  padding: 2px;
  float: right;
}
.uploaded-file a.remove-attachment:hover {
  opacity: 1;
}
.uploaded-file:hover {
  text-decoration: none;
  background: rgba(59, 77, 96, 0.1);
}
.uploaded-file:hover a.remove-attachment {
  display: inline;
}
.edit-conversation .form-group {
  border: none;
  margin-bottom: 0;
}
.edit-conversation .choose-mode {
  padding: 40px;
  text-align: center;
}
.edit-conversation .choose-mode:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.edit-conversation .choose-mode:first-child {
  padding-top: 20px;
}
.edit-conversation .choose-mode:last-child {
  padding-bottom: 20px;
}
.edit-conversation .choose-mode img {
  margin-right: 10px;
}
.unread-badge {
  margin-left: 10px;
  margin-right: 6px;
  padding: 2px 3px;
  background: #0085FF;
  border-radius: 3px;
  color: white;
  min-width: 17px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
.start-conversation {
  background: none;
  width: 580px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  position: absolute;
  left: 110px;
  bottom: 0;
  padding-top: 60px;
}
.start-conversation .no-conversations-info {
  margin-top: 40px;
}
.start-conversation .divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 20px 0;
}
.start-conversation .start-conversation-title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
}
.start-conversation .start-conversation-header {
  margin: 60px 0 50px;
  color: #738190;
}
.start-conversation .start-conversation-header :first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.start-conversation .start-conversation-header h2 {
  margin: 0;
  font-size: 24px;
}
.start-conversation .start-conversation-header h2 + div {
  margin-top: 5px;
}
.start-conversation .start-conversation-header img {
  margin-right: 20px;
}
.start-conversation .user-select {
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.start-conversation .start-conversation-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.start-conversation .user-search {
  position: relative;
  margin-bottom: 20px;
}
.start-conversation .user-search input {
  padding-right: 36px;
}
.start-conversation .user-search img {
  position: absolute;
  top: 11px;
  right: 11px;
}
.start-conversation .user-list {
  overflow-y: auto;
  min-height: 0;
}
.start-conversation .user-item {
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.start-conversation .user-item:hover {
  background-color: rgba(0, 128, 255, 0.08);
}
.start-conversation .user-item > avatar {
  margin: 0 15px 0 10px;
}
.start-conversation .user-item > div {
  color: #5F7183;
  font-size: 14px;
  min-width: 0px;
  /* important for flex */
}
.start-conversation .user-item > div .location {
  color: #97A2AE;
}
.start-conversation .no-users {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  color: #738190;
}
.start-conversation .modal-header {
  display: none;
}
.start-conversation .modal-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.start-conversation .modal-footer {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
#editMessage,
#editArticle {
  padding-right: 65px;
  resize: vertical;
}
#editMessage + .emoji-selector,
#editArticle + .emoji-selector {
  right: 50px;
  top: 22px;
}
.list-group-item {
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #0085FF;
  border-color: #0085FF;
  box-shadow: none;
}
.reaction-selector-dropdown-menu {
  width: 172px;
  min-width: 172px;
  z-index: 1080;
  transform: translate(0, -115px);
}
.reaction-selector-icon {
  margin-right: 5px;
}
.message-reactions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.message-reactions .reaction-selector-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  cursor: pointer;
  color: #A0AFBE;
  margin-left: 5px;
  margin-bottom: 5px;
}
.message-reactions .reaction-selector-icon:hover {
  color: #0085FF;
}
.message-reactions .reaction-selector-icon:hover .slingicon-emoji {
  background-image: url(/assets/images/emoji/emoji_tab_face_icon-selected@2x-87c203.png);
}
.message-reactions .reaction-selector-icon .slingicon-emoji {
  margin-top: -1px;
  margin-left: 3px;
}
.message-reactions .reaction-selector-icon .plus {
  font-size: 16px;
  line-height: 16px;
}
.message-reaction {
  min-width: 50px;
  height: 26px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  float: left;
  border-radius: 13px;
  border: 1px solid #A0AFBE;
  margin-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 5px;
  margin-bottom: 5px;
}
.message-reaction .emoji {
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: end;
}
.message-reaction .count {
  font-size: 12px;
  line-height: 20px;
  color: #6D8092;
  -ms-flex-item-align: center;
      align-self: center;
}
.message-reaction.active {
  border-color: #0085FF;
}
.message-reaction.active .count {
  color: #0085FF;
}
.tooltip.reaction-users-tooltip .tooltip-inner {
  background-color: #FFFFFF !important;
  color: #6D8092 !important;
  border-width: 0;
  font-size: 11px;
  line-height: 14px;
}
.tooltip.reaction-users-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: #FFFFFF;
}
.messages-members,
.newsfeed-sidebar {
  font-size: 12px;
}
.messages-members span,
.newsfeed-sidebar span {
  color: #97A2AE;
}
.messages-members h4,
.newsfeed-sidebar h4 {
  padding-bottom: 15px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #97A2AE;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.messages-members .messages-member,
.newsfeed-sidebar .messages-member {
  padding: 5px 0;
  color: #97A2AE;
}
.messages-members .messages-member .dropdown-menu a:not(:hover),
.newsfeed-sidebar .messages-member .dropdown-menu a:not(:hover) {
  color: #5F7183;
}
.messages-members .messages-member .link-as-text:hover,
.newsfeed-sidebar .messages-member .link-as-text:hover {
  text-decoration: none;
}
.inactive-member-tooltip .tooltip-arrow {
  left: 15px !important;
}
.messages-member-group {
  font-weight: normal;
  padding: 12px 0 10px;
  color: #97A2AE;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.messages-member-group .group-header {
  cursor: pointer;
  font-size: 12px;
  opacity: 0.8;
}
.messages-member-group .group-header:hover {
  opacity: 1;
}
.messages-member-group .group-header span {
  margin-top: 0px;
}
.messages-member-group .group-content {
  margin-top: 15px;
}
.messages-member-group img {
  margin-right: 6px;
}
.messages-member-group .triangle-button {
  position: absolute;
  right: -6px;
  top: 10px;
  transform: rotateZ(-90deg);
  transition: transform 0.25s ease;
}
.messages-member-group.expanded .triangle-button {
  transform: none;
}
.messages-container .messages-members {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 225px;
  right: 0;
  padding: 0 20px;
  transition: transform 0.5s ease;
  transform: translateX(205px);
}
.messages-container .messages-members.open {
  transform: translateX(0);
}
.members-group-cotainer {
  transition: margin 0.2s ease;
  color: #97A2AE;
}
.members-group-cotainer .members-group-header {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 12px;
  padding: 5px 0;
}
.members-group-cotainer .members-expand-icon {
  transform: rotateZ(-90deg);
  transition: transform 0.25s ease;
}
.members-group-cotainer.expanded .members-expand-icon {
  transform: none;
}
.members-group-cotainer .members-group-users {
  margin-left: 14px;
}
.integration-issues__entry {
  background: #FDB34D;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  padding: 10px 0;
}

.integration-parameters__label {
  padding-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.integration-parameters__label > label {
  margin: 0;
}
.integration-parameters__field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.integration-parameters__field .copy-icon {
  position: absolute;
  right: 12px;
}
.integration-parameters__input::-moz-placeholder,
.integration-parameters__postfix {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.5;
  margin-left: 5px;
}
.integration-parameters__input:-ms-input-placeholder,
.integration-parameters__postfix {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.5;
  margin-left: 5px;
}
.integration-parameters__input::placeholder,
.integration-parameters__postfix {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.5;
  margin-left: 5px;
}
.integration-parameters__postfix {
  padding-left: 0px;
}
.integration-parameters__link-icon {
  background-image: url(/assets/svg/Icons/32/link-gray-8bd74f.svg);
  height: 32px;
  width: 32px;
}
.integration-parameters .loader-container {
  text-align: center;
}
.integration-parameters .secret-code {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: #DBDFE5;
}
.copy-button .copy-hover {
  display: none;
}
.copy-button:hover .copy {
  display: none;
}
.copy-button:hover .copy-hover {
  display: block;
}

.alert-danger {
  color: #FFFFFF;
  background-color: #E96873;
  border-color: #E96873;
}
.btn-icon-fade img {
  opacity: 0.65;
}
.btn-icon-fade:hover img {
  opacity: 1;
}
.modal-s {
  height: 300px;
  min-width: auto !important;
  width: 470px;
}
.modal-s > .modal-content {
  height: 100%;
}
.integration-modal {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}
.integration-modal__title {
  color: #6D8092;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin-top: 1.2em;
  margin-bottom: 0.2em;
}
.integration-modal__description {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #6D8092;
}
.integration-modal__sync-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-weight: normal;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #A0AFBE;
}
.integration-modal__sync-button {
  margin-top: 20px;
  width: 180px;
}
.integration-modal .statusIcon {
  width: 64px;
  height: 64px;
}
.integration-modal__icon--initializing,
.integration-modal__icon--queued,
.integration-modal__icon--syncing {
  background: transparent url(/assets/svg/Icons/64/sit-tight-orange-55952e.svg) no-repeat;
  width: 64px;
  height: 64px;
}
.integration-modal__icon--shift_import {
  background: transparent url(/assets/svg/Icons/64/sit-tight-orange-55952e.svg) no-repeat;
  width: 64px;
  height: 64px;
}
.integration-modal__icon--enabled {
  background: transparent url(/assets/svg/Icons/64/success-green-6c475d.svg) no-repeat;
  width: 64px;
  height: 64px;
}
.integration-modal__close-button {
  background: transparent url(/assets/svg/UI/small-close-53300e.svg) no-repeat;
  background-position: center;
  border: none;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
}
.animated-popup-container {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  pointer-events: none;
}
@keyframes popupAnimation {
  0% {
    transform: translate(0, 30px);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  75% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -30px);
    opacity: 0;
  }
}
.animated-popup-content {
  min-height: 28px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  background-color: #1CC982;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 4px 25px;
  animation-timing-function: ease;
  animation-duration: 1s;
  transform: translate(0, 30px);
  opacity: 0;
}
.animated-popup-content.animate {
  animation-name: popupAnimation;
}
.animated-popup-content span {
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 600;
}


/*# sourceMappingURL=main~._a.22b68cac77ddca7ad578.css.map*/