/*! Test code for Autoprefixer. If you don't see vendor specific code (e.g. -webkit-user-select: none) generated at the top of Site.css, Autoprefixer is NOT working   */
.test-autoprefixer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
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,
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: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px 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 {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-sizing: content-box;
  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;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", "Montserrat", "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--kendo-color-on-app-surface, #212121);
  background-color: var(--kendo-color-surface, #ffffff);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0079ad;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #004461;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  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: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--kendo-color-surface, #ffffff);
  border: 1px solid #ddd;
  border-radius: 3;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  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;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.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 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.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 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: 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;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* Project-wide colors */
/* Greyscale colors */
/* BMS additions and customization */
/* Additional styles and override */
@font-face {
  font-family: 'bms';
  src: url('/fonts/bms.eot');
  src: url('/fonts/bms.eot') format('embedded-opentype'), url('/fonts/bms.woff') format('woff'), url('/fonts/bms.ttf') format('truetype'), url('/fonts/bms.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-bms-"],
[class*=" icon-bms-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bms' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bms-clear-tag:before {
  content: "\e955";
}
.icon-bms-patient-census:before {
  content: "\e952";
}
.icon-bms-employee-pattern:before {
  content: "\e953";
}
.icon-bms-custom-storage:before {
  content: "\e954";
}
.icon-bms-long-term-care:before {
  content: "\e951";
}
.icon-bms-up-down-button:before {
  content: "\e94f";
}
.icon-bms-up-down-caret:before {
  content: "\e950";
}
.icon-bms-up-down-review:before {
  content: "\e94d";
}
.icon-bms-new-chat-message:before {
  content: "\e94e";
}
.icon-bms-notify-by-in-app:before {
  content: "\e949";
}
.icon-bms-notify-by-sms:before {
  content: "\e94a";
}
.icon-bms-notify-by-email:before {
  content: "\e94b";
}
.icon-bms-notify-by-voice:before {
  content: "\e94c";
}
.icon-bms-data-bank-balance:before {
  content: "\e947";
}
.icon-bms-data-bank:before {
  content: "\e948";
}
.icon-bms-open-shift-opportunity:before {
  content: "\e945";
}
.icon-bms-open-shift-view:before {
  content: "\e946";
}
.icon-bms-balance-adjust:before {
  content: "\e940";
}
.icon-bms-balance-reset:before {
  content: "\e941";
}
.icon-bms-accrual:before {
  content: "\e942";
}
.icon-bms-timeoff-bank-balance:before {
  content: "\e943";
}
.icon-bms-timeoff-bank:before {
  content: "\e944";
}
.icon-bms-set-active:before {
  content: "\e93e";
}
.icon-bms-set-inactive:before {
  content: "\e93f";
}
.icon-bms-call-out-custom-rules:before {
  content: "\e93a";
}
.icon-bms-call-out-rules:before {
  content: "\e93b";
}
.icon-bms-call-out-schedule:before {
  content: "\e93c";
}
.icon-bms-call-outs:before {
  content: "\e93d";
}
.icon-bms-time-clock-setup:before {
  content: "\e939";
}
.icon-bms-view-calendar-by-shift:before {
  content: "\e938";
}
.icon-bms-phone-other:before {
  content: "\e933";
}
.icon-bms-at-work:before {
  content: "\e934";
}
.icon-bms-phone-fax:before {
  content: "\e935";
}
.icon-bms-phone-business:before {
  content: "\e936";
}
.icon-bms-phone-home:before {
  content: "\e937";
}
.icon-bms-rotated-square-outline:before {
  content: "\e92e";
}
.icon-bms-rotated-square:before {
  content: "\e92f";
}
.icon-bms-triangle:before {
  content: "\e930";
}
.icon-bms-triangle-outline:before {
  content: "\e931";
}
.icon-bms-clock-solid:before {
  content: "\e932";
}
.icon-bms-ask-question:before {
  content: "\e92d";
}
.icon-bms-clear-skill:before {
  content: "\e929";
}
.icon-bms-skill:before {
  content: "\e92a";
}
.icon-bms-clear-shift-reason-alt:before {
  content: "\e92b";
}
.icon-bms-shift-reason-alt:before {
  content: "\e92c";
}
.icon-bms-convert-to-open-shift:before {
  content: "\e928";
}
.icon-bms-punch-rejected:before {
  content: "\e927";
}
.icon-bms-import-location-data:before {
  content: "\e926";
}
.icon-bms-import-shift-data:before {
  content: "\e924";
}
.icon-bms-import-task-data:before {
  content: "\e925";
}
.icon-bms-bid:before {
  content: "\e921";
}
.icon-bms-triangle-down:before {
  content: "\e922";
}
.icon-bms-triangle-up:before {
  content: "\e923";
}
.icon-bms-assign-open-shift:before {
  content: "\e91e";
}
.icon-bms-circled-arrow-left:before {
  content: "\e91f";
}
.icon-bms-circled-arrow-right:before {
  content: "\e920";
}
.icon-bms-timeoff-request-indicator:before {
  content: "\e91d";
}
.icon-bms-status-withdrawn:before {
  content: "\e91b";
}
.icon-bms-status-accepted:before {
  content: "\e91c";
}
.icon-bms-sad:before {
  content: "\e919";
}
.icon-bms-status-expired:before {
  content: "\e91a";
}
.icon-bms-assign-to-employee:before {
  content: "\e913";
}
.icon-bms-assign-shift-to-employee:before {
  content: "\e914";
}
.icon-bms-reassign-shift:before {
  content: "\e915";
}
.icon-bms-reassign-task:before {
  content: "\e916";
}
.icon-bms-assign-task:before {
  content: "\e917";
}
.icon-bms-clear-shift-reason:before {
  content: "\e918";
}
.icon-bms-shift-solid:before {
  content: "\e90f";
}
.icon-bms-file-code:before {
  content: "\e910";
}
.icon-bms-file-image:before {
  content: "\e911";
}
.icon-bms-file-text:before {
  content: "\e912";
}
.icon-bms-assign-shift1:before {
  content: "\e900";
}
.icon-bms-cc-amex:before {
  content: "\e901";
}
.icon-bms-cc-discover:before {
  content: "\e902";
}
.icon-bms-cc-mastercard:before {
  content: "\e903";
}
.icon-bms-cc-paypal:before {
  content: "\e904";
}
.icon-bms-cc-visa:before {
  content: "\e905";
}
.icon-bms-graph:before {
  content: "\e906";
}
.icon-bms-linkedin:before {
  content: "\e907";
}
.icon-bms-play-video:before {
  content: "\e908";
}
.icon-bms-quote:before {
  content: "\e909";
}
.icon-bms-select-employee:before {
  content: "\e90a";
}
.icon-bms-shift-bid:before {
  content: "\e90b";
}
.icon-bms-shift-trade:before {
  content: "\e90c";
}
.icon-bms-triangle-left:before {
  content: "\e90d";
}
.icon-bms-triangle-right:before {
  content: "\e90e";
}
.icon-bms-mail-send:before {
  content: "\e654";
}
.icon-bms-assign-time-off:before {
  content: "\e655";
}
.icon-bms-square-outline-square-corner-square-inside:before {
  content: "\e658";
}
.icon-bms-square-outline-square-corner:before {
  content: "\e659";
}
.icon-bms-undo:before {
  content: "\e651";
}
.icon-bms-assign-time-off-request:before {
  content: "\e652";
}
.icon-bms-assign-shift:before {
  content: "\e653";
}
.icon-bms-circle-solid:before {
  content: "\e657";
}
.icon-bms-square-outline-folded-corner-square-inside:before {
  content: "\e638";
}
.icon-bms-square-outline-folded-corner:before {
  content: "\e64e";
}
.icon-bms-square-outline-square-inside:before {
  content: "\e64f";
}
.icon-bms-square-circle-cutout:before {
  content: "\e650";
}
.icon-bms-square-box-minus:before {
  content: "\e635";
}
.icon-bms-square-box-plus:before {
  content: "\e637";
}
.icon-bms-report-page:before {
  content: "\e631";
}
.icon-bms-skill-expiration-warning:before {
  content: "\e632";
}
.icon-bms-scheduled-timeoff:before {
  content: "\e633";
}
.icon-bms-pending-timeoff-request:before {
  content: "\e634";
}
.icon-bms-collapse-next:before {
  content: "\e639";
}
.icon-bms-expand-next:before {
  content: "\e63a";
}
.icon-bms-collapse-prev:before {
  content: "\e63b";
}
.icon-bms-expand-prev:before {
  content: "\e64c";
}
.icon-bms-resize-handle:before {
  content: "\e64d";
}
.icon-bms-status-rejected:before {
  content: "\e644";
}
.icon-bms-status-pending:before {
  content: "\e645";
}
.icon-bms-status-approved:before {
  content: "\e646";
}
.icon-bms-shift-plan:before {
  content: "\e647";
}
.icon-bms-shift-patterns:before {
  content: "\e648";
}
.icon-bms-play-circle:before {
  content: "\e649";
}
.icon-bms-customized-fields:before {
  content: "\e64a";
}
.icon-bms-auto-schedule:before {
  content: "\e64b";
}
.icon-bms-account-signup:before {
  content: "\e609";
}
.icon-bms-configure-header-footer:before {
  content: "\e60a";
}
.icon-bms-export-to-file:before {
  content: "\e60b";
}
.icon-bms-import-employee-data:before {
  content: "\e60d";
}
.icon-bms-import-excel:before {
  content: "\e62e";
}
.icon-bms-import-from-snap-schedule:before {
  content: "\e62f";
}
.icon-bms-logo:before {
  content: "\e630";
}
.icon-bms-logo-alternate:before {
  content: "\e636";
}
.icon-bms-punch-reason:before {
  content: "\e63c";
}
.icon-bms-run-report:before {
  content: "\e63d";
}
.icon-bms-shiftcategory:before {
  content: "\e63e";
}
.icon-bms-taskcategory:before {
  content: "\e63f";
}
.icon-bms-timecard-actual:before {
  content: "\e640";
}
.icon-bms-timecard-planned:before {
  content: "\e641";
}
.icon-bms-timeoff-reason:before {
  content: "\e642";
}
.icon-bms-update-report-parameters:before {
  content: "\e643";
}
.icon-bms-database-add:before {
  content: "\e610";
}
.icon-bms-call-center:before {
  content: "\e611";
}
.icon-bms-punch-in:before {
  content: "\e612";
}
.icon-bms-punch-out:before {
  content: "\e613";
}
.icon-bms-view-daily-employee:before {
  content: "\e614";
}
.icon-bms-view-daily-shift:before {
  content: "\e615";
}
.icon-bms-database-examples:before {
  content: "\e616";
}
.icon-bms-dispatch-center:before {
  content: "\e617";
}
.icon-bms-employee-availability:before {
  content: "\e618";
}
.icon-bms-database-delete:before {
  content: "\e619";
}
.icon-bms-database-export:before {
  content: "\e61a";
}
.icon-bms-fire-department:before {
  content: "\e61b";
}
.icon-bms-fund-raising:before {
  content: "\e61c";
}
.icon-bms-database-import:before {
  content: "\e61d";
}
.icon-bms-librarian:before {
  content: "\e61e";
}
.icon-bms-database-setting:before {
  content: "\e61f";
}
.icon-bms-manage-subscription:before {
  content: "\e620";
}
.icon-bms-manufacturing-workers:before {
  content: "\e621";
}
.icon-bms-medical-staff:before {
  content: "\e622";
}
.icon-bms-police-department:before {
  content: "\e623";
}
.icon-bms-database-lock:before {
  content: "\e624";
}
.icon-bms-reports:before {
  content: "\e625";
}
.icon-bms-restaurant-workers:before {
  content: "\e626";
}
.icon-bms-security-guards:before {
  content: "\e627";
}
.icon-bms-shift-bidding:before {
  content: "\e628";
}
.icon-bms-system-management:before {
  content: "\e629";
}
.icon-bms-view-task:before {
  content: "\e62a";
}
.icon-bms-time-off:before {
  content: "\e62b";
}
.icon-bms-user-role:before {
  content: "\e62c";
}
.icon-bms-work-crew:before {
  content: "\e62d";
}
.icon-bms-home:before {
  content: "\e003";
}
.icon-bms-camera:before {
  content: "\e036";
}
.icon-bms-playvideo:before {
  content: "\e044";
}
.icon-bms-diamondshape:before {
  content: "\e057";
}
.icon-bms-megaphone:before {
  content: "\e060";
}
.icon-bms-new:before {
  content: "\e061";
}
.icon-bms-connection:before {
  content: "\e062";
}
.icon-bms-profile:before {
  content: "\e078";
}
.icon-bms-files:before {
  content: "\e07e";
}
.icon-bms-file-plus:before {
  content: "\e07f";
}
.icon-bms-file-minus:before {
  content: "\e080";
}
.icon-bms-file-download:before {
  content: "\e081";
}
.icon-bms-file-upload:before {
  content: "\e082";
}
.icon-bms-file-check:before {
  content: "\e083";
}
.icon-bms-file-remove:before {
  content: "\e084";
}
.icon-bms-copy:before {
  content: "\e091";
}
.icon-bms-folder-download:before {
  content: "\e099";
}
.icon-bms-folder-upload:before {
  content: "\e09a";
}
.icon-bms-folder-plus:before {
  content: "\e09c";
}
.icon-bms-folder-minus:before {
  content: "\e09e";
}
.icon-bms-folder-checked:before {
  content: "\e09f";
}
.icon-bms-folder-remove:before {
  content: "\e0a0";
}
.icon-bms-folder-close:before {
  content: "\e0a1";
}
.icon-bms-folder-open:before {
  content: "\e0a2";
}
.icon-bms-folder:before {
  content: "\e098";
}
.icon-bms-certificate:before {
  content: "\e0b1";
}
.icon-bms-tag:before {
  content: "\e0b3";
}
.icon-bms-cart-plus:before {
  content: "\e0c8";
}
.icon-bms-cart-minus:before {
  content: "\e0c9";
}
.icon-bms-cart-add:before {
  content: "\e0ca";
}
.icon-bms-cart-remove:before {
  content: "\e0cb";
}
.icon-bms-cart-checkout:before {
  content: "\e0cc";
}
.icon-bms-cart-delete:before {
  content: "\e0cd";
}
.icon-bms-coins:before {
  content: "\e0d4";
}
.icon-bms-on-call:before {
  content: "\e0da";
}
.icon-bms-call-incoming:before {
  content: "\e0e2";
}
.icon-bms-call-outgoing:before {
  content: "\e0e3";
}
.icon-bms-address-book:before {
  content: "\e0e9";
}
.icon-bms-notebook:before {
  content: "\e0ea";
}
.icon-bms-envelop:before {
  content: "\e0ec";
}
.icon-bms-envelop-opened:before {
  content: "\e0ee";
}
.icon-bms-location-marker:before {
  content: "\e0f2";
}
.icon-bms-bell:before {
  content: "\e10c";
}
.icon-bms-stopwatch:before {
  content: "\e111";
}
.icon-bms-print:before {
  content: "\e118";
}
.icon-bms-mobile:before {
  content: "\e126";
}
.icon-bms-mobile-phone:before {
  content: "\e128";
}
.icon-bms-database:before {
  content: "\e138";
}
.icon-bms-bubble-notification:before {
  content: "\e179";
}
.icon-bms-bubbles:before {
  content: "\e16b";
}
.icon-bms-employee:before {
  content: "\e194";
}
.icon-bms-users:before {
  content: "\e186";
}
.icon-bms-user-plus:before {
  content: "\e187";
}
.icon-bms-user-minus:before {
  content: "\e189";
}
.icon-bms-user-cancel:before {
  content: "\e18b";
}
.icon-bms-user-block:before {
  content: "\e18c";
}
.icon-bms-user:before {
  content: "\e185";
}
.icon-bms-employees:before {
  content: "\e18d";
}
.icon-bms-zoomin:before {
  content: "\e1b8";
}
.icon-bms-zoomout:before {
  content: "\e1b9";
}
.icon-bms-search:before {
  content: "\e1b7";
}
.icon-bms-expand:before {
  content: "\e1bf";
}
.icon-bms-contract:before {
  content: "\e1c0";
}
.icon-bms-key:before {
  content: "\e1ce";
}
.icon-bms-lock:before {
  content: "\e1d5";
}
.icon-bms-unlocked:before {
  content: "\e1d6";
}
.icon-bms-wrench:before {
  content: "\e1d7";
}
.icon-bms-cogs:before {
  content: "\e1e0";
}
.icon-bms-cog:before {
  content: "\e1e5";
}
.icon-bms-tools:before {
  content: "\e1e9";
}
.icon-bms-wand:before {
  content: "\e1ed";
}
.icon-bms-hammer:before {
  content: "\e23b";
}
.icon-bms-remove:before {
  content: "\e250";
}
.icon-bms-signup:before {
  content: "\e296";
}
.icon-bms-to-do:before {
  content: "\e295";
}
.icon-bms-list:before {
  content: "\e29d";
}
.icon-bms-menu:before {
  content: "\e2ac";
}
.icon-bms-grid2:before {
  content: "\e2a4";
}
.icon-bms-globe:before {
  content: "\e2c4";
}
.icon-bms-flag:before {
  content: "\e2d1";
}
.icon-bms-eye-close:before {
  content: "\e2df";
}
.icon-bms-eye:before {
  content: "\e2de";
}
.icon-bms-bookmark:before {
  content: "\e2e4";
}
.icon-bms-bookmarks:before {
  content: "\e2e5";
}
.icon-bms-crescent-moon:before {
  content: "\e2f9";
}
.icon-bms-warning:before {
  content: "\e356";
}
.icon-bms-notification-circle:before {
  content: "\e358";
}
.icon-bms-plus-circle:before {
  content: "\e35f";
}
.icon-bms-minus-circle:before {
  content: "\e361";
}
.icon-bms-info-circle:before {
  content: "\e363";
}
.icon-bms-cancel-circle:before {
  content: "\e366";
}
.icon-bms-checkmark-circle:before {
  content: "\e368";
}
.icon-bms-close:before {
  content: "\e36b";
}
.icon-bms-checkmark:before {
  content: "\e370";
}
.icon-bms-minus:before {
  content: "\e375";
}
.icon-bms-plus:before {
  content: "\e376";
}
.icon-bms-sign-in:before {
  content: "\e379";
}
.icon-bms-sign-out:before {
  content: "\e37a";
}
.icon-bms-play:before {
  content: "\e385";
}
.icon-bms-pause:before {
  content: "\e386";
}
.icon-bms-stop:before {
  content: "\e387";
}
.icon-bms-backward:before {
  content: "\e388";
}
.icon-bms-forward:before {
  content: "\e389";
}
.icon-bms-first:before {
  content: "\e38a";
}
.icon-bms-last:before {
  content: "\e38b";
}
.icon-bms-previous:before {
  content: "\e38c";
}
.icon-bms-next:before {
  content: "\e38d";
}
.icon-bms-refresh:before {
  content: "\e3a8";
}
.icon-bms-arrow-right:before {
  content: "\e3fb";
}
.icon-bms-arrow-left:before {
  content: "\e3ff";
}
.icon-bms-sort:before {
  content: "\e426";
}
.icon-bms-checkbox-checked:before {
  content: "\e42e";
}
.icon-bms-checkbox-unchecked:before {
  content: "\e42f";
}
.icon-bms-square:before {
  content: "\e430";
}
.icon-bms-cut:before {
  content: "\e442";
}
.icon-bms-filter:before {
  content: "\e445";
}
.icon-bms-facebook:before {
  content: "\e499";
}
.icon-bms-twitter:before {
  content: "\e49e";
}
.icon-bms-googleplus:before {
  content: "\e495";
}
.icon-bms-file-pdf:before {
  content: "\e4e2";
}
.icon-bms-file-word:before {
  content: "\e4e4";
}
.icon-bms-file-excel:before {
  content: "\e4e5";
}
.icon-bms-file-zip:before {
  content: "\e4e6";
}
.icon-bms-file-powerpoint:before {
  content: "\e4e7";
}
.icon-bms-libreoffice:before {
  content: "\e4e1";
}
.icon-bms-disk:before {
  content: "\e134";
}
.icon-bms-windows8:before {
  content: "\e4ca";
}
.icon-bms-arrow-up:before {
  content: "\e3f9";
}
.icon-bms-arrow-down:before {
  content: "\e3fd";
}
.icon-bms-find:before {
  content: "\e1b5";
}
.icon-bms-grid:before {
  content: "\e2a2";
}
.icon-bms-busy:before {
  content: "\e1a6";
}
.icon-bms-menu-bars:before {
  content: "\e2af";
}
.icon-bms-question-circle:before {
  content: "\e35c";
}
.icon-bms-checkmark-style:before {
  content: "\e372";
}
.icon-bms-table:before {
  content: "\e466";
}
.icon-bms-clipboard:before {
  content: "\e294";
}
.icon-bms-file:before {
  content: "\e07c";
}
.icon-bms-paste:before {
  content: "\e094";
}
.icon-bms-vcard:before {
  content: "\e19c";
}
.icon-bms-edit:before {
  content: "\e014";
}
.icon-bms-stairs:before {
  content: "\e20c";
}
.icon-bms-clock:before {
  content: "\e103";
}
.icon-bms-configure-display:before {
  content: "\e467";
}
.icon-bms-popout:before {
  content: "\e47e";
}
.icon-bms-location:before {
  content: "\e00f";
}
.icon-bms-tasks:before {
  content: "\f0ae";
}
.icon-bms-ellipsis-h:before {
  content: "\f141";
}
.icon-bms-new-window:before {
  content: "\e600";
}
.icon-bms-stack:before {
  content: "\e097";
}
.icon-bms-workers:before {
  content: "\e00b";
}
.icon-bms-worker:before {
  content: "\e00a";
}
.icon-bms-team:before {
  content: "\e009";
}
.icon-bms-coins2:before {
  content: "\e008";
}
.icon-bms-view-punch:before {
  content: "\e005";
}
.icon-bms-details:before {
  content: "\e00c";
}
.icon-bms-era-settings:before {
  content: "\e00d";
}
.icon-bms-position:before {
  content: "\e00e";
}
.icon-bms-timecard:before {
  content: "\e011";
}
.icon-bms-view-task-alt:before {
  content: "\e601";
}
.icon-bms-view-calendar:before {
  content: "\e603";
}
.icon-bms-view-daily:before {
  content: "\e604";
}
.icon-bms-calendar-blank:before {
  content: "\e605";
}
.icon-bms-view-shift:before {
  content: "\e602";
}
.icon-bms-myschedule:before {
  content: "\e608";
}
.icon-bms-shift:before {
  content: "\e607";
}
.icon-bms-shift-reason:before {
  content: "\e606";
}
.icon-bms-shift-premium-policy:before {
  content: "\e60c";
}
.icon-bms-app-user:before {
  content: "\e199";
}
.icon-bms-app-user-role:before {
  content: "\e60e";
}
.icon-bms-angry:before {
  content: "\e32d";
}
.icon-bms-app-users:before {
  content: "\e60f";
}
.k-button-icon[class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1em;
  width: 1em;
  color: #009de0;
}
.k-menu .k-link [class*="icon-bms-"],
.k-menu-item [class*="icon-bms-"],
.k-context-menu [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
.k-grid [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
}
.k-grid-toolbar [class*="icon-bms-"] {
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
}
.k-treeview .k-in [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
.k-tabstrip .k-link [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
.k-list .k-item [class*="icon-bms-"],
.k-listview [class*="icon-bms-"],
.k-dropdown .k-dropdown-wrap [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
}
.k-window-titlebar [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
.k-menu-item > .k-link [class*="icon-bms-"],
.k-menu-item span[class*="icon-bms-"],
span.k-menu-item [class*="icon-bms-"],
li.k-menu-item [class*="icon-bms-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
:root {
  --bms-grid-bg: var(--kendo-color-surface, #ffffff);
  --bms-grid-border: var(--kendo-color-border, #e0e0e0);
  --bms-grid-border-light: var(--kendo-color-border-alt, #f0f0f0);
  --bms-grid-header-bg: var(--kendo-color-base, #f8f9fa);
  --bms-grid-hover-bg: var(--kendo-color-base-hover, #f5f7fa);
  --bms-grid-selected-bg: var(--kendo-color-primary-subtle, rgba(25, 118, 210, 0.08));
  --bms-grid-selected-border: var(--kendo-color-primary, #1976d2);
  --bms-grid-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --bms-grid-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --bms-grid-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --bms-grid-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
  --bms-grid-radius-sm: 3px;
  --bms-grid-radius: 4px;
  --bms-grid-radius-md: 6px;
  --bms-grid-radius-lg: 8px;
  --bms-transition-fast: 100ms ease;
  --bms-transition: 150ms ease;
  --bms-transition-slow: 250ms ease;
}
div.bms-panel-selection-grid {
  display: block;
  left: 10px;
  top: 0;
  bottom: 10px;
  width: 210px;
  height: 100%;
}
div.bms-schedule-view-full-grid {
  width: 100%;
  height: 100%;
  position: relative;
}
div.bms-schedule-view-left-grid {
  width: 260px;
  height: 100%;
}
div.bms-schedule-view-right-grid {
  width: 260px;
  height: 100%;
}
div.bms-schedule-view-top-grid {
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 200px;
  position: absolute !important;
}
div.bms-schedule-view-bottom-grid {
  display: block;
  left: 0px;
  right: 0px;
  height: 200px;
  bottom: 0px;
  position: absolute;
}
div.bms-schedule-view-bottom-grid > div.bms-region.bms-region-cells {
  overflow-y: auto !important;
}
div.bms-schedule-edit-view-left-grid {
  display: block;
  top: 0px;
  left: 0px;
  width: 200px;
  bottom: 0px;
  position: absolute;
}
div.bms-schedule-edit-view-top-grid {
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 200px;
  position: absolute;
}
div.bms-grid,
div.bms-region,
div.bms-region-cells,
div.bms-ch,
div.bms-cf,
div.bms-rh,
div.bms-rf,
div.bms-cell,
div.bms-cell-background,
div.bms-cd,
div.bms-selection-box,
div.bms-selection-box-handle,
div.bms-selection-box-button,
div.bms-destination-box,
div.bms-popup-box,
div.bms-popup-box-contents,
div.bms-popup-box-title,
div.bms-popup-box-data,
div.bms-gl,
div.bms-console,
div.bms-grid-textbox {
  position: absolute;
  text-align: left;
  vertical-align: middle;
  background-color: var(--bms-grid-bg);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}
.bms-rh.bms-ch,
.bms-rf.bms-ch,
.bms-region.bms-region-ch,
.bms-rh.bms-cf {
  font-weight: 500;
}
div.bms-rf.bms-ch .bms-subcell-vertical {
  padding-right: 10px;
}
div.bms-cd {
  background-color: transparent;
}
div.bms-cd i {
  vertical-align: middle;
}
div.bms-region-ch,
div.bms-region-cf,
div.bms-region-rh,
div.bms-region-rf,
div.bms-ch.bms-rh,
div.bms-ch.bms-rf,
div.bms-cf.bms-rh,
div.bms-cf.bms-rf {
  background-color: var(--bms-grid-header-bg);
  border-color: var(--bms-grid-border-light);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
div.bms-region-ch,
div.bms-region-cf {
  border-left: none;
  border-right: none;
}
div.bms-region-rh,
div.bms-region-rf {
  border-top: none;
  border-bottom: none;
}
div.bms-region-rh.bms-region-empty {
  border-right: none;
}
div.bms-region-rf.bms-region-empty {
  border-left: none;
}
div.bms-region-ch.bms-region-empty {
  border-bottom: none;
}
div.bms-region-cf.bms-region-empty {
  border-top: none;
}
div.bms-rh.bms-ch.bms-region-empty {
  border-right: none;
  border-bottom: none;
}
div.bms-rh.bms-cf.bms-region-empty {
  border-right: none;
  border-top: none;
}
div.bms-rf.bms-ch.bms-region-empty {
  border-left: none;
  border-bottom: none;
}
div.bms-rf.bms-cf.bms-region-empty {
  border-left: none;
  border-top: none;
}
div.bms-ch,
div.bms-cf,
div.bms-rh,
div.bms-rf {
  text-align: center;
  background-color: var(--bms-grid-header-bg);
  border-color: var(--bms-grid-border-light);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  -webkit-transition: background-color var(--bms-transition);
  -o-transition: background-color var(--bms-transition);
  transition: background-color var(--bms-transition);
}
div.bms-ch:hover,
div.bms-cf:hover,
div.bms-rh:hover,
div.bms-rf:hover {
  background-color: var(--bms-grid-hover-bg);
}
div.bms-ch p,
div.bms-cf p,
div.bms-rh p,
div.bms-rf p {
  line-height: 1;
  margin: 2px 3px 0 3px;
}
div.bms-ch p:nth-child(2),
div.bms-cf p:nth-child(2),
div.bms-rh p:nth-child(2),
div.bms-rf p:nth-child(2) {
  font-size: smaller;
}
div.bms-ch,
div.bms-cf {
  border-left: none;
  border-top: none;
  border-bottom: none;
}
div.bms-rh,
div.bms-rf {
  border-left: none;
  border-right: none;
  border-top: none;
}
div.bms-ch.bms-last-column,
div.bms-cf.bms-last-column {
  border-right: none;
}
div.bms-rh.bms-last-row,
div.bms-rf.bms-last-row {
  border-bottom: none;
}
div.bms-ch-selected {
  background-color: rgba(51, 102, 255, 0.3) !important;
  color: var(--bms-grid-selected-border);
  font-weight: 500;
}
div.bms-rh-selected {
  background-color: rgba(51, 102, 255, 0.3) !important;
  color: inherit;
  font-weight: 500;
}
div.bms-rh.bms-rh-overlay,
div.bms-rf.bms-rf-overlay,
div.bms-ch.bms-ch-overlay,
div.bms-cf.bms-cf-overlay {
  background-color: transparent;
  border-style: none;
}
div.bms-rh.bms-rh-overlay .bms-overlay-top,
div.bms-rf.bms-rf-overlay .bms-overlay-top,
div.bms-ch.bms-ch-overlay .bms-overlay-top,
div.bms-cf.bms-cf-overlay .bms-overlay-top {
  position: absolute;
  height: 50px;
  top: 0;
  left: 10px;
  right: 10px;
  vertical-align: middle;
  text-align: center;
}
div.bms-rh.bms-rh-overlay .bms-overlay-top .k-button,
div.bms-rf.bms-rf-overlay .bms-overlay-top .k-button,
div.bms-ch.bms-ch-overlay .bms-overlay-top .k-button,
div.bms-cf.bms-cf-overlay .bms-overlay-top .k-button {
  margin-top: 5px;
}
div.bms-rh.bms-rh-overlay .bms-overlay-bottom,
div.bms-rf.bms-rf-overlay .bms-overlay-bottom,
div.bms-ch.bms-ch-overlay .bms-overlay-bottom,
div.bms-cf.bms-cf-overlay .bms-overlay-bottom {
  position: absolute;
  height: 50px;
  bottom: 0;
  left: 10px;
  right: 10px;
  vertical-align: middle;
  text-align: center;
}
div.bms-rh.bms-rh-overlay .bms-overlay-bottom .k-button,
div.bms-rf.bms-rf-overlay .bms-overlay-bottom .k-button,
div.bms-ch.bms-ch-overlay .bms-overlay-bottom .k-button,
div.bms-cf.bms-cf-overlay .bms-overlay-bottom .k-button {
  margin-top: 5px;
}
div.bms-cell {
  background-color: var(--bms-grid-bg);
  border-color: var(--bms-grid-border-light);
  border-style: solid;
  border-width: 0 1px 1px 0;
  -webkit-transition: background-color var(--bms-transition);
  -o-transition: background-color var(--bms-transition);
  transition: background-color var(--bms-transition);
}
div.bms-cell:hover {
  background-color: var(--bms-grid-hover-bg);
}
div.bms-cell.bms-last-row {
  border-bottom: none;
}
div.bms-cell.bms-last-column {
  border-right: none;
}
div.bms-subcell-horizontal {
  float: left;
  height: 100%;
}
div.bms-subcell-horizontal.text-disabled-background {
  border-top: 1px solid var(--bms-grid-border-light);
}
div.bms-subcell-horizontal-separator {
  float: left;
  height: 100%;
  width: 1px;
  background-color: var(--bms-grid-border-light);
}
div.bms-subcell-vertical {
  float: left;
  width: 100%;
}
div.bms-subcell-vertical-separator {
  float: left;
  width: 100%;
  height: 1px;
  background-color: var(--bms-grid-border-light);
}
@-webkit-keyframes subtle-pulse {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.3);
            box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 0 4px rgba(25, 118, 210, 0);
            box-shadow: 0 0 0 4px rgba(25, 118, 210, 0);
  }
}
@keyframes subtle-pulse {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.3);
            box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 0 4px rgba(25, 118, 210, 0);
            box-shadow: 0 0 0 4px rgba(25, 118, 210, 0);
  }
}
div.bms-cell-empty.bms-selected,
div.bms-cd.bms-selected {
  background-color: var(--bms-grid-selected-bg);
  border: 2px solid var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
  -webkit-animation: subtle-pulse 2s ease-in-out infinite;
          animation: subtle-pulse 2s ease-in-out infinite;
}
div.bms-cell.bms-drop-hover {
  background-color: var(--bms-grid-selected-bg);
  border: 2px solid var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
}
div.bms-selection-box {
  background-color: rgba(25, 118, 210, 0.05);
  border: 2px solid var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
}
div.bms-selection-box-held {
  background-color: var(--bms-grid-selected-bg);
  opacity: 0.3;
}
div.bms-selection-box-handle {
  background-color: transparent;
  border: none;
  overflow: visible;
}
div.bms-selection-box-handle:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: var(--bms-grid-selected-border);
  border: 2px solid var(--bms-grid-header-bg, #f8f9fa);
  border-radius: 2px;
}
div.bms-selection-box-handle-nw {
  cursor: nw-resize;
}
div.bms-selection-box-handle-nw:after {
  top: -4.5px;
  left: -4.5px;
}
div.bms-selection-box-handle-se {
  cursor: se-resize;
}
div.bms-selection-box-handle-se:after {
  bottom: -4.5px;
  right: -4.5px;
}
div.bms-selection-box-button {
  background-color: var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
  border: 1px solid var(--bms-grid-header-bg, #f8f9fa);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform var(--bms-transition);
  transition: -webkit-transform var(--bms-transition);
  -o-transition: transform var(--bms-transition);
  transition: transform var(--bms-transition);
  transition: transform var(--bms-transition), -webkit-transform var(--bms-transition);
  cursor: pointer;
}
div.bms-selection-box-button:hover {
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
div.bms-selection-box-button:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}
div.bms-selection-box-button:before {
  font-family: "BMS";
  content: "\e2ac";
  font-size: 1em;
  color: white;
}
div.bms-destination-box {
  background-color: rgba(25, 118, 210, 0.05);
  border: 3px solid var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
}
div.bms-popup-box {
  background-color: transparent;
}
.bms-popup-box {
  position: absolute;
  display: block;
  background-color: transparent;
  max-height: 250px;
}
.bms-popup-box.top {
  margin-top: -3px;
  padding: 10px 0;
}
.bms-popup-box.bottom {
  margin-top: 3px;
  padding: 10px 0;
}
.bms-popup-box.top-center .bms-popup-box-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box.top-left .bms-popup-box-arrow {
  bottom: 0;
  left: 10%;
  border-width: 10px 10px 0;
  border-top-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box.top-right .bms-popup-box-arrow {
  bottom: 0;
  right: 10%;
  border-width: 10px 10px 0;
  border-top-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box.bottom-center .bms-popup-box-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box.bottom-left .bms-popup-box-arrow {
  top: 0;
  left: 10%;
  border-width: 0 10px 10px;
  border-bottom-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box.bottom-right .bms-popup-box-arrow {
  top: 0;
  right: 10%;
  border-width: 0 10px 10px;
  border-bottom-color: var(--kendo-color-on-surface, #333);
}
.bms-popup-box-inner {
  padding: 3px;
  text-align: center;
  background-color: var(--bms-grid-bg);
  border-radius: var(--bms-grid-radius-lg);
  -webkit-box-shadow: var(--bms-grid-shadow-lg);
          box-shadow: var(--bms-grid-shadow-lg);
  border: 1px solid var(--bms-grid-border-light);
  max-height: 250px;
}
.bms-popup-box-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
div.bms-popup-box-contents {
  padding: 0;
  position: relative;
  max-height: 195px;
  overflow-y: auto;
  background-color: transparent;
}
div.bms-popup-box-contents p {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
div.bms-popup-box-contents i {
  margin-right: 5px;
}
div.bms-popup-box-contents hr {
  border-top: 2px solid var(--bms-grid-border-light);
  margin: 3px 0 3px 0;
}
div.bms-popup-box-contents-entry {
  position: relative;
  padding: 3px;
  background-color: var(--bms-grid-bg);
  border: 1px solid var(--bms-grid-border-light);
  border-radius: var(--bms-grid-radius);
  -webkit-transition: background-color var(--bms-transition);
  -o-transition: background-color var(--bms-transition);
  transition: background-color var(--bms-transition);
}
div.bms-popup-box-contents-entry:hover {
  background-color: var(--bms-grid-hover-bg);
}
div.bms-popup-box-contents-separator {
  position: relative;
  height: 5px;
  left: 0;
  right: 0;
}
div.bms-popup-box-title {
  margin: 0;
  top: 0;
  color: white;
  background-color: transparent;
}
div.bms-popup-box-title label {
  margin-top: 12px;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
div.bms-popup-box-data {
  position: relative;
}
div.bms-popup-box-button {
  margin-top: 5px;
}
div.bms-popup-box-button button {
  min-width: 70px;
  margin-top: 5px;
}
div.bms-gl {
  background-color: var(--bms-grid-border-light);
}
div.bms-console {
  overflow: auto;
  background-color: white;
  border: 1px solid var(--bms-grid-border);
  border-radius: var(--bms-grid-radius);
}
div.bms-schedule-view-era-calendar {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 375px;
  position: absolute;
}
div.bms-schedule-view-era-task,
div.bms-schedule-view-era-daily-employee {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 375px;
  position: absolute;
}
div.bms-schedule-view-era-list-container {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
ul.bms-schedule-view-era-list h4 {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
div.bms-listview-entry-activity {
  padding: 3px;
  background-color: var(--bms-grid-bg);
  -webkit-transition: background-color var(--bms-transition);
  -o-transition: background-color var(--bms-transition);
  transition: background-color var(--bms-transition);
}
div.bms-listview-entry-activity:hover {
  background-color: var(--bms-grid-hover-bg);
}
div.bms-listview-entry-activity p {
  margin: 0 3px 0 3px;
}
div.bms-listview-entry-activity i {
  margin-right: 5px;
}
ul.bms-schedule-view-chooser-list h4 {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
.bms-listview-selected div {
  border: 2px solid var(--bms-grid-selected-border);
  border-radius: var(--bms-grid-radius);
  background-color: var(--bms-grid-selected-bg);
}
div.bms-text-line {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 1.3;
}
div.bms-text-line-title {
  font-weight: 500;
}
div.bms-text-line-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2px;
}
div.bms-text-line-title-row div.bms-text-line-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
div.bms-position-icon,
div.bms-shift-icon,
div.bms-task-icon,
div.bms-task-requirement-pattern-icon {
  width: 1em;
  height: 1.7em;
  margin: 2px;
  display: inline-block;
  float: left;
  font-size: 1.7em;
  line-height: 1em;
  padding: 0;
}
div.bms-print-canvas div.bms-grid {
  z-index: 0;
}
div.bms-print-canvas div.bms-print-canvas-page {
  z-index: 1;
}
div.bms-print-canvas div.bms-gl {
  z-index: 3;
}
div.bms-print-canvas div.bms-rh,
div.bms-print-canvas div.bms-ch,
div.bms-print-canvas div.bms-rf,
div.bms-print-canvas div.bms-cf {
  z-index: 4;
}
div.bms-print-canvas div.bms-cell-background {
  z-index: 5;
}
div.bms-print-canvas div.bms-cd {
  z-index: 6;
}
div.bms-print-canvas div.bms-position-icon i,
div.bms-print-canvas div.bms-shift-icon i,
div.bms-print-canvas div.bms-task-icon i {
  margin-left: -1em;
}
div.bms-print-canvas div.bms-ch {
  border-width: 1px 1px 1px 1px;
  border-color: #bfbfbf;
  border-style: solid;
  border-left: none;
}
div.bms-print-canvas div.bms-cf {
  border-width: 1px 1px 1px 1px;
  border-color: #bfbfbf;
  border-style: solid;
  border-left: none;
  border-top: none;
}
div.bms-print-canvas div.bms-rh {
  border-width: 1px 1px 1px 1px;
  border-color: #bfbfbf;
  border-style: solid;
  border-top: none;
}
div.bms-print-canvas div.bms-rf {
  border-width: 1px 1px 1px 1px;
  border-color: #bfbfbf;
  border-style: solid;
  border-left: none;
  border-top: none;
}
div.bms-print-canvas div.bms-ch.bms-rh,
div.bms-print-canvas div.bms-ch.bms-rf {
  border-top: #bfbfbf 1px solid;
}
div.bms-position-icon-inline,
div.bms-skill-icon-inline,
div.bms-assignment-reason-icon-inline,
div.bms-tag-icon-inline {
  width: 14px;
  height: 14px;
  margin: 1px;
  display: inline-block;
  float: left;
  font-size: 1em;
}
div.bms-popup-detail {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.bms-popup-detail p {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
div.bms-popup-detail i {
  float: left;
  margin: 0 5px 0 0;
}
div.bms-shift-assignment-era {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
div.bms-shift-assignment-count,
div.bms-time-off-schedule-count {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 0.85em;
  -webkit-box-shadow: var(--bms-grid-shadow);
          box-shadow: var(--bms-grid-shadow);
}
div.bms-shift-assignment-count {
  background: -o-linear-gradient(315deg, #ef9a9a, #e57373);
  background: linear-gradient(135deg, #ef9a9a, #e57373);
  color: #fff;
}
div.bms-time-off-schedule-count {
  background: -o-linear-gradient(315deg, #90caf9, #64b5f6);
  background: linear-gradient(135deg, #90caf9, #64b5f6);
  color: #fff;
}
div.bms-task-assignment {
  width: 100%;
  height: 100%;
  background-color: var(--bms-grid-bg);
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid var(--bms-grid-border-light);
  border-radius: var(--bms-grid-radius);
  -webkit-box-shadow: var(--bms-grid-shadow-sm);
          box-shadow: var(--bms-grid-shadow-sm);
  -webkit-transition: -webkit-transform var(--bms-transition), -webkit-box-shadow var(--bms-transition);
  transition: -webkit-transform var(--bms-transition), -webkit-box-shadow var(--bms-transition);
  -o-transition: transform var(--bms-transition), box-shadow var(--bms-transition);
  transition: transform var(--bms-transition), box-shadow var(--bms-transition);
  transition: transform var(--bms-transition), box-shadow var(--bms-transition), -webkit-transform var(--bms-transition), -webkit-box-shadow var(--bms-transition);
}
div.bms-task-assignment:hover {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--bms-grid-shadow);
          box-shadow: var(--bms-grid-shadow);
}
div.bms-task-assignment i {
  float: right;
  margin-right: 2px;
}
div.bms-task-assignment-text p {
  line-height: 1.2;
  margin: 0 3px 0 3px;
  text-align: center;
}
div.bms-task-assignment-bar {
  height: 5px;
}
div.bms-task-assignment-dark {
  opacity: 0.25;
}
div.bms-shift-assignment,
div.bms-open-shift-assignment,
div.bms-call-out,
div.bms-time-off-schedule,
div.bms-time-off-request {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: var(--bms-grid-radius);
  border: 1px solid var(--bms-grid-border);
  -webkit-box-shadow: var(--bms-grid-shadow-sm);
          box-shadow: var(--bms-grid-shadow-sm);
  -webkit-transition: -webkit-box-shadow var(--bms-transition);
  transition: -webkit-box-shadow var(--bms-transition);
  -o-transition: box-shadow var(--bms-transition);
  transition: box-shadow var(--bms-transition);
  transition: box-shadow var(--bms-transition), -webkit-box-shadow var(--bms-transition);
  font-size: 0.9em;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}
div.bms-shift-assignment:hover,
div.bms-open-shift-assignment:hover,
div.bms-call-out:hover,
div.bms-time-off-schedule:hover,
div.bms-time-off-request:hover {
  -webkit-box-shadow: var(--bms-grid-shadow);
          box-shadow: var(--bms-grid-shadow);
}
div.bms-shift-assignment i,
div.bms-open-shift-assignment i,
div.bms-call-out i,
div.bms-time-off-schedule i,
div.bms-time-off-request i {
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}
div.bms-shift-assignment.dark,
div.bms-open-shift-assignment.dark,
div.bms-call-out.dark,
div.bms-time-off-schedule.dark,
div.bms-time-off-request.dark {
  opacity: 0.25;
}
div.bms-shift-assignment div.bms-text-line,
div.bms-open-shift-assignment div.bms-text-line,
div.bms-call-out div.bms-text-line,
div.bms-time-off-schedule div.bms-text-line,
div.bms-time-off-request div.bms-text-line {
  line-height: 1.1;
}
div.bms-open-shift-assignment {
  border: 2px dashed;
  background: -o-repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0, 0, 0, 0.02) 4px, rgba(0, 0, 0, 0.02) 8px);
  background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0, 0, 0, 0.02) 4px, rgba(0, 0, 0, 0.02) 8px);
}
div.bms-call-out {
  border: 2px dashed;
}
div.bms-call-out.bms-call-out-filled {
  border: 1px solid var(--bms-grid-border);
}
div.bms-time-off-schedule {
  border-radius: 0.8em;
  border: 2px solid var(--bms-grid-border);
}
div.bms-time-off-request {
  border-radius: 0.8em;
  border: 2px dashed;
}
div.bms-time-off-schedule-era,
div.bms-time-off-request-era {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.bms-chooser-shift,
div.bms-chooser-time-off-reason,
div.bms-chooser-task,
div.bms-chooser-employee,
div.bms-chooser-position,
div.bms-chooser-task-requirement-pattern,
div.bms-chooser-location {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid var(--bms-grid-border-light);
  border-radius: var(--bms-grid-radius);
  -webkit-transition: background-color var(--bms-transition);
  -o-transition: background-color var(--bms-transition);
  transition: background-color var(--bms-transition);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
}
div.bms-chooser-shift div.bms-text-line,
div.bms-chooser-time-off-reason div.bms-text-line,
div.bms-chooser-task div.bms-text-line,
div.bms-chooser-employee div.bms-text-line,
div.bms-chooser-position div.bms-text-line,
div.bms-chooser-task-requirement-pattern div.bms-text-line,
div.bms-chooser-location div.bms-text-line {
  line-height: 1.1;
}
div.bms-chooser-shift:hover,
div.bms-chooser-time-off-reason:hover,
div.bms-chooser-task:hover,
div.bms-chooser-employee:hover,
div.bms-chooser-position:hover,
div.bms-chooser-task-requirement-pattern:hover,
div.bms-chooser-location:hover {
  background-color: var(--bms-grid-hover-bg);
}
div.bms-chooser-shift p,
div.bms-chooser-time-off-reason p,
div.bms-chooser-task p,
div.bms-chooser-employee p,
div.bms-chooser-position p,
div.bms-chooser-task-requirement-pattern p,
div.bms-chooser-location p {
  line-height: 1;
  margin: 0 3px 0 3px;
}
div.bms-chooser-task-requirement-override {
  border: 2px solid #f0ad4e;
}
div.bms-chooser-task-requirement-override i.bms-override-asterisk {
  float: right;
  margin-top: 2px;
  margin-right: 5px;
  font-style: normal;
  font-weight: bold;
  color: #f0ad4e;
}
div.bms-chooser-shift,
div.bms-chooser-time-off-reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.bms-chooser-time-off-reason {
  border-radius: 0.4em;
  border: 2px solid;
}
div.bms-chooser-task {
  border: solid;
  border-color: var(--bms-grid-border);
  border-width: 1px;
}
div.bms-chooser-task-text p {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
div.bms-chooser-task-bar {
  height: 5px;
}
div.bms-calendar-day-header {
  text-align: right;
  margin: 0 3px 0 0;
  font-weight: lighter;
  color: var(--bms-grid-selected-border);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
div.bms-calendar-day-footer {
  text-align: center;
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
div.bms-calendar-day-header.bms-calendar-day-header-outside {
  color: var(--kendo-color-subtle, #9e9e9e);
}
div.bms-calendar-day-header.bms-calendar-day-header-enhanced {
  font-weight: bolder;
}
div.bms-calendar-day-contents {
  text-align: center;
  margin: 0 2px 0 0;
}
div.bms-cell-not-applicable,
div.bms-cell-employee-available,
div.bms-cell-employee-not-available {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: left;
  background-image: -o-linear-gradient(45deg, darkgray 10%, transparent 20%, transparent), -o-linear-gradient(45deg, darkgray 10%, transparent 20%, transparent);
  background-image: linear-gradient(45deg, darkgray 10%, transparent 20%, transparent), linear-gradient(45deg, darkgray 10%, transparent 20%, transparent);
  background-size: 8px 8px, 8px 8px, 100% 100%;
  background-position: 0px 0px, 4px 4px, 0px 0px;
}
div.bms-cell-employee-available,
div.bms-cell-employee-not-available {
  background-image: none;
  background-color: #e0e0e0;
}
div.bms-summary-position,
div.bms-summary-skill,
div.bms-summary-assignment-reason,
div.bms-summary-team {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: left;
}
div.bms-summary-position p,
div.bms-summary-skill p,
div.bms-summary-assignment-reason p,
div.bms-summary-team p {
  line-height: 1.2;
  margin: 0 3px 0 3px;
}
div.bms-summary-position .bms-position-icon,
div.bms-summary-skill .bms-position-icon,
div.bms-summary-assignment-reason .bms-position-icon,
div.bms-summary-team .bms-position-icon {
  width: 16px;
  height: 16px;
  margin: 2px 6px 2px 2px;
  display: inline-block;
  float: left;
  font-size: 1em;
}
div.bms-punch-shift-assignment-wrapper {
  background-color: transparent;
}
div.bms-punch-shift-assignment {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
div.bms-punch-shift-assignment i {
  float: right;
  margin-right: 2px;
}
div.bms-punch-marker-in,
div.bms-punch-marker-out,
div.bms-punch-marker-none,
div.bms-punch-work-line {
  position: absolute;
}
.bms-punch-marker-in {
  color: #9ccc65;
}
div.bms-punch-marker-in {
  width: 0.5em;
  height: 0.5em;
  bottom: 0em;
  margin-left: -0.5em;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 1em solid #9ccc65;
}
.bms-punch-marker-out {
  color: #009de0;
}
div.bms-punch-marker-out {
  width: 0.5em;
  height: 0.5em;
  bottom: 0em;
  margin-left: -0.5em;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 1em solid #009de0;
}
.bms-punch-marker-none {
  color: #33691e;
}
div.bms-punch-marker-none {
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-bottom-color: #33691e;
  position: absolute;
  bottom: 0.5em;
}
div.bms-punch-marker-none:after {
  content: '';
  position: absolute;
  left: -0.5em;
  bottom: -1.5em;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-top-color: #33691e;
}
div.bms-punch-work-line {
  background-color: var(--kendo-color-subtle, gray);
  border-color: var(--kendo-color-subtle, gray);
  height: 0.2em;
  bottom: 0.4em;
}
div.bms-shift-pattern-label,
div.bms-shift-pattern-day,
div.bms-shift-pattern-empty {
  position: absolute;
}
div.bms-shift-pattern-label {
  text-align: center;
}
div.bms-shift-pattern-empty {
  background-color: var(--kendo-color-subtle, gray);
  border-color: var(--kendo-color-subtle, gray);
}
div.bms-shift-view-row-number {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: center;
}
div.bms-shift-view-row-number p {
  font-size: 1.5em;
  margin: 0 3px 0 3px;
}
div.bms-candidate-number {
  width: 1.3em;
  height: 1.3em;
  margin: 2px;
  display: inline-block;
  float: left;
  font-size: 1.7em;
  line-height: 1em;
  padding: 0;
  text-align: right;
}
div.bms-candidate-number p {
  margin: 0 3px 0 3px;
}
.bms-sidebarpane div.k-tabstrip-wrapper {
  height: 100%;
}
.bms-sidebartab-panel {
  height: 100%;
}
.bms-sidebartab.k-content,
.bms-sidebartab.k-tabstrip-content {
  position: static;
  height: 100%;
  margin: 0;
  border-width: 0 0 0 0;
}
.bms-sidebartab-panel .k-tabstrip-items .k-link {
  padding: 0.5em 0.92em;
}
.bms-sidebartab-headerrow {
  position: absolute;
  height: 40px;
  top: 40px;
  left: 10px;
  right: 10px;
  vertical-align: middle;
  overflow-y: hidden;
}
.bms-sidebartab-filterrow {
  position: absolute;
  height: 50px;
  top: 40px;
  left: 0;
  right: 0;
  padding-top: 10px;
  vertical-align: middle;
  overflow-y: hidden;
}
.bms-sidebartab-bodyrow,
.bms-sidebartab-bodyrow-no-filter,
.bms-sidebartab-bodyrow-no-filter-no-header,
.bms-sidebartab-bodyrow-no-footer {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
}
.bms-sidebartab-bodyrow .bms-grid,
.bms-sidebartab-bodyrow-no-filter .bms-grid,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-grid,
.bms-sidebartab-bodyrow-no-footer .bms-grid,
.bms-sidebartab-bodyrow .bms-region-cells,
.bms-sidebartab-bodyrow-no-filter .bms-region-cells,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-region-cells,
.bms-sidebartab-bodyrow-no-footer .bms-region-cells {
  overflow: auto;
}
.bms-sidebartab-bodyrow .bms-gl,
.bms-sidebartab-bodyrow-no-filter .bms-gl,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-gl,
.bms-sidebartab-bodyrow-no-footer .bms-gl {
  background-color: transparent;
}
.bms-sidebartab-bodyrow .bms-region.bms-region-column-header,
.bms-sidebartab-bodyrow-no-filter .bms-region.bms-region-column-header,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-region.bms-region-column-header,
.bms-sidebartab-bodyrow-no-footer .bms-region.bms-region-column-header {
  background-color: transparent;
  border-width: 1px 1px 0 1px;
}
.bms-sidebartab-bodyrow .bms-region.bms-region-column-footer,
.bms-sidebartab-bodyrow-no-filter .bms-region.bms-region-column-footer,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-region.bms-region-column-footer,
.bms-sidebartab-bodyrow-no-footer .bms-region.bms-region-column-footer {
  background-color: transparent;
  border-width: 0 1px 1px 1px;
}
.bms-sidebartab-bodyrow .bms-ch,
.bms-sidebartab-bodyrow-no-filter .bms-ch,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-ch,
.bms-sidebartab-bodyrow-no-footer .bms-ch,
.bms-sidebartab-bodyrow .bms-cf,
.bms-sidebartab-bodyrow-no-filter .bms-cf,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-cf,
.bms-sidebartab-bodyrow-no-footer .bms-cf {
  background-color: transparent;
}
.bms-sidebartab-bodyrow .bms-sidebartab-bodyrow-indent,
.bms-sidebartab-bodyrow-no-filter .bms-sidebartab-bodyrow-indent,
.bms-sidebartab-bodyrow-no-filter-no-header .bms-sidebartab-bodyrow-indent,
.bms-sidebartab-bodyrow-no-footer .bms-sidebartab-bodyrow-indent {
  margin: 5px 0px 5px 20px;
}
.bms-sidebartab-bodyrow-no-filter {
  top: 40px;
}
.bms-sidebartab-bodyrow-no-filter-no-header {
  top: 0;
}
.bms-sidebartab-bodyrow-no-footer {
  bottom: 0;
}
.bms-sidebartab-footerrow {
  position: absolute;
  height: 50px;
  bottom: 0;
  left: 10px;
  right: 10px;
  vertical-align: middle;
  text-align: center;
}
.bms-sidebartab-footerrow .k-button {
  margin-top: 5px;
}
.bms-grid-value {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}
.bms-grid-value-positive {
  color: orange;
}
.bms-grid-value-negative {
  color: red;
}
.bms-grid-value-zero {
  color: green;
}
.bms-marker {
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  position: absolute;
  bottom: 0;
}
.bms-badge {
  background: -o-linear-gradient(315deg, #1976d2, #1565c0);
  background: linear-gradient(135deg, #1976d2, #1565c0);
  color: white;
  top: -1em;
  right: -1em;
  line-height: 2em;
  margin-left: 0.5em;
  min-width: 0.9em;
  padding: 0 0.55em;
  background-clip: padding-box;
  border-radius: 5em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.bms-schedule-view-full-grid.bms-grid {
  position: static;
}
.bms-region.bms-region-cells {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bms-region.bms-region-cells {
    overflow: overlay;
  }
}
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-cf,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-rh.bms-cf,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-assignment-reason,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-position,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-skill {
  line-height: 24px;
}
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-cf p,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-rh.bms-cf p,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-assignment-reason p,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-position p,
.bms-schedule-view-full-grid.bms-shiftview.bms-grid .bms-summary-skill p {
  line-height: 24px !important;
}
.bms-rh.bms-ch button {
  padding: 0 !important;
  margin-top: 2px;
}
.bms-detail-widget {
  border: 1px solid var(--bms-grid-border-light);
  border-radius: var(--bms-grid-radius-md);
  margin-bottom: 20px;
  -webkit-box-shadow: var(--bms-grid-shadow-sm);
          box-shadow: var(--bms-grid-shadow-sm);
}
.bms-detail-widget h3 {
  font-size: 1.5em;
  font-weight: 200;
  margin: 0 10px 0;
  line-height: 1.5em;
}
.bms-detail-widget h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 10px 0;
  text-transform: uppercase;
  line-height: 1em;
}
.bms-detail-widget .button-group {
  float: right;
}
.bms-detail-widget .bms-detail-container {
  margin: 20px;
  overflow: auto;
  clear: both;
}
.bms-detail-widget .bms-detail-entry {
  position: relative;
  display: block;
  line-height: 1em;
  padding-bottom: 1em;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bms-detail-widget .bms-detail-entry > i {
  padding: 0.2em;
  font-size: 2em;
}
.bms-detail-widget .bms-detail-entry > label {
  position: absolute;
  font-weight: bold;
}
.bms-detail-widget .bms-detail-entry > span {
  position: absolute;
  top: 1em;
}
.bms-detail-widget .bms-detail-entry > span i {
  margin-right: 0.2em;
}
.bms-detail-widget .bms-detail-entry > div {
  margin-left: 3em;
  margin-top: -1em;
  overflow: visible;
}
.bms-detail-widget .bms-detail-entry > div > p {
  margin: 0.4em 0 0 0;
}
.bms-detail-widget .bms-detail-entry > div > p i {
  margin-right: 0.4em;
}
.bms-plan-grid div.bms-selection-box-button {
  background-color: var(--kendo-color-base, #d9d9d9);
}
.bms-plan-sidebartab {
  border: 1px solid var(--bms-grid-border-light);
  border-radius: var(--bms-grid-radius);
}
.bms-plan-sidebartab-pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
}
.bms-plan-sidebartab-pattern .bms-grid,
.bms-plan-sidebartab-pattern .bms-region-cells {
  overflow: auto;
}
.bms-plan-sidebartab-footer {
  position: absolute;
  height: 50px;
  bottom: 0;
  left: 10px;
  right: 10px;
  vertical-align: middle;
  text-align: center;
}
.bms-plan-sidebartab-footer .k-button {
  margin-top: 5px;
}
/*@import "app_BMSTile";*/
/*@import "app_spectrum.less";*/
/*@import "../app_marketing.less";*/
.bg-a {
  background-color: #2d89ef !important;
  color: white;
}
.bg-b {
  background-color: #e3a21a !important;
  color: white;
}
.bg-c {
  background-color: #ee1111 !important;
  color: white;
}
.bg-d {
  background-color: #7e3878 !important;
  color: white;
}
.bg-e {
  background-color: #99b433 !important;
  color: white;
}
.bg-f {
  background-color: #00aba9 !important;
  color: white;
}
.bg-g {
  background-color: #ff0097 !important;
  color: white;
}
.bg-h {
  background-color: #b91d47 !important;
  color: white;
}
.gap-5x {
  clear: both;
  height: 5em;
}
.gap-4x {
  clear: both;
  height: 4em;
}
.gap-3x {
  clear: both;
  height: 3em;
}
.gap-2x {
  clear: both;
  height: 2em;
}
.gap-1x {
  clear: both;
  height: 1em;
}
.padding-1x {
  padding: 1em;
}
.padding-2x {
  padding: 2em 2em;
}
.padding-3x {
  padding: 3em 3em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-overflow-ellipsis {
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
  padding: 0 5px;
}
.text-overflow-clip {
  -o-text-overflow: clip;
  -ms-text-overflow: clip;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
  padding: 0 5px;
}
.text-accent {
  color: var(--kendo-color-primary, #009de0);
}
.text-warning {
  color: #f0ad4e;
  margin-top: -0.6em;
  margin-bottom: 1em;
}
.text-error {
  color: #d9534f;
}
.text-disabled-background {
  background-color: var(--kendo-color-base, #d9d9d9);
}
.text-disabled-background-alt {
  background-color: var(--kendo-color-base-emphasis, #cccccc);
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.status-approved {
  color: #5cb85c;
}
.status-rejected {
  color: #d9534f;
}
.status-pending {
  color: var(--kendo-color-on-app-surface, #212121);
}
.status-open {
  color: #5bc0de;
}
.status-expired {
  color: #f0ad4e;
}
.status-withdrawn {
  color: #f0ad4e;
}
.status-complete {
  color: var(--kendo-color-on-app-surface, #212121);
}
.icon-bms-status-withdrawn:before {
  color: #f0ad4e;
}
.icon-bms-status-accepted:before {
  color: #5cb85c;
}
.icon-bms-status-expired:before {
  color: #f0ad4e;
}
.app-menu-area {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}
.app-menu-area ul.app-main-menu > li.k-item {
  text-transform: uppercase;
}
.app-menu-area ul.app-main-menu > li.k-item ul {
  text-transform: none;
}
.app-menu-area ul.app-main-menu .logo-button > a {
  padding: 0.6em;
  color: var(--kendo-color-primary, #009de0);
}
.app-menu-area ul.app-main-menu .logo-button > a i {
  font-size: 2em;
}
#kendo-theme-selector {
  display: block;
  height: 28px;
  width: 100%;
  max-width: 320px;
  font-size: 12px;
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  background-color: var(--kendo-color-surface, #fff);
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.16));
  border-radius: var(--kendo-border-radius-md, 4px);
}
#kendo-theme-selector option {
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  background-color: var(--kendo-color-surface, #fff);
}
.app-toptoolbar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-toptoolbar .k-button [class*="icon-bms-"],
.app-toptoolbar .k-button .k-icon {
  color: var(--kendo-color-primary, #009de0);
}
.app-toptoolbar .k-separator {
  margin-left: 0.4em;
  margin-right: 0.4em;
}
.app-toptoolbar span.toolbar-report-page-number {
  width: 5em !important;
  padding: 0 0;
}
.app-toptoolbar span.toolbar-filter-dropdown,
.app-toptoolbar span.toolbar-offset-duration-dropdown,
.app-toptoolbar span.toolbar-candidate-activity-dropdown {
  width: 15em !important;
  height: 34px !important;
  padding: 0 0;
  color: var(--kendo-color-primary, #009de0);
  background-color: var(--kendo-color-base, #f8fafc) !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.16)) !important;
  border-radius: 10px !important;
}
.app-toptoolbar span.toolbar-offset-duration-dropdown {
  width: 8em !important;
}
.app-toptoolbar span.toolbar-candidate-activity-dropdown {
  width: 15em !important;
  padding-left: 0.5em;
}
.app-toptoolbar .k-button.app-datepicker {
  width: 11em !important;
  height: 34px;
  color: var(--kendo-color-primary, #009de0);
  background-color: var(--kendo-color-base, #f8fafc);
  padding: 0 12px;
  border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.16));
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.app-toptoolbar .kui-property-string {
  background-color: var(--kendo-color-surface, #fff);
  border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.16));
}
.app-toptoolbar .kui-property-string input {
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  background-color: transparent;
}
.app-toptoolbar .kui-property-string input::-webkit-input-placeholder {
  color: var(--kendo-color-subtle, #999);
}
.app-toptoolbar .kui-property-string input::-moz-placeholder {
  color: var(--kendo-color-subtle, #999);
}
.app-toptoolbar .kui-property-string input::-ms-input-placeholder {
  color: var(--kendo-color-subtle, #999);
}
.app-toptoolbar .kui-property-string input::placeholder {
  color: var(--kendo-color-subtle, #999);
}
.toolbar-button-bubble {
  border-radius: 50%;
  color: white;
  padding: 0 4px;
  font-size: 10px;
  position: relative;
  top: -8px;
  left: -9px;
  background-color: #d9534f;
}
.app-toolbar-dropdown-item {
  text-transform: none;
  border: none;
}
.app-toolbar-dropdown-item span.k-sprite {
  color: var(--kendo-color-primary, #009de0);
}
.app-toolbar-dropdown-item::before {
  color: var(--kendo-color-primary, #009de0);
}
#TopToolBar a.kui-toolbar-caption,
#TopMenuBar li.kui-toolbar-caption {
  /*	float: right;*/
  line-height: 1.34em;
  text-align: right;
  border: none;
  text-transform: uppercase;
}
#TopToolBar a.kui-toolbar-caption:hover,
#TopMenuBar li.kui-toolbar-caption:hover,
#TopToolBar a.kui-toolbar-caption span.k-link,
#TopMenuBar li.kui-toolbar-caption span.k-link {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
#TopToolBar a.kui-toolbar-caption span.k-link,
#TopMenuBar li.kui-toolbar-caption span.k-link {
  margin-top: -5px;
}
#TopToolBar a.kui-toolbar-caption span.kui-toolbar-title,
#TopMenuBar li.kui-toolbar-caption span.kui-toolbar-title {
  color: var(--kendo-color-on-app-surface, #212121);
  font-weight: bolder;
}
#TopToolBar a.kui-toolbar-caption span.kui-toolbar-subtitle,
#TopMenuBar li.kui-toolbar-caption span.kui-toolbar-subtitle {
  color: var(--kendo-color-on-app-surface, #212121);
  display: block;
  font-size: 0.7em;
  line-height: 0.7em;
  text-transform: none;
}
#TopMenuBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--kendo-color-surface, #ffffff);
  color: var(--kendo-color-on-surface, #333333);
}
#TopMenuBar li.kui-toolbar-caption {
  margin-left: auto;
}
#TopMenuBar .kui-toolbar-caption .k-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#TopToolBar.kui-wizard-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#TopToolBar.kui-wizard-toolbar a.kui-toolbar-caption {
  background-color: transparent;
  color: white;
}
#TopToolBar.kui-wizard-toolbar span.kui-toolbar-title {
  color: white;
  font-size: 1.5em;
}
#TopToolBar.kui-wizard-toolbar #btnToolbarPrevious {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-left: 14px;
}
#TopToolBar.kui-wizard-toolbar #btnToolbarNext {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
  margin-right: 14px;
}
.kui-breadcrumb {
  list-style: none;
  display: inline-block;
}
.kui-breadcrumb li {
  float: left;
}
.kui-breadcrumb li a {
  color: #FFF;
  display: block;
  background: var(--kendo-color-subtle, #6d6d6d);
  text-decoration: none;
  position: relative;
  height: 50px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
.kui-breadcrumb li a div.label {
  font-size: 12px;
}
.kui-breadcrumb li a div.icon {
  font-size: 26px;
  padding-top: 6px;
  margin-top: 0;
}
.kui-breadcrumb li:nth-child(even) a:before {
  border-color: var(--kendo-color-subtle, #6d6d6d);
  border-left-color: transparent;
}
.kui-breadcrumb li:nth-child(even) a:after {
  border-left-color: var(--kendo-color-subtle, #6d6d6d);
}
.kui-breadcrumb li:first-child a {
  padding-left: 15px;
}
.kui-breadcrumb li:first-child a:before {
  border: none;
}
.kui-breadcrumb li:last-child a {
  padding-right: 15px;
}
.kui-breadcrumb li:last-child a:after {
  border: none;
}
.kui-breadcrumb li a:before,
.kui-breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid var(--kendo-color-subtle, #6d6d6d);
  border-width: 25px 10px;
  width: 0;
  height: 0;
}
.kui-breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
.kui-breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: var(--kendo-color-subtle, #6d6d6d);
}
.kui-breadcrumb li a:hover {
  background-color: #009de0;
}
.kui-breadcrumb li a:hover:before {
  border-color: #009de0;
  border-left-color: transparent;
}
.kui-breadcrumb li a:hover:after {
  border-left-color: #009de0;
}
.kui-breadcrumb li a:active {
  background-color: #009de0;
}
.kui-breadcrumb li a:active:before {
  border-color: #009de0;
  border-left-color: transparent;
}
.kui-breadcrumb li a:active:after {
  border-left-color: #009de0;
}
.kui-breadcrumb li a.active {
  background-color: #009de0;
}
.kui-breadcrumb li a.active:before {
  border-color: #009de0;
  border-left-color: transparent;
}
.kui-breadcrumb li a.active:after {
  border-left-color: #009de0;
}
@media (max-width: 992px) {
  .kui-breadcrumb li a div.label {
    display: none;
  }
  .kui-breadcrumb li a div.icon {
    padding-top: 12px;
    margin-top: 0;
  }
}
.circle-icon {
  line-height: 2em;
  font-size: 4em;
}
.circle-icon:before {
  padding: 0.3em;
  margin: 0;
  text-align: center;
  border: solid 0.05em;
  border-radius: 50%;
}
#TopToolBar a.kui-toolbar-message,
#TopMenuBar li.kui-toolbar-message {
  padding-left: 100px;
  text-align: center;
  border: none;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1.4em;
}
#TopToolBar a.kui-toolbar-message:hover,
#TopMenuBar li.kui-toolbar-message:hover,
#TopToolBar a.kui-toolbar-message span.k-link,
#TopMenuBar li.kui-toolbar-message span.k-link {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
#TopToolBar a.kui-toolbar-message span.k-link,
#TopMenuBar li.kui-toolbar-message span.k-link {
  margin-top: -5px;
}
#TopToolBar a.kui-toolbar-message span.kui-toolbar-message,
#TopMenuBar li.kui-toolbar-message span.kui-toolbar-message {
  display: block;
  color: red;
  font-weight: bolder;
  outline: 1px solid red;
  text-align: center;
}
span.bms-context-menu-item i {
  margin-left: -1em;
  margin-right: 0.5em;
}
.app-window {
  margin-top: 96px;
}
.app-main-container {
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  div.container.k-content {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
  div.container.k-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.app-content-container {
  overflow: auto;
  height: 100%;
}
.app-sidebar-container {
  float: left;
  background-color: var(--kendo-color-primary-subtle, #33b3ee);
  z-index: 9999;
}
@media screen and (max-width: 768px) {
  .app-sidebar-container {
    display: none;
  }
}
div.app-container-panel {
  padding: 20px;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
div.app-container-panel h1 {
  color: var(--kendo-color-primary, #009de0);
}
@media only screen and (max-width: 991px) {
  div.app-container-panel {
    padding: 10px/2;
  }
  div.app-container-panel h1 {
    font-size: 1.5em;
  }
  div.app-container-panel h2 {
    font-size: 1em;
  }
}
ul.app-list-compact {
  padding-left: 0;
  list-style: none;
}
ul.app-list-compact .kui-radiobutton .form-group {
  min-height: 2em;
}
.dlist {
  display: inline-block;
  padding: 0;
  text-align: left;
  line-height: 1.5em;
}
.dlist dl {
  margin: 0;
}
.dlist dl dd {
  margin-left: 1em;
}
.k-window-content.row {
  background: none;
  padding: 0;
  margin-bottom: 30px;
}
.k-window-content.row:last-child {
  margin-bottom: 0;
}
.k-window-content.row > .k-content {
  background: none;
}
.app-tile-button {
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 10px !important;
  border: 1px solid var(--kendo-color-primary, #009de0) !important;
  padding: 1em !important;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--kendo-color-surface-alt, #fff) !important;
}
.app-tile-button:hover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--kendo-color-base-hover, #e0e0e0) !important;
}
.app-tile-button .tile-header {
  top: 0;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  line-height: 1.5em;
  color: var(--kendo-color-primary, #009de0);
  margin-bottom: 0.5em;
}
.app-tile-button .tile-header i {
  font-size: 3em;
}
.app-tile-button .tile-content {
  display: block;
  /* Fallback */
  display: -webkit-box;
  margin: 0 auto;
  font-size: 0.8em;
  line-height: 1.5em;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: none;
  text-align: left;
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  /* Ensure full width */
  word-wrap: break-word;
  /* Force word breaking */
  white-space: normal;
  /* Allow text to wrap */
  max-height: 6em;
  /* Fallback for browsers that don't support line-clamp */
}
.app-tile-button .tile-footer {
  margin-top: auto;
  padding-top: 0.5em;
  color: var(--kendo-color-on-app-surface, #3d3d3d);
}
.app-tile-button .tile-footer i {
  font-size: 2em;
}
.app-tile-button .tile-footer .icon-left {
  float: left;
}
.app-tile-button .tile-footer .icon-right {
  float: right;
}
.app-tile-button.k-window-content {
  background-color: var(--kendo-color-surface, #fff);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  min-height: 220px;
}
.app-tile-button.k-window-content .tile-content {
  color: var(--kendo-color-on-app-surface, #3d3d3d);
}
.app-tile-button.k-window-content .tile-footer-center {
  text-align: center;
}
.app-tile-button.k-window-content .tile-footer .k-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--kendo-spacing-1, 0.25rem) var(--kendo-spacing-2, 0.5rem);
  font-size: var(--kendo-font-size, 14px);
  line-height: var(--kendo-line-height, normal);
  border-radius: var(--kendo-border-radius-md, 0.25rem);
  background-color: var(--kendo-color-primary, #009de0);
  border-color: var(--kendo-color-primary, #009de0);
  color: var(--kendo-color-on-primary, #fff);
  text-transform: uppercase;
}
.app-gallery-canvas {
  background-color: var(--kendo-color-app-surface, #fff);
}
.app-gallery-canvas .k-window-content.row,
.app-gallery-canvas .k-content {
  background-color: transparent;
  border-color: transparent;
}
.app-settings-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 8px;
}
@media (max-width: 992px) {
  .app-settings-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .app-settings-tiles {
    grid-template-columns: 1fr;
  }
}
.app-settings-tiles .app-tile-button {
  background-color: var(--kendo-color-surface, #fff);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 20px 24px;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease, border-color 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.app-settings-tiles .app-tile-button:hover {
  background-color: var(--kendo-color-surface, #fff);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: var(--kendo-color-primary, #009de0);
}
.app-settings-tiles .app-tile-button:focus,
.app-settings-tiles .app-tile-button:active {
  background-color: var(--kendo-color-surface, #fff);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.app-settings-tiles .app-tile-button .tile-content {
  color: var(--kendo-color-on-app-surface, var(--kendo-color-on-app-surface, #212121)) !important;
}
.app-settings-tiles .tile-header {
  color: var(--kendo-color-primary, #009de0);
}
.app-settings-tiles .tile-footer .icon-right {
  float: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: var(--kendo-color-primary, #009de0);
  font-weight: 600;
}
div.app-content-container.app-dashboard {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
div.app-content-container.app-dashboard .chart-area {
  margin-left: 0;
  border: 1px solid var(--kendo-color-primary, #009de0);
  border-radius: 10px;
  padding-bottom: 2em;
}
div.app-content-container.app-dashboard .chart-container {
  padding: 0 2em;
  margin-bottom: 2em;
}
div.app-content-container.app-dashboard .chart-box {
  margin-left: 0;
  border: 1px solid var(--kendo-color-primary, #009de0);
  border-radius: 10px;
}
div.app-content-container.app-dashboard .chart-dropdown {
  margin: 0 1em;
}
div.app-content-container.app-dashboard #chartPercentage,
div.app-content-container.app-dashboard #chartForecast,
div.app-content-container.app-dashboard #chartCoverage {
  height: 300px;
  margin: 1em 0;
}
.tile-panel {
  line-height: inherit;
  display: block;
  position: relative;
  height: auto;
  padding: 0;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 1.5em;
}
.tile-panel .tile-header {
  padding: 0.4em 0.7em;
  text-align: left;
  text-transform: uppercase;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.2);
}
.tile-panel .tile-header .k-button {
  color: var(--kendo-color-on-primary, white);
}
.tile-panel .tile-content-wrapper {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.tile-panel .tile-content-wrapper > i {
  font-size: 3em;
  line-height: 4em;
  position: absolute;
  top: 50%;
  left: 15px;
  height: 4em;
  margin-top: -2.4em;
  opacity: 0.3;
}
.tile-panel .tile-content-wrapper .tile-content {
  margin: 0;
  height: 7em;
}
.tile-panel .tile-content-wrapper .tile-content ul {
  list-style-type: none;
  padding: 0 1em;
  text-align: left;
  margin-bottom: 0;
}
.tile-panel .tile-content-wrapper .tile-content .k-button {
  margin: 1em 0;
  background-color: var(--kendo-color-primary, #009de0) !important;
  color: var(--kendo-color-on-primary, white) !important;
}
.tile-panel .tile-content-wrapper .tile-content a:focus .k-button {
  background-color: var(--kendo-color-base-hover, #cccccc);
}
.tile-panel .tile-content-wrapper .tile-button {
  text-align: center;
  padding: 1em 0.5em;
  height: 100%;
  border-right: 1px solid;
  border-top: 1px solid;
}
.tile-panel .tile-content-wrapper .tile-button .tile-indicator {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 1208px) and (min-width: 980px) {
  .tile-panel .tile-content-wrapper .tile-button .tile-indicator {
    font-size: 1.5em;
    line-height: 1.5;
  }
}
.tile-panel .tile-content-wrapper .tile-button .tile-label {
  font-size: 0.8em;
  line-height: 1em;
}
.tile-panel .tile-content-wrapper .tile-button:hover,
.tile-panel .tile-content-wrapper .tile-button:focus {
  text-decoration: none;
  opacity: 0.9;
  cursor: pointer;
}
.tile-panel .tile-content-wrapper .tile-button:hover .tile-indicator,
.tile-panel .tile-content-wrapper .tile-button:focus .tile-indicator,
.tile-panel .tile-content-wrapper .tile-button:hover .tile-label,
.tile-panel .tile-content-wrapper .tile-button:focus .tile-label,
.tile-panel .tile-content-wrapper .tile-button:hover i,
.tile-panel .tile-content-wrapper .tile-button:focus i {
  color: var(--kendo-color-on-base, #999999);
}
.tile-panel .tile-content-wrapper .tile-button.last {
  border-right: none;
}
.app-dashboard .tile-panel {
  padding: 0 0 0 6px !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
  border-radius: 3px 10px 10px 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
}
.app-dashboard .tile-panel .tile-header {
  background: var(--kendo-color-surface, #fff);
  color: var(--kendo-color-primary, #009de0);
  font-weight: 500;
  text-transform: none;
  font-size: 1.05em;
}
.app-dashboard .tile-panel .tile-header .k-button {
  background: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: var(--kendo-color-primary, #009de0);
}
.app-dashboard .tile-panel .tile-content-wrapper {
  background: var(--kendo-color-surface, #fff);
}
.app-dashboard .tile-panel .tile-content-wrapper .tile-content {
  color: var(--kendo-color-on-app-surface, #3d3d3d);
}
.app-dashboard .tile-panel .tile-content-wrapper .tile-footer .k-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--kendo-spacing-1, 0.25rem) var(--kendo-spacing-2, 0.5rem);
  font-size: var(--kendo-font-size, 14px);
  line-height: var(--kendo-line-height, normal);
  border-radius: var(--kendo-border-radius-md, 0.25rem);
  background-color: var(--kendo-color-primary, #009de0);
  border-color: var(--kendo-color-primary, #009de0);
  color: var(--kendo-color-on-primary, #fff);
  text-transform: uppercase;
}
.app-dashboard .tile-panel .tile-content-wrapper .tile-button {
  border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}
.app-dashboard .tile-panel .tile-content-wrapper .tile-button .tile-indicator {
  color: var(--kendo-color-primary, #009de0);
}
.app-dashboard .tile-panel .tile-content-wrapper .tile-button .tile-label {
  color: var(--kendo-color-on-app-surface, #3d3d3d);
}
div.app-popup-body,
div.app-popup-bodyrow {
  overflow-y: auto;
}
div.app-popup-body h2,
div.app-popup-bodyrow h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
}
div.app-popup-body div.bms-listview-entry-activity,
div.app-popup-bodyrow div.bms-listview-entry-activity {
  border: 1px solid var(--kendo-color-border, #ddd);
}
div.app-popup-body div.button-group button,
div.app-popup-bodyrow div.button-group button {
  margin-top: 10px;
  margin-right: 10px;
}
div.app-popup-body div.button-group-inline button,
div.app-popup-bodyrow div.button-group-inline button {
  margin-top: 17px;
  margin-right: 10px;
}
@media only screen and (max-width: 991px) {
  div.app-popup-body div.button-group button,
  div.app-popup-bodyrow div.button-group button {
    margin-top: 10px;
    margin-right: 10px/2;
  }
}
div.app-popup-body div.button-group-subhead button,
div.app-popup-bodyrow div.button-group-subhead button {
  margin: 10px 10px 10px 10px;
}
div.app-popup-body div.button-group-subhead-left,
div.app-popup-bodyrow div.button-group-subhead-left {
  float: left;
}
div.app-popup-body div.button-group-subhead-left button,
div.app-popup-bodyrow div.button-group-subhead-left button {
  margin: 10px 10px 10px 0;
}
div.app-popup-body div.button-group-subhead-right,
div.app-popup-bodyrow div.button-group-subhead-right {
  float: right;
}
div.app-popup-body div.button-group-subhead-right button,
div.app-popup-bodyrow div.button-group-subhead-right button {
  margin: 10px 0 10px 10px;
}
div.app-popup-bodyrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}
.app-popup-bodyrow.padding-1x .row:has(> .col-md-12 > div[id^="grdPopupLookup"]),
.app-popup-bodyrow.padding-1x .row:has(> .col-md-12 > div[id^="grdPopupMultiSelectLookup"]) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.app-popup-bodyrow.padding-1x .row:has(> .col-md-12 > div[id^="grdPopupLookup"]) > .col-md-12,
.app-popup-bodyrow.padding-1x .row:has(> .col-md-12 > div[id^="grdPopupMultiSelectLookup"]) > .col-md-12 {
  height: 100%;
}
.app-popup-bodyrow.padding-1x div[id^="grdPopupLookup"],
.app-popup-bodyrow.padding-1x div[id^="grdPopupMultiSelectLookup"],
.app-popup-bodyrow > div[id^="grdPopupLookup"] {
  height: 100%;
}
div.app-popup-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
div.app-popup-toolbar.fixed {
  position: fixed;
  top: 45px;
  background-color: var(--kendo-color-surface, #ffffff);
  z-index: 999;
}
.app-popup-bodycontainer {
  padding: 1em;
}
div.app-popup-footer {
  position: absolute;
  background-color: var(--kendo-color-surface, #ffffff);
  height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1em;
  vertical-align: middle;
  border-top: 1px solid var(--kendo-color-border, #e0e0e0);
  text-align: center;
  z-index: 999;
}
div.app-popup-footer button {
  margin-top: 9px;
}
div.app-popup-footer div.button-group-left {
  float: left;
}
div.app-popup-footer div.button-group-right {
  float: right;
}
.bms-border-solid-right {
  border-right: 1px solid var(--kendo-color-border, #e0e0e0);
}
.app-popupnav {
  padding: 0.3em 0;
  text-align: center;
}
.app-item-collector .app-collector-header {
  text-align: center;
  padding: 0.5em;
}
.app-item-collector .app-collector-body {
  min-height: 4em;
  overflow-y: auto;
}
.app-item-collector .app-collector-body .k-button {
  text-transform: none;
  font-size: smaller;
}
.app-item-collector .app-collector-body .k-widget.k-multiselect.k-header {
  height: 4em !important;
  min-height: 4em !important;
  max-height: 4em !important;
}
.app-picture-frame {
  min-height: 250px;
  border: 1px solid var(--kendo-color-border, #ddd);
  text-align: center;
}
.app-picture-frame .k-button {
  margin-top: 0.5em;
}
.app-calendar {
  width: 100%;
}
.app-calendar .k-calendar-view {
  width: 100%;
  overflow: visible;
}
.app-calendar .k-calendar-table {
  border-spacing: 4px;
  border-collapse: separate;
  background-color: white;
  width: 100%;
  table-layout: fixed;
}
.app-calendar .k-calendar-td {
  padding: 0;
}
.app-calendar .k-calendar-td .k-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 14px;
  border-radius: 6px;
  border: 4px solid transparent;
}
.app-calendar .k-calendar-td:has(.bms-calendar-available-all-day) .k-link {
  background-color: #8bc34a;
}
.app-calendar .k-calendar-td:has(.bms-calendar-available-part-day) .k-link {
  background-color: #e3a21a;
}
.app-calendar .k-calendar-td:has(.bms-calendar-not-available) .k-link {
  background-color: #ee1111;
}
.app-calendar .k-calendar-td.k-selected .k-link,
.app-calendar .k-calendar-td.k-today.k-selected .k-link {
  border: 4px solid #1274AC;
  padding: 6px 10px;
}
.app-calendar .bms-calendar-available-all-day,
.app-calendar .bms-calendar-available-part-day,
.app-calendar .bms-calendar-not-available {
  background-color: transparent !important;
  margin: 0 !important;
}
#calPopupEditEmployee_Availability {
  min-width: 350px;
}
.app-grid {
  padding-top: 0.2em;
}
.app-twopanel-container {
  height: 100%;
  padding: 0;
}
.app-twopanel-right {
  padding: 20px;
  background-color: white;
  height: 100%;
}
.app-twopanel-right h2 {
  color: var(--kendo-color-primary, #009de0);
  text-align: left;
}
.app-twopanel-right div.panel-body {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 50px;
  padding: 20px;
  overflow-y: auto;
}
.app-twopanel-right div.panel-footer {
  font-size: smaller;
  position: absolute;
  height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
  vertical-align: middle;
  border-top: 1px solid var(--kendo-color-border, #ddd);
}
.app-twopanel-right div.panel-footer button {
  margin-top: 10px;
  margin-right: 10px;
}
.app-twopanel-left {
  height: 100%;
}
.app-bgimage-leftpanel {
  background-image: url(/images/bgimage-leftpanel.jpg);
  background-repeat: no-repeat;
  background-position-x: center;
}
.app-bgimage-leftpanel-era {
  background-image: url(/images/bgimage-leftpanel-era.jpg);
  background-repeat: no-repeat;
  background-position-x: center;
}
/* ===== Sign-in page shell ===== */
.app-login-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background-color: var(--era-page-bg);
  color: var(--era-text-primary);
}
.app-login-page a {
  color: var(--era-accent);
  text-decoration: none;
}
.app-login-page a:hover,
.app-login-page a:focus {
  color: var(--era-accent-pressed);
  text-decoration: underline;
}
.app-login-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 68px;
  padding: 10px 20px;
  background-color: var(--era-card-bg);
  border-bottom: 1px solid var(--era-border);
}
.app-login-header .default-header {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin: 0;
}
.app-login-header .default-header > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.app-login-header .default-header .col-md-2,
.app-login-header .default-header .text-area {
  padding: 0;
  float: none;
  width: auto;
}
.app-login-header .default-header .text-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.app-login-header .logo-area img {
  display: block;
  max-height: 44px;
  width: auto;
}
.app-login-header .text-area {
  text-align: left;
}
.app-login-header #divCompanyName {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 8px;
  background-color: var(--era-accent-soft);
  white-space: nowrap;
}
.app-login-header #divCompanyName .app-company-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--era-accent);
}
.app-login-header #divCompanyName .app-company-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--era-text-primary);
}
@media (min-width: 760px) {
  .app-login-header .text-area {
    text-align: right;
  }
}
.app-login-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(16px, 4vh, 40px) 20px 32px;
}
.app-login-body .container,
.app-login-body .row,
.app-login-body .col-md-12 {
  display: block;
  width: 100%;
  max-width: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: auto !important;
  margin: 0;
  padding: 0;
  float: none;
}
.app-login-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  padding: 22px 22px 24px;
  border-radius: 16px;
  background: -o-linear-gradient(290deg, var(--era-accent) 0%, var(--era-accent-pressed) 100%);
  background: linear-gradient(160deg, var(--era-accent) 0%, var(--era-accent-pressed) 100%);
  color: var(--era-card-bg);
}
.app-login-brand::after {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
}
.app-login-brand > div {
  position: relative;
  z-index: 1;
}
.app-login-brand-lockup {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
.app-login-brand-title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--era-card-bg);
}
.app-login-brand-chart {
  display: block;
  width: 100%;
  height: auto;
  margin: 4px 0 0;
}
.app-login-brand-chart .chart-field {
  fill: rgba(255, 255, 255, 0.07);
}
.app-login-brand-chart .chart-grid line {
  stroke: rgba(255, 255, 255, 0.14);
  stroke-width: 1;
}
.app-login-brand-chart .chart-axis text {
  fill: rgba(255, 255, 255, 0.62);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  text-anchor: middle;
}
.app-login-brand-chart .chart-axis text.is-now {
  fill: var(--era-card-bg);
  font-weight: 700;
}
.app-login-brand-chart .chart-people circle {
  fill: rgba(255, 255, 255, 0.26);
}
.app-login-brand-chart .chart-people rect {
  fill: rgba(255, 255, 255, 0.2);
}
.app-login-brand-chart .chart-shifts rect {
  fill: rgba(255, 255, 255, 0.22);
}
.app-login-brand-chart .chart-shifts rect.is-plain {
  fill: rgba(255, 255, 255, 0.3);
}
.app-login-brand-chart .chart-shifts rect.is-faint {
  fill: rgba(255, 255, 255, 0.14);
}
.app-login-brand-chart .chart-shifts rect.is-a {
  fill: #7CC0F8;
}
.app-login-brand-chart .chart-shifts rect.is-b {
  fill: #35C2AE;
}
.app-login-brand-chart .chart-shifts rect.is-c {
  fill: #A99BF5;
}
.app-login-brand-chart .chart-shifts rect.is-d {
  fill: #DDB48B;
}
.app-login-brand-chart .chart-open rect {
  fill: none;
  stroke: rgba(255, 255, 255, 0.55);
  stroke-width: 1.5;
  stroke-dasharray: 6 4;
}
.app-login-brand-chart .chart-open rect.is-hatched {
  fill: url(#brandChartHatch);
}
.app-login-brand-chart #brandChartHatch line {
  stroke: rgba(255, 255, 255, 0.34);
  stroke-width: 2;
}
.app-login-brand-chart .chart-now line {
  stroke: rgba(255, 255, 255, 0.85);
  stroke-width: 1.5;
}
.app-login-brand-chart .chart-now circle {
  fill: #F3C48B;
}
@media (max-width: 759px) {
  .app-login-page.is-credentials .app-login-brand {
    display: none;
  }
}
@media (min-width: 760px) {
  .app-login-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 32px;
    padding: clamp(24px, 6vh, 56px) 24px 48px;
  }
  .app-login-body > .container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 420px;
            flex: 0 1 420px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .app-login-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 380px;
            flex: 0 1 380px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 380px;
    padding: 34px 32px;
    border-radius: 18px;
  }
  .app-login-brand-lockup {
    margin: 0 0 16px;
    font-size: 13px;
  }
  .app-login-brand-title {
    margin: 0 0 24px;
    font-size: 25px;
  }
}
@media (min-width: 1100px) {
  .app-login-body {
    gap: 48px;
  }
}
.app-login-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 16px 20px 24px;
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
  color: var(--era-text-secondary);
}
.app-login-footer footer a {
  margin: 0 8px;
  color: var(--era-text-secondary);
}
.app-login-footer footer a:focus-visible {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
  border-radius: 3px;
}
.app-login-footer .app-login-footer-copy {
  margin-right: 4px;
}
/* ===== Card ===== */
.app-login-card.k-card {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  border: 1px solid var(--era-border);
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 2px rgba(27, 31, 38, 0.04), 0 12px 32px rgba(27, 31, 38, 0.08);
          box-shadow: 0 1px 2px rgba(27, 31, 38, 0.04), 0 12px 32px rgba(27, 31, 38, 0.08);
  background-color: var(--era-card-bg);
}
.app-login-card.k-card .k-card-body {
  padding: 32px 32px 28px;
}
.app-login-card.k-card .login-form,
.app-login-card.k-card .col-md-8 {
  width: 100%;
  margin-left: 0;
  padding: 0;
  float: none;
}
.app-login-card.k-card .row {
  margin: 0;
}
.app-login-card.k-card .col-md-12 {
  padding: 0;
  float: none;
  width: 100%;
}
.app-login-card.k-card h2,
.app-login-card.k-card .app-login-title {
  margin: 0 0 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--era-text-primary);
}
.app-login-card.k-card .app-login-lead {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--era-text-secondary);
}
.app-login-card.k-card .toolbar-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 0 12px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--era-accent-soft);
}
.app-login-card.k-card .toolbar-logo i {
  padding: 0;
  background-color: transparent;
  font-size: 28px;
  line-height: 1;
  color: var(--era-accent);
}
.app-login-card.k-card .k-form-field {
  margin: 0 0 14px;
}
.app-login-card.k-card .k-form-field .k-form-label {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--era-text-secondary);
}
.app-login-card.k-card .k-textbox,
.app-login-card.k-card .k-input {
  min-height: 44px;
  border-radius: 8px;
  border-color: var(--era-border-strong);
  background-color: var(--era-card-bg);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.app-login-card.k-card .k-textbox .k-input-inner,
.app-login-card.k-card .k-input .k-input-inner {
  padding: 0 12px;
  font-size: 16px;
}
.app-login-card.k-card .k-textbox.k-focus,
.app-login-card.k-card .k-input.k-focus,
.app-login-card.k-card .k-textbox:focus-within,
.app-login-card.k-card .k-input:focus-within {
  border-color: var(--era-accent);
  -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
          box-shadow: 0 0 0 3px var(--era-accent-soft);
}
.app-login-card.k-card .app-login-error {
  margin: -4px 0 14px;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--era-red-soft);
  color: var(--era-red);
  font-size: 14px;
  line-height: 1.4;
}
.app-login-card.k-card .k-textbox.k-invalid,
.app-login-card.k-card .k-input.k-invalid {
  border-color: var(--era-red);
}
.app-login-card.k-card .k-textbox.k-invalid.k-focus,
.app-login-card.k-card .k-input.k-invalid.k-focus,
.app-login-card.k-card .k-textbox.k-invalid:focus-within,
.app-login-card.k-card .k-input.k-invalid:focus-within {
  border-color: var(--era-red);
  -webkit-box-shadow: 0 0 0 3px var(--era-red-soft);
          box-shadow: 0 0 0 3px var(--era-red-soft);
}
.app-login-card.k-card .k-checkbox {
  border-radius: 6px;
  border-color: var(--era-border-strong);
}
.app-login-card.k-card .k-checkbox:checked,
.app-login-card.k-card .k-checkbox.k-checked {
  border-color: var(--era-accent);
  background-color: var(--era-accent);
}
.app-login-card.k-card .k-checkbox:focus,
.app-login-card.k-card .k-checkbox.k-focus {
  -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
          box-shadow: 0 0 0 3px var(--era-accent-soft);
}
.app-login-card.k-card .k-checkbox-label {
  font-size: 14px;
  color: var(--era-text-primary);
}
.app-login-card.k-card .app-login-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 6px;
  margin: 8px 0 4px;
}
.app-login-card.k-card .k-button-solid-primary {
  min-height: 44px;
  border-radius: 10px;
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  color: var(--era-card-bg);
  font-size: 15px;
  font-weight: 600;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.app-login-card.k-card .k-button-solid-primary:hover,
.app-login-card.k-card .k-button-solid-primary.k-hover {
  border-color: var(--era-accent-pressed);
  background-color: var(--era-accent-pressed);
}
.app-login-card.k-card .k-button-solid-primary:focus-visible,
.app-login-card.k-card .k-button-solid-primary.k-focus {
  -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
          box-shadow: 0 0 0 3px var(--era-accent-soft);
}
.app-login-card.k-card .k-button-flat {
  min-height: 40px;
  color: var(--era-text-secondary);
  font-size: 14px;
}
.app-login-card.k-card .k-button-flat:hover,
.app-login-card.k-card .k-button-flat.k-hover {
  color: var(--era-text-primary);
}
.app-login-card.k-card .k-button-flat.app-login-back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  color: var(--era-accent);
  font-size: 14px;
  font-weight: 600;
}
.app-login-card.k-card .k-button-flat.app-login-back .k-icon {
  font-size: 16px;
}
.app-login-card.k-card .k-button-flat.app-login-back:hover,
.app-login-card.k-card .k-button-flat.app-login-back.k-hover {
  color: var(--era-accent-pressed);
}
.app-login-card.k-card .k-button-flat.app-login-back:focus-visible,
.app-login-card.k-card .k-button-flat.app-login-back.k-focus {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.app-login-card.k-card .app-login-links {
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  color: var(--era-text-secondary);
}
.app-login-card.k-card .app-login-links p {
  margin: 0 0 8px;
}
.app-login-card.k-card .app-login-links p:last-child {
  margin-bottom: 0;
}
.app-login-card.k-card .app-login-message {
  text-align: center;
}
.app-login-card.k-card .app-login-message .toolbar-logo {
  margin-bottom: 16px;
}
.app-login-card.k-card .app-login-message p {
  margin: 0 0 20px;
  font-size: 15px;
  color: var(--era-text-secondary);
}
.app-login-card.k-card .app-login-message .k-button-solid-primary {
  width: 100%;
}
/* ===== Popups on the sign-in pages ===== */
body:has(.app-login-page) .k-window {
  border-radius: 14px;
  border-color: var(--era-border);
  -webkit-box-shadow: 0 12px 32px rgba(27, 31, 38, 0.16);
          box-shadow: 0 12px 32px rgba(27, 31, 38, 0.16);
}
body:has(.app-login-page) .k-window-titlebar {
  background: var(--era-card-bg);
  border-bottom-color: var(--era-border);
  color: var(--era-text-primary);
}
body:has(.app-login-page) .k-window-titlebar .k-window-title {
  color: var(--era-text-primary);
  font-size: 18px;
}
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child {
  color: var(--era-text-secondary) !important;
}
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child .k-icon,
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child .k-svg-icon,
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child .k-button-icon {
  color: var(--era-text-secondary) !important;
}
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child:hover {
  color: var(--era-text-primary) !important;
  background: var(--era-neutral-soft) !important;
}
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child:hover .k-icon,
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child:hover .k-svg-icon,
body:has(.app-login-page) .k-window-titlebar .k-window-titlebar-action:last-child:hover .k-button-icon {
  color: var(--era-text-primary) !important;
}
body:has(.app-login-page) .k-window-content p {
  font-size: 15px;
  color: var(--era-text-primary);
}
body:has(.app-login-page) div.app-popup-footer {
  background-color: var(--era-card-bg);
  border-top-color: var(--era-border);
  text-align: right;
}
body:has(.app-login-page) div.app-popup-footer button + button {
  margin-left: 8px;
}
body:has(.app-login-page) .app-popup-footer .k-button-solid:not(.k-button-solid-primary) {
  min-width: 96px;
  min-height: 40px;
  border-radius: 10px;
  border-color: var(--era-border);
  background-color: var(--era-card-bg);
  color: var(--era-text-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body:has(.app-login-page) .app-popup-footer .k-button-solid:not(.k-button-solid-primary):hover,
body:has(.app-login-page) .app-popup-footer .k-button-solid:not(.k-button-solid-primary).k-hover {
  background-color: var(--era-neutral-soft);
}
body:has(.app-login-page) .k-window-content .k-form-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--era-text-secondary);
}
body:has(.app-login-page) .k-window-content .k-textbox,
body:has(.app-login-page) .k-window-content .k-input {
  min-height: 44px;
  border-radius: 8px;
  border-color: var(--era-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body:has(.app-login-page) .k-window-content .k-textbox.k-focus,
body:has(.app-login-page) .k-window-content .k-input.k-focus,
body:has(.app-login-page) .k-window-content .k-textbox:focus-within,
body:has(.app-login-page) .k-window-content .k-input:focus-within {
  border-color: var(--era-accent);
  -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
          box-shadow: 0 0 0 3px var(--era-accent-soft);
}
body:has(.app-login-page) .k-window-content .k-form-section-title {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  color: var(--era-text-secondary);
}
body:has(.app-login-page) .k-window-content .k-separator {
  border-color: var(--era-divider);
}
body:has(.app-login-page) .app-popup-footer .k-button-solid-primary {
  min-width: 96px;
  min-height: 40px;
  border-radius: 10px;
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  color: var(--era-card-bg);
  font-weight: 600;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body:has(.app-login-page) .app-popup-footer .k-button-solid-primary:hover,
body:has(.app-login-page) .app-popup-footer .k-button-solid-primary.k-hover {
  border-color: var(--era-accent-pressed);
  background-color: var(--era-accent-pressed);
}
body:has(.app-login-page) .app-popup-footer .k-button-solid-primary:focus,
body:has(.app-login-page) .app-popup-footer .k-button-solid-primary.k-focus {
  -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
          box-shadow: 0 0 0 3px var(--era-accent-soft);
}
/* ===== Chooser (Login page, all modes) ===== */
#ChooserPanel.app-chooser-button-group > div h2.app-chooser-heading {
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--era-text-primary);
}
@media (min-width: 760px) {
  #ChooserPanel.app-chooser-button-group > div h2.app-chooser-heading {
    font-size: 24px;
  }
}
.app-chooser-button.k-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 14px;
  width: 100%;
  height: auto;
  min-height: 64px;
  padding: 14px 16px;
  margin-bottom: 10px;
  text-align: left;
  white-space: normal;
  border: 1px solid var(--era-border-strong);
  border-radius: 12px;
  background-color: var(--era-card-bg);
  color: var(--era-text-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.app-chooser-button.k-button:last-child {
  margin-bottom: 0;
}
.app-chooser-button.k-button > i,
.app-chooser-button.k-button > [class^="icon-"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44px;
          flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: var(--era-accent-soft);
  color: var(--era-accent);
  font-size: 22px;
  line-height: 1;
}
.app-chooser-button.k-button .app-chooser-button-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
  line-height: 1.3;
}
.app-chooser-button.k-button .app-chooser-button-text > .app-chooser-button-label {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--era-text-primary);
}
.app-chooser-button.k-button .app-chooser-button-descriptor {
  font-size: 13.5px;
  font-weight: 400;
  color: var(--era-text-body);
  opacity: 1;
}
.app-chooser-button.k-button .app-chooser-chevron {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 18px;
  color: var(--era-text-hint);
}
@media (hover: hover) {
  .app-chooser-button.k-button:hover,
  .app-chooser-button.k-button.k-hover {
    border-color: var(--era-accent);
    background-color: var(--era-card-bg);
    -webkit-box-shadow: 0 0 0 3px var(--era-accent-soft);
            box-shadow: 0 0 0 3px var(--era-accent-soft);
    color: var(--era-text-primary);
  }
}
.app-chooser-button.k-button:active {
  border-color: var(--era-accent);
  background-color: var(--era-accent-soft);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: scale(0.995);
      -ms-transform: scale(0.995);
          transform: scale(0.995);
}
.app-chooser-button.k-button:focus-visible,
.app-chooser-button.k-button.k-focus {
  border-color: var(--era-accent);
  background-color: var(--era-card-bg);
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--era-text-primary);
}
.app-chooser-assist {
  margin: 18px 0 0;
  text-align: center;
  font-size: 13.5px;
}
.app-chooser-assist a {
  color: var(--era-text-body);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.app-chooser-assist a:hover,
.app-chooser-assist a:focus {
  color: var(--era-accent);
}
.app-chooser-assist a:focus-visible {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
  border-radius: 3px;
}
.app-sign-up-form .password-validation {
  font-size: smaller;
}
.app-sign-up-form .password-validation .password-validation-ok {
  color: green;
}
.app-sign-up-form .password-validation .password-validation-ok:before {
  content: "\2714";
  margin-right: 4px;
}
.app-sign-up-form .password-validation .password-validation-fail {
  color: red;
}
.app-sign-up-form .app-sign-up-form-disclaimer {
  font-size: smaller;
}
.app-timeclock-menu-area {
  width: 100%;
  position: fixed;
  top: 0;
  background-color: var(--era-accent);
  z-index: 999;
  min-height: 4em;
}
.app-timeclock-menu-area .app-timeclock-company-name {
  font-size: 2em;
  line-height: 1;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1.5em;
  min-height: 3em;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: white;
}
.app-timeclock-menu-area .k-button {
  font-size: 4em;
  background-color: transparent;
  color: white;
}
.app-timeclock-window {
  margin-top: 6em;
  width: 100%;
}
.app-timeclock .k-button {
  min-width: 140px;
  height: 60px;
}
.app-timeclock .k-button div i {
  font-size: 2em;
}
.app-timeclock .app-timeclock-title {
  font-size: 2em;
  line-height: 1.3;
  font-weight: 800;
}
.app-timeclock .app-timeclock-timeclock-name {
  font-size: 1.5em;
  line-height: 1;
  font-weight: 100;
  margin-bottom: 1em;
}
.app-timeclock .app-timeclock-current-date {
  font-size: 2em;
  line-height: 1.3;
  font-weight: 200;
}
.app-timeclock .app-timeclock-current-time {
  font-size: 5em;
  line-height: 1.3;
  font-weight: 700;
  color: #9ccc65;
}
.app-timeclock .app-timeclock-keypad {
  text-align: center;
}
.app-timeclock .app-timeclock-keypad .k-button {
  font-size: 2em;
  width: 80px;
  min-width: 80px;
  height: 80px;
  margin-bottom: 4px;
}
.app-timeclock .app-timeclock-keypad .app-timeclock-keypad-display {
  width: 248px;
  height: 50px;
  margin-bottom: 5px;
  background-color: black;
  vertical-align: middle;
  display: inline-block;
}
.app-timeclock .app-timeclock-keypad .app-timeclock-keypad-display h1 {
  color: white;
  font-size: 2em;
  margin: 0;
}
.app-timeclock .app-timeclock-keypad .app-timeclock-keypad-display h1.app-timeclock-keypad-display-empty {
  font-size: 1em;
  line-height: 3em;
}
.app-timeclock .app-timeclock-keypad .k-button.app-timeclock-keypad-clear,
.app-timeclock .app-timeclock-keypad .k-button.app-timeclock-keypad-delete {
  font-size: 1em;
}
.app-timeclock .app-timeclock-keypad .k-button.app-timeclock-keypad-login {
  font-size: 1.2em;
  width: 250px;
  height: 80px;
}
.app-timeclock .app-timeclock-form-field {
  width: 300px;
  margin: auto;
}
.app-timeclock #columnMainTitle:has(+ #columnMainKeypad[style*="display: none"]) {
  float: none;
  margin: 0 auto;
}
.app-timeclock .app-timeclock-unregistered {
  max-width: 420px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--era-text-secondary);
}
.app-timeclock .k-button-solid-primary {
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  border-radius: 10px;
}
.app-timeclock .k-button-solid-primary:hover,
.app-timeclock .k-button-solid-primary.k-hover {
  border-color: var(--era-accent-pressed);
  background-color: var(--era-accent-pressed);
}
.app-timeclock .app-timeclock-punch h1,
.app-timeclock .app-timeclock-punch h2,
.app-timeclock .app-timeclock-punch h3 {
  margin-bottom: 0.3em;
}
.app-timeclock .app-timeclock-punch .app-timeclock-shift-assignment {
  text-align: left;
  padding: 1em;
}
.app-timeclock .app-timeclock-punch .app-timeclock-selected-shift {
  background-color: #f2f2f2;
  padding: 1em;
}
.app-timeclock .app-timeclock-punch .app-timeclock-selectable-shift-assignment {
  text-align: left;
  border: 1px solid var(--kendo-color-primary, #009de0);
  padding: 1em;
  margin-bottom: 1em;
}
.app-timeclock .app-timeclock-punch .app-timeclock-punch-entries {
  text-align: center;
  border: 1px solid;
  padding: 1em;
}
.app-timeclock .app-timeclock-punch .app-timeclock-punch-entries table {
  width: 100%;
}
.app-timeclock-new-punch .app-timeclock-punch-reason {
  float: left;
  position: relative;
  text-align: center;
  width: 122px;
  height: 70px;
  margin: 5px;
  border: 1px solid var(--kendo-color-primary, #009de0);
  padding: 5px;
}
.app-timeclock-new-punch .app-timeclock-punch-reason i {
  font-size: 2em;
}
.app-timeclock-new-punch .app-timeclock-punch-reason p {
  line-height: 1;
  margin: 0;
}
.app-timeclock-new-punch .app-timeclock-current-time {
  font-size: 3em;
  line-height: 1.5;
  font-weight: 700;
  color: #9ccc65;
}
.app-timeclock-auto-logout .app-timeclock-auto-logout-message {
  font-size: 1.8em;
  line-height: 1.8;
  font-weight: 700;
  color: red;
}
.app-timeclock-punch-confirmation .app-timeclock-punch-confirmation-message {
  font-size: 1.8em;
  line-height: 1.8;
  font-weight: 700;
  color: #2d89ef;
}
.app-timeclock-register .app-timeclock-register-timeclock {
  float: left;
  position: relative;
  text-align: center;
  width: 122px;
  height: 70px;
  margin: 5px;
  border: 1px solid var(--kendo-color-primary, #009de0);
  padding: 5px;
}
.app-timeclock-register .app-timeclock-register-timeclock i {
  font-size: 2em;
}
.app-timeclock-register .app-timeclock-register-timeclock p {
  line-height: 1;
  margin: 0;
}
.toolbar-logo {
  display: inline-block;
}
.toolbar-logo span {
  font-size: 3em;
  margin-left: 0.5em;
  color: var(--kendo-color-primary, #009de0);
}
@media (max-width: 768px) {
  .toolbar-logo span {
    font-size: 2em;
  }
}
.toolbar-logo i {
  background-color: var(--kendo-color-primary, #009de0);
  padding: 0.3em;
  font-size: 2.5em;
  color: white;
}
.toolbar-company {
  display: block;
  margin-top: 1em;
  border: 1px;
  border-style: solid;
  border-color: #ee1111;
  text-align: center;
}
.toolbar-company span {
  font-size: 2em;
  color: #ee1111;
}
.app-status-closed {
  color: white;
  background-color: #d9534f;
  font-weight: bold;
  padding: 0 0.5em;
}
.bms-grid .app-status-closed {
  display: inline-block;
  -webkit-transform: translate(20px, 15px) rotate(-30deg);
      -ms-transform: translate(20px, 15px) rotate(-30deg);
          transform: translate(20px, 15px) rotate(-30deg);
}
.kui-badge {
  line-height: 2em;
  margin: 0 0.2em;
  min-width: 0.9em;
  padding: 0 0.55em;
  background-clip: padding-box;
  border-radius: 5em;
  background-color: var(--kendo-color-primary, #009de0);
  color: var(--kendo-color-surface, #ffffff);
}
.kui-form-control {
  width: 100% !important;
}
.kui-required:after {
  content: "*";
  color: #d9534f;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.kui-control-flagged {
  background-color: yellow !important;
}
.form-group {
  min-height: 3em;
  padding-bottom: 1em;
}
.form-group .help-inline.field-validation-error {
  font-size: 0.8em;
}
.form-group.single-line {
  min-height: 0;
}
.kui-timeduration .k-numerictextbox {
  width: 5em !important;
}
.kui-property-availability .k-input {
  background-color: var(--kendo-color-surface, transparent);
}
.kui-checkbox {
  padding: 0.2em 0;
}
.kui-checkbox input {
  margin: 0;
  width: 1.86em;
  height: 1.86em;
  padding: 0;
  cursor: pointer;
}
.kui-checkbox input:hover {
  color: var(--kendo-color-on-base, #999999);
}
.kui-checkbox-inline {
  padding-top: 0;
}
.kui-checkbox-inline .form-group {
  min-height: 2em !important;
}
.kui-checkbox-inline label {
  margin: 0;
  font-weight: normal;
  display: inline-block;
  line-height: 1em;
}
.kui-checkbox-inline input {
  margin: 0 4px 0 0;
  width: 20px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
}
.kui-decimal-inline {
  display: inline;
}
.kui-decimal-inline .k-widget.k-numerictextbox {
  width: 10em;
}
.kui-radiobutton {
  padding-top: 0;
}
.kui-radiobutton .form-group {
  min-height: 3.5em;
}
.kui-radiobutton label {
  margin: 0;
  font-weight: normal;
  display: inline-block;
  line-height: 1em;
}
.kui-radiobutton input {
  margin: 0 4px 0 0;
  width: 20px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
}
.kui-radiobutton input:hover {
  color: var(--kendo-color-on-base, #999999);
}
.kui-property-string {
  display: table;
}
.kui-property-string span.span-icon {
  display: table-cell;
  width: 1.5em;
  font-size: 1.2em;
  text-align: center;
  vertical-align: middle;
}
.kui-property-string span.span-button {
  display: table-cell;
  width: 1.5em;
  font-size: 1.2em;
  text-align: center;
  vertical-align: middle;
}
.kui-property-string span.span-button-2 {
  right: 1.5em;
}
.kui-property-string span.span-button-3 {
  right: 3em;
}
.kui-property-string span.span-input {
  display: table-cell;
}
.kui-property-string span.span-input input {
  border: none;
  height: 34.28px;
}
.kui-property-string span.span-input input:focus {
  border: none;
}
.kui-property-itemcollector-inline .form-group {
  min-height: 3.5em !important;
}
:root {
  --era-accent: #2F6BED;
  --era-accent-pressed: #1E4FB8;
  --era-accent-soft: #EAF1FE;
  --calendar-open-shift: #ff6700;
  --era-page-bg: #F5F6F8;
  --era-card-bg: #FFFFFF;
  --era-border: #E6E8EC;
  --era-border-strong: #C7CDD8;
  --era-divider: #EEF0F3;
  --era-text-primary: #1B1F26;
  --era-text-secondary: #6B7280;
  --era-text-body: #4A5361;
  --era-text-hint: #9AA0A8;
  --era-amber: #EF9F27;
  --era-amber-soft: #FFF7E8;
  --era-amber-text: #854F0B;
  --era-neutral: #888780;
  --era-neutral-soft: #EFF3F7;
  --era-green: #256F3F;
  --era-green-soft: #E8F4EC;
  --era-red: #9E3B33;
  --era-red-soft: #FAEDEC;
  --era-type-hero: 22px;
  --era-type-title: 18px;
  --era-type-body: 16px;
  --era-type-meta: 14px;
  --era-type-caption: 12px;
  --era-type-app-bar: 20px;
  --era-type-section: 15px;
  --text-background: #e7e7e7;
  --snap-primary: #2F6BED;
  --card-background: #FFFFFF;
  --app-background: #F5F6F8;
  --table-header-line: #808080;
  --confirm: #66FF33;
  --nav-bar-height: 5px;
}
body.bms-mobile-body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--era-type-body);
  line-height: 1.4;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.bms-mobile-body {
    background-color: black;
  }
}
div.bms-mobile-app-shell {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
body.bms-mobile-body div.bms-mobile-app-shell {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
body.bms-mobile-body.bms-mobile-body-full-screen div.bms-mobile-app-shell {
  width: unset;
  max-width: none;
}
section.bms-mobile-view {
  position: absolute;
  inset: 0;
  display: none;
  overflow: hidden;
  background: transparent;
}
section.bms-mobile-view-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.bms-mobile-view-transitioning {
  will-change: transform, left;
}
header.bms-mobile-app-bar {
  position: sticky;
  font-size: var(--era-type-app-bar);
  background: var(--snap-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 57px;
  padding-top: env(safe-area-inset-top, 0px);
}
header.bms-mobile-app-bar .k-appbar-section.bms-appbar-zone-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
header.bms-mobile-app-bar .k-appbar-section.bms-appbar-zone-center {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
}
header.bms-mobile-app-bar .k-appbar-section.bms-appbar-zone-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header.bms-mobile-app-bar .bms-appbar-zone {
  gap: 8px;
}
header.bms-mobile-app-bar.k-appbar,
header.bms-mobile-app-bar .k-appbar,
header.bms-mobile-app-bar .k-appbar-section {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
@media (max-width: 399px) {
  header.bms-mobile-app-bar .bms-appbar-zone {
    gap: 4px;
  }
}
header.bms-mobile-app-bar .bms-appbar-title {
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
header.bms-mobile-app-bar button {
  border: none;
  border-radius: 10px;
  font-size: 24px;
  color: var(--card-background);
  background-color: var(--snap-primary);
}
main.bms-mobile-view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--era-page-bg);
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto;
  background-color: var(--app-background);
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane ul.bms-mobile-scroll-list {
  padding-bottom: var(--nav-bar-height);
  border-style: none;
  background-color: var(--app-background);
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane ul.bms-mobile-property-list {
  margin: 0;
  padding: 0;
  padding-bottom: var(--nav-bar-height);
  border-style: none;
  background-color: var(--app-background);
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane.bms-primary-bg {
  background-color: white;
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane.bms-primary-bg ul.bms-mobile-scroll-list,
main.bms-mobile-view-content div.bms-mobile-scroll-pane.bms-primary-bg ul.bms-mobile-property-list {
  background-color: white;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 200px;
  overflow-x: auto;
  overflow-y: auto;
  background-color: var(--app-background);
}
nav.bms-mobile-action-bar,
nav.bms-mobile-nav-bar {
  position: sticky;
  bottom: 0;
  z-index: 1000;
  background: var(--snap-primary);
  border-top: 0.5px solid var(--era-border);
  min-height: 57px;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
nav.bms-mobile-action-bar .k-bottom-nav-item,
nav.bms-mobile-nav-bar .k-bottom-nav-item {
  color: var(--card-background);
}
nav.bms-mobile-action-bar button,
nav.bms-mobile-nav-bar button {
  width: 9em;
  border: none;
  border-radius: 10px;
  font-size: var(--era-type-app-bar);
  color: black;
  background-color: var(--card-background);
  -webkit-transition: all 50ms ease-in;
  -o-transition: all 50ms ease-in;
  transition: all 50ms ease-in;
}
nav.bms-mobile-action-bar button:hover,
nav.bms-mobile-nav-bar button:hover {
  -webkit-filter: brightness(0.92);
          filter: brightness(0.92);
}
nav.bms-mobile-action-bar button:active,
nav.bms-mobile-nav-bar button:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}
nav.bms-mobile-nav-bar {
  background: var(--era-card-bg);
}
nav.bms-mobile-nav-bar .k-bottom-nav-item {
  color: var(--era-text-hint);
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}
nav.bms-mobile-nav-bar .k-bottom-nav-item .k-bottom-nav-item-text {
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 359px) {
  nav.bms-mobile-nav-bar .k-bottom-nav-item .k-bottom-nav-item-text {
    font-size: 10px;
  }
}
nav.bms-mobile-nav-bar .k-bottom-nav-item.k-selected,
nav.bms-mobile-nav-bar .k-bottom-nav-item.k-state-selected {
  color: var(--era-accent);
}
nav.bms-mobile-action-bar {
  background: var(--era-card-bg);
}
nav.bms-mobile-action-bar button {
  color: var(--era-text-primary);
  background: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
}
nav.bms-mobile-action-bar .k-bottom-nav-item:last-child button {
  color: var(--card-background);
  background: var(--era-accent);
  border: 0.5px solid var(--era-accent);
}
nav.bms-mobile-action-bar button:disabled,
nav.bms-mobile-action-bar button.k-disabled {
  opacity: 0.4;
}
ul.bms-mobile-more-list {
  margin: 0;
  padding: 0 0 var(--nav-bar-height) 0;
  list-style: none;
  background-color: var(--era-page-bg);
}
ul.bms-mobile-more-list .k-listview-item {
  list-style: none;
}
ul.bms-mobile-more-list .bms-mobile-more-section {
  padding: 18px 16px 6px;
  font-size: var(--era-type-caption);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--era-text-secondary);
}
ul.bms-mobile-more-list .bms-mobile-more-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 16px;
  font-size: var(--era-type-body);
  background-color: var(--era-card-bg);
  border-bottom: 0.5px solid var(--era-divider);
  color: var(--era-text-primary);
  text-decoration: none;
  cursor: pointer;
}
ul.bms-mobile-more-list .bms-mobile-more-row:active {
  background-color: var(--era-accent-soft);
}
ul.bms-mobile-more-list .bms-mobile-more-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--era-accent-soft);
  color: var(--era-accent);
}
ul.bms-mobile-more-list .bms-mobile-more-icon .k-icon,
ul.bms-mobile-more-list .bms-mobile-more-icon i {
  font-size: 18px;
  color: var(--era-accent);
}
ul.bms-mobile-more-list .bms-mobile-more-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
ul.bms-mobile-more-list .bms-mobile-more-chevron {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: var(--era-text-hint);
}
ul.bms-mobile-more-list .bms-mobile-more-count {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: var(--era-type-caption);
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: var(--era-card-bg);
  background-color: var(--era-red);
}
ul.bms-mobile-more-list .bms-mobile-more-logout {
  margin-top: 18px;
  border-top: 0.5px solid var(--era-divider);
  color: var(--era-text-secondary);
}
ul.bms-mobile-more-list .bms-mobile-more-logout .bms-mobile-more-icon {
  background-color: var(--era-neutral-soft);
  color: var(--era-text-secondary);
}
ul.bms-mobile-more-list .bms-mobile-more-logout .bms-mobile-more-icon i {
  color: var(--era-text-secondary);
}
ul.bms-mobile-button-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  border: none;
  background-color: var(--app-background);
}
ul.bms-mobile-button-list div.bms-list-card-action-caption {
  padding: 0.6em;
  padding-bottom: unset;
}
ul.bms-mobile-button-list button {
  width: 7.4rem;
  height: 7.4rem;
  border: none;
  border-radius: 20px;
  background-color: var(--snap-primary);
  -webkit-transition: all 50ms ease-in;
  -o-transition: all 50ms ease-in;
  transition: all 50ms ease-in;
}
ul.bms-mobile-button-list button:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}
ul.bms-mobile-button-list span {
  font-size: 70px !important;
  color: white;
}
div.bms-list-card-section-caption {
  padding: 0.2em;
  font-size: var(--era-type-title);
  text-align: center;
}
div.bms-list-card-section-caption p {
  margin: unset;
}
div.bms-mobile-grid {
  width: 100%;
  height: 100%;
}
.bms-mobile-color-dot {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  vertical-align: middle;
}
.k-list-item .bms-mobile-color-dot {
  margin-right: 8px;
}
ul.bms-mobile-form-list {
  height: 100%;
  margin: 0;
  padding: 0;
  border-style: none;
  background-color: var(--card-background);
}
ul.bms-mobile-form-list li {
  margin: 0;
  padding: 10px 10px 10px 20px;
  min-height: 28px;
  list-style-type: none;
  line-height: 28px;
  vertical-align: middle;
}
ul.bms-mobile-form-list li label {
  font-size: var(--era-type-body);
  font-weight: 500;
}
ul.bms-mobile-form-list li .k-input {
  background-color: var(--text-background);
}
ul.bms-mobile-form-list li .k-switch {
  float: right;
}
ul.bms-mobile-form-list li.bms-mobile-form-section {
  min-height: 0;
  margin: 0;
  padding: 16px 16px 6px;
  line-height: normal;
  background-color: transparent;
}
ul.bms-mobile-form-list li.bms-mobile-form-section label {
  font-size: var(--era-type-caption);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li:has(> .k-switch),
ul.bms-mobile-form-list li.bms-mobile-form-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 4px 16px;
  line-height: normal;
}
ul.bms-mobile-form-list li:has(> .k-switch) label,
ul.bms-mobile-form-list li.bms-mobile-form-dropdown label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--era-type-body);
  font-weight: 400;
  color: var(--era-text-primary);
}
ul.bms-mobile-form-list li:has(> .k-switch) .k-switch,
ul.bms-mobile-form-list li.bms-mobile-form-dropdown .k-switch {
  float: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown {
  position: relative;
  cursor: pointer;
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown .bms-mobile-form-value .bms-mobile-color-dot {
  margin-right: 6px;
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown:active {
  background-color: var(--era-accent-soft);
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown .bms-mobile-form-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  max-width: 60%;
  font-size: var(--era-type-body);
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown .bms-mobile-form-value .bms-mobile-form-value-text {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown .bms-mobile-form-value .k-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list li.bms-mobile-form-dropdown > .k-dropdownlist,
ul.bms-mobile-form-list li.bms-mobile-form-dropdown > .k-picker,
ul.bms-mobile-form-list li.bms-mobile-form-dropdown > .k-input,
ul.bms-mobile-form-list li.bms-mobile-form-dropdown > input {
  position: absolute;
  top: auto;
  right: 16px;
  bottom: 0;
  width: 1px;
  height: 1px;
  max-height: 1px;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
ul.bms-mobile-form-list li > .k-button {
  width: 150px;
  height: 40px;
  border: 0.5px solid var(--era-accent);
  border-radius: 10px;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-accent);
  background-color: var(--era-card-bg);
  -webkit-transition: all 50ms ease-in;
  -o-transition: all 50ms ease-in;
  transition: all 50ms ease-in;
}
ul.bms-mobile-form-list li > .k-button-group {
  width: 150px;
  height: 40px;
  border: none;
  border-radius: 10px;
  font-size: var(--era-type-body);
}
ul.bms-mobile-form-list li > .bms-mobile-form-list-item-center {
  text-align: center;
}
ul.bms-mobile-form-list li > .bms-mobile-form-list-item-start {
  text-align: left;
  padding-top: 4px;
}
ul.bms-mobile-form-list li > .bms-mobile-form-list-label-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
ul.bms-mobile-form-list li .bms-mobile-form-list-actions {
  padding-top: 4px;
}
ul.bms-mobile-form-list li button.bms-mobile-text-action,
ul.bms-mobile-form-list li button.bms-mobile-text-action.k-button {
  width: auto;
  height: auto;
  min-height: 0;
  padding: 6px 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  font-size: var(--era-type-meta);
  font-weight: 600;
  color: var(--era-accent);
  line-height: normal;
}
ul.bms-mobile-form-list li.bms-mobile-form-summary-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-height: 0;
  padding: 0 16px 8px;
  line-height: normal;
}
ul.bms-mobile-form-list li.bms-mobile-form-summary-row:not(:has(span:not(:empty))) {
  display: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-summary-row span:empty {
  display: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-summary-row .bms-mobile-form-summary {
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-summary-row .bms-mobile-form-error {
  font-size: var(--era-type-meta);
  color: var(--era-red);
}
ul.bms-mobile-form-list li.bms-mobile-form-note {
  min-height: 0;
  padding: 12px 16px;
  line-height: normal;
  font-size: var(--era-type-meta);
  color: var(--era-red);
  background-color: var(--era-red-soft);
}
ul.bms-mobile-form-list li.bms-mobile-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  min-height: 0;
  padding: 6px 16px;
  line-height: normal;
}
ul.bms-mobile-form-list li.bms-mobile-form-field:first-child {
  padding-top: 12px;
}
ul.bms-mobile-form-list li.bms-mobile-form-field:last-child {
  padding-bottom: 12px;
}
ul.bms-mobile-form-list li.bms-mobile-form-field label {
  margin: 0;
  font-size: var(--era-type-meta);
  font-weight: 500;
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textbox,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-numerictextbox,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textarea,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea {
  width: 100%;
  border: 1px solid var(--era-border);
  border-radius: 10px;
  background-color: var(--era-card-bg);
  font-size: var(--era-type-body);
  color: var(--era-text-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textbox,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-numerictextbox {
  min-height: 44px;
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textbox .k-input-inner,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-numerictextbox .k-input-inner {
  min-height: 42px;
  padding: 0 12px;
  font-size: var(--era-type-body);
  color: var(--era-text-primary);
  background: transparent;
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textarea,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea {
  min-height: 96px;
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textarea textarea {
  min-height: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textbox.k-focus,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-numerictextbox.k-focus,
ul.bms-mobile-form-list li.bms-mobile-form-field .k-textarea.k-focus {
  border-color: var(--era-accent);
  -webkit-box-shadow: none;
          box-shadow: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-field.bms-mobile-form-field-invalid .k-textbox,
ul.bms-mobile-form-list li.bms-mobile-form-field.bms-mobile-form-field-invalid .k-textarea {
  border-color: var(--era-red);
}
ul.bms-mobile-form-list li.bms-mobile-form-field input::-webkit-input-placeholder,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea::-webkit-input-placeholder {
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list li.bms-mobile-form-field input::-moz-placeholder,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea::-moz-placeholder {
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list li.bms-mobile-form-field input::-ms-input-placeholder,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea::-ms-input-placeholder {
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list li.bms-mobile-form-field input::placeholder,
ul.bms-mobile-form-list li.bms-mobile-form-field textarea::placeholder {
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list li.bms-mobile-form-field .bms-mobile-form-error {
  font-size: var(--era-type-meta);
  color: var(--era-red);
}
ul.bms-mobile-form-list li.bms-mobile-form-field .bms-mobile-form-error:empty {
  display: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-balances {
  min-height: 0;
  padding: 16px 16px 12px;
  line-height: normal;
}
ul.bms-mobile-form-list li.bms-mobile-form-balances > label {
  display: block;
  margin: 0 0 8px;
  font-size: var(--era-type-caption);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-card {
  padding: 12px 14px;
  border: 1px solid var(--era-border);
  border-radius: 12px;
  background-color: var(--era-card-bg);
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-card + .bms-mobile-balance-card {
  margin-top: 8px;
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-title {
  margin: 0 0 8px;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-pair {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 0;
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-pair .bms-mobile-balance-label {
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-pair .bms-mobile-balance-value {
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
ul.bms-mobile-form-list li.bms-mobile-form-balances .bms-mobile-balance-pair .bms-mobile-balance-value.bms-mobile-balance-negative {
  color: var(--era-red);
}
ul.bms-mobile-form-list li ul.bms-mobile-chip-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: var(--era-type-meta);
}
ul.bms-mobile-form-list li > .bms-mobile-form-list-item-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
ul.bms-mobile-form-list li > .bms-mobile-form-list-item-pair label {
  font-size: var(--era-type-caption);
}
ul.bms-mobile-form-list .bms-day-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  padding: 2px 0;
  width: 100%;
  max-width: 420px;
}
ul.bms-mobile-form-list .bms-day-chip {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: 1px solid var(--era-border);
  background-color: var(--era-card-bg);
  color: var(--era-text-primary);
  font-size: var(--era-type-meta);
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  line-height: normal;
  text-align: center;
}
ul.bms-mobile-form-list .bms-day-chip.selected {
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  color: var(--era-card-bg);
}
ul.bms-mobile-form-list .bms-day-chip:focus-visible {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
}
ul.bms-mobile-message-list {
  min-height: 100%;
  margin: 0;
  padding: 8px 12px 12px;
  border-style: none;
  list-style: none;
  background-color: var(--era-page-bg);
}
ul.bms-mobile-message-list p {
  margin: unset;
}
ul.bms-mobile-message-list div.bms-message-topic-caption {
  margin: 4px 0 12px;
  text-align: center;
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
ul.bms-mobile-message-list div.bms-message-container-left,
ul.bms-mobile-message-list div.bms-message-container-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 4px;
}
ul.bms-mobile-message-list div.bms-message-container-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
ul.bms-mobile-message-list div.bms-message-container-left:has(> div.bms-message-sender),
ul.bms-mobile-message-list div.bms-message-container-right:has(> div.bms-message-sender) {
  margin-top: 12px;
}
ul.bms-mobile-message-list div.bms-message-topic-caption + div {
  margin-top: 0;
}
ul.bms-mobile-message-list div.bms-message-sender {
  margin: 0 12px 4px;
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
ul.bms-mobile-message-list div.bms-message-contents {
  max-width: 78%;
  padding: 8px 12px;
  border: 0.5px solid var(--era-border);
  border-radius: 18px;
  background-color: var(--era-card-bg);
  color: var(--era-text-primary);
  font-size: var(--era-type-body);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
ul.bms-mobile-message-list div.bms-message-container-right div.bms-message-contents {
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  color: var(--era-card-bg);
}
ul.bms-mobile-message-list div.bms-message-response {
  margin-top: 4px;
}
ul.bms-mobile-message-list div.bms-message-datetime {
  margin: 4px 12px 0;
  font-size: var(--era-type-caption);
  color: var(--era-text-hint);
}
div.bms-list-card-section-table {
  padding: 0.05em;
  border-radius: 7px;
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
}
div.bms-list-card-section-table table {
  justify-self: center;
  width: 95%;
  margin: 10px;
  background-color: transparent;
}
div.bms-list-card-section-table table th.right,
div.bms-list-card-section-table table td.right {
  text-align: right;
}
div.bms-list-card-section-table table th.left,
div.bms-list-card-section-table table td.left {
  text-align: left;
}
div.bms-list-card-section-table table thead {
  border-bottom: 0.5px solid var(--era-border);
}
div.bms-list-card-section-table table thead th,
div.bms-list-card-section-table table thead td {
  padding-bottom: 0.5em;
}
div.bms-list-card-section-table table tbody th,
div.bms-list-card-section-table table tbody td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
div.bms-list-card-section-table table tfoot {
  border-top: 0.5px solid var(--era-border);
}
div.bms-list-card-section-table table tfoot th,
div.bms-list-card-section-table table tfoot td {
  padding-top: 0.5em;
}
div.bms-list-card-section-table table:has(thead) tr:first-of-type td {
  padding-top: 0.5em;
}
div.bms-list-card-section-table table:has(tfoot) tr:last-of-type td {
  padding-bottom: 0.5em;
}
div.bms-mobile-grid div.bms-shift-assignment,
div.bms-mobile-grid div.bms-time-off-schedule,
div.bms-mobile-grid div.bms-time-off-request {
  display: grid;
  grid-template-rows: auto auto 1fr;
  padding: 4px;
  font-size: 10px;
}
div.bms-mobile-grid div.bms-shift-assignment div.bms-icon-line,
div.bms-mobile-grid div.bms-time-off-schedule div.bms-icon-line,
div.bms-mobile-grid div.bms-time-off-request div.bms-icon-line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-self: end;
  font-size: 18px;
}
div.bms-mobile-grid div.bms-shift-assignment {
  border: 0.5px solid var(--era-border);
}
div.bms-mobile-grid div.bms-calendar-day-header {
  font-weight: 500;
  font-size: var(--era-type-meta);
  color: grey;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: unset;
}
div.bms-mobile-grid div.bms-calendar-day-header span {
  padding: 0 2px;
  justify-self: right;
}
div.bms-mobile-grid div.bms-calendar-day-header span:first-child:not(:only-child) {
  justify-self: left;
}
div.bms-mobile-grid div.bms-calendar-day-header span:only-child {
  grid-column: 1 / -1;
}
div.bms-mobile-grid div.bms-calendar-day-header-today span:last-child {
  border-radius: 5px;
  color: white;
  background-color: var(--snap-primary);
}
div.bms-mobile-grid div.bms-calendar-day-footer {
  margin-bottom: 3.5px;
  margin-left: 2px;
  margin-right: 2px;
  border: 4px solid var(--calendar-open-shift);
  border-radius: 5px;
  font-size: var(--era-type-caption);
  font-weight: 600;
  text-align: center;
  color: var(--calendar-open-shift);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30px;
  padding: 1px 4px 1px 6px;
  border: none;
  border-left: 4px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: var(--era-type-caption);
  line-height: 14px;
  color: var(--era-text-primary);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request div.bms-text-line {
  line-height: 14px;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment div.bms-mobile-month-chip-code,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule div.bms-mobile-month-chip-code,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request div.bms-mobile-month-chip-code {
  font-weight: 600;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment i,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule i,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request i {
  float: none;
  margin: 0;
  font-size: var(--era-type-caption);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment .bms-mobile-month-chip-badge,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule .bms-mobile-month-chip-badge,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request .bms-mobile-month-chip-badge {
  position: absolute;
  top: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  line-height: 8px;
  text-align: center;
  color: var(--era-text-secondary);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-shift-assignment .bms-mobile-month-chip-badge i,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-schedule .bms-mobile-month-chip-badge i,
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request .bms-mobile-month-chip-badge i {
  font-size: 8px;
  line-height: 8px;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-time-off-request {
  border: 1px dashed transparent;
  border-left-width: 4px;
  border-left-style: solid;
  padding-top: 0;
  padding-bottom: 0;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-shift-assignment,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-schedule,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-request {
  padding-left: 3px;
  padding-right: 2px;
  border-left-width: 3px;
  font-size: 11px;
  letter-spacing: -0.2px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-shift-assignment i,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-schedule i,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-request i {
  font-size: 11px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-shift-assignment .bms-mobile-month-chip-badge i,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-schedule .bms-mobile-month-chip-badge i,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-request .bms-mobile-month-chip-badge i {
  font-size: 8px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-shift-assignment.bms-mobile-month-chip-long div.bms-mobile-month-chip-code,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-schedule.bms-mobile-month-chip-long div.bms-mobile-month-chip-code,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-narrow div.bms-time-off-request.bms-mobile-month-chip-long div.bms-mobile-month-chip-code {
  font-size: 10px;
  letter-spacing: -0.3px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-shift-assignment,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-schedule,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-request {
  height: 18px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 18px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-shift-assignment div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-schedule div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-request div.bms-text-line {
  line-height: 18px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-shift-assignment div.bms-mobile-month-chip-time,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-schedule div.bms-mobile-month-chip-time,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-request div.bms-mobile-month-chip-time {
  display: none;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-single div.bms-time-off-request div.bms-text-line {
  line-height: 16px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-shift-assignment,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-schedule,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-request {
  height: 8px;
  padding: 0;
  border-radius: 2px;
}
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-shift-assignment div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-schedule div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-request div.bms-text-line,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-shift-assignment .bms-mobile-month-chip-badge,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-schedule .bms-mobile-month-chip-badge,
div.bms-mobile-grid.bms-mobile-month-grid.bms-mobile-grid-compact div.bms-time-off-request .bms-mobile-month-chip-badge {
  display: none;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-mobile-month-more {
  position: absolute;
  left: 2px;
  right: 2px;
  height: 14px;
  line-height: 14px;
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-header {
  font-weight: 500;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: unset;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-header span {
  padding: 0 2px;
  justify-self: right;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-header span:first-child:not(:only-child) {
  justify-self: left;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-header span:only-child {
  grid-column: 1 / -1;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-header-today span:last-child {
  border-radius: 5px;
  color: var(--era-card-bg);
  background-color: var(--era-accent);
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-footer {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-calendar-day-footer .bms-mobile-pill {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 18px;
  padding: 2px 6px;
  line-height: 14px;
  font-size: var(--era-type-caption);
}
main.bms-mobile-view-content div.bms-mobile-scroll-pane:has(> div.bms-mobile-grid.bms-mobile-month-grid) {
  overflow: hidden;
}
div.bms-list-card,
div.bms-list-card-detail,
div.bms-list-card-bar-detail-action,
div.bms-list-card-bar-detail-status,
div.bms-list-card-bar-detail-status-action,
div.bms-list-card-bar-detail,
div.bms-list-card-detail-action,
div.bms-list-card-detail-status-action,
div.bms-list-card-table,
div.bms-list-card-table-action,
div.bms-list-card-detail-table,
div.bms-list-card-detail-table-action,
div.bms-list-card-bar-detail-table,
div.bms-list-card-bar-detail-table-action,
div.bms-list-card-bar-detail-table-status,
div.bms-list-card-bar-detail-action-action,
div.bms-list-card-bar-detail-table-status-action,
div.bms-list-card-detail-status,
div.bms-list-card-contact,
div.bms-list-card-contact-action,
div.bms-list-card-detail-timeline,
div.bms-list-card-timeline,
div.bms-list-card-action,
div.bms-list-card-bar-detail-action-progress {
  margin: 6px 10px;
  padding: 10px;
  min-height: 0px;
  border-radius: 10px;
  background-color: var(--card-background);
  border: 0.5px solid var(--era-border);
}
div.bms-list-card p,
div.bms-list-card-detail p,
div.bms-list-card-bar-detail-action p,
div.bms-list-card-bar-detail-status p,
div.bms-list-card-bar-detail-status-action p,
div.bms-list-card-bar-detail p,
div.bms-list-card-detail-action p,
div.bms-list-card-detail-status-action p,
div.bms-list-card-table p,
div.bms-list-card-table-action p,
div.bms-list-card-detail-table p,
div.bms-list-card-detail-table-action p,
div.bms-list-card-bar-detail-table p,
div.bms-list-card-bar-detail-table-action p,
div.bms-list-card-bar-detail-table-status p,
div.bms-list-card-bar-detail-action-action p,
div.bms-list-card-bar-detail-table-status-action p,
div.bms-list-card-detail-status p,
div.bms-list-card-contact p,
div.bms-list-card-contact-action p,
div.bms-list-card-detail-timeline p,
div.bms-list-card-timeline p,
div.bms-list-card-action p,
div.bms-list-card-bar-detail-action-progress p {
  margin: 0.25em;
  font-weight: 300;
}
div.bms-list-card div.bms-list-card-section-color-bar,
div.bms-list-card-detail div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-status div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail div.bms-list-card-section-color-bar,
div.bms-list-card-detail-action div.bms-list-card-section-color-bar,
div.bms-list-card-detail-status-action div.bms-list-card-section-color-bar,
div.bms-list-card-table div.bms-list-card-section-color-bar,
div.bms-list-card-table-action div.bms-list-card-section-color-bar,
div.bms-list-card-detail-table div.bms-list-card-section-color-bar,
div.bms-list-card-detail-table-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-color-bar,
div.bms-list-card-detail-status div.bms-list-card-section-color-bar,
div.bms-list-card-contact div.bms-list-card-section-color-bar,
div.bms-list-card-contact-action div.bms-list-card-section-color-bar,
div.bms-list-card-detail-timeline div.bms-list-card-section-color-bar,
div.bms-list-card-timeline div.bms-list-card-section-color-bar,
div.bms-list-card-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-color-bar {
  width: 10px;
  height: 100%;
  min-height: 10px;
  border-radius: 4px;
}
div.bms-list-card div.bms-list-card-section-detail,
div.bms-list-card-detail div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail div.bms-list-card-section-detail,
div.bms-list-card-detail-action div.bms-list-card-section-detail,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail,
div.bms-list-card-table div.bms-list-card-section-detail,
div.bms-list-card-table-action div.bms-list-card-section-detail,
div.bms-list-card-detail-table div.bms-list-card-section-detail,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail,
div.bms-list-card-detail-status div.bms-list-card-section-detail,
div.bms-list-card-contact div.bms-list-card-section-detail,
div.bms-list-card-contact-action div.bms-list-card-section-detail,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail,
div.bms-list-card-timeline div.bms-list-card-section-detail,
div.bms-list-card-action div.bms-list-card-section-detail,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.bms-list-card div.bms-list-card-section-detail p,
div.bms-list-card-detail div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail div.bms-list-card-section-detail p,
div.bms-list-card-detail-action div.bms-list-card-section-detail p,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail p,
div.bms-list-card-table div.bms-list-card-section-detail p,
div.bms-list-card-table-action div.bms-list-card-section-detail p,
div.bms-list-card-detail-table div.bms-list-card-section-detail p,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail p,
div.bms-list-card-detail-status div.bms-list-card-section-detail p,
div.bms-list-card-contact div.bms-list-card-section-detail p,
div.bms-list-card-contact-action div.bms-list-card-section-detail p,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail p,
div.bms-list-card-timeline div.bms-list-card-section-detail p,
div.bms-list-card-action div.bms-list-card-section-detail p,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail p {
  font-weight: 300;
}
div.bms-list-card div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-table div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-table-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-table div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-status div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-contact div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-contact-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-timeline div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-action div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail p.bms-list-card-section-detail-title-line {
  font-size: var(--era-type-title);
  font-weight: 400;
}
div.bms-list-card div.bms-list-card-section-detail dl,
div.bms-list-card-detail div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail div.bms-list-card-section-detail dl,
div.bms-list-card-detail-action div.bms-list-card-section-detail dl,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail dl,
div.bms-list-card-table div.bms-list-card-section-detail dl,
div.bms-list-card-table-action div.bms-list-card-section-detail dl,
div.bms-list-card-detail-table div.bms-list-card-section-detail dl,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail dl,
div.bms-list-card-detail-status div.bms-list-card-section-detail dl,
div.bms-list-card-contact div.bms-list-card-section-detail dl,
div.bms-list-card-contact-action div.bms-list-card-section-detail dl,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail dl,
div.bms-list-card-timeline div.bms-list-card-section-detail dl,
div.bms-list-card-action div.bms-list-card-section-detail dl,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail dl {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin: unset;
}
div.bms-list-card div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-table div.bms-list-card-section-detail dl dt,
div.bms-list-card-table-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-table div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-status div.bms-list-card-section-detail dl dt,
div.bms-list-card-contact div.bms-list-card-section-detail dl dt,
div.bms-list-card-contact-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail dl dt,
div.bms-list-card-timeline div.bms-list-card-section-detail dl dt,
div.bms-list-card-action div.bms-list-card-section-detail dl dt,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail dl dt {
  text-align: left;
}
div.bms-list-card div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-table div.bms-list-card-section-detail dl dd,
div.bms-list-card-table-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-table div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-status div.bms-list-card-section-detail dl dd,
div.bms-list-card-contact div.bms-list-card-section-detail dl dd,
div.bms-list-card-contact-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail dl dd,
div.bms-list-card-timeline div.bms-list-card-section-detail dl dd,
div.bms-list-card-action div.bms-list-card-section-detail dl dd,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail dl dd {
  margin: 0;
  text-align: right;
}
div.bms-list-card div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-table div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-table div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-status div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-contact div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-contact-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-detail-timeline div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-timeline div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-action div.bms-list-card-section-detail:has(dl > dt:only-of-type),
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail:has(dl > dt:only-of-type) {
  -ms-flex-item-align: center;
      align-self: center;
}
div.bms-list-card div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-status div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-table div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-table div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-table div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-status div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-contact div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-contact-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-detail-timeline div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-timeline div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-action div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-detail:has(dl > dt:only-of-type) dl {
  margin: unset;
}
div.bms-list-card div.bms-list-card-section-action,
div.bms-list-card-detail div.bms-list-card-section-action,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail div.bms-list-card-section-action,
div.bms-list-card-detail-action div.bms-list-card-section-action,
div.bms-list-card-detail-status-action div.bms-list-card-section-action,
div.bms-list-card-table div.bms-list-card-section-action,
div.bms-list-card-table-action div.bms-list-card-section-action,
div.bms-list-card-detail-table div.bms-list-card-section-action,
div.bms-list-card-detail-table-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action,
div.bms-list-card-detail-status div.bms-list-card-section-action,
div.bms-list-card-contact div.bms-list-card-section-action,
div.bms-list-card-contact-action div.bms-list-card-section-action,
div.bms-list-card-detail-timeline div.bms-list-card-section-action,
div.bms-list-card-timeline div.bms-list-card-section-action,
div.bms-list-card-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action,
div.bms-list-card div.bms-list-card-timeline-action,
div.bms-list-card-detail div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action,
div.bms-list-card-detail-action div.bms-list-card-timeline-action,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action,
div.bms-list-card-table div.bms-list-card-timeline-action,
div.bms-list-card-table-action div.bms-list-card-timeline-action,
div.bms-list-card-detail-table div.bms-list-card-timeline-action,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action,
div.bms-list-card-detail-status div.bms-list-card-timeline-action,
div.bms-list-card-contact div.bms-list-card-timeline-action,
div.bms-list-card-contact-action div.bms-list-card-timeline-action,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action,
div.bms-list-card-timeline div.bms-list-card-timeline-action,
div.bms-list-card-action div.bms-list-card-timeline-action,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action {
  display: grid;
  grid-template-columns: 1fr;
  -ms-flex-line-pack: end;
      align-content: end;
  row-gap: 10px;
}
div.bms-list-card div.bms-list-card-section-action button,
div.bms-list-card-detail div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail div.bms-list-card-section-action button,
div.bms-list-card-detail-action div.bms-list-card-section-action button,
div.bms-list-card-detail-status-action div.bms-list-card-section-action button,
div.bms-list-card-table div.bms-list-card-section-action button,
div.bms-list-card-table-action div.bms-list-card-section-action button,
div.bms-list-card-detail-table div.bms-list-card-section-action button,
div.bms-list-card-detail-table-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action button,
div.bms-list-card-detail-status div.bms-list-card-section-action button,
div.bms-list-card-contact div.bms-list-card-section-action button,
div.bms-list-card-contact-action div.bms-list-card-section-action button,
div.bms-list-card-detail-timeline div.bms-list-card-section-action button,
div.bms-list-card-timeline div.bms-list-card-section-action button,
div.bms-list-card-action div.bms-list-card-section-action button,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action button,
div.bms-list-card div.bms-list-card-timeline-action button,
div.bms-list-card-detail div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action button,
div.bms-list-card-detail-action div.bms-list-card-timeline-action button,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action button,
div.bms-list-card-table div.bms-list-card-timeline-action button,
div.bms-list-card-table-action div.bms-list-card-timeline-action button,
div.bms-list-card-detail-table div.bms-list-card-timeline-action button,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action button,
div.bms-list-card-detail-status div.bms-list-card-timeline-action button,
div.bms-list-card-contact div.bms-list-card-timeline-action button,
div.bms-list-card-contact-action div.bms-list-card-timeline-action button,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action button,
div.bms-list-card-timeline div.bms-list-card-timeline-action button,
div.bms-list-card-action div.bms-list-card-timeline-action button,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action button {
  width: 100%;
  height: 40px;
  border: 0.5px solid var(--era-accent);
  border-radius: 10px;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-accent);
  background-color: var(--era-card-bg);
  -webkit-transition: all 50ms ease-in;
  -o-transition: all 50ms ease-in;
  transition: all 50ms ease-in;
}
div.bms-list-card div.bms-list-card-section-action button:active,
div.bms-list-card-detail div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail div.bms-list-card-section-action button:active,
div.bms-list-card-detail-action div.bms-list-card-section-action button:active,
div.bms-list-card-detail-status-action div.bms-list-card-section-action button:active,
div.bms-list-card-table div.bms-list-card-section-action button:active,
div.bms-list-card-table-action div.bms-list-card-section-action button:active,
div.bms-list-card-detail-table div.bms-list-card-section-action button:active,
div.bms-list-card-detail-table-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action button:active,
div.bms-list-card-detail-status div.bms-list-card-section-action button:active,
div.bms-list-card-contact div.bms-list-card-section-action button:active,
div.bms-list-card-contact-action div.bms-list-card-section-action button:active,
div.bms-list-card-detail-timeline div.bms-list-card-section-action button:active,
div.bms-list-card-timeline div.bms-list-card-section-action button:active,
div.bms-list-card-action div.bms-list-card-section-action button:active,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action button:active,
div.bms-list-card div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-table div.bms-list-card-timeline-action button:active,
div.bms-list-card-table-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-table div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-status div.bms-list-card-timeline-action button:active,
div.bms-list-card-contact div.bms-list-card-timeline-action button:active,
div.bms-list-card-contact-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action button:active,
div.bms-list-card-timeline div.bms-list-card-timeline-action button:active,
div.bms-list-card-action div.bms-list-card-timeline-action button:active,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action button:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
div.bms-list-card div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-status div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-status-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-table div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-table-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-table div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-table-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-table div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-status div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-contact div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-contact-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-detail-timeline div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-timeline div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-action div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action button:nth-child(2),
div.bms-list-card div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-table div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-table-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-table div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-status div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-contact div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-contact-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-timeline div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-action div.bms-list-card-timeline-action button:nth-child(2),
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action button:nth-child(2) {
  -ms-flex-item-align: end;
      align-self: end;
}
div.bms-list-card div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-table div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-table-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-table div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-status div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-contact div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-contact-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-detail-timeline div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-timeline div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-action div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action div.bms-list-card-action-status,
div.bms-list-card div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-table div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-contact div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-contact-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-action div.bms-list-card-timeline-action div.bms-list-card-action-status,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action div.bms-list-card-action-status {
  justify-self: right;
}
div.bms-list-card div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-table div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-table-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-table div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-status div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-contact div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-contact-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-detail-timeline div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-timeline div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-action div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action div.bms-list-card-action-status p,
div.bms-list-card div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-table div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-contact div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-contact-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-action div.bms-list-card-timeline-action div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action div.bms-list-card-action-status p {
  justify-self: center;
  font-size: var(--era-type-title);
}
div.bms-list-card div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-timeline div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-timeline div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-action div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-timeline div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-action div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-timeline-action div.bms-list-card-action-status div.bms-list-card-action-status-bar {
  width: 150px;
  height: 15px;
  border-radius: 4px;
}
div.bms-list-card div.bms-list-card-section-status,
div.bms-list-card-detail div.bms-list-card-section-status,
div.bms-list-card-bar-detail-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail-status div.bms-list-card-section-status,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail div.bms-list-card-section-status,
div.bms-list-card-detail-action div.bms-list-card-section-status,
div.bms-list-card-detail-status-action div.bms-list-card-section-status,
div.bms-list-card-table div.bms-list-card-section-status,
div.bms-list-card-table-action div.bms-list-card-section-status,
div.bms-list-card-detail-table div.bms-list-card-section-status,
div.bms-list-card-detail-table-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail-table div.bms-list-card-section-status,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-status,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-status,
div.bms-list-card-detail-status div.bms-list-card-section-status,
div.bms-list-card-contact div.bms-list-card-section-status,
div.bms-list-card-contact-action div.bms-list-card-section-status,
div.bms-list-card-detail-timeline div.bms-list-card-section-status,
div.bms-list-card-timeline div.bms-list-card-section-status,
div.bms-list-card-action div.bms-list-card-section-status,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-status {
  display: grid;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  row-gap: 10px;
}
div.bms-list-card div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-status-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-table div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-table-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-table div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-table-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-status div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-contact div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-contact-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-detail-timeline div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-timeline div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-action div.bms-list-card-section-status div.bms-list-card-action-status p,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-status div.bms-list-card-action-status p {
  justify-self: center;
  font-size: var(--era-type-title);
}
div.bms-list-card div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-table-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-table-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-status div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-contact-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-detail-timeline div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-timeline div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-action div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-status div.bms-list-card-action-status div.bms-list-card-action-status-bar {
  width: 150px;
  height: 15px;
  border-radius: 4px;
}
div.bms-list-card div.bms-list-card-section-action-selection,
div.bms-list-card-detail div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail div.bms-list-card-section-action-selection,
div.bms-list-card-detail-action div.bms-list-card-section-action-selection,
div.bms-list-card-detail-status-action div.bms-list-card-section-action-selection,
div.bms-list-card-table div.bms-list-card-section-action-selection,
div.bms-list-card-table-action div.bms-list-card-section-action-selection,
div.bms-list-card-detail-table div.bms-list-card-section-action-selection,
div.bms-list-card-detail-table-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-table div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action-selection,
div.bms-list-card-detail-status div.bms-list-card-section-action-selection,
div.bms-list-card-contact div.bms-list-card-section-action-selection,
div.bms-list-card-contact-action div.bms-list-card-section-action-selection,
div.bms-list-card-detail-timeline div.bms-list-card-section-action-selection,
div.bms-list-card-timeline div.bms-list-card-section-action-selection,
div.bms-list-card-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action-selection {
  display: grid;
  grid-template-rows: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.bms-list-card-detail div.bms-list-card-circle-initials,
div.bms-list-card-detail div.bms-list-card-circle-picture {
  -ms-flex-line-pack: center;
      align-content: center;
  width: 2.3em;
  height: 2.3em;
  margin: auto;
  border-radius: 50%;
  font-size: 56px;
  text-align: center;
  background-color: lightgray;
}
div.bms-list-card-detail div.bms-list-card-circle-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.bms-list-card-detail div.bms-list-card-circle-picture img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
div.bms-list-card-detail div.bms-list-card-section-header-detail {
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  font-size: var(--era-type-title);
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
}
div.bms-list-card-detail div.bms-list-card-section-header-detail dl {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  gap: 12px 20px;
  margin: unset;
}
div.bms-list-card-detail div.bms-list-card-section-header-detail dl dt {
  display: inline-block;
}
div.bms-list-card-detail div.bms-list-card-section-header-detail dl dd {
  display: inline-block;
  width: 75%;
  margin: unset;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p {
  justify-self: center;
  font-weight: normal;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(1),
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(2),
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(3) {
  text-align: center;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(1) {
  margin-top: 8px;
  font-size: 35px;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(2) {
  margin-top: 0;
  margin-bottom: 12px;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(4) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(4) span {
  font-size: var(--era-type-title);
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(4) span:nth-child(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  justify-self: center;
  font-size: var(--era-type-caption);
  font-weight: lighter;
}
div.bms-list-card-detail div.bms-list-card-section-detail-punch p:nth-of-type(4) span:nth-child(4) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  justify-self: center;
  font-size: var(--era-type-caption);
  font-weight: lighter;
}
div.bms-list-card-detail:has(div.bms-list-card-circle-initials, div.bms-list-card-circle-picture) div:nth-of-type(2) {
  font-size: 28px;
  text-align: center;
}
div.bms-list-card-bar-detail-table,
div.bms-list-card-bar-detail-table-status,
div.bms-list-card-bar-detail-table-status-action,
div.bms-list-card-bar-detail-table-action {
  display: grid;
  grid-template-columns: 20px 1fr 1fr;
  grid-template-rows: auto auto auto;
  padding: 10px;
}
div.bms-list-card-bar-detail-table div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-color-bar,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-color-bar {
  grid-row: span 3;
}
div.bms-list-card-bar-detail-table div.bms-list-card-section-table,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-table,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-table,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-table {
  grid-row: 2;
  grid-column: 2 / span 2;
  margin-top: 5px;
}
div.bms-list-card-bar-detail-table div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-status div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-status-action div.bms-list-card-section-action,
div.bms-list-card-bar-detail-table-action div.bms-list-card-section-action {
  grid-row: 3;
  grid-column: 3;
  margin-top: 10px;
}
div.bms-list-card-detail-status {
  display: grid;
  grid-template-columns: auto auto;
}
div.bms-list-card-detail-status div.bms-list-card-section-detail,
div.bms-list-card-detail-status div.bms-list-card-section-status {
  -ms-flex-item-align: center;
      align-self: center;
}
div.bms-list-card-detail-table-action div.bms-list-card-section-action {
  padding-top: 10px;
}
div.bms-list-card-empty-message {
  margin: 10px;
  padding: 24px 16px;
  text-align: center;
  color: var(--era-text-secondary);
}
div.bms-mobile-empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 6px;
  padding: 32px 24px;
}
div.bms-mobile-empty-state div.bms-mobile-empty-state-icon {
  margin-bottom: 4px;
  line-height: 1;
  color: var(--era-text-hint);
}
div.bms-mobile-empty-state div.bms-mobile-empty-state-icon i {
  font-size: 40px;
}
div.bms-mobile-empty-state div.bms-mobile-empty-state-primary {
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
div.bms-mobile-empty-state div.bms-mobile-empty-state-hint {
  font-size: var(--era-type-meta);
  color: var(--era-text-hint);
}
div.bms-mobile-empty-state-compact {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 10px;
  padding: 12px 14px;
}
div.bms-mobile-empty-state-compact div.bms-mobile-empty-state-icon {
  margin-bottom: 0;
}
div.bms-mobile-empty-state-compact div.bms-mobile-empty-state-icon i {
  font-size: 24px;
}
div.bms-mobile-empty-state-compact div.bms-mobile-empty-state-primary {
  font-size: var(--era-type-body);
}
div.bms-mobile-tappable-card {
  cursor: pointer;
}
div.bms-list-card-section-action:has(span.bms-mobile-nav-chevron),
div.bms-list-card-timeline-action:has(span.bms-mobile-nav-chevron) {
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      align-self: center;
}
span.bms-mobile-nav-chevron {
  color: var(--era-text-hint);
  font-size: 17px;
}
div.bms-mobile-chart-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
div.bms-mobile-chart-pager button.bms-mobile-pager-btn {
  width: 36px;
  height: 32px;
  padding: 0;
  border: 0.5px solid var(--era-border);
  border-radius: 8px;
  background: var(--era-card-bg);
  color: var(--era-text-primary);
  cursor: pointer;
}
div.bms-mobile-chart-pager button.bms-mobile-pager-btn:disabled {
  color: var(--era-text-hint);
  cursor: default;
}
div.bms-mobile-chart-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-bottom: 4px;
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
div.bms-mobile-chart-legend span.bms-mobile-chart-legend-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
div.bms-mobile-chart-legend span.bms-mobile-chart-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
div.bms-mobile-chart-legend span.bms-mobile-chart-swatch-worked {
  background-color: var(--era-accent);
}
div.bms-mobile-chart-legend span.bms-mobile-chart-swatch-timeoff {
  background-color: var(--era-amber);
}
div.bms-mobile-chart-totals {
  width: 100%;
  height: 18px;
}
div.bms-mobile-period-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin: 0 0 4px;
}
div.bms-mobile-period-line .bms-mobile-period-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  gap: 2px;
}
div.bms-mobile-period-line .bms-mobile-period-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
div.bms-mobile-period-line > button.bms-mobile-text-action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 44px;
  padding: 0 6px;
  white-space: nowrap;
}
div.bms-mobile-period-line button.bms-mobile-period-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: none;
  color: var(--era-accent);
  cursor: pointer;
}
div.bms-mobile-period-line button.bms-mobile-period-btn .k-icon {
  font-size: 24px;
  color: var(--era-accent);
}
div.bms-mobile-period-line button.bms-mobile-period-btn:active {
  background-color: var(--era-accent-soft);
}
div.bms-mobile-chart-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
}
div.bms-mobile-chart-headline {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
div.bms-mobile-chart-total {
  font-size: var(--era-type-hero);
  line-height: 28px;
  font-weight: 600;
  color: var(--era-text-primary);
}
div.bms-mobile-chart-title {
  margin: 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-mobile-chart-card #chart {
  cursor: pointer;
}
div.bms-mobile-chart-card {
  margin-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
div.bms-mobile-see-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 10px 8px;
}
div.bms-mobile-coworker-search {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px 12px;
  background-color: var(--era-card-bg);
  border-bottom: 0.5px solid var(--era-border);
}
div.bms-mobile-coworker-search .k-textbox,
div.bms-mobile-coworker-search .k-input,
div.bms-mobile-coworker-search input {
  width: 100%;
}
div.bms-list-card-group-header {
  margin: 12px 10px 4px 15px;
  font-size: var(--era-type-section);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
div.bms-list-card-group-header button.bms-mobile-group-header-action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 2px 0;
}
div.bms-list-card-bar-detail-action,
div.bms-list-card-bar-detail-status,
div.bms-list-card-bar-detail-status-action,
div.bms-list-card-bar-detail-action-progress {
  display: grid;
  grid-template-columns: 20px 1fr 1fr;
  grid-row-gap: 10px;
  padding: 10px;
}
div.bms-list-card-bar-detail-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-status div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action-selection,
div.bms-list-card-bar-detail-action-progress div.bms-list-card-section-action-selection {
  justify-self: right;
  margin-right: 1.2em;
  accent-color: var(--snap-primary);
}
div.bms-list-card-detail div.bms-list-card-section-detail:has(p.bms-list-card-section-detail-title-line) {
  text-align: left;
}
div.bms-list-card-section-progress-bar {
  grid-column: 1 / -1;
}
div.bms-list-card-section-progress-bar div.bms-list-card-section-progress-bar-label {
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-list-card-section-progress-bar div.bms-list-card-section-progress-bar-meter {
  width: 100%;
  height: 12px;
  margin-top: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--era-divider);
}
div.bms-list-card-section-progress-bar div.bms-list-card-section-progress-bar-meter div.bms-list-card-section-progress-bar-meter-fill {
  height: 100%;
  border-radius: 999px;
  background: var(--era-accent);
}
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-action {
  grid-column: 3;
}
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-color-bar {
  grid-row: span 2;
}
div.bms-list-card-bar-detail-status-action div.bms-list-card-section-detail {
  grid-row: span 2;
}
div.bms-list-card-bar-detail {
  display: grid;
  grid-template-columns: 20px 1fr;
  padding: 10px;
}
div.bms-list-card-detail-action {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px;
}
div.bms-list-card-bar-detail-action-action {
  display: grid;
  grid-template-columns: 20px 1fr 1fr;
  padding: 10px;
}
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-color-bar {
  grid-row: span 2;
}
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-detail {
  grid-column: span 2;
}
div.bms-list-card-bar-detail-action-action div.bms-list-card-section-action {
  justify-self: center;
  margin-top: 10px;
}
div.bms-list-card-contact,
div.bms-list-card-contact-action {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 10px;
}
div.bms-list-card-contact div.bms-list-card-section-contact,
div.bms-list-card-contact-action div.bms-list-card-section-contact {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  align-self: center;
  font-size: var(--era-type-body);
}
div.bms-list-card-contact div.bms-list-card-section-contact div.bms-list-card-contact-title,
div.bms-list-card-contact-action div.bms-list-card-section-contact div.bms-list-card-contact-title {
  grid-column: span 2;
  font-size: var(--era-type-title);
}
div.bms-list-card-contact div.bms-list-card-section-contact div.bms-list-card-contact-link,
div.bms-list-card-contact-action div.bms-list-card-section-contact div.bms-list-card-contact-link {
  justify-self: center;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 5px;
}
div.bms-list-card-contact div.bms-list-card-section-contact div.bms-list-card-contact-info,
div.bms-list-card-contact-action div.bms-list-card-section-contact div.bms-list-card-contact-info {
  -ms-flex-item-align: center;
      align-self: center;
}
div.bms-list-card-contact div.bms-list-card-section-contact button,
div.bms-list-card-contact-action div.bms-list-card-section-contact button {
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  color: var(--card-background);
  background-color: var(--snap-primary);
  -webkit-transition: all 50ms ease-in;
  -o-transition: all 50ms ease-in;
  transition: all 50ms ease-in;
}
div.bms-list-card-contact div.bms-list-card-section-contact button span.k-icon,
div.bms-list-card-contact-action div.bms-list-card-section-contact button span.k-icon {
  font-size: 30px;
}
div.bms-list-card-contact div.bms-list-card-section-contact button:active,
div.bms-list-card-contact-action div.bms-list-card-section-contact button:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
div.bms-list-card-contact div.bms-list-card-section-action,
div.bms-list-card-contact-action div.bms-list-card-section-action {
  grid-row: 2;
  grid-column: 2;
  grid-column: span 2;
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline,
div.bms-list-card-timeline div.bms-list-card-section-timeline {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 0.35fr 1fr 1fr;
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-bar,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-bar {
  position: relative;
  left: 32px;
  width: 5px;
  background-color: var(--snap-primary);
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry {
  position: relative;
  display: grid;
  grid-template-columns: 50px 0.7fr 1fr;
  grid-column: span 3;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-entry-point.filled,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-entry-point.filled {
  position: relative;
  z-index: 3;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--snap-primary);
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-entry-point.open,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-entry-point.open {
  position: relative;
  z-index: 3;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  width: 25px;
  height: 25px;
  border: 5px solid var(--snap-primary);
  border-radius: 50%;
  background-color: var(--era-card-bg);
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-bar,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry div.bms-list-card-timeline-bar {
  position: absolute;
  top: -10px;
  bottom: -11px;
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry:first-of-type div.bms-list-card-timeline-bar,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-entry:first-of-type div.bms-list-card-timeline-bar {
  top: 50%;
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline .bms-list-card-timeline-entry:not(:has(~ .bms-list-card-timeline-entry)) div.bms-list-card-timeline-bar,
div.bms-list-card-timeline div.bms-list-card-section-timeline .bms-list-card-timeline-entry:not(:has(~ .bms-list-card-timeline-entry)) div.bms-list-card-timeline-bar {
  bottom: 50%;
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-duration,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-duration {
  grid-column: 2;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: left;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-list-card-detail-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-action,
div.bms-list-card-timeline div.bms-list-card-section-timeline div.bms-list-card-timeline-action {
  grid-column: 3;
}
@-webkit-keyframes bms-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes bms-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
div.bms-skeleton-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
div.bms-skeleton-spinner div.bms-skeleton-spinner-ring {
  width: 36px;
  height: 36px;
  border: 3px solid var(--era-border);
  border-top-color: var(--era-accent);
  border-radius: 50%;
  -webkit-animation: bms-spin 0.8s infinite linear;
          animation: bms-spin 0.8s infinite linear;
}
div.bms-skeleton-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--era-card-bg);
}
.bms-mobile-webcal-url {
  width: 100%;
  margin-top: 8px;
  padding: 8px 10px;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
  background-color: var(--era-page-bg);
  border: 1px solid var(--era-border);
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
section.bms-mobile-view-active > header.bms-mobile-app-bar {
  view-transition-name: era-app-bar;
}
section.bms-mobile-view-active > nav.bms-mobile-nav-bar {
  view-transition-name: era-nav-bar;
}
section.bms-mobile-view-active > main.bms-mobile-view-content {
  view-transition-name: era-content;
}
::view-transition-old(era-content),
::view-transition-new(era-content) {
  -webkit-animation-duration: 180ms;
          animation-duration: 180ms;
}
.bms-mobile-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 6px 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
}
.bms-mobile-row[role='button']:focus-visible {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
}
.bms-mobile-row .bms-mobile-row-bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 2px;
}
.bms-mobile-row .bms-mobile-row-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.bms-mobile-row .bms-mobile-row-main .bms-mobile-row-title {
  margin: 0;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.bms-mobile-row .bms-mobile-row-main .bms-mobile-row-meta {
  margin: 2px 0 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
.bms-mobile-row .bms-mobile-row-main .bms-mobile-row-meta .k-icon,
.bms-mobile-row .bms-mobile-row-main .bms-mobile-row-meta i {
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
.bms-mobile-row .bms-mobile-row-trailing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.bms-mobile-row .bms-mobile-row-chevron {
  color: var(--era-text-hint);
}
.bms-mobile-row .bms-mobile-row-status-inline {
  margin-top: 4px;
}
.bms-mobile-row .bms-mobile-row-trailing-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
}
.bms-mobile-row .bms-mobile-row-subrow {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 6px;
}
.bms-mobile-row.bms-mobile-row-hero {
  background-color: var(--era-accent-soft);
}
.bms-mobile-row.bms-mobile-row-hero .bms-mobile-row-bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
}
.bms-mobile-row.bms-mobile-row-hero .bms-mobile-row-title {
  font-size: var(--era-type-title);
}
.bms-mobile-row .bms-mobile-avatar {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--era-neutral-soft);
  color: var(--era-text-primary);
  font-size: 13px;
  font-weight: 600;
  overflow: visible;
}
.bms-mobile-row .bms-mobile-avatar img.bms-mobile-avatar-photo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bms-mobile-row .bms-mobile-avatar img.bms-mobile-avatar-photo-over {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--era-neutral-soft);
}
.bms-mobile-row .bms-mobile-avatar .bms-mobile-avatar-dot {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid var(--era-card-bg);
}
.bms-mobile-row.bms-mobile-row-selected {
  background-color: var(--era-accent-soft);
  border-color: var(--era-accent);
}
.bms-mobile-row .bms-mobile-row-check {
  color: var(--era-accent);
}
.bms-mobile-row .bms-mobile-row-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.bms-mobile-row .bms-mobile-row-progress .bms-mobile-row-progress-meter {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--era-divider);
}
.bms-mobile-row .bms-mobile-row-progress .bms-mobile-row-progress-fill {
  height: 100%;
  border-radius: 999px;
  background: var(--era-accent);
}
.bms-mobile-row .bms-mobile-row-progress-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
.bms-mobile-row button.bms-mobile-row-change {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: var(--era-type-meta);
  font-weight: 600;
  color: var(--era-accent);
  cursor: pointer;
}
.bms-mobile-row button.bms-mobile-row-change .k-icon {
  color: var(--era-accent);
}
.bms-mobile-pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--era-type-caption);
  font-weight: 600;
  white-space: nowrap;
}
.bms-mobile-pill.bms-mobile-pill-pending {
  background-color: var(--era-amber-soft);
  color: var(--era-amber-text);
}
.bms-mobile-pill.bms-mobile-pill-approved {
  background-color: var(--era-green-soft);
  color: var(--era-green);
}
.bms-mobile-pill.bms-mobile-pill-rejected {
  background-color: var(--era-red-soft);
  color: var(--era-red);
}
.bms-mobile-pill.bms-mobile-pill-neutral {
  background-color: var(--era-divider);
  color: var(--era-text-secondary);
}
.bms-mobile-pill.bms-mobile-pill-accent {
  background-color: var(--era-accent-soft);
  color: var(--era-accent);
}
div.bms-mobile-toast-container {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(57px + env(safe-area-inset-bottom, 0px) + 12px);
  z-index: 1100;
  pointer-events: none;
}
div.bms-mobile-toast-container .k-notification {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
div.bms-mobile-toast-container .bms-mobile-toast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background-color: var(--era-text-primary);
  color: var(--era-card-bg);
  font-size: var(--era-type-meta);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}
div.bms-mobile-toast-container .bms-mobile-toast .k-icon {
  font-size: var(--era-type-body);
  color: var(--era-card-bg);
}
.bms-mobile-amber-text {
  color: var(--era-amber-text);
}
.bms-mobile-red-text {
  color: var(--era-red);
}
div.bms-mobile-property-card {
  padding: 2px 14px;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl {
  grid-template-columns: auto minmax(0, 1fr);
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl dt,
div.bms-mobile-property-card div.bms-list-card-section-detail dl dd {
  padding: 9px 0;
  border-bottom: 0.5px solid var(--era-divider);
  font-size: var(--era-type-meta);
  line-height: 1.35;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl dd {
  padding-left: 16px;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl dt {
  color: var(--era-text-secondary);
  font-weight: 400;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl dd {
  color: var(--era-text-primary);
  font-weight: 500;
  overflow-wrap: anywhere;
}
div.bms-mobile-property-card div.bms-list-card-section-detail dl dt:last-of-type,
div.bms-mobile-property-card div.bms-list-card-section-detail dl dd:last-of-type {
  border-bottom: none;
}
.bms-mobile-list-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  margin-right: 10px;
  color: var(--era-accent);
}
.bms-mobile-list-icon i {
  font-size: 18px;
  line-height: 1;
  color: var(--era-accent);
}
ul.bms-mobile-form-list li .bms-mobile-form-value .bms-mobile-list-icon {
  margin-right: 4px;
}
ul.bms-mobile-form-list li .bms-mobile-form-value .bms-mobile-list-icon i,
ul.bms-mobile-form-list li .bms-mobile-form-value .bms-mobile-list-icon i.k-icon {
  font-size: 16px;
  color: var(--era-text-secondary);
}
p.bms-mobile-form-hint {
  margin: 0;
  padding: 4px 26px 8px;
  font-size: var(--era-type-meta);
  line-height: 1.4;
  color: var(--era-text-secondary);
}
ul.bms-mobile-form-list li.bms-mobile-form-header {
  min-height: 0;
  padding: 6px 0 10px;
  line-height: normal;
}
ul.bms-mobile-form-list li.bms-mobile-form-header:empty {
  display: none;
}
ul.bms-mobile-form-list li.bms-mobile-form-header .bms-mobile-row {
  margin: 0 10px;
}
.bms-mobile-total-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 4px 0 0;
}
.bms-mobile-total-tiles .bms-mobile-total-tile {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  padding: 8px 4px;
  border-radius: 8px;
  background-color: var(--era-page-bg);
  text-align: center;
}
.bms-mobile-total-tiles .bms-mobile-total-tile .bms-mobile-total-tile-value {
  margin: 0;
  font-size: var(--era-type-hero);
  font-weight: 700;
  letter-spacing: -0.3px;
  color: var(--era-text-primary);
}
.bms-mobile-total-tiles .bms-mobile-total-tile .bms-mobile-total-tile-value.bms-mobile-total-tile-value-muted {
  color: var(--era-text-secondary);
}
.bms-mobile-total-tiles .bms-mobile-total-tile .bms-mobile-total-tile-value.bms-mobile-amber-text {
  color: var(--era-amber-text);
}
.bms-mobile-total-tiles .bms-mobile-total-tile .bms-mobile-total-tile-label {
  margin: 2px 0 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
header.bms-mobile-app-bar button.bms-appbar-text-button {
  font-size: var(--era-type-body);
  font-weight: 600;
}
header.bms-mobile-app-bar button.bms-appbar-back-labeled {
  min-height: 44px;
  font-size: var(--era-type-body);
  font-weight: 500;
}
header.bms-mobile-app-bar button.bms-appbar-back-labeled .k-button-text {
  max-width: 30vw;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
button.bms-mobile-location-retry {
  margin-top: 4px;
  font-size: var(--era-type-meta);
  font-weight: 600;
}
.bms-mobile-row.bms-list-card-action-button {
  cursor: pointer;
}
.bms-mobile-row.bms-list-card-action-button:active {
  background-color: var(--era-accent-soft);
}
.bms-mobile-row.bms-mobile-row-muted .bms-mobile-row-title {
  color: var(--era-text-secondary);
}
.bms-mobile-row.bms-mobile-row-muted .bms-mobile-row-bar {
  opacity: 0.45;
}
.bms-mobile-row.bms-mobile-row-muted .bms-mobile-row-hours-recorded,
.bms-mobile-row.bms-mobile-row-muted .bms-mobile-row-hours-planned {
  color: var(--era-text-hint);
}
.bms-mobile-row-hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 64px;
  text-align: right;
}
.bms-mobile-row-hours .bms-mobile-row-hours-recorded {
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
.bms-mobile-row-hours .bms-mobile-row-hours-recorded.bms-mobile-amber-text {
  color: var(--era-amber-text);
}
.bms-mobile-row-hours .bms-mobile-row-hours-recorded.bms-mobile-row-hours-pending {
  font-size: var(--era-type-meta);
  font-weight: 400;
  color: var(--era-text-secondary);
}
.bms-mobile-row-hours .bms-mobile-row-hours-recorded.bms-mobile-row-hours-elapsed {
  font-weight: 500;
  color: var(--era-text-secondary);
}
.bms-mobile-row-hours .bms-mobile-row-hours-planned {
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
.bms-mobile-row .bms-mobile-row-trailing input.bms-list-card-selection-checkbox,
div.bms-list-card-section-action-selection input.bms-list-card-selection-checkbox {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0 1px;
  border: 1.5px solid var(--era-border-strong);
  border-radius: 50%;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  cursor: pointer;
  -webkit-transition: background-color 120ms ease, border-color 120ms ease;
  -o-transition: background-color 120ms ease, border-color 120ms ease;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.bms-mobile-row .bms-mobile-row-trailing input.bms-list-card-selection-checkbox:checked,
div.bms-list-card-section-action-selection input.bms-list-card-selection-checkbox:checked {
  border-color: var(--era-accent);
  background-color: var(--era-accent);
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M3.5%208.5l3%203%206-6%22/%3E%3C/svg%3E);
}
.bms-mobile-row .bms-mobile-row-trailing input.bms-list-card-selection-checkbox:focus-visible,
div.bms-list-card-section-action-selection input.bms-list-card-selection-checkbox:focus-visible {
  outline: 2px solid var(--era-accent);
  outline-offset: 2px;
}
.bms-mobile-total-breakdown {
  margin-top: 8px;
}
.bms-mobile-total-breakdown .bms-list-card-section-table table {
  margin: 4px 10px;
  font-size: var(--era-type-meta);
}
.bms-mobile-total-breakdown .bms-list-card-section-table table thead th,
.bms-mobile-total-breakdown .bms-list-card-section-table table thead td {
  padding-bottom: 4px;
}
.bms-mobile-total-breakdown .bms-list-card-section-table table tbody th,
.bms-mobile-total-breakdown .bms-list-card-section-table table tbody td {
  padding-top: 4px;
  padding-bottom: 4px;
}
button.bms-mobile-disclosure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 6px 4px;
  border: none;
  background: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
button.bms-mobile-disclosure .bms-mobile-disclosure-summary {
  font-size: var(--era-type-meta);
  font-weight: 400;
  color: var(--era-text-secondary);
}
button.bms-mobile-disclosure .bms-mobile-disclosure-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: var(--era-type-meta);
  font-weight: 600;
  color: var(--era-accent);
}
button.bms-mobile-disclosure .bms-mobile-disclosure-action .k-icon {
  color: var(--era-accent);
}
button.bms-mobile-disclosure.is-open .k-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (prefers-reduced-motion: no-preference) {
  button.bms-mobile-disclosure .k-icon {
    -webkit-transition: -webkit-transform 150ms;
    transition: -webkit-transform 150ms;
    -o-transition: transform 150ms;
    transition: transform 150ms;
    transition: transform 150ms, -webkit-transform 150ms;
  }
}
.bms-mobile-disclosure-panel {
  padding-top: 4px;
}
.bms-mobile-disclosure-panel[hidden] {
  display: none;
}
.bms-mobile-disclosure-panel .bms-mobile-total-breakdown {
  margin-top: 0;
}
div.bms-mobile-totals-card {
  padding-bottom: 6px;
}
div.bms-mobile-bank-card {
  padding-bottom: 0;
}
div.bms-mobile-bank-card p.bms-mobile-bank-title {
  margin: 0 0 8px;
  font-size: var(--era-type-title);
  font-weight: 600;
  color: var(--era-text-primary);
}
div.bms-mobile-bank-card .bms-mobile-disclosure-panel div.bms-mobile-property-card {
  margin: 0 0 4px;
}
div.bms-mobile-bank-card div.bms-mobile-see-all {
  margin: 0;
  border-top: 0.5px solid var(--era-divider);
}
div.bms-mobile-bank-activity-header {
  margin: 8px 10px 0;
}
div.bms-mobile-bank-activity-header span.bms-mobile-bank-balance {
  font-size: var(--era-type-title);
  font-weight: 600;
  color: var(--era-text-primary);
  white-space: nowrap;
}
ul.bms-mobile-ledger-list > .k-listview-item:has(> .bms-mobile-row) {
  margin: 0 10px;
  background-color: var(--era-card-bg);
  border-left: 0.5px solid var(--era-border);
  border-right: 0.5px solid var(--era-border);
}
ul.bms-mobile-ledger-list > .k-listview-item:has(> .bms-mobile-row) .bms-mobile-row {
  min-height: 56px;
  margin: 0;
  padding: 8px 12px;
  border: none;
  border-bottom: 0.5px solid var(--era-divider);
  border-radius: 0;
  background-color: transparent;
}
ul.bms-mobile-ledger-list > .k-listview-item:has(> .bms-list-card-group-header) + .k-listview-item:has(> .bms-mobile-row),
ul.bms-mobile-ledger-list > .k-listview-item:first-child:has(> .bms-mobile-row) {
  border-top: 0.5px solid var(--era-border);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
ul.bms-mobile-ledger-list > .k-listview-item:has(> .bms-mobile-row):has(+ .k-listview-item > .bms-list-card-group-header),
ul.bms-mobile-ledger-list > .k-listview-item:last-child:has(> .bms-mobile-row) {
  margin-bottom: 6px;
  border-bottom: 0.5px solid var(--era-border);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
ul.bms-mobile-ledger-list > .k-listview-item:has(> .bms-mobile-row):has(+ .k-listview-item > .bms-list-card-group-header) .bms-mobile-row,
ul.bms-mobile-ledger-list > .k-listview-item:last-child:has(> .bms-mobile-row) .bms-mobile-row {
  border-bottom: none;
}
div.bms-mobile-report-output {
  margin: 8px 10px calc(16px + var(--nav-bar-height, 0px));
  padding: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 0.5px solid var(--era-border);
  border-radius: 10px;
  background-color: var(--era-card-bg);
}
div.bms-mobile-bank-activity-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4px 10px 16px;
}
.bms-mobile-row.bms-mobile-bank-entry-row .bms-mobile-row-main .bms-mobile-row-title {
  font-weight: 400;
}
span.bms-mobile-bank-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  white-space: nowrap;
}
span.bms-mobile-bank-entry .bms-mobile-bank-entry-amount {
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-green);
}
span.bms-mobile-bank-entry .bms-mobile-bank-entry-amount.bms-mobile-bank-entry-amount-negative {
  color: var(--era-red);
}
span.bms-mobile-bank-entry .bms-mobile-bank-entry-amount.bms-mobile-bank-entry-amount-zero {
  font-weight: 400;
  color: var(--era-text-hint);
}
span.bms-mobile-bank-entry .bms-mobile-bank-entry-balance {
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
}
div.bms-mobile-home-header {
  padding: 8px 4px 4px;
  margin: 0 10px;
}
div.bms-mobile-home-header p.bms-mobile-home-header-greeting {
  margin: 0;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
div.bms-mobile-home-header p.bms-mobile-home-header-date {
  margin: 2px 0 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-mobile-help-link {
  margin: 0 10px 8px;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  height: auto;
  padding: 4px 10px;
  overflow: visible;
  background-color: var(--era-page-bg);
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager .bms-mobile-month-pager-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager .bms-mobile-month-pager-title {
  min-width: 0;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager button.bms-mobile-period-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: none;
  color: var(--era-accent);
  cursor: pointer;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager button.bms-mobile-period-btn .k-icon {
  font-size: 24px;
  color: var(--era-accent);
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager button.bms-mobile-period-btn:active {
  background-color: var(--era-accent-soft);
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager div.bms-mobile-help-link {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager > button.bms-mobile-text-action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 44px;
  padding: 0 6px;
  white-space: nowrap;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager .bms-mobile-month-pager-caption {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 2px;
  font-size: var(--era-type-caption);
  color: var(--era-text-secondary);
  white-space: nowrap;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager.bms-mobile-month-pager-compact {
  min-height: 38px;
  padding: 1px 10px;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager.bms-mobile-month-pager-compact button.bms-mobile-period-btn {
  width: 36px;
  height: 36px;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager.bms-mobile-month-pager-compact button.bms-mobile-period-btn .k-icon {
  font-size: 20px;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-month-pager.bms-mobile-month-pager-compact > button.bms-mobile-text-action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 36px;
  padding: 0 6px;
  white-space: nowrap;
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-chip-bar {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  padding: 8px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background-color: var(--era-page-bg);
}
main.bms-mobile-view-content div.bms-mobile-fixed-pane.bms-mobile-chip-bar::-webkit-scrollbar {
  display: none;
}
ul.bms-mobile-chip-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 6px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
ul.bms-mobile-chip-group .k-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}
ul.bms-mobile-chip-group .k-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 4px 12px;
  border: 0.5px solid var(--era-accent);
  border-radius: 999px;
  background: var(--era-card-bg);
  color: var(--era-accent);
  font-size: var(--era-type-meta);
  font-weight: 600;
}
ul.bms-mobile-chip-group .k-button.k-selected {
  background: var(--era-accent);
  border-color: var(--era-accent);
  color: var(--era-card-bg);
}
ul.bms-mobile-chip-group .bms-mobile-chip-swatch {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
ul.bms-mobile-scroll-list.bms-mobile-list-all-mode .bms-mobile-row {
  opacity: 0.5;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list {
  margin: 0;
  padding: 0 10px var(--nav-bar-height);
  list-style: none;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list > .k-listview-item {
  background-color: var(--era-card-bg);
  border-bottom: 0.5px solid var(--era-divider);
}
ul.bms-mobile-scroll-list.bms-mobile-select-list > .k-listview-item:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list > .k-listview-item:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: none;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row {
  position: relative;
  min-height: 48px;
  margin: 0;
  padding: 6px 16px;
  border: none;
  border-radius: inherit;
  background-color: transparent;
  cursor: pointer;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row:active {
  background-color: var(--era-accent-soft);
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row .bms-mobile-row-title {
  font-weight: 400;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row .bms-mobile-row-trailing {
  gap: 0;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row .bms-mobile-row-trailing input.bms-list-card-selection-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: inherit;
  opacity: 0;
  cursor: pointer;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row .bms-mobile-select-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  text-align: center;
  color: var(--era-accent);
  visibility: hidden;
  pointer-events: none;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row .bms-mobile-select-check .k-icon {
  font-size: 20px;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row:has(input.bms-list-card-selection-checkbox:checked) .bms-mobile-select-check {
  visibility: visible;
}
ul.bms-mobile-scroll-list.bms-mobile-select-list .bms-mobile-row.bms-mobile-select-row:has(input.bms-list-card-selection-checkbox:focus-visible) {
  outline: 2px solid var(--era-accent);
  outline-offset: -2px;
}
nav.bms-mobile-nav-bar .k-bottom-nav-item {
  position: relative;
}
nav.bms-mobile-nav-bar .icon-bms-ellipsis-h {
  font-size: 24px;
}
nav.bms-mobile-nav-bar .bms-mobile-tab-badge {
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: var(--era-card-bg);
  background-color: var(--era-red);
  pointer-events: none;
}
nav.bms-mobile-nav-bar .bms-mobile-tab-badge.bms-mobile-tab-dot {
  top: 6px;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
}
.bms-mobile-row.bms-mobile-row-read .bms-mobile-row-title {
  font-weight: 400;
}
.bms-mobile-row.bms-mobile-row-meta-clamp .bms-mobile-row-meta {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.bms-mobile-row.bms-mobile-row-meta-clamp .bms-mobile-row-main {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.bms-mobile-row .bms-mobile-row-trailing .bms-mobile-row-trailing-caption {
  font-size: var(--era-type-caption);
  color: var(--era-text-hint);
  white-space: nowrap;
}
nav.bms-mobile-action-bar.bms-mobile-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "field send";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 8px;
  min-height: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  border-top: 0.5px solid var(--era-divider);
  background: var(--era-card-bg);
}
nav.bms-mobile-action-bar.bms-mobile-composer.bms-mobile-composer-confirm {
  grid-template-areas: "confirm confirm" "field send";
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:first-child {
  display: none;
  grid-area: confirm;
}
nav.bms-mobile-action-bar.bms-mobile-composer.bms-mobile-composer-confirm .k-bottom-nav-item:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:has(> .k-textarea) {
  grid-area: field;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:last-child {
  grid-area: send;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea {
  width: 100%;
  padding: 0;
  border: 1px solid var(--era-border);
  border-radius: 18px;
  background-color: var(--era-card-bg);
  -webkit-box-shadow: none;
          box-shadow: none;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea:focus-within {
  border-color: var(--era-accent);
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 36px;
  padding: 7px 14px;
  font-size: var(--era-type-body);
  line-height: 20px;
  resize: none;
  overflow-y: hidden;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea textarea::-webkit-input-placeholder {
  color: var(--era-text-hint);
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea textarea::-moz-placeholder {
  color: var(--era-text-hint);
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea textarea::-ms-input-placeholder {
  color: var(--era-text-hint);
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-textarea textarea::placeholder {
  color: var(--era-text-hint);
}
nav.bms-mobile-action-bar.bms-mobile-composer button {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  font-size: var(--era-type-meta);
  font-weight: 600;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:first-child {
  justify-self: center;
  width: 100%;
  max-width: 480px;
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:first-child button {
  color: var(--era-card-bg);
  border: 0.5px solid var(--era-accent);
  background: var(--era-accent);
}
nav.bms-mobile-action-bar.bms-mobile-composer .k-bottom-nav-item:last-child button {
  width: auto;
}
ul.bms-mobile-form-list.bms-mobile-form-settings.bms-mobile-form-list-lead {
  height: auto;
  padding-bottom: 8px;
}
div.bms-mobile-grid.bms-mobile-month-grid div.bms-availability-pattern {
  border-radius: 4px;
  color: var(--era-text-primary);
}
div.bms-mobile-contact-card {
  margin: 6px 10px;
  border-radius: 10px;
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
  overflow: hidden;
}
div.bms-mobile-contact-card .bms-mobile-contact-card-title {
  margin: 0;
  padding: 12px 12px 8px;
  font-size: var(--era-type-body);
  font-weight: 600;
  color: var(--era-text-primary);
}
div.bms-mobile-contact-card a.bms-mobile-contact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 12px;
  border-top: 0.5px solid var(--era-divider);
  text-decoration: none;
  color: var(--era-text-primary);
  cursor: pointer;
}
div.bms-mobile-contact-card a.bms-mobile-contact-row:active {
  background-color: var(--era-accent-soft);
}
div.bms-mobile-contact-card .bms-mobile-contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--era-accent-soft);
  color: var(--era-accent);
  font-size: 18px;
}
div.bms-mobile-contact-card .bms-mobile-contact-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
div.bms-mobile-contact-card .bms-mobile-contact-label {
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-mobile-contact-card .bms-mobile-contact-value {
  font-size: var(--era-type-body);
  font-weight: 400;
  color: var(--era-accent);
  overflow-wrap: anywhere;
}
div.bms-mobile-contact-card .bms-mobile-contact-card-empty {
  margin: 0;
  padding: 14px 12px;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
.bms-mobile-row.bms-mobile-profile-header .bms-mobile-row-title {
  font-size: var(--era-type-title);
}
div.bms-mobile-webcal-card .bms-mobile-webcal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px;
}
div.bms-mobile-webcal-card .bms-mobile-webcal-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-mobile-webcal-card .bms-mobile-webcal-url {
  display: block;
  width: calc(100% - 24px);
  margin: 0 12px 12px;
}
button.bms-mobile-outline-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 40px;
  padding: 0 14px;
  border: 0.5px solid var(--era-accent);
  border-radius: 10px;
  background-color: var(--era-card-bg);
  font-family: inherit;
  font-size: var(--era-type-meta);
  font-weight: 600;
  color: var(--era-accent);
  cursor: pointer;
  white-space: nowrap;
}
ul.bms-mobile-form-list.bms-mobile-form-settings {
  background-color: var(--era-page-bg);
  padding: 0 10px var(--nav-bar-height);
}
ul.bms-mobile-form-list.bms-mobile-form-settings > li:not(.bms-mobile-form-section) {
  background-color: var(--era-card-bg);
  border-bottom: 0.5px solid var(--era-divider);
}
ul.bms-mobile-form-list.bms-mobile-form-settings > li.bms-mobile-form-section + li,
ul.bms-mobile-form-list.bms-mobile-form-settings > li:not(.bms-mobile-form-section):first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
ul.bms-mobile-form-list.bms-mobile-form-settings > li:not(.bms-mobile-form-section):has(+ li.bms-mobile-form-section),
ul.bms-mobile-form-list.bms-mobile-form-settings > li:not(.bms-mobile-form-section):last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: none;
}
.k-switch.bms-mobile-switch {
  width: 44px;
  height: 26px;
}
.k-switch.bms-mobile-switch .k-switch-track {
  width: 44px;
  height: 26px;
  border: none;
  border-radius: 13px;
  background-color: var(--era-border);
}
.k-switch.bms-mobile-switch .k-switch-label-on,
.k-switch.bms-mobile-switch .k-switch-label-off {
  display: none;
}
.k-switch.bms-mobile-switch .k-switch-thumb {
  width: 22px;
  height: 22px;
  border: none;
  background-color: var(--era-card-bg);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.k-switch.bms-mobile-switch.k-switch-off .k-switch-thumb-wrap {
  left: 13px;
}
.k-switch.bms-mobile-switch.k-switch-on .k-switch-track {
  background-color: var(--era-accent);
}
.k-switch.bms-mobile-switch.k-switch-on .k-switch-thumb-wrap {
  left: calc(100% - 13px);
}
div.bms-mobile-row-group {
  margin: 6px 10px;
  border-radius: 10px;
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
  overflow: hidden;
}
div.bms-mobile-row-group .bms-mobile-row {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 0.5px;
  border-color: var(--era-divider);
}
div.bms-mobile-row-group .bms-mobile-row:last-child {
  border-bottom-width: 0;
}
nav.bms-mobile-action-bar {
  padding-left: max(16px, calc((100% - 480px) / 2));
  padding-right: max(16px, calc((100% - 480px) / 2));
}
nav.bms-mobile-action-bar .k-bottom-nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
nav.bms-mobile-action-bar button {
  width: 100%;
}
p.bms-mobile-action-note {
  margin: 0;
  padding: 8px 16px;
  text-align: center;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
  background-color: var(--era-card-bg);
  border-top: 0.5px solid var(--era-border);
}
ul.bms-mobile-more-list .bms-mobile-row.bms-mobile-more-profile {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 0.5px;
  padding: 12px 16px;
}
button.bms-mobile-text-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 6px 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: var(--era-type-meta);
  font-weight: 600;
  color: var(--era-accent);
  cursor: pointer;
}
button.bms-mobile-text-action .k-icon {
  color: var(--era-accent);
}
div.bms-list-card-section-action button.bms-mobile-text-action {
  width: auto;
  height: auto;
  border: none;
  background: none;
  color: var(--era-accent);
  justify-self: end;
}
ul.bms-mobile-form-list button.bms-mobile-form-row.k-button,
ul.bms-mobile-form-list button.bms-mobile-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 8px 4px;
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: inherit;
  font-size: var(--era-type-body);
  font-weight: 400;
  color: var(--era-text-primary);
  text-align: left;
  cursor: pointer;
}
ul.bms-mobile-form-list button.bms-mobile-form-row.k-button .k-icon,
ul.bms-mobile-form-list button.bms-mobile-form-row .k-icon,
ul.bms-mobile-form-list button.bms-mobile-form-row.k-button .k-button-icon,
ul.bms-mobile-form-list button.bms-mobile-form-row .k-button-icon {
  color: var(--era-text-hint);
}
ul.bms-mobile-form-list button.bms-mobile-form-row.k-button:active,
ul.bms-mobile-form-list button.bms-mobile-form-row:active {
  background-color: var(--era-accent-soft);
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail {
  grid-column: 2 / span 2;
  -ms-flex-item-align: center;
      align-self: center;
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail p.bms-mobile-punch-timeline-primary {
  margin: 0;
  font-size: var(--era-type-body);
  font-weight: 500;
  color: var(--era-text-primary);
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail p.bms-mobile-punch-timeline-meta {
  margin: 2px 0 0;
  font-size: var(--era-type-meta);
  color: var(--era-text-secondary);
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail p.bms-mobile-punch-timeline-meta i {
  color: var(--era-text-secondary);
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail p.bms-mobile-punch-timeline-missing {
  margin: 0;
  font-size: var(--era-type-body);
  color: var(--era-text-secondary);
}
div.bms-list-card-section-timeline div.bms-mobile-punch-timeline-detail p.bms-mobile-punch-timeline-missing.bms-mobile-amber-text {
  color: var(--era-amber-text);
}
.k-toolbar .k-split-button.k-button-group {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.k-toolbar .k-split-button.k-button-group .k-button {
  background: transparent;
  border-color: transparent;
}
.k-button-group {
  gap: var(--kendo-spacing-2, 0.5rem);
}
.k-button-group > .k-button + .k-button {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.k-button-group > .k-button:first-child:not(:only-child),
.k-button-group > .k-button:last-child:not(:only-child),
.k-button-group > .k-button:not(:first-child):not(:last-child) {
  border-start-start-radius: var(--kendo-border-radius-md, 0.25rem) !important;
  border-start-end-radius: var(--kendo-border-radius-md, 0.25rem) !important;
  border-end-start-radius: var(--kendo-border-radius-md, 0.25rem) !important;
  border-end-end-radius: var(--kendo-border-radius-md, 0.25rem) !important;
}
.k-checkbox {
  border-color: rgba(0, 0, 0, 0.5);
}
.k-checkbox:hover {
  border-color: rgba(0, 0, 0, 0.7);
}
.k-checkbox:focus {
  border-color: var(--kendo-color-primary, #1976d2);
}
.k-radio {
  border-color: rgba(0, 0, 0, 0.5);
}
.k-radio:hover {
  border-color: rgba(0, 0, 0, 0.7);
}
.k-radio:focus {
  border-color: var(--kendo-color-primary, #1976d2);
}
.k-form-field,
.form-group,
.form-group.k-form-field {
  margin-bottom: 4px;
  padding-bottom: 0;
}
.k-form-label,
.k-label,
.control-label {
  margin-bottom: 4px;
  padding-bottom: 0;
}
.form-group > label {
  display: block;
  min-height: 16px;
}
.k-form-field-wrap {
  margin-bottom: 0;
  padding-bottom: 0;
}
.app-popup-bodyrow .row {
  margin-bottom: 4px;
}
.k-tabstrip > .k-content {
  padding: 12px;
  background-color: var(--kendo-color-surface-alt, #ffffff);
}
.k-tabstrip-items-wrapper {
  border-bottom-color: var(--kendo-color-border, #d7dfea);
  padding: 4px 6px 0;
}
.k-tabstrip-content,
.k-tabstrip > .k-content {
  border: none !important;
}
.k-tabstrip-items {
  gap: 0 !important;
}
.k-tabstrip-items .k-item {
  border: 1px solid var(--kendo-color-border, #d7dfea) !important;
  margin: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background-color: var(--kendo-color-base, #f8fafc);
}
.k-tabstrip-items .k-item + .k-item {
  margin-left: -1px !important;
}
.k-tabstrip-items .k-item .k-link {
  border-radius: 7px 7px 0 0 !important;
  font-weight: 400;
  color: var(--kendo-color-subtle, #5b6577);
  background-color: var(--kendo-color-base, #f8fafc);
  text-decoration: none;
  -webkit-transition: background-color var(--bms-transition, 0.15s ease-in-out);
  -o-transition: background-color var(--bms-transition, 0.15s ease-in-out);
  transition: background-color var(--bms-transition, 0.15s ease-in-out);
}
.k-tabstrip-items .k-item:not(.k-active):not(.k-selected):hover .k-link {
  background-color: #eaf0f6;
}
.k-tabstrip-items .k-item.k-active,
.k-tabstrip-items .k-item.k-selected {
  background-color: var(--kendo-color-surface-alt, #fff) !important;
  border-bottom-color: var(--kendo-color-surface-alt, #fff) !important;
}
.k-tabstrip-items .k-item.k-active .k-link,
.k-tabstrip-items .k-item.k-selected .k-link {
  background-color: var(--kendo-color-surface-alt, #fff);
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--kendo-color-primary, #3366ff);
          text-decoration-color: var(--kendo-color-primary, #3366ff);
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}
.k-tabstrip-content:focus,
.k-tabstrip-content.k-focus,
.k-tabstrip > .k-content:focus,
.k-tabstrip > .k-content.k-focus {
  outline: none !important;
}
.k-tabstrip-content:focus-visible,
.k-tabstrip > .k-content:focus-visible {
  outline-width: 1px !important;
  outline-style: dotted !important;
  outline-offset: -1px !important;
  outline-color: var(--kendo-color-on-app-surface, #1f2937) !important;
}
.app-popup-bodyrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.app-popup-bodyrow > .k-tabstrip {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.app-popup-bodyrow > .k-tabstrip > .k-tabstrip-items-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.app-popup-bodyrow > .k-tabstrip > .k-content,
.app-popup-bodyrow > .k-tabstrip > .k-tabstrip-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: auto;
}
.k-form-field-inline {
  margin-bottom: 4px;
  padding-bottom: 0;
}
.panel-subhead h2 {
  margin: 8px 0;
  line-height: 1;
}
.panel-subhead {
  margin-bottom: 16px;
}
.app-grid-toolbar-panel {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
.app-grid-toolbar-panel > .panel-subhead {
  margin-bottom: 0;
  padding: 0.5em 1.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.app-grid-toolbar-panel > .panel-subhead > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  margin-right: 0;
}
.app-grid-toolbar-panel > .panel-subhead > .row > [class*="col-"] {
  float: none;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.app-grid-toolbar-panel > .panel-subhead > .row > [class*="col-"]:nth-child(2) {
  text-align: center;
}
.app-grid-toolbar-panel > .panel-subhead > .row > [class*="col-"]:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.app-grid-toolbar-panel > .panel-subhead > .row .k-button-group {
  margin: 0;
}
.app-grid-toolbar-panel > .row {
  margin-left: 0;
  margin-right: 0;
}
.app-grid-toolbar-panel > .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.app-grid-toolbar-panel .k-grid {
  border-width: 0;
}
.k-button-outline-base:hover,
.k-button-outline-base.k-hover {
  background-color: var(--kendo-color-base-hover, #cccccc);
  color: var(--kendo-color-on-base, #999999);
}
.k-itemcollector-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.k-itemcollector-wrap .k-input-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-itemcollector-wrap .k-input-suffix.k-lookup-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  cursor: pointer;
  border-left: 1px solid var(--kendo-color-border, #ddd);
}
.k-itemcollector-wrap .k-input-suffix.k-lookup-button:hover {
  background-color: var(--kendo-color-base-hover, #cccccc);
  color: var(--kendo-color-on-base, #999999);
}
.k-itemcollector-wrap .k-clear-button,
.k-itemcollector-wrap .k-clear-value {
  visibility: hidden;
}
.k-itemcollector-wrap:focus-within .k-clear-button,
.k-itemcollector-wrap:hover .k-clear-button,
.k-itemcollector-wrap:focus-within .k-clear-value,
.k-itemcollector-wrap:hover .k-clear-value {
  visibility: visible;
}
.k-itemcollector-wrap .k-multiselect {
  width: 100%;
}
.k-textbox-wrap.k-form-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.k-textbox-wrap.k-form-field-wrap > .k-input-prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  border-right: 1px solid var(--kendo-color-border, #ddd);
  background-color: var(--kendo-color-surface, #fff);
}
.k-textbox-wrap.k-form-field-wrap > .k-input-prefix .icon-bms-rotated-square:before {
  color: #e3a21a;
}
.k-textbox-wrap.k-form-field-wrap > .k-input-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-textbox-wrap.k-form-field-wrap > .k-input-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  cursor: pointer;
  border-left: 1px solid var(--kendo-color-border, #ddd);
}
.k-textbox-wrap.k-form-field-wrap > .k-input-suffix.k-button-icon:hover {
  background-color: var(--kendo-color-base-hover, #cccccc);
  color: var(--kendo-color-on-base, #999999);
}
.k-textbox-wrap.k-form-field-wrap > .k-input-suffix.k-button-icon:active {
  background-color: var(--kendo-color-base-emphasis, #b3b3b3);
}
.k-textbox-wrap.k-form-field-wrap > .k-input-suffix + .k-input-suffix {
  border-left: none;
}
.k-form-field.radio-option {
  margin-bottom: 12px;
}
.k-form-field.radio-option:last-child {
  margin-bottom: 0;
}
.k-radio-wrap:hover:not(.k-disabled) {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  margin: -4px;
  padding: 4px;
}
.radio-option-content {
  margin-left: 32px;
  margin-top: 8px;
}
.k-dialog .k-form-field.radio-option,
.k-window .k-form-field.radio-option {
  margin-bottom: 0.75rem;
}
.k-checkbox-wrap,
.k-checkbox-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-checkbox + .k-checkbox-label,
.k-checkbox-wrap .k-checkbox-label {
  vertical-align: middle;
  line-height: 1;
}
.form-group.k-form-field:not(.k-form-field-inline) .k-form-field-wrap .k-checkbox-wrap {
  min-height: 36px;
}
.k-numerictextbox .k-input-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.k-numerictextbox .k-input-spinner .k-spinner-increase,
.k-numerictextbox .k-input-spinner .k-spinner-decrease {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  padding: 0;
  height: auto;
}
.app-popup-bodyrow .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.app-popup-bodyrow .row > [class*="col-"] {
  float: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#popupFilter .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.k-form label,
.k-form-field label,
.k-form .k-label,
.k-form .k-form-label,
.app-popup-bodyrow label {
  font-weight: normal;
}
.k-input.k-textbox .k-input-inner,
.k-input.k-textbox .k-input-inner:focus,
.k-input.k-textbox .k-input-inner:focus-visible {
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.bms-toolbar-search-input {
  border-radius: 10px;
  overflow: hidden;
}
.bms-toolbar-search-icon,
.bms-toolbar-search-clear {
  color: var(--kendo-color-subtle, #888) !important;
}
.bms-toolbar-search-icon i,
.bms-toolbar-search-clear i {
  color: var(--kendo-color-subtle, #888) !important;
}
.k-menu .k-icon {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  min-height: 24px;
  padding: 4px;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.k-menu .k-icon[class*="icon-bms-"]:before {
  font-size: 16px !important;
  line-height: 1 !important;
}
.k-menu .k-icon.bg-a,
.k-menu .k-icon.bg-b,
.k-menu .k-icon.bg-c,
.k-menu .k-icon.bg-d,
.k-menu .k-icon.bg-e,
.k-menu .k-icon.bg-f,
.k-menu .k-icon.bg-g,
.k-menu .k-icon.bg-h,
.k-menu .k-icon.bg-i {
  border-radius: 4px;
}
.k-menu .k-menu-link {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-menu > li.logo-button .icon-bms-logo,
.k-menu > li.logo-button .icon-bms-ask-question {
  font-size: 24px;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  min-height: 28px;
}
.k-menu > li.logo-button .icon-bms-logo:before,
.k-menu > li.logo-button .icon-bms-ask-question:before {
  font-size: 24px !important;
}
.k-input .k-button-icon > i,
.k-textbox .k-button-icon > i,
.k-input-prefix > i {
  font-size: 16px;
  line-height: 1;
}
.k-input .k-icon[class*="icon-bms-"],
.k-textbox .k-icon[class*="icon-bms-"],
.k-button .k-icon[class*="icon-bms-"] {
  font-size: 16px;
  line-height: 1;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.k-input .k-icon[class*="icon-bms-"]:before,
.k-textbox .k-icon[class*="icon-bms-"]:before,
.k-button .k-icon[class*="icon-bms-"]:before {
  font-size: 16px;
  line-height: 1;
}
.k-button > i.k-button-text[class*="icon-bms-"] {
  line-height: inherit;
}
.k-window-titlebar,
.k-dialog-titlebar {
  background: var(--kendo-color-app-surface, #fff);
  border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
  color: var(--kendo-color-primary, #1976d2);
  font-weight: 600;
}
.k-window-titlebar .k-window-title,
.k-dialog-titlebar .k-window-title,
.k-window-titlebar .k-dialog-title,
.k-dialog-titlebar .k-dialog-title {
  color: var(--kendo-color-primary, #1976d2);
  font-weight: 600;
}
.k-window-titlebar .k-window-actions .k-button,
.k-dialog-titlebar .k-window-actions .k-button,
.k-window-titlebar .k-dialog-actions .k-button,
.k-dialog-titlebar .k-dialog-actions .k-button,
.k-window-titlebar .k-window-actions .k-window-action,
.k-dialog-titlebar .k-window-actions .k-window-action,
.k-window-titlebar .k-dialog-actions .k-window-action,
.k-dialog-titlebar .k-dialog-actions .k-window-action,
.k-window-titlebar .k-window-actions .k-dialog-action,
.k-dialog-titlebar .k-window-actions .k-dialog-action,
.k-window-titlebar .k-dialog-actions .k-dialog-action,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action {
  color: var(--kendo-color-subtle, #666);
}
.k-window-titlebar .k-window-actions .k-button:hover,
.k-dialog-titlebar .k-window-actions .k-button:hover,
.k-window-titlebar .k-dialog-actions .k-button:hover,
.k-dialog-titlebar .k-dialog-actions .k-button:hover,
.k-window-titlebar .k-window-actions .k-window-action:hover,
.k-dialog-titlebar .k-window-actions .k-window-action:hover,
.k-window-titlebar .k-dialog-actions .k-window-action:hover,
.k-dialog-titlebar .k-dialog-actions .k-window-action:hover,
.k-window-titlebar .k-window-actions .k-dialog-action:hover,
.k-dialog-titlebar .k-window-actions .k-dialog-action:hover,
.k-window-titlebar .k-dialog-actions .k-dialog-action:hover,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action:hover {
  color: var(--kendo-color-primary, #1976d2);
  background: var(--kendo-color-primary-subtle, rgba(25, 118, 210, 0.08));
}
.k-window-titlebar .k-window-actions .k-button .k-icon,
.k-dialog-titlebar .k-window-actions .k-button .k-icon,
.k-window-titlebar .k-dialog-actions .k-button .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-button .k-icon,
.k-window-titlebar .k-window-actions .k-window-action .k-icon,
.k-dialog-titlebar .k-window-actions .k-window-action .k-icon,
.k-window-titlebar .k-dialog-actions .k-window-action .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action .k-icon,
.k-window-titlebar .k-window-actions .k-dialog-action .k-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action .k-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action .k-icon,
.k-window-titlebar .k-window-actions .k-button .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-button .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-button .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-button .k-svg-icon,
.k-window-titlebar .k-window-actions .k-window-action .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-window-action .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-window-action .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action .k-svg-icon,
.k-window-titlebar .k-window-actions .k-dialog-action .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action .k-svg-icon,
.k-window-titlebar .k-window-actions .k-button .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-button .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-button .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-button .k-button-icon,
.k-window-titlebar .k-window-actions .k-window-action .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-window-action .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-window-action .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action .k-button-icon,
.k-window-titlebar .k-window-actions .k-dialog-action .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action .k-button-icon {
  color: var(--kendo-color-subtle, #666);
}
.k-window-titlebar .k-window-actions .k-button:hover .k-icon,
.k-dialog-titlebar .k-window-actions .k-button:hover .k-icon,
.k-window-titlebar .k-dialog-actions .k-button:hover .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-button:hover .k-icon,
.k-window-titlebar .k-window-actions .k-window-action:hover .k-icon,
.k-dialog-titlebar .k-window-actions .k-window-action:hover .k-icon,
.k-window-titlebar .k-dialog-actions .k-window-action:hover .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action:hover .k-icon,
.k-window-titlebar .k-window-actions .k-dialog-action:hover .k-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action:hover .k-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action:hover .k-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action:hover .k-icon,
.k-window-titlebar .k-window-actions .k-button:hover .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-button:hover .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-button:hover .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-button:hover .k-svg-icon,
.k-window-titlebar .k-window-actions .k-window-action:hover .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-window-action:hover .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-window-action:hover .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action:hover .k-svg-icon,
.k-window-titlebar .k-window-actions .k-dialog-action:hover .k-svg-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action:hover .k-svg-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action:hover .k-svg-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action:hover .k-svg-icon,
.k-window-titlebar .k-window-actions .k-button:hover .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-button:hover .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-button:hover .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-button:hover .k-button-icon,
.k-window-titlebar .k-window-actions .k-window-action:hover .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-window-action:hover .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-window-action:hover .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-window-action:hover .k-button-icon,
.k-window-titlebar .k-window-actions .k-dialog-action:hover .k-button-icon,
.k-dialog-titlebar .k-window-actions .k-dialog-action:hover .k-button-icon,
.k-window-titlebar .k-dialog-actions .k-dialog-action:hover .k-button-icon,
.k-dialog-titlebar .k-dialog-actions .k-dialog-action:hover .k-button-icon {
  color: var(--kendo-color-primary, #1976d2);
}
textarea.k-textbox:focus,
textarea.k-textbox:focus-visible {
  border-color: var(--kendo-color-primary, #1976d2);
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
          box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}
.k-calendar .k-calendar-td .k-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.k-chart path[stroke="var(--kendo-color-border)"] {
  stroke: var(--kendo-color-border, #e0e0e0);
}
.k-chart-overlay {
  z-index: 1;
}
.k-grid-header th.k-header .k-cell-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-grid-header th.k-header .k-checkbox-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 16px;
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.k-grid-header th.k-header .k-checkbox-wrap input.k-checkbox {
  vertical-align: middle;
}
.app-popup-body .k-actions,
.app-popup-body .k-dialog-actions,
.app-popup-body footer.k-actions {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
}
.app-popup-body .k-button-group-start,
.app-popup-body .k-button-group-end,
.app-popup-body .k-button-group {
  display: block;
}
.app-popup-body .k-button-group-start {
  float: left;
}
.app-popup-body .k-button-group-end {
  float: right;
}
.k-window-titlebar .k-window-titlebar-action:last-child,
.k-dialog-titlebar .k-window-titlebar-action:last-child {
  color: #c0392b !important;
}
.k-window-titlebar .k-window-titlebar-action:last-child .k-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child .k-icon,
.k-window-titlebar .k-window-titlebar-action:last-child .k-svg-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child .k-svg-icon,
.k-window-titlebar .k-window-titlebar-action:last-child .k-button-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child .k-button-icon {
  color: #c0392b !important;
}
.k-window-titlebar .k-window-titlebar-action:last-child:hover,
.k-dialog-titlebar .k-window-titlebar-action:last-child:hover {
  color: #e74c3c !important;
  background: rgba(231, 76, 60, 0.1) !important;
}
.k-window-titlebar .k-window-titlebar-action:last-child:hover .k-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child:hover .k-icon,
.k-window-titlebar .k-window-titlebar-action:last-child:hover .k-svg-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child:hover .k-svg-icon,
.k-window-titlebar .k-window-titlebar-action:last-child:hover .k-button-icon,
.k-dialog-titlebar .k-window-titlebar-action:last-child:hover .k-button-icon {
  color: #e74c3c !important;
}
body.bms-mobile-body {
  --kendo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --kendo-font-size: 16px;
  --kendo-color-primary: var(--era-accent);
  --kendo-color-primary-hover: var(--era-accent-pressed);
  --kendo-color-primary-active: var(--era-accent-pressed);
  --kendo-color-primary-emphasis: var(--era-accent);
  --kendo-color-primary-subtle: var(--era-accent-soft);
  --kendo-color-primary-subtle-hover: var(--era-accent-soft);
  --kendo-color-primary-subtle-active: var(--era-accent-soft);
  --kendo-color-primary-on-subtle: var(--era-accent-pressed);
  --kendo-color-primary-on-surface: var(--era-accent);
}
body.bms-mobile-body .k-appbar .k-button {
  padding: 4px;
}
body.bms-mobile-body .k-appbar .k-button .k-svg-icon {
  width: 24px !important;
  height: 24px !important;
}
body.bms-mobile-body .k-appbar .k-button .k-svg-icon svg {
  width: 24px !important;
  height: 24px !important;
}
body.bms-mobile-body #viewMenu_actionBar_btnLogout.k-button {
  background-color: var(--era-card-bg);
  border: 0.5px solid var(--era-border);
  color: var(--era-text-secondary);
}
body.bms-mobile-body #viewMenu_actionBar_btnLogout.k-button:hover {
  background-color: var(--era-neutral-soft);
  color: var(--era-text-primary);
}
body.bms-mobile-body .k-actionsheet-container,
body.bms-mobile-body .k-adaptive-actionsheet-container,
body.bms-mobile-body .k-actionsheet-container > *:not(.k-actionsheet):not(.k-overlay),
body.bms-mobile-body .k-animation-container:has(> .k-actionsheet),
body.bms-mobile-body .k-animation-container:has(.k-adaptive-actionsheet),
body.bms-mobile-body .k-child-animation-container:has(> .k-actionsheet),
body.bms-mobile-body .k-child-animation-container:has(.k-adaptive-actionsheet) {
  background: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
body.bms-mobile-body .k-actionsheet.k-adaptive-actionsheet,
body.bms-mobile-body .k-actionsheet-container .k-actionsheet {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  background-color: var(--era-card-bg);
  -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
  max-height: 85dvh;
}
body.bms-mobile-body .k-adaptive-actionsheet .k-actionsheet-titlebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 12px 16px;
  border-bottom: 0.5px solid var(--era-divider);
}
body.bms-mobile-body .k-adaptive-actionsheet .k-actionsheet-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
body.bms-mobile-body .k-adaptive-actionsheet .k-list,
body.bms-mobile-body .k-adaptive-actionsheet .k-list-content {
  min-height: 0;
}
body.bms-mobile-body .k-adaptive-actionsheet .k-actionsheet-title {
  font-size: var(--era-type-title);
  font-weight: 600;
  color: var(--era-text-primary);
}
body.bms-mobile-body .k-adaptive-actionsheet .k-actionsheet-titlebar-actions button {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  color: var(--era-text-secondary);
}
body.bms-mobile-body .k-adaptive-actionsheet .k-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 0.5px solid var(--era-divider);
  font-size: var(--era-type-body);
  color: var(--era-text-primary);
  background-color: transparent;
}
body.bms-mobile-body .k-adaptive-actionsheet .k-list-item.k-selected,
body.bms-mobile-body .k-adaptive-actionsheet .k-list-item.k-selected.k-hover,
body.bms-mobile-body .k-adaptive-actionsheet .k-list-item.k-selected.k-focus {
  background-color: var(--era-accent-soft);
  color: var(--era-text-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.bms-mobile-body .k-adaptive-actionsheet .k-list-item.k-selected::after {
  content: "\e118";
  font-family: "WebComponentsIcons", "KendoFontIcons";
  margin-left: auto;
  color: var(--era-accent);
}
body.bms-mobile-body .k-animation-container .k-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 0.5px solid var(--era-divider);
  font-size: var(--era-type-body);
  color: var(--era-text-primary);
  background-color: transparent;
}
body.bms-mobile-body .k-animation-container .k-list-item.k-selected,
body.bms-mobile-body .k-animation-container .k-list-item.k-selected.k-hover,
body.bms-mobile-body .k-animation-container .k-list-item.k-selected.k-focus {
  background-color: var(--era-accent-soft);
  color: var(--era-text-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.bms-mobile-body .k-animation-container .k-list-item.k-selected::after {
  content: "\e118";
  font-family: "WebComponentsIcons", "KendoFontIcons";
  margin-left: auto;
  color: var(--era-accent);
}
@media print {
  /* Change base font to smaller */
  body {
    font-size: 1em !important;
    /* Assuming a base of 10px font size*/
  }
  /*  Change Bootstrap grid system to use percentage for scaling */
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left !important;
  }
  .col-md-12 {
    width: 100%  !important;
  }
  .col-md-11 {
    width: 91.66666667% !important;
  }
  .col-md-10 {
    width: 83.33333333% !important;
  }
  .col-md-9 {
    width: 75%  !important;
  }
  .col-md-8 {
    width: 66.66666667% !important;
  }
  .col-md-7 {
    width: 58.33333333% !important;
  }
  .col-md-6 {
    width: 50%  !important;
  }
  .col-md-5 {
    width: 41.66666667% !important;
  }
  .col-md-4 {
    width: 33.33333333% !important;
  }
  .col-md-3 {
    width: 25%  !important;
  }
  .col-md-2 {
    width: 16.66666667% !important;
  }
  .col-md-1 {
    width: 8.33333333% !important;
  }
  /* Show tabs in full text */
  ul.k-tabstrip-items span.k-link i.visible-xs.visible-sm {
    display: none !important;
  }
  ul.k-tabstrip-items span.k-link span.visible-md.visible-lg {
    display: block !important;
  }
}
html {
  font-size: 100%;
}
/*

body {
	font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Roboto, sans-serif;
}
// Force Kendo and BMS controls to use consistent font stack
.k-widget, .k-window, .k-dialog, .k-grid, .k-menu, .k-button,
.bms-grid, .bms-cell, .bms-ch, .bms-rh, .bms-shift-assignment, .bms-text-line {
	font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Roboto, sans-serif;
}
*/