@charset "UTF-8";
.app-body {
  height: 100%;
}

.main .container-fluid {
  height: 100%;
}

/* Palette generated by Material Palette - materialpalette.com/teal/red */
@-webkit-keyframes listRowAppear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes listRowAppear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

ion-item-divider[sticky]:not(.with-buttons):not(.pinned-task):not(.pre-pinned-task):not(.completed-section-header):not(.completed-tasks-label) .label,
ion-item-divider[sticky]:not(.with-buttons):not(.pinned-task):not(.pre-pinned-task):not(.completed-section-header):not(.completed-tasks-label) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

ion-action-sheet {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
}

.action-sheet-wrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 500px;
  pointer-events: none;
}

.action-sheet-button {
  width: 100%;
}

.action-sheet-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  max-height: 100%;
}

.action-sheet-group {
  overflow: scroll;
  -webkit-flex-shrink: 2;
  -ms-flex-negative: 2;
  flex-shrink: 2;
  pointer-events: all;
}

.action-sheet-group-cancel {
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.action-sheet-ios {
  text-align: center;
}

.action-sheet-ios .action-sheet-wrapper {
  margin: constant(safe-area-inset-top) auto constant(safe-area-inset-bottom);
  margin: env(safe-area-inset-top) auto env(safe-area-inset-bottom);
}

.action-sheet-ios .action-sheet-container {
  padding: 0 10px;
}

.action-sheet-ios .action-sheet-group {
  border-radius: 13px;
  margin-bottom: 8px;
  background: #f9f9f9;
}

.action-sheet-ios .action-sheet-group:first-child {
  margin-top: 10px;
}

.action-sheet-ios .action-sheet-group:last-child {
  margin-bottom: 10px;
}

.action-sheet-ios .action-sheet-title {
  padding: 1.5rem;
  text-align: center;
  border-radius: 0;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 1.3rem;
  font-weight: 400;
  color: #8f8f8f;
}

.action-sheet-ios .action-sheet-button {
  margin: 0;
  padding: 18px;
  min-height: 5.6rem;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 2rem;
  color: #007aff;
  background: transparent;
}

.action-sheet-ios .action-sheet-button:last-child {
  border-bottom-color: transparent;
}

.action-sheet-ios .action-sheet-button.activated {
  margin-top: -0.55px;
  border-top: 0.55px solid #ebebeb;
  border-bottom-color: #ebebeb;
  background: #ebebeb;
}

.action-sheet-ios .action-sheet-selected {
  font-weight: bold;
  background: #fff;
}

.action-sheet-ios .action-sheet-destructive {
  color: #f53d3d;
}

.action-sheet-ios .action-sheet-cancel {
  font-weight: 600;
  background: #fff;
}

.action-sheet-md .action-sheet-title {
  text-align: left;
  text-align: start;
  font-size: 1.6rem;
  color: #757575;
  padding: 11px 16px 17px;
}

.action-sheet-md .action-sheet-button {
  text-align: left;
  text-align: start;
  position: relative;
  overflow: hidden;
  min-height: 4.8rem;
  font-size: 1.6rem;
  color: #222;
  background: transparent;
  padding: 0 16px;
}

.action-sheet-md .action-sheet-button.activated {
  background: #f1f1f1;
}

.action-sheet-md .action-sheet-icon {
  padding: 0;
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 32px 0 0;
}

.action-sheet-md .action-sheet-group {
  background: #fafafa;
}

.action-sheet-md .action-sheet-group:first-child {
  padding-top: 0.8rem;
}

.action-sheet-md .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-md .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.action-sheet-md .action-sheet-selected {
  font-weight: bold;
}

ion-alert {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

ion-alert.alert-top {
  padding-top: 50px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

ion-alert input {
  width: 100%;
}

.alert-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 250px;
  max-height: 90%;
  opacity: 0;
  contain: content;
}

.alert-title {
  margin: 0;
  padding: 0;
}

.alert-sub-title {
  margin: 5px 0 0;
  padding: 0;
  font-weight: normal;
}

.alert-message {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.alert-input {
  padding: 10px 0;
  border: 0;
  background: inherit;
}

.alert-input::-moz-placeholder {
  color: #999;
}

.alert-input:-ms-input-placeholder {
  color: #999;
}

.alert-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #999;
}

.alert-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.alert-button-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.alert-button {
  margin: 0;
  z-index: 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.alert-tappable {
  text-align: left;
  text-align: start;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: inherit;
  line-height: initial;
  background: transparent;
}

.alert-ios .alert-wrapper {
  border-radius: 13px;
  overflow: hidden;
  max-width: 270px;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.alert-ios .alert-head {
  text-align: center;
  padding: 12px 16px 7px;
}

.alert-ios .alert-title {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 600;
}

.alert-ios .alert-sub-title {
  font-size: 14px;
  color: #666;
}

.alert-ios .alert-message,
.alert-ios .alert-input-group {
  text-align: center;
  font-size: 13px;
  color: inherit;
  padding: 0 16px 21px;
}

.alert-ios .alert-message {
  max-height: 240px;
}

.alert-ios .alert-message:empty {
  padding: 0 0 12px;
}

.alert-ios .alert-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 10px;
  border-radius: 4px;
  border: 0.55px solid #ccc;
  background-color: #fff;
  padding: 6px;
}

.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
  overflow: scroll;
  max-height: 240px;
  border-top: 0.55px solid #dbdbdf;
  -webkit-overflow-scrolling: touch;
}

.alert-ios .alert-tappable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
}

.alert-ios .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-radio-label {
  color: #03151a;
}

.alert-ios .alert-radio-icon {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 30px;
}

.alert-ios [aria-checked=true] .alert-radio-inner {
  left: 7px;
  top: -7px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #03151a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-ios .alert-checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 0.55px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
  margin: 10px 6px 10px 16px;
}

.alert-ios [aria-checked=true] .alert-checkbox-icon {
  border-color: #03151a;
  background-color: #03151a;
}

.alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 9px;
  border-width: 0.55px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-button-group {
  margin-right: -0.55px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.alert-ios .alert-button {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 50%;
  height: 44px;
  border-top: 0.55px solid #dbdbdf;
  border-right: 0.55px solid #dbdbdf;
  font-size: 17px;
  color: #03151a;
  background-color: transparent;
}

.alert-ios .alert-button:last-child {
  border-right: 0;
  font-weight: bold;
}

.alert-ios .alert-button.activated {
  background-color: #e9e9e9;
}

.alert-md .alert-wrapper {
  border-radius: 2px;
  max-width: 280px;
  background-color: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

.alert-md .alert-head {
  text-align: left;
  text-align: start;
  padding: 24px 24px 20px;
}

.alert-md .alert-title {
  font-size: 22px;
}

.alert-md .alert-sub-title {
  font-size: 16px;
}

.alert-md .alert-message,
.alert-md .alert-input-group {
  color: rgba(0, 0, 0, 0.5);
  padding: 0 24px 24px;
}

.alert-md .alert-message {
  max-height: 240px;
  font-size: 15px;
}

.alert-md .alert-message:empty {
  padding: 0;
}

.alert-md .alert-input {
  margin: 5px 0;
  border-bottom: 1px solid #dedede;
  color: #000;
}

.alert-md .alert-input:focus {
  margin-bottom: 4px;
  border-bottom: 2px solid #3b5998;
}

.alert-md .alert-radio-group,
.alert-md .alert-checkbox-group {
  position: relative;
  overflow: auto;
  max-height: 240px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.alert-md .alert-tappable {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-md .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md .alert-radio-icon {
  left: 13px;
  top: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md .alert-radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #03151a;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.alert-md [aria-checked=true] .alert-radio-label {
  color: #03151a;
}

.alert-md [aria-checked=true] .alert-radio-icon {
  border-color: #03151a;
}

.alert-md [aria-checked=true] .alert-radio-inner {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.alert-md .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-md .alert-checkbox-icon {
  left: 13px;
  top: 0;
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md [aria-checked=true] .alert-checkbox-icon {
  border-color: #03151a;
  background-color: #03151a;
}

.alert-md [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
  top: 0;
  position: absolute;
  width: 6px;
  height: 10px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-md .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 8px 8px 8px 24px;
}

.alert-md .alert-button {
  text-align: right;
  text-align: end;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #03151a;
  background-color: transparent;
  margin: 0 8px 0 0;
  padding: 10px;
}

.alert-md .alert-button.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.alert-md .alert-button .button-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 1px;
  border-width: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::-webkit-input-placeholder {
  padding-left: 2px;
}

textarea::-moz-placeholder {
  padding-left: 2px;
}

textarea::-ms-input-placeholder {
  padding-left: 2px;
}

textarea::placeholder {
  padding-left: 2px;
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

a ion-label,
button ion-label {
  pointer-events: none;
}

button {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

td,
th {
  padding: 0;
}

.hide,
[hidden],
template {
  display: none !important;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

:focus,
:active {
  outline: none;
}

.focus-outline :focus {
  outline: thin dotted;
  outline-offset: -1px;
}

.focus-outline button:focus,
.focus-outline [ion-button]:focus {
  border-color: #51a7e8;
  outline: 2px solid #51a7e8;
  -webkit-box-shadow: 0 0 8px 1px #51a7e8;
  box-shadow: 0 0 8px 1px #51a7e8;
}

ion-input :focus {
  outline: none;
}

.click-block {
  display: none;
}

.click-block-enabled {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(0,  -100%,  0) translateY(1px);
  transform: translate3d(0,  -100%,  0) translateY(1px);
  position: absolute;
  z-index: 99999;
  display: block;
  opacity: 0;
  contain: strict;
}

.click-block-active {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  position: fixed;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  background-color: transparent;
}

.enable-hover a:hover {
  opacity: .7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

[padding] h1:first-child,
[padding] h2:first-child,
[padding] h3:first-child,
[padding] h4:first-child,
[padding] h5:first-child,
[padding] h6:first-child {
  margin-top: -0.3rem;
}

h1 + h2,
h1 + h3,
h2 + h3 {
  margin-top: -0.3rem;
}

h1 {
  margin-top: 2rem;
  font-size: 2.6rem;
}

h2 {
  margin-top: 1.8rem;
  font-size: 2.4rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}

ion-nav,
ion-tab,
ion-tabs {
  overflow: hidden;
}

ion-tab {
  display: none;
}

ion-tab.show-tab {
  display: block;
}

ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root,
.ion-page {
  contain: strict;
}

.ion-page {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ion-page.show-page {
  opacity: 1;
}

ion-header {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

ion-footer {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
  display: none;
}

[text-center] {
  text-align: center !important;
}

[text-justify] {
  text-align: justify !important;
}

[text-start] {
  text-align: left;
  text-align: start !important;
}

[text-end] {
  text-align: right;
  text-align: end !important;
}

[text-left] {
  text-align: left !important;
}

[text-right] {
  text-align: right !important;
}

[text-nowrap] {
  white-space: nowrap !important;
}

[text-wrap] {
  white-space: normal !important;
}

@media (min-width: 576px) {
  [text-sm-center] {
    text-align: center !important;
  }
  [text-sm-justify] {
    text-align: justify !important;
  }
  [text-sm-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-sm-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-sm-left] {
    text-align: left !important;
  }
  [text-sm-right] {
    text-align: right !important;
  }
  [text-sm-nowrap] {
    white-space: nowrap !important;
  }
  [text-sm-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  [text-md-center] {
    text-align: center !important;
  }
  [text-md-justify] {
    text-align: justify !important;
  }
  [text-md-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-md-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-md-left] {
    text-align: left !important;
  }
  [text-md-right] {
    text-align: right !important;
  }
  [text-md-nowrap] {
    white-space: nowrap !important;
  }
  [text-md-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  [text-lg-center] {
    text-align: center !important;
  }
  [text-lg-justify] {
    text-align: justify !important;
  }
  [text-lg-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-lg-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-lg-left] {
    text-align: left !important;
  }
  [text-lg-right] {
    text-align: right !important;
  }
  [text-lg-nowrap] {
    white-space: nowrap !important;
  }
  [text-lg-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-center] {
    text-align: center !important;
  }
  [text-xl-justify] {
    text-align: justify !important;
  }
  [text-xl-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-xl-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-xl-left] {
    text-align: left !important;
  }
  [text-xl-right] {
    text-align: right !important;
  }
  [text-xl-nowrap] {
    white-space: nowrap !important;
  }
  [text-xl-wrap] {
    white-space: normal !important;
  }
}

[text-uppercase] {
  text-transform: uppercase !important;
}

[text-lowercase] {
  text-transform: lowercase !important;
}

[text-capitalize] {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  [text-sm-uppercase] {
    text-transform: uppercase !important;
  }
  [text-sm-lowercase] {
    text-transform: lowercase !important;
  }
  [text-sm-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 768px) {
  [text-md-uppercase] {
    text-transform: uppercase !important;
  }
  [text-md-lowercase] {
    text-transform: lowercase !important;
  }
  [text-md-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 992px) {
  [text-lg-uppercase] {
    text-transform: uppercase !important;
  }
  [text-lg-lowercase] {
    text-transform: lowercase !important;
  }
  [text-lg-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-uppercase] {
    text-transform: uppercase !important;
  }
  [text-xl-lowercase] {
    text-transform: lowercase !important;
  }
  [text-xl-capitalize] {
    text-transform: capitalize !important;
  }
}

[float-left] {
  float: left !important;
}

[float-right] {
  float: right !important;
}

[float-start] {
  float: left !important;
}

[float-end] {
  float: right !important;
}

@media (min-width: 576px) {
  [float-sm-left] {
    float: left !important;
  }
  [float-sm-right] {
    float: right !important;
  }
  [float-sm-start] {
    float: left !important;
  }
  [float-sm-end] {
    float: right !important;
  }
}

@media (min-width: 768px) {
  [float-md-left] {
    float: left !important;
  }
  [float-md-right] {
    float: right !important;
  }
  [float-md-start] {
    float: left !important;
  }
  [float-md-end] {
    float: right !important;
  }
}

@media (min-width: 992px) {
  [float-lg-left] {
    float: left !important;
  }
  [float-lg-right] {
    float: right !important;
  }
  [float-lg-start] {
    float: left !important;
  }
  [float-lg-end] {
    float: right !important;
  }
}

@media (min-width: 1200px) {
  [float-xl-left] {
    float: left !important;
  }
  [float-xl-right] {
    float: right !important;
  }
  [float-xl-start] {
    float: left !important;
  }
  [float-xl-end] {
    float: right !important;
  }
}

ion-app.ios {
  font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

ion-app.md {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

ion-backdrop {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .01;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-backdrop.backdrop-no-tappable {
  cursor: auto;
}

ion-badge {
  padding: 3px 8px;
  text-align: center;
  display: inline-block;
  min-width: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
}

ion-badge:empty {
  display: none;
}

.badge-ios {
  border-radius: 10px;
  color: #fff;
  background-color: #03151a;
}

.badge-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.badge-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.badge-ios-white {
  color: #000;
  background-color: white;
}

.badge-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.badge-md {
  border-radius: 4px;
  color: #fff;
  background-color: #03151a;
}

.badge-md-primary {
  color: #fff;
  background-color: #03151a;
}

.badge-md-danger {
  color: #fff;
  background-color: #d63535;
}

.badge-md-white {
  color: #000;
  background-color: white;
}

.badge-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.button {
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 0;
  display: inline-block;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-transition: background-color, opacity 100ms linear;
  transition: background-color, opacity 100ms linear;
  -webkit-font-kerning: none;
  font-kerning: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: content;
}

.button-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

[ion-button] {
  text-decoration: none;
}

a[disabled],
button[disabled],
[ion-button][disabled] {
  cursor: default;
  opacity: .4;
  pointer-events: none;
}

.button-block {
  display: block;
  clear: both;
  width: 100%;
  contain: strict;
}

.button-block::after {
  clear: both;
}

.button-full {
  display: block;
  width: 100%;
  contain: strict;
}

.button-full.button-outline {
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

[icon-left] ion-icon,
[icon-start] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-right: 0.3em;
}

[icon-right] ion-icon,
[icon-end] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-left: 0.4em;
}

.button[icon-only] {
  padding: 0;
  min-width: .9em;
}

[icon-only] ion-icon {
  padding: 0 0.5em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.button-ios {
  border-radius: 4px;
  height: 2.8em;
  font-size: 1.6rem;
  color: #fff;
  background-color: #03151a;
  margin: 0.4rem 0.2rem;
  padding: 0 1em;
}

.button-ios.activated {
  background-color: #17282c;
  opacity: 1;
}

.button-ios:hover:not(.disable-hover) {
  opacity: 0.8;
}

.button-large-ios {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-ios {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-ios[icon-only] ion-icon {
  font-size: 1.3em;
}

.button-block-ios {
  margin-left: 0;
  margin-right: 0;
}

.button-full-ios {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-ios {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.button-outline-ios.activated {
  color: #fff;
  background-color: #03151a;
  opacity: 1;
}

.button-clear-ios {
  border-color: transparent;
  color: #03151a;
  background-color: transparent;
}

.button-clear-ios.activated {
  background-color: transparent;
  opacity: 0.4;
}

.button-clear-ios:hover:not(.disable-hover) {
  color: #03151a;
  opacity: 0.6;
}

.button-round-ios {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.button-ios-primary.activated {
  background-color: #17282c;
}

.button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.button-clear-ios-primary {
  border-color: transparent;
  color: #03151a;
  background-color: transparent;
}

.button-clear-ios-primary.activated {
  opacity: 0.4;
}

.button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.button-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.button-ios-danger.activated {
  background-color: #c53131;
}

.button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.button-clear-ios-danger {
  border-color: transparent;
  color: #d63535;
  background-color: transparent;
}

.button-clear-ios-danger.activated {
  opacity: 0.4;
}

.button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.button-ios-white {
  color: #000;
  background-color: white;
}

.button-ios-white.activated {
  background-color: #ebebeb;
}

.button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.button-clear-ios-white {
  border-color: transparent;
  color: white;
  background-color: transparent;
}

.button-clear-ios-white.activated {
  opacity: 0.4;
}

.button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.button-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.button-ios-business-law-dark.activated {
  background-color: #47565d;
}

.button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.button-clear-ios-business-law-dark {
  border-color: transparent;
  color: #37474f;
  background-color: transparent;
}

.button-clear-ios-business-law-dark.activated {
  opacity: 0.4;
}

.button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.button-strong-ios {
  font-weight: 600;
}

.button-md {
  border-radius: 2px;
  overflow: hidden;
  height: 3.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background-color: #03151a;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-md:hover:not(.disable-hover) {
  background-color: #03151a;
}

.button-md.activated {
  background-color: #17282c;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
}

.button-md .button-effect {
  background-color: #fff;
}

.button-large-md {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-md {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-md[icon-only] ion-icon {
  font-size: 1.4em;
}

.button-block-md {
  margin-left: 0;
  margin-right: 0;
}

.button-full-md {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-outline-md:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md.activated {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-outline-md .button-effect {
  background-color: #03151a;
}

.button-clear-md {
  border-color: transparent;
  color: #03151a;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-clear-md.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-clear-md .button-effect {
  background-color: #999;
}

.button-round-md {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-md [icon-only] {
  padding: 0;
}

.button-effect {
  border-radius: 50%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  z-index: 0;
  display: none;
  background-color: #555;
  opacity: .2;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  top: 0;
  left: 0;
}

.md button .button-effect {
  display: block;
}

.button-md-primary {
  color: #fff;
  background-color: #03151a;
}

.button-md-primary:hover:not(.disable-hover) {
  background-color: #03151a;
}

.button-md-primary.activated {
  background-color: #17282c;
  opacity: 1;
}

.button-md-primary .button-effect {
  background-color: #fff;
}

.button-outline-md-primary {
  border-color: #102125;
  color: #102125;
  background-color: transparent;
}

.button-outline-md-primary:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-primary.activated {
  background-color: transparent;
}

.button-outline-md-primary .button-effect {
  background-color: #102125;
}

.button-clear-md-primary {
  border-color: transparent;
  color: #03151a;
  background-color: transparent;
}

.button-clear-md-primary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.button-md-danger {
  color: #fff;
  background-color: #d63535;
}

.button-md-danger:hover:not(.disable-hover) {
  background-color: #d63535;
}

.button-md-danger.activated {
  background-color: #c53131;
  opacity: 1;
}

.button-md-danger .button-effect {
  background-color: #fff;
}

.button-outline-md-danger {
  border-color: #cb3232;
  color: #cb3232;
  background-color: transparent;
}

.button-outline-md-danger:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-danger.activated {
  background-color: transparent;
}

.button-outline-md-danger .button-effect {
  background-color: #cb3232;
}

.button-clear-md-danger {
  border-color: transparent;
  color: #d63535;
  background-color: transparent;
}

.button-clear-md-danger.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.button-md-white {
  color: #000;
  background-color: white;
}

.button-md-white:hover:not(.disable-hover) {
  background-color: white;
}

.button-md-white.activated {
  background-color: #ebebeb;
  opacity: 1;
}

.button-md-white .button-effect {
  background-color: #000;
}

.button-outline-md-white {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-md-white:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-white.activated {
  background-color: transparent;
}

.button-outline-md-white .button-effect {
  background-color: #f2f2f2;
}

.button-clear-md-white {
  border-color: transparent;
  color: white;
  background-color: transparent;
}

.button-clear-md-white.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-white:hover:not(.disable-hover) {
  color: white;
}

.button-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.button-md-business-law-dark:hover:not(.disable-hover) {
  background-color: #37474f;
}

.button-md-business-law-dark.activated {
  background-color: #47565d;
  opacity: 1;
}

.button-md-business-law-dark .button-effect {
  background-color: #fff;
}

.button-outline-md-business-law-dark {
  border-color: #415058;
  color: #415058;
  background-color: transparent;
}

.button-outline-md-business-law-dark:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.button-outline-md-business-law-dark .button-effect {
  background-color: #415058;
}

.button-clear-md-business-law-dark {
  border-color: transparent;
  color: #37474f;
  background-color: transparent;
}

.button-clear-md-business-law-dark.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.button-strong-md {
  font-weight: bold;
}

ion-card {
  display: block;
  overflow: hidden;
}

ion-card img {
  display: block;
  width: 100%;
}

ion-card-header {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ion-card-content {
  display: block;
}

.card-ios {
  margin: 12px;
  border-radius: 2px;
  width: calc(100% - 24px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.card-ios ion-list {
  margin-bottom: 0;
}

.card-ios > .item:last-child,
.card-ios > .item:last-child .item-inner,
.card-ios > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.card-ios .item-ios.item-block .item-inner {
  border: 0;
}

.card-content-ios {
  padding: 13px 16px 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.card-header-ios {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  padding: 16px;
}

.card-header-ios + .card-content-ios,
.card-ios .item + .card-content-ios {
  padding-top: 0;
}

.card .note-ios {
  font-size: 1.3rem;
}

.card-title-ios {
  display: block;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.card-ios h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.card-ios h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
}

.card-ios h3,
.card-ios h4,
.card-ios h5,
.card-ios h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
}

.card-ios p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  color: #666;
}

.card-ios + ion-card {
  margin-top: 0;
}

.card-ios .text-ios-primary {
  color: #03151a;
}

.card-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.card-ios-primary .card-header-ios,
.card-ios-primary .card-title-ios,
.card-ios-primary .card-content-ios,
.card-ios-primary p {
  color: #fff;
}

.card-ios-primary .text-ios-primary,
.card-ios-primary .card-header-ios-primary,
.card-ios-primary .card-title-ios-primary,
.card-ios-primary .card-content-ios-primary {
  color: #03151a;
}

.card-ios-primary .text-ios-danger,
.card-ios-primary .card-header-ios-danger,
.card-ios-primary .card-title-ios-danger,
.card-ios-primary .card-content-ios-danger {
  color: #d63535;
}

.card-ios-primary .text-ios-white,
.card-ios-primary .card-header-ios-white,
.card-ios-primary .card-title-ios-white,
.card-ios-primary .card-content-ios-white {
  color: white;
}

.card-ios-primary .text-ios-business-law-dark,
.card-ios-primary .card-header-ios-business-law-dark,
.card-ios-primary .card-title-ios-business-law-dark,
.card-ios-primary .card-content-ios-business-law-dark {
  color: #37474f;
}

.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
  color: #03151a;
}

.card-ios .text-ios-danger {
  color: #d63535;
}

.card-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.card-ios-danger .card-header-ios,
.card-ios-danger .card-title-ios,
.card-ios-danger .card-content-ios,
.card-ios-danger p {
  color: #fff;
}

.card-ios-danger .text-ios-primary,
.card-ios-danger .card-header-ios-primary,
.card-ios-danger .card-title-ios-primary,
.card-ios-danger .card-content-ios-primary {
  color: #03151a;
}

.card-ios-danger .text-ios-danger,
.card-ios-danger .card-header-ios-danger,
.card-ios-danger .card-title-ios-danger,
.card-ios-danger .card-content-ios-danger {
  color: #d63535;
}

.card-ios-danger .text-ios-white,
.card-ios-danger .card-header-ios-white,
.card-ios-danger .card-title-ios-white,
.card-ios-danger .card-content-ios-white {
  color: white;
}

.card-ios-danger .text-ios-business-law-dark,
.card-ios-danger .card-header-ios-business-law-dark,
.card-ios-danger .card-title-ios-business-law-dark,
.card-ios-danger .card-content-ios-business-law-dark {
  color: #37474f;
}

.card-header-ios-danger,
.card-title-ios-danger,
.card-content-ios-danger {
  color: #d63535;
}

.card-ios .text-ios-white {
  color: white;
}

.card-ios-white {
  color: #000;
  background-color: white;
}

.card-ios-white .card-header-ios,
.card-ios-white .card-title-ios,
.card-ios-white .card-content-ios,
.card-ios-white p {
  color: #000;
}

.card-ios-white .text-ios-primary,
.card-ios-white .card-header-ios-primary,
.card-ios-white .card-title-ios-primary,
.card-ios-white .card-content-ios-primary {
  color: #03151a;
}

.card-ios-white .text-ios-danger,
.card-ios-white .card-header-ios-danger,
.card-ios-white .card-title-ios-danger,
.card-ios-white .card-content-ios-danger {
  color: #d63535;
}

.card-ios-white .text-ios-white,
.card-ios-white .card-header-ios-white,
.card-ios-white .card-title-ios-white,
.card-ios-white .card-content-ios-white {
  color: white;
}

.card-ios-white .text-ios-business-law-dark,
.card-ios-white .card-header-ios-business-law-dark,
.card-ios-white .card-title-ios-business-law-dark,
.card-ios-white .card-content-ios-business-law-dark {
  color: #37474f;
}

.card-header-ios-white,
.card-title-ios-white,
.card-content-ios-white {
  color: white;
}

.card-ios .text-ios-business-law-dark {
  color: #37474f;
}

.card-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.card-ios-business-law-dark .card-header-ios,
.card-ios-business-law-dark .card-title-ios,
.card-ios-business-law-dark .card-content-ios,
.card-ios-business-law-dark p {
  color: #fff;
}

.card-ios-business-law-dark .text-ios-primary,
.card-ios-business-law-dark .card-header-ios-primary,
.card-ios-business-law-dark .card-title-ios-primary,
.card-ios-business-law-dark .card-content-ios-primary {
  color: #03151a;
}

.card-ios-business-law-dark .text-ios-danger,
.card-ios-business-law-dark .card-header-ios-danger,
.card-ios-business-law-dark .card-title-ios-danger,
.card-ios-business-law-dark .card-content-ios-danger {
  color: #d63535;
}

.card-ios-business-law-dark .text-ios-white,
.card-ios-business-law-dark .card-header-ios-white,
.card-ios-business-law-dark .card-title-ios-white,
.card-ios-business-law-dark .card-content-ios-white {
  color: white;
}

.card-ios-business-law-dark .text-ios-business-law-dark,
.card-ios-business-law-dark .card-header-ios-business-law-dark,
.card-ios-business-law-dark .card-title-ios-business-law-dark,
.card-ios-business-law-dark .card-content-ios-business-law-dark {
  color: #37474f;
}

.card-header-ios-business-law-dark,
.card-title-ios-business-law-dark,
.card-content-ios-business-law-dark {
  color: #37474f;
}

.card-md {
  margin: 10px;
  border-radius: 2px;
  width: calc(100% - 20px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card-md ion-list {
  margin-bottom: 0;
}

.card-md > .item:last-child,
.card-md > .item:last-child .item-inner,
.card-md > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.card-md .item-md.item-block .item-inner {
  border: 0;
}

.card-content-md {
  padding: 13px 16px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.card-header-md {
  font-size: 1.6rem;
  color: #222;
  padding: 16px;
}

.card-header-md + .card-content-md,
.card-md .item + .card-content-md {
  padding-top: 0;
}

.card .note-md {
  font-size: 1.3rem;
}

.card-title-md {
  display: block;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.card-md h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
  color: #222;
}

.card-md h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
}

.card-md h3,
.card-md h4,
.card-md h5,
.card-md h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}

.card-md p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}

.card-md + ion-card {
  margin-top: 0;
}

.card-md .text-md-primary {
  color: #03151a;
}

.card-md-primary {
  color: #fff;
  background-color: #03151a;
}

.card-md-primary .card-header-md,
.card-md-primary .card-title-md,
.card-md-primary .card-content-md,
.card-md-primary h1,
.card-md-primary h2,
.card-md-primary h3,
.card-md-primary h4,
.card-md-primary h5,
.card-md-primary h6,
.card-md-primary p {
  color: #fff;
}

.card-md-primary .text-md-primary,
.card-md-primary .card-header-md-primary,
.card-md-primary .card-title-md-primary,
.card-md-primary .card-content-md-primary {
  color: #03151a;
}

.card-md-primary .text-md-danger,
.card-md-primary .card-header-md-danger,
.card-md-primary .card-title-md-danger,
.card-md-primary .card-content-md-danger {
  color: #d63535;
}

.card-md-primary .text-md-white,
.card-md-primary .card-header-md-white,
.card-md-primary .card-title-md-white,
.card-md-primary .card-content-md-white {
  color: white;
}

.card-md-primary .text-md-business-law-dark,
.card-md-primary .card-header-md-business-law-dark,
.card-md-primary .card-title-md-business-law-dark,
.card-md-primary .card-content-md-business-law-dark {
  color: #37474f;
}

.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
  color: #03151a;
}

.card-md .text-md-danger {
  color: #d63535;
}

.card-md-danger {
  color: #fff;
  background-color: #d63535;
}

.card-md-danger .card-header-md,
.card-md-danger .card-title-md,
.card-md-danger .card-content-md,
.card-md-danger h1,
.card-md-danger h2,
.card-md-danger h3,
.card-md-danger h4,
.card-md-danger h5,
.card-md-danger h6,
.card-md-danger p {
  color: #fff;
}

.card-md-danger .text-md-primary,
.card-md-danger .card-header-md-primary,
.card-md-danger .card-title-md-primary,
.card-md-danger .card-content-md-primary {
  color: #03151a;
}

.card-md-danger .text-md-danger,
.card-md-danger .card-header-md-danger,
.card-md-danger .card-title-md-danger,
.card-md-danger .card-content-md-danger {
  color: #d63535;
}

.card-md-danger .text-md-white,
.card-md-danger .card-header-md-white,
.card-md-danger .card-title-md-white,
.card-md-danger .card-content-md-white {
  color: white;
}

.card-md-danger .text-md-business-law-dark,
.card-md-danger .card-header-md-business-law-dark,
.card-md-danger .card-title-md-business-law-dark,
.card-md-danger .card-content-md-business-law-dark {
  color: #37474f;
}

.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
  color: #d63535;
}

.card-md .text-md-white {
  color: white;
}

.card-md-white {
  color: #000;
  background-color: white;
}

.card-md-white .card-header-md,
.card-md-white .card-title-md,
.card-md-white .card-content-md,
.card-md-white h1,
.card-md-white h2,
.card-md-white h3,
.card-md-white h4,
.card-md-white h5,
.card-md-white h6,
.card-md-white p {
  color: #000;
}

.card-md-white .text-md-primary,
.card-md-white .card-header-md-primary,
.card-md-white .card-title-md-primary,
.card-md-white .card-content-md-primary {
  color: #03151a;
}

.card-md-white .text-md-danger,
.card-md-white .card-header-md-danger,
.card-md-white .card-title-md-danger,
.card-md-white .card-content-md-danger {
  color: #d63535;
}

.card-md-white .text-md-white,
.card-md-white .card-header-md-white,
.card-md-white .card-title-md-white,
.card-md-white .card-content-md-white {
  color: white;
}

.card-md-white .text-md-business-law-dark,
.card-md-white .card-header-md-business-law-dark,
.card-md-white .card-title-md-business-law-dark,
.card-md-white .card-content-md-business-law-dark {
  color: #37474f;
}

.card-header-md-white,
.card-title-md-white,
.card-content-md-white {
  color: white;
}

.card-md .text-md-business-law-dark {
  color: #37474f;
}

.card-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.card-md-business-law-dark .card-header-md,
.card-md-business-law-dark .card-title-md,
.card-md-business-law-dark .card-content-md,
.card-md-business-law-dark h1,
.card-md-business-law-dark h2,
.card-md-business-law-dark h3,
.card-md-business-law-dark h4,
.card-md-business-law-dark h5,
.card-md-business-law-dark h6,
.card-md-business-law-dark p {
  color: #fff;
}

.card-md-business-law-dark .text-md-primary,
.card-md-business-law-dark .card-header-md-primary,
.card-md-business-law-dark .card-title-md-primary,
.card-md-business-law-dark .card-content-md-primary {
  color: #03151a;
}

.card-md-business-law-dark .text-md-danger,
.card-md-business-law-dark .card-header-md-danger,
.card-md-business-law-dark .card-title-md-danger,
.card-md-business-law-dark .card-content-md-danger {
  color: #d63535;
}

.card-md-business-law-dark .text-md-white,
.card-md-business-law-dark .card-header-md-white,
.card-md-business-law-dark .card-title-md-white,
.card-md-business-law-dark .card-content-md-white {
  color: white;
}

.card-md-business-law-dark .text-md-business-law-dark,
.card-md-business-law-dark .card-header-md-business-law-dark,
.card-md-business-law-dark .card-title-md-business-law-dark,
.card-md-business-law-dark .card-content-md-business-law-dark {
  color: #37474f;
}

.card-header-md-business-law-dark,
.card-title-md-business-law-dark,
.card-content-md-business-law-dark {
  color: #37474f;
}

.checkbox-ios {
  position: relative;
  display: inline-block;
}

.checkbox-ios .checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
}

.checkbox-ios .checkbox-checked {
  border-color: #03151a;
  background-color: #03151a;
}

.checkbox-ios .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 9px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-ios.checkbox-disabled,
.item-ios.item-checkbox-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item.item-ios .checkbox-ios {
  position: static;
  display: block;
  margin: 8px 16px 8px 2px;
}

.item.item-ios .checkbox-ios[item-right],
.item.item-ios .checkbox-ios[item-end] {
  margin: 10px 8px 9px 0;
}

.checkbox-ios-primary .checkbox-checked {
  border-color: #03151a;
  background-color: #03151a;
}

.checkbox-ios-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-danger .checkbox-checked {
  border-color: #d63535;
  background-color: #d63535;
}

.checkbox-ios-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-white .checkbox-checked {
  border-color: white;
  background-color: white;
}

.checkbox-ios-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-business-law-dark .checkbox-checked {
  border-color: #37474f;
  background-color: #37474f;
}

.checkbox-ios-business-law-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md {
  position: relative;
  display: inline-block;
}

.checkbox-md .checkbox-icon {
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
  background-color: #fff;
  -webkit-transition-duration: 280ms;
  transition-duration: 280ms;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.checkbox-md .checkbox-checked {
  border-color: #03151a;
  background-color: #03151a;
}

.checkbox-md .checkbox-checked .checkbox-inner {
  left: 4px;
  top: 0;
  position: absolute;
  width: 5px;
  height: 10px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-md.checkbox-disabled,
.item-md.item-checkbox-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item.item-md .checkbox-md {
  position: static;
  display: block;
  margin: 9px 36px 9px 4px;
}

.item.item-md .checkbox-md[item-right],
.item.item-md .checkbox-md[item-end] {
  margin: 11px 10px 10px 0;
}

.checkbox-md + .item-inner ion-label {
  margin-left: 0;
}

.checkbox-md-primary .checkbox-checked {
  border-color: #03151a;
  background-color: #03151a;
}

.checkbox-md-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-danger .checkbox-checked {
  border-color: #d63535;
  background-color: #d63535;
}

.checkbox-md-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-white .checkbox-checked {
  border-color: white;
  background-color: white;
}

.checkbox-md-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-business-law-dark .checkbox-checked {
  border-color: #37474f;
  background-color: #37474f;
}

.checkbox-md-business-law-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

ion-content {
  left: 0;
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  contain: size style;
}

.ion-page > ion-content {
  position: absolute;
}

a {
  color: #03151a;
}

.scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  contain: size style layout;
}

ion-content.js-scroll > .scroll-content {
  position: relative;
  min-height: 100%;
  overflow-x: initial;
  overflow-y: initial;
  -webkit-overflow-scrolling: auto;
  will-change: initial;
}

.disable-scroll .ion-page {
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
}

ion-content.has-refresher > .scroll-content {
  background-color: inherit;
}

.fixed-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
}

[ion-fixed] {
  position: absolute;
  z-index: 999;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-app [no-padding],
ion-app [no-padding] .scroll-content {
  padding: 0;
}

ion-app [no-margin],
ion-app [no-margin] .scroll-content {
  margin: 0;
}

.content-ios {
  color: #000;
  background-color: #fff;
}

.content-ios.outer-content {
  background: #efeff4;
}

.content-ios hr {
  height: 0.55px;
  background-color: rgba(0, 0, 0, 0.12);
}

.ios .ion-page.show-page ~ .nav-decor {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
}

ion-app.ios [padding] {
  padding: 52px;
}

ion-app.ios [padding-top] {
  padding-top: 52px;
}

ion-app.ios [padding-left] {
  padding-left: 52px;
}

ion-app.ios [padding-right] {
  padding-right: 52px;
}

ion-app.ios [padding-bottom] {
  padding-bottom: 52px;
}

ion-app.ios [padding-vertical] {
  padding-top: 52px;
  padding-bottom: 52px;
}

ion-app.ios [padding-horizontal] {
  padding-left: 52px;
  padding-right: 52px;
}

ion-app.ios [padding] .scroll-content {
  padding: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-top: 52px;
    padding-bottom: 52px;
    padding: 52px calc(env(safe-area-inset-right) + 52px) 52px calc(env(safe-area-inset-left) + 52px);
  }
}

ion-app.ios [padding-top] .scroll-content {
  padding-top: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-top] .scroll-content {
    padding-top: 52px;
    padding-top: 52px;
  }
}

ion-app.ios [padding-left] .scroll-content {
  padding-left: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-left: calc(env(safe-area-inset-left) + 52px);
  }
}

ion-app.ios [padding-right] .scroll-content {
  padding-right: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 52px);
    padding-right: calc(env(safe-area-inset-right) + 52px);
  }
}

ion-app.ios [padding-bottom] .scroll-content {
  padding-bottom: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 52px;
    padding-bottom: 52px;
  }
}

ion-app.ios [padding-vertical] .scroll-content {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 52px;
    padding-bottom: 52px;
    padding-top: 52px;
    padding-bottom: 52px;
  }
}

ion-app.ios [padding-horizontal] .scroll-content {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-right: calc(constant(safe-area-inset-right) + 52px);
    padding-left: calc(env(safe-area-inset-left) + 52px);
    padding-right: calc(env(safe-area-inset-right) + 52px);
  }
}

ion-app.ios [margin],
ion-app.ios [margin] .scroll-content {
  margin: 16px;
}

ion-app.ios [margin-top],
ion-app.ios [margin-top] .scroll-content {
  margin-top: 16px;
}

ion-app.ios [margin-left],
ion-app.ios [margin-left] .scroll-content {
  margin-left: 16px;
}

ion-app.ios [margin-start],
ion-app.ios [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-end],
ion-app.ios [margin-end] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-bottom],
ion-app.ios [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

ion-app.ios [margin-vertical],
ion-app.ios [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

ion-app.ios [margin-horizontal],
ion-app.ios [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

.content-ios:not([no-bounce]) > .scroll-content::before,
.content-ios:not([no-bounce]) > .scroll-content::after {
  position: absolute;
  width: 1px;
  height: 1px;
  content: "";
}

.content-ios:not([no-bounce]) > .scroll-content::before {
  bottom: -1px;
}

.content-ios:not([no-bounce]) > .scroll-content::after {
  top: -1px;
}

.platform-core .content-ios .scroll-content::after,
.platform-core .content-ios .scroll-content::before {
  position: initial;
  top: initial;
  bottom: initial;
  width: initial;
  height: initial;
}

.content-md {
  color: #000;
  background-color: #fff;
}

.content-md hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.md [padding] {
  padding: 52px;
}

ion-app.md [padding-top] {
  padding-top: 52px;
}

ion-app.md [padding-left] {
  padding-left: 52px;
}

ion-app.md [padding-right] {
  padding-right: 52px;
}

ion-app.md [padding-bottom] {
  padding-bottom: 52px;
}

ion-app.md [padding-vertical] {
  padding-top: 52px;
  padding-bottom: 52px;
}

ion-app.md [padding-horizontal] {
  padding-left: 52px;
  padding-right: 52px;
}

ion-app.md [padding] .scroll-content {
  padding: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-top: 52px;
    padding-bottom: 52px;
    padding: 52px calc(env(safe-area-inset-right) + 52px) 52px calc(env(safe-area-inset-left) + 52px);
  }
}

ion-app.md [padding-top] .scroll-content {
  padding-top: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-top] .scroll-content {
    padding-top: 52px;
    padding-top: 52px;
  }
}

ion-app.md [padding-left] .scroll-content {
  padding-left: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-left: calc(env(safe-area-inset-left) + 52px);
  }
}

ion-app.md [padding-right] .scroll-content {
  padding-right: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 52px);
    padding-right: calc(env(safe-area-inset-right) + 52px);
  }
}

ion-app.md [padding-bottom] .scroll-content {
  padding-bottom: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 52px;
    padding-bottom: 52px;
  }
}

ion-app.md [padding-vertical] .scroll-content {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-vertical] .scroll-content {
    padding-top: 52px;
    padding-bottom: 52px;
    padding-top: 52px;
    padding-bottom: 52px;
  }
}

ion-app.md [padding-horizontal] .scroll-content {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 52px);
    padding-right: calc(constant(safe-area-inset-right) + 52px);
    padding-left: calc(env(safe-area-inset-left) + 52px);
    padding-right: calc(env(safe-area-inset-right) + 52px);
  }
}

ion-app.md [margin],
ion-app.md [margin] .scroll-content {
  margin: 16px;
}

ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
  margin-top: 16px;
}

ion-app.md [margin-left],
ion-app.md [margin-left] .scroll-content {
  margin-left: 16px;
}

ion-app.md [margin-start],
ion-app.md [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-end],
ion-app.md [margin-end] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-bottom],
ion-app.md [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

ion-app.md [margin-vertical],
ion-app.md [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

ion-app.md [margin-horizontal],
ion-app.md [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

ion-datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.datetime-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 16px;
  min-height: 1.2em;
  font-size: inherit;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datetime-disabled,
.item-datetime-disabled ion-label {
  opacity: .4;
  pointer-events: none;
}

.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
  padding-left: 0;
  width: 100%;
}

.datetime-ios {
  padding: 11px 8px 11px 16px;
}

.datetime-ios .datetime-placeholder {
  color: #999;
}

.datetime-md {
  padding: 13px 8px 13px 16px;
}

.datetime-md .datetime-placeholder {
  color: #999;
}

.grid {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grid[no-padding] {
  padding: 0;
}

.grid[no-padding] > .row > .col {
  padding: 0;
}

@media (min-width: 576px) {
  .grid[fixed] {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .grid[fixed] {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .grid[fixed] {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .grid[fixed] {
    width: 1140px;
    max-width: 100%;
  }
}

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

.row[nowrap] {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.row[wrap-reverse] {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.row[align-items-start] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.row[align-items-center] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row[align-items-end] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.row[align-items-stretch] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row[align-items-baseline] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.row[justify-content-start] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.row[justify-content-center] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row[justify-content-end] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.row[justify-content-around] {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.row[justify-content-between] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.col {
  padding: 5px;
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 1px;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col[align-self-start] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.col[align-self-end] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.col[align-self-center] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.col[align-self-stretch] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.col[align-self-baseline] {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

[col-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-1] {
    padding: 5px;
  }
}

[col-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-2] {
    padding: 5px;
  }
}

[col-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-3] {
    padding: 5px;
  }
}

[col-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-4] {
    padding: 5px;
  }
}

[col-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-5] {
    padding: 5px;
  }
}

[col-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-6] {
    padding: 5px;
  }
}

[col-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-7] {
    padding: 5px;
  }
}

[col-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-8] {
    padding: 5px;
  }
}

[col-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-9] {
    padding: 5px;
  }
}

[col-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-10] {
    padding: 5px;
  }
}

[col-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-11] {
    padding: 5px;
  }
}

[col-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-12] {
    padding: 5px;
  }
}

[col] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col] {
    padding: 5px;
  }
}

[col] {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

[col-auto] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

[col-1] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  width: 8.33333%;
  max-width: 8.33333%;
}

[col-2] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}

[col-3] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

[col-4] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

[col-5] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  width: 41.66667%;
  max-width: 41.66667%;
}

[col-6] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

[col-7] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  width: 58.33333%;
  max-width: 58.33333%;
}

[col-8] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

[col-9] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}

[col-10] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  width: 83.33333%;
  max-width: 83.33333%;
}

[col-11] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  width: 91.66667%;
  max-width: 91.66667%;
}

[col-12] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

[pull-0] {
  right: auto;
}

[pull-1] {
  right: 8.33333%;
}

[pull-2] {
  right: 16.66667%;
}

[pull-3] {
  right: 25%;
}

[pull-4] {
  right: 33.33333%;
}

[pull-5] {
  right: 41.66667%;
}

[pull-6] {
  right: 50%;
}

[pull-7] {
  right: 58.33333%;
}

[pull-8] {
  right: 66.66667%;
}

[pull-9] {
  right: 75%;
}

[pull-10] {
  right: 83.33333%;
}

[pull-11] {
  right: 91.66667%;
}

[pull-12] {
  right: 100%;
}

[push-0] {
  left: auto;
}

[push-1] {
  left: 8.33333%;
}

[push-2] {
  left: 16.66667%;
}

[push-3] {
  left: 25%;
}

[push-4] {
  left: 33.33333%;
}

[push-5] {
  left: 41.66667%;
}

[push-6] {
  left: 50%;
}

[push-7] {
  left: 58.33333%;
}

[push-8] {
  left: 66.66667%;
}

[push-9] {
  left: 75%;
}

[push-10] {
  left: 83.33333%;
}

[push-11] {
  left: 91.66667%;
}

[push-12] {
  left: 100%;
}

[offset-1] {
  margin-left: 8.33333%;
}

[offset-2] {
  margin-left: 16.66667%;
}

[offset-3] {
  margin-left: 25%;
}

[offset-4] {
  margin-left: 33.33333%;
}

[offset-5] {
  margin-left: 41.66667%;
}

[offset-6] {
  margin-left: 50%;
}

[offset-7] {
  margin-left: 58.33333%;
}

[offset-8] {
  margin-left: 66.66667%;
}

[offset-9] {
  margin-left: 75%;
}

[offset-10] {
  margin-left: 83.33333%;
}

[offset-11] {
  margin-left: 91.66667%;
}

[col-sm-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-1] {
    padding: 5px;
  }
}

[col-sm-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-2] {
    padding: 5px;
  }
}

[col-sm-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-3] {
    padding: 5px;
  }
}

[col-sm-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-4] {
    padding: 5px;
  }
}

[col-sm-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-5] {
    padding: 5px;
  }
}

[col-sm-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-6] {
    padding: 5px;
  }
}

[col-sm-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-7] {
    padding: 5px;
  }
}

[col-sm-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-8] {
    padding: 5px;
  }
}

[col-sm-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-9] {
    padding: 5px;
  }
}

[col-sm-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-10] {
    padding: 5px;
  }
}

[col-sm-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-11] {
    padding: 5px;
  }
}

[col-sm-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-12] {
    padding: 5px;
  }
}

[col-sm] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 576px) {
  [col-sm] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-sm-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-sm-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-sm-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-sm-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-sm-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-sm-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-sm-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-sm-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-sm-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-sm-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-sm-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-sm-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-sm-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-sm-0] {
    right: auto;
  }
  [pull-sm-1] {
    right: 8.33333%;
  }
  [pull-sm-2] {
    right: 16.66667%;
  }
  [pull-sm-3] {
    right: 25%;
  }
  [pull-sm-4] {
    right: 33.33333%;
  }
  [pull-sm-5] {
    right: 41.66667%;
  }
  [pull-sm-6] {
    right: 50%;
  }
  [pull-sm-7] {
    right: 58.33333%;
  }
  [pull-sm-8] {
    right: 66.66667%;
  }
  [pull-sm-9] {
    right: 75%;
  }
  [pull-sm-10] {
    right: 83.33333%;
  }
  [pull-sm-11] {
    right: 91.66667%;
  }
  [pull-sm-12] {
    right: 100%;
  }
  [push-sm-0] {
    left: auto;
  }
  [push-sm-1] {
    left: 8.33333%;
  }
  [push-sm-2] {
    left: 16.66667%;
  }
  [push-sm-3] {
    left: 25%;
  }
  [push-sm-4] {
    left: 33.33333%;
  }
  [push-sm-5] {
    left: 41.66667%;
  }
  [push-sm-6] {
    left: 50%;
  }
  [push-sm-7] {
    left: 58.33333%;
  }
  [push-sm-8] {
    left: 66.66667%;
  }
  [push-sm-9] {
    left: 75%;
  }
  [push-sm-10] {
    left: 83.33333%;
  }
  [push-sm-11] {
    left: 91.66667%;
  }
  [push-sm-12] {
    left: 100%;
  }
  [offset-sm-0] {
    margin-left: 0%;
  }
  [offset-sm-1] {
    margin-left: 8.33333%;
  }
  [offset-sm-2] {
    margin-left: 16.66667%;
  }
  [offset-sm-3] {
    margin-left: 25%;
  }
  [offset-sm-4] {
    margin-left: 33.33333%;
  }
  [offset-sm-5] {
    margin-left: 41.66667%;
  }
  [offset-sm-6] {
    margin-left: 50%;
  }
  [offset-sm-7] {
    margin-left: 58.33333%;
  }
  [offset-sm-8] {
    margin-left: 66.66667%;
  }
  [offset-sm-9] {
    margin-left: 75%;
  }
  [offset-sm-10] {
    margin-left: 83.33333%;
  }
  [offset-sm-11] {
    margin-left: 91.66667%;
  }
}

[col-md-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-1] {
    padding: 5px;
  }
}

[col-md-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-2] {
    padding: 5px;
  }
}

[col-md-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-3] {
    padding: 5px;
  }
}

[col-md-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-4] {
    padding: 5px;
  }
}

[col-md-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-5] {
    padding: 5px;
  }
}

[col-md-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-6] {
    padding: 5px;
  }
}

[col-md-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-7] {
    padding: 5px;
  }
}

[col-md-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-8] {
    padding: 5px;
  }
}

[col-md-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-9] {
    padding: 5px;
  }
}

[col-md-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-10] {
    padding: 5px;
  }
}

[col-md-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-11] {
    padding: 5px;
  }
}

[col-md-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-12] {
    padding: 5px;
  }
}

[col-md] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-md-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-md-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-md-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-md-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-md-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-md-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-md-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-md-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-md-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-md-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-md-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-md-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-md-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-md-0] {
    right: auto;
  }
  [pull-md-1] {
    right: 8.33333%;
  }
  [pull-md-2] {
    right: 16.66667%;
  }
  [pull-md-3] {
    right: 25%;
  }
  [pull-md-4] {
    right: 33.33333%;
  }
  [pull-md-5] {
    right: 41.66667%;
  }
  [pull-md-6] {
    right: 50%;
  }
  [pull-md-7] {
    right: 58.33333%;
  }
  [pull-md-8] {
    right: 66.66667%;
  }
  [pull-md-9] {
    right: 75%;
  }
  [pull-md-10] {
    right: 83.33333%;
  }
  [pull-md-11] {
    right: 91.66667%;
  }
  [pull-md-12] {
    right: 100%;
  }
  [push-md-0] {
    left: auto;
  }
  [push-md-1] {
    left: 8.33333%;
  }
  [push-md-2] {
    left: 16.66667%;
  }
  [push-md-3] {
    left: 25%;
  }
  [push-md-4] {
    left: 33.33333%;
  }
  [push-md-5] {
    left: 41.66667%;
  }
  [push-md-6] {
    left: 50%;
  }
  [push-md-7] {
    left: 58.33333%;
  }
  [push-md-8] {
    left: 66.66667%;
  }
  [push-md-9] {
    left: 75%;
  }
  [push-md-10] {
    left: 83.33333%;
  }
  [push-md-11] {
    left: 91.66667%;
  }
  [push-md-12] {
    left: 100%;
  }
  [offset-md-0] {
    margin-left: 0%;
  }
  [offset-md-1] {
    margin-left: 8.33333%;
  }
  [offset-md-2] {
    margin-left: 16.66667%;
  }
  [offset-md-3] {
    margin-left: 25%;
  }
  [offset-md-4] {
    margin-left: 33.33333%;
  }
  [offset-md-5] {
    margin-left: 41.66667%;
  }
  [offset-md-6] {
    margin-left: 50%;
  }
  [offset-md-7] {
    margin-left: 58.33333%;
  }
  [offset-md-8] {
    margin-left: 66.66667%;
  }
  [offset-md-9] {
    margin-left: 75%;
  }
  [offset-md-10] {
    margin-left: 83.33333%;
  }
  [offset-md-11] {
    margin-left: 91.66667%;
  }
}

[col-lg-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-1] {
    padding: 5px;
  }
}

[col-lg-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-2] {
    padding: 5px;
  }
}

[col-lg-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-3] {
    padding: 5px;
  }
}

[col-lg-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-4] {
    padding: 5px;
  }
}

[col-lg-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-5] {
    padding: 5px;
  }
}

[col-lg-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-6] {
    padding: 5px;
  }
}

[col-lg-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-7] {
    padding: 5px;
  }
}

[col-lg-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-8] {
    padding: 5px;
  }
}

[col-lg-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-9] {
    padding: 5px;
  }
}

[col-lg-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-10] {
    padding: 5px;
  }
}

[col-lg-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-11] {
    padding: 5px;
  }
}

[col-lg-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-12] {
    padding: 5px;
  }
}

[col-lg] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-lg-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-lg-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-lg-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-lg-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-lg-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-lg-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-lg-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-lg-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-lg-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-lg-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-lg-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-lg-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-lg-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-lg-0] {
    right: auto;
  }
  [pull-lg-1] {
    right: 8.33333%;
  }
  [pull-lg-2] {
    right: 16.66667%;
  }
  [pull-lg-3] {
    right: 25%;
  }
  [pull-lg-4] {
    right: 33.33333%;
  }
  [pull-lg-5] {
    right: 41.66667%;
  }
  [pull-lg-6] {
    right: 50%;
  }
  [pull-lg-7] {
    right: 58.33333%;
  }
  [pull-lg-8] {
    right: 66.66667%;
  }
  [pull-lg-9] {
    right: 75%;
  }
  [pull-lg-10] {
    right: 83.33333%;
  }
  [pull-lg-11] {
    right: 91.66667%;
  }
  [pull-lg-12] {
    right: 100%;
  }
  [push-lg-0] {
    left: auto;
  }
  [push-lg-1] {
    left: 8.33333%;
  }
  [push-lg-2] {
    left: 16.66667%;
  }
  [push-lg-3] {
    left: 25%;
  }
  [push-lg-4] {
    left: 33.33333%;
  }
  [push-lg-5] {
    left: 41.66667%;
  }
  [push-lg-6] {
    left: 50%;
  }
  [push-lg-7] {
    left: 58.33333%;
  }
  [push-lg-8] {
    left: 66.66667%;
  }
  [push-lg-9] {
    left: 75%;
  }
  [push-lg-10] {
    left: 83.33333%;
  }
  [push-lg-11] {
    left: 91.66667%;
  }
  [push-lg-12] {
    left: 100%;
  }
  [offset-lg-0] {
    margin-left: 0%;
  }
  [offset-lg-1] {
    margin-left: 8.33333%;
  }
  [offset-lg-2] {
    margin-left: 16.66667%;
  }
  [offset-lg-3] {
    margin-left: 25%;
  }
  [offset-lg-4] {
    margin-left: 33.33333%;
  }
  [offset-lg-5] {
    margin-left: 41.66667%;
  }
  [offset-lg-6] {
    margin-left: 50%;
  }
  [offset-lg-7] {
    margin-left: 58.33333%;
  }
  [offset-lg-8] {
    margin-left: 66.66667%;
  }
  [offset-lg-9] {
    margin-left: 75%;
  }
  [offset-lg-10] {
    margin-left: 83.33333%;
  }
  [offset-lg-11] {
    margin-left: 91.66667%;
  }
}

[col-xl-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-1] {
    padding: 5px;
  }
}

[col-xl-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-2] {
    padding: 5px;
  }
}

[col-xl-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-3] {
    padding: 5px;
  }
}

[col-xl-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-4] {
    padding: 5px;
  }
}

[col-xl-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-5] {
    padding: 5px;
  }
}

[col-xl-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-6] {
    padding: 5px;
  }
}

[col-xl-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-7] {
    padding: 5px;
  }
}

[col-xl-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-8] {
    padding: 5px;
  }
}

[col-xl-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-9] {
    padding: 5px;
  }
}

[col-xl-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-10] {
    padding: 5px;
  }
}

[col-xl-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-11] {
    padding: 5px;
  }
}

[col-xl-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-12] {
    padding: 5px;
  }
}

[col-xl] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-xl-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-xl-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-xl-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-xl-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-xl-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-xl-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-xl-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-xl-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-xl-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-xl-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-xl-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-xl-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-xl-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-xl-0] {
    right: auto;
  }
  [pull-xl-1] {
    right: 8.33333%;
  }
  [pull-xl-2] {
    right: 16.66667%;
  }
  [pull-xl-3] {
    right: 25%;
  }
  [pull-xl-4] {
    right: 33.33333%;
  }
  [pull-xl-5] {
    right: 41.66667%;
  }
  [pull-xl-6] {
    right: 50%;
  }
  [pull-xl-7] {
    right: 58.33333%;
  }
  [pull-xl-8] {
    right: 66.66667%;
  }
  [pull-xl-9] {
    right: 75%;
  }
  [pull-xl-10] {
    right: 83.33333%;
  }
  [pull-xl-11] {
    right: 91.66667%;
  }
  [pull-xl-12] {
    right: 100%;
  }
  [push-xl-0] {
    left: auto;
  }
  [push-xl-1] {
    left: 8.33333%;
  }
  [push-xl-2] {
    left: 16.66667%;
  }
  [push-xl-3] {
    left: 25%;
  }
  [push-xl-4] {
    left: 33.33333%;
  }
  [push-xl-5] {
    left: 41.66667%;
  }
  [push-xl-6] {
    left: 50%;
  }
  [push-xl-7] {
    left: 58.33333%;
  }
  [push-xl-8] {
    left: 66.66667%;
  }
  [push-xl-9] {
    left: 75%;
  }
  [push-xl-10] {
    left: 83.33333%;
  }
  [push-xl-11] {
    left: 91.66667%;
  }
  [push-xl-12] {
    left: 100%;
  }
  [offset-xl-0] {
    margin-left: 0%;
  }
  [offset-xl-1] {
    margin-left: 8.33333%;
  }
  [offset-xl-2] {
    margin-left: 16.66667%;
  }
  [offset-xl-3] {
    margin-left: 25%;
  }
  [offset-xl-4] {
    margin-left: 33.33333%;
  }
  [offset-xl-5] {
    margin-left: 41.66667%;
  }
  [offset-xl-6] {
    margin-left: 50%;
  }
  [offset-xl-7] {
    margin-left: 58.33333%;
  }
  [offset-xl-8] {
    margin-left: 66.66667%;
  }
  [offset-xl-9] {
    margin-left: 75%;
  }
  [offset-xl-10] {
    margin-left: 83.33333%;
  }
  [offset-xl-11] {
    margin-left: 91.66667%;
  }
}

ion-icon {
  display: inline-block;
  font-size: 1.2em;
}

ion-icon[small] {
  min-height: 1.1em;
  font-size: 1.1em;
}

.icon-ios-primary {
  color: #03151a;
}

.icon-ios-danger {
  color: #d63535;
}

.icon-ios-white {
  color: white;
}

.icon-ios-business-law-dark {
  color: #37474f;
}

.icon-md-primary {
  color: #03151a;
}

.icon-md-danger {
  color: #d63535;
}

.icon-md-white {
  color: white;
}

.icon-md-business-law-dark {
  color: #37474f;
}

ion-img {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background: #eee;
  contain: strict;
}

ion-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

ion-img.img-unloaded img {
  display: none;
}

ion-img.img-loaded img {
  display: block;
}

ion-infinite-scroll {
  display: block;
  width: 100%;
}

ion-infinite-scroll-content {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 84px;
}

.infinite-loading {
  display: none;
  width: 100%;
  margin: 0 0 32px;
}

.infinite-loading-text {
  color: #666;
  margin: 4px 32px 0;
}

.infinite-loading-spinner .spinner-ios line,
.infinite-loading-spinner .spinner-ios-small line,
.infinite-loading-spinner .spinner-crescent circle {
  stroke: #666;
}

.infinite-loading-spinner .spinner-bubbles circle,
.infinite-loading-spinner .spinner-circles circle,
.infinite-loading-spinner .spinner-dots circle {
  fill: #666;
}

ion-infinite-scroll-content[state=loading] .infinite-loading {
  display: block;
}

ion-infinite-scroll-content[state=disabled] {
  display: none;
}

ion-input,
ion-textarea {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.item-input ion-input,
.item-input ion-textarea {
  position: static;
}

.item.item-textarea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.text-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 92%;
  width: calc(100% - 10px);
  border: 0;
  background: transparent;
}

.text-input::-moz-placeholder {
  color: #999;
}

.text-input:-ms-input-placeholder {
  color: #999;
}

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #999;
}

textarea.text-input {
  display: block;
}

.text-input[disabled] {
  opacity: .4;
}

input.text-input:-webkit-autofill {
  background-color: transparent;
}

.platform-mobile textarea.text-input {
  resize: none;
}

.input-cover {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.input[disabled] .input-cover {
  pointer-events: none;
}

.item-input-has-focus .input-cover,
.input-has-focus .input-cover {
  display: none;
}

.item-input-has-focus,
.input-has-focus {
  pointer-events: none;
}

.item-input-has-focus input,
.input-has-focus input,
.item-input-has-focus textarea,
.input-has-focus textarea,
.item-input-has-focus a,
.input-has-focus a,
.item-input-has-focus button,
.input-has-focus button {
  pointer-events: auto;
}

.text-input-clear-icon {
  margin: 0;
  padding: 0;
  background-position: center;
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  background-repeat: no-repeat;
}

.item-input-has-focus.item-input-has-value .text-input-clear-icon,
.input-has-focus.input-has-value .text-input-clear-icon {
  display: block;
}

.text-input-ios {
  margin: 11px 8px 11px 0;
  padding: 0;
  width: calc(100% - 8px);
}

.input-ios .inset-input {
  padding: 5.5px 8px;
  margin: 5.5px 16px 5.5px 0;
}

.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-ios.item-label-stacked .label-ios + .input + .cloned-input,
.item-ios.item-label-floating .label-ios + .input + .cloned-input {
  margin-left: 0;
}

.item-label-stacked .select-ios,
.item-label-floating .select-ios {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-ios[clearInput] {
  position: relative;
}

.input-ios[clearInput] .text-input {
  padding-right: 30px;
}

.input-ios .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  width: 30px;
  background-size: 18px;
}

.text-input-md {
  margin: 13px 8px;
  padding: 0;
  width: calc(100% - 8px - 8px);
}

.input-md .inset-input {
  padding: 6.5px 8px;
  margin: 6.5px 16px;
}

.item-md.item-input.item-input-has-focus .item-inner,
.item-md.item-input.input-has-focus .item-inner {
  border-bottom-color: #03151a;
  -webkit-box-shadow: inset 0 -1px 0 0 #03151a;
  box-shadow: inset 0 -1px 0 0 #03151a;
}

.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
  border-bottom-color: #03151a;
  -webkit-box-shadow: inset 0 -1px 0 0 #03151a;
  box-shadow: inset 0 -1px 0 0 #03151a;
}

.list-md .item-input.item-input-has-focus:last-child .item-inner,
.list-md .item-input.input-has-focus:last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #74933c;
  -webkit-box-shadow: inset 0 -1px 0 0 #74933c;
  box-shadow: inset 0 -1px 0 0 #74933c;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #74933c;
  -webkit-box-shadow: inset 0 -1px 0 0 #74933c;
  box-shadow: inset 0 -1px 0 0 #74933c;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-label-stacked .select-md,
.item-label-floating .select-md {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-md[clearInput] {
  position: relative;
}

.input-md[clearInput] .text-input {
  padding-right: 30px;
}

.input-md .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  width: 30px;
  background-size: 22px;
}

.item {
  contain: content;
}

.item-block {
  margin: 0;
  padding: 0;
  text-align: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  color: inherit;
}

.item-inner {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: inherit;
  border: 0;
}

.input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-overflow: ellipsis;
}

.item[no-lines],
.item.item[no-lines] .item-inner {
  border: 0;
}

ion-item-group {
  display: block;
}

ion-item-divider {
  margin: 0;
  padding: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 30px;
}

ion-item-divider[sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[vertical-align-top],
ion-input.item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.item > ion-icon[small]:first-child,
.item-inner > ion-icon[small]:first-child {
  min-width: 18px;
}

.item > ion-icon:first-child,
.item-inner > ion-icon:first-child {
  text-align: center;
  min-width: 24px;
}

.item > ion-icon,
.item-inner > ion-icon {
  min-height: 2.8rem;
  font-size: 2.8rem;
  line-height: 1;
}

.item > ion-icon[large],
.item-inner > ion-icon[large] {
  min-height: 3.2rem;
  font-size: 3.2rem;
}

.item > ion-icon[small],
.item-inner > ion-icon[small] {
  min-height: 1.8rem;
  font-size: 1.8rem;
}

ion-avatar,
ion-thumbnail {
  display: block;
  line-height: 1;
}

ion-avatar img,
ion-thumbnail img {
  display: block;
}

.item-cover {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

ion-reorder {
  -webkit-transform: translate3d(300%,  0,  0);
  transform: translate3d(300%,  0,  0);
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 40px;
  height: 100%;
  font-size: 1.7em;
  opacity: .25;
  -webkit-transition: -webkit-transform 140ms ease-in;
  transition: -webkit-transform 140ms ease-in;
  transition: transform 140ms ease-in;
  transition: transform 140ms ease-in, -webkit-transform 140ms ease-in;
  pointer-events: all;
  -ms-touch-action: none;
  touch-action: none;
}

.reorder-side-start ion-reorder {
  -webkit-transform: translate3d(-300%,  0,  0);
  transform: translate3d(-300%,  0,  0);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

ion-reorder ion-icon {
  pointer-events: none;
}

.reorder-enabled ion-reorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.reorder-visible ion-reorder {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.reorder-list-active .item,
.reorder-list-active .item-wrapper {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  will-change: transform;
}

.reorder-list-active .item-inner {
  pointer-events: none;
}

.item-wrapper.reorder-active,
.item.reorder-active,
.reorder-active {
  z-index: 4;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: .8;
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}

ion-item-sliding {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}

ion-item-sliding .item {
  position: static;
}

ion-item-options {
  position: absolute;
  z-index: 1;
  display: none;
  height: 100%;
  font-size: 14px;
  visibility: hidden;
  top: 0;
  right: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-options[side=left] {
  right: auto;
  left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

ion-item-options .button {
  margin: 0;
  padding: 0 0.7em;
  border-radius: 0;
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ion-item-options .button:last-child {
  padding-right: 0.7em;
}

@media screen and (orientation: landscape) {
  ion-item-options .button:last-child {
    padding-right: calc(constant(safe-area-inset-right) + 0.7em);
    padding-right: calc(env(safe-area-inset-right) + 0.7em);
  }
}

ion-item-options:not([icon-left]) .button:not([icon-only]) .button-inner,
ion-item-options:not([icon-start]) .button:not([icon-only]) .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon,
ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.3em;
}

ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  pointer-events: none;
  will-change: transform;
}

ion-item-sliding.active-slide ion-item-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ion-item-sliding.active-slide.active-options-left ion-item-options[side=left],
ion-item-sliding.active-slide.active-options-right ion-item-options:not([side=left]) {
  width: 100%;
  visibility: visible;
}

button[expandable] {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-left;
  transition-property: padding-left;
  padding-left: 90%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-right;
  transition-property: padding-right;
  padding-right: 90%;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.item-ios {
  padding-left: 16px;
  padding-left: 16px;
  border-radius: 0;
  position: relative;
  font-size: 1.7rem;
  color: #000;
  background-color: #fff;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

@media screen and (orientation: landscape) {
  .item-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios.activated {
  background-color: #d9d9d9;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

.item-ios h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.item-ios h2 {
  margin: 0 0 2px;
  font-size: 1.7rem;
  font-weight: normal;
}

.item-ios h3,
.item-ios h4,
.item-ios h5,
.item-ios h6 {
  margin: 0 0 3px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

.item-ios p {
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #8e9093;
  margin: 0 0 2px;
}

.item-ios h2:last-child,
.item-ios h3:last-child,
.item-ios h4:last-child,
.item-ios h5:last-child,
.item-ios h6:last-child,
.item-ios p:last-child {
  margin-bottom: 0;
}

.item-ios.item-block .item-inner {
  padding-right: 8px;
  padding-right: 8px;
  border-bottom: 0.55px solid #c8c7cc;
}

@media screen and (orientation: landscape) {
  .item-ios.item-block .item-inner {
    padding-right: calc(constant(safe-area-inset-right) + 8px);
    padding-right: calc(env(safe-area-inset-right) + 8px);
  }
}

.item-ios [item-left],
.item-ios [item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios [item-right],
.item-ios [item-end] {
  margin: 8px;
}

.item-ios ion-icon[item-left],
.item-ios ion-icon[item-right],
.item-ios ion-icon[item-start],
.item-ios ion-icon[item-end] {
  margin-left: 0;
  margin-top: 9px;
  margin-bottom: 8px;
}

.item-ios .item-button {
  padding: 0 0.5em;
  height: 24px;
  font-size: 1.3rem;
}

.item-ios .item-button[icon-only] ion-icon,
.item-ios .item-button[icon-only] {
  padding: 0 1px;
}

.item-ios ion-avatar[item-left],
.item-ios ion-thumbnail[item-left],
.item-ios ion-avatar[item-start],
.item-ios ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios ion-avatar[item-right],
.item-ios ion-thumbnail[item-right],
.item-ios ion-avatar[item-end],
.item-ios ion-thumbnail[item-end] {
  margin: 8px;
}

.item-ios ion-avatar {
  min-width: 36px;
  min-height: 36px;
}

.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 36px;
  height: 36px;
}

.item-ios ion-thumbnail {
  min-width: 56px;
  min-height: 56px;
}

.item-ios ion-thumbnail ion-img,
.item-ios ion-thumbnail img {
  width: 56px;
  height: 56px;
}

.item-ios[detail-push] .item-inner,
button.item-ios:not([detail-none]) .item-inner,
a.item-ios:not([detail-none]) .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23c8c7cc'/></svg>");
  padding-right: 32px;
  background-position: right 14px center;
  background-position: right calc(14px + constant(safe-area-inset-right)) center;
  background-position: right calc(14px + env(safe-area-inset-right)) center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

ion-item-group .item-ios:first-child .item-inner {
  border-top-width: 0;
}

ion-item-group .item-ios:last-child .item-inner,
ion-item-group .item-wrapper:last-child .item-ios .item-inner {
  border: 0;
}

.item-divider-ios {
  padding-left: 16px;
  padding-left: 16px;
  color: #222;
  background-color: #f7f7f7;
}

@media screen and (orientation: landscape) {
  .item-divider-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios .text-ios-primary {
  color: #03151a;
}

.item-ios-primary,
.item-divider-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.item-ios-primary p,
.item-divider-ios-primary p {
  color: #fff;
}

.item-ios-primary.activated,
.item-divider-ios-primary.activated {
  background-color: #17282c;
}

.item-ios .text-ios-danger {
  color: #d63535;
}

.item-ios-danger,
.item-divider-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.item-ios-danger p,
.item-divider-ios-danger p {
  color: #fff;
}

.item-ios-danger.activated,
.item-divider-ios-danger.activated {
  background-color: #c53131;
}

.item-ios .text-ios-white {
  color: white;
}

.item-ios-white,
.item-divider-ios-white {
  color: #000;
  background-color: white;
}

.item-ios-white p,
.item-divider-ios-white p {
  color: #000;
}

.item-ios-white.activated,
.item-divider-ios-white.activated {
  background-color: #ebebeb;
}

.item-ios .text-ios-business-law-dark {
  color: #37474f;
}

.item-ios-business-law-dark,
.item-divider-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.item-ios-business-law-dark p,
.item-divider-ios-business-law-dark p {
  color: #fff;
}

.item-ios-business-law-dark.activated,
.item-divider-ios-business-law-dark.activated {
  background-color: #47565d;
}

.list-ios ion-item-sliding {
  background-color: #fff;
}

.item-md {
  padding-left: 16px;
  padding-right: 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.item-md.activated {
  background-color: #f1f1f1;
}

.item-md[no-lines] {
  border-width: 0;
}

.item-md h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.item-md h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
}

.item-md h3,
.item-md h4,
.item-md h5,
.item-md h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

.item-md p {
  margin: 0 0 2px;
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}

.item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: 1px solid #dedede;
}

.item-md [item-left],
.item-md [item-right],
.item-md [item-start],
.item-md [item-end] {
  margin: 9px 8px 9px 0;
}

.item-md ion-icon[item-left],
.item-md ion-icon[item-right],
.item-md ion-icon[item-start],
.item-md ion-icon[item-end] {
  margin-left: 0;
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-md .item-button {
  padding: 0 0.6em;
  height: 25px;
  font-size: 1.2rem;
}

.item-md .item-button[icon-only] ion-icon,
.item-md .item-button[icon-only] {
  padding: 0 1px;
}

.item-md ion-icon[item-left] + .item-inner,
.item-md ion-icon[item-left] + .item-input,
.item-md ion-icon[item-start] + .item-inner,
.item-md ion-icon[item-start] + .item-input {
  margin-left: 24px;
}

.item-md ion-avatar[item-left],
.item-md ion-thumbnail[item-left],
.item-md ion-avatar[item-start],
.item-md ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-md ion-avatar[item-right],
.item-md ion-thumbnail[item-right],
.item-md ion-avatar[item-end],
.item-md ion-thumbnail[item-end] {
  margin: 8px;
}

.item-md ion-avatar {
  min-width: 40px;
  min-height: 40px;
}

.item-md ion-avatar ion-img,
.item-md ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.item-md ion-thumbnail {
  min-width: 80px;
  min-height: 80px;
}

.item-md ion-thumbnail ion-img,
.item-md ion-thumbnail img {
  width: 80px;
  height: 80px;
}

ion-item-group .item-md:first-child .item-inner {
  border-top-width: 0;
}

ion-item-group .item-md:last-child .item-inner,
ion-item-group .item-md .item-wrapper:last-child .item-inner {
  border: 0;
}

.item-divider-md {
  padding-left: 16px;
  border-bottom: 1px solid #dedede;
  font-size: 1.4rem;
  color: #858585;
  background-color: #fff;
}

.item-md .text-md-primary {
  color: #03151a;
}

.item-md-primary,
.item-divider-md-primary {
  color: #fff;
  background-color: #03151a;
}

.item-md-primary p,
.item-divider-md-primary p {
  color: #fff;
}

.item-md-primary.activated,
.item-divider-md-primary.activated {
  background-color: #17282c;
}

.item-md .text-md-danger {
  color: #d63535;
}

.item-md-danger,
.item-divider-md-danger {
  color: #fff;
  background-color: #d63535;
}

.item-md-danger p,
.item-divider-md-danger p {
  color: #fff;
}

.item-md-danger.activated,
.item-divider-md-danger.activated {
  background-color: #c53131;
}

.item-md .text-md-white {
  color: white;
}

.item-md-white,
.item-divider-md-white {
  color: #000;
  background-color: white;
}

.item-md-white p,
.item-divider-md-white p {
  color: #000;
}

.item-md-white.activated,
.item-divider-md-white.activated {
  background-color: #ebebeb;
}

.item-md .text-md-business-law-dark {
  color: #37474f;
}

.item-md-business-law-dark,
.item-divider-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.item-md-business-law-dark p,
.item-divider-md-business-law-dark p {
  color: #fff;
}

.item-md-business-law-dark.activated,
.item-divider-md-business-law-dark.activated {
  background-color: #47565d;
}

.list-md ion-item-sliding {
  background-color: #fff;
}

.item-md ion-reorder {
  font-size: 1.5em;
  opacity: .3;
}

ion-label {
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-input ion-label {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  max-width: 200px;
  pointer-events: none;
}

[text-wrap] ion-label {
  white-space: normal;
}

ion-label[fixed] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
  min-width: 100px;
  max-width: 200px;
}

.item-label-stacked ion-label,
.item-label-floating ion-label {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: auto;
  max-width: 100%;
}

ion-label[stacked],
ion-label[floating] {
  margin-bottom: 0;
}

.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.item-label-stacked ion-select,
.item-label-floating ion-select {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-width: 100%;
}

.label-ios {
  margin: 11px 8px 11px 0;
}

.label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input {
  margin-left: 16px;
  width: calc(100% - (16px / 2) - 16px);
}

.label-ios[stacked] {
  margin-bottom: 4px;
  font-size: 1.2rem;
}

.label-ios[floating] {
  margin-bottom: 0;
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.item-input-has-focus .label-ios[floating],
.input-has-focus .label-ios[floating],
.item-input-has-value .label-ios[floating],
.input-has-value .label-ios[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

.item-ios.item-label-stacked [item-right],
.item-ios.item-label-floating [item-right],
.item-ios.item-label-stacked [item-end],
.item-ios.item-label-floating [item-end] {
  margin-top: 6px;
  margin-bottom: 6px;
}

.label-ios-primary,
.item-input .label-ios-primary,
.item-select .label-ios-primary,
.item-datetime .label-ios-primary {
  color: #03151a;
}

.label-ios-danger,
.item-input .label-ios-danger,
.item-select .label-ios-danger,
.item-datetime .label-ios-danger {
  color: #d63535;
}

.label-ios-white,
.item-input .label-ios-white,
.item-select .label-ios-white,
.item-datetime .label-ios-white {
  color: white;
}

.label-ios-business-law-dark,
.item-input .label-ios-business-law-dark,
.item-select .label-ios-business-law-dark,
.item-datetime .label-ios-business-law-dark {
  color: #37474f;
}

.label-md {
  margin: 13px 8px 13px 0;
}

[text-wrap] .label-md {
  font-size: 1.4rem;
  line-height: 1.5;
}

.item-input .label-md,
.item-select .label-md,
.item-datetime .label-md {
  color: #999;
}

.label-md[stacked] {
  font-size: 1.2rem;
}

.label-md[floating] {
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.label-md[stacked],
.label-md[floating] {
  margin-left: 0;
  margin-bottom: 0;
}

.item-input-has-focus .label-md[stacked],
.input-has-focus .label-md[stacked],
.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating] {
  color: #03151a;
}

.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating],
.item-input-has-value .label-md[floating],
.input-has-value .label-md[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

.item-md.item-label-stacked [item-right],
.item-md.item-label-floating [item-right],
.item-md.item-label-stacked [item-end],
.item-md.item-label-floating [item-end] {
  margin-top: 7px;
  margin-bottom: 7px;
}

.label-md-primary,
.item-input .label-md-primary,
.item-select .label-md-primary,
.item-datetime .label-md-primary {
  color: #03151a;
}

.label-md-danger,
.item-input .label-md-danger,
.item-select .label-md-danger,
.item-datetime .label-md-danger {
  color: #d63535;
}

.label-md-white,
.item-input .label-md-white,
.item-select .label-md-white,
.item-datetime .label-md-white {
  color: white;
}

.label-md-business-law-dark,
.item-input .label-md-business-law-dark,
.item-select .label-md-business-law-dark,
.item-datetime .label-md-business-law-dark {
  color: #37474f;
}

ion-list-header {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4rem;
}

ion-list {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}

ion-list[inset] {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.list-ios {
  margin: -1px 0 32px;
}

.list-ios > .item-block:first-child {
  border-top: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child .item-inner,
.list-ios > .item-wrapper:last-child .item-block .item-inner {
  border-bottom: 0;
}

.list-ios .item-block .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
  border-width: 0;
}

.list-ios ion-item-options {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios ion-item-options .button {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-ios ion-item-options .button::before {
  margin: 0 auto;
}

.list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
  margin-top: -10px;
  padding-top: 0;
}

.list-ios[inset] {
  margin: 16px;
  border-radius: 4px;
}

.list-ios[inset] ion-list-header {
  background-color: #fff;
}

.list-ios[inset] .item {
  border-bottom: 1px solid #c8c7cc;
}

.list-ios[inset] .item-inner {
  border-bottom: 0;
}

.list-ios[inset] > .item:first-child,
.list-ios[inset] > .item-wrapper:first-child .item {
  border-top: 0;
}

.list-ios[inset] > .item:last-child,
.list-ios[inset] > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.list-ios[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-ios[no-lines] ion-list-header,
.list-ios[no-lines] ion-item-options,
.list-ios[no-lines] .item,
.list-ios[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-ios {
  padding-left: 16px;
  padding-left: 16px;
  position: relative;
  border-bottom: 0.55px solid #c8c7cc;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #333;
  background: transparent;
}

@media screen and (orientation: landscape) {
  .list-header-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.list-header-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.list-header-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.list-header-ios-white {
  color: #000;
  background-color: white;
}

.list-header-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.list-md {
  margin: -1px 0 16px;
}

.list-md .item-block .item-inner {
  border-bottom: 1px solid #dedede;
}

.list-md > .item-block:last-child ion-label,
.list-md > .item-block:last-child .item-inner,
.list-md > .item-wrapper:last-child ion-label,
.list-md > .item-wrapper:last-child .item-inner {
  border-bottom: 0;
}

.list-md > ion-input:last-child::after {
  left: 0;
}

.list-md ion-item-options {
  border-bottom: 1px solid #dedede;
}

.list-md ion-item-options .button {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-md ion-item-options .button::before {
  margin: 0 auto;
}

.list-md .item[no-lines],
.list-md .item[no-lines] .item-inner {
  border-width: 0;
}

.list-md + ion-list ion-list-header {
  margin-top: -16px;
}

.list-md[inset] {
  margin: 16px;
  border-radius: 2px;
}

.list-md[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-width: 0;
}

.list-md[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-width: 0;
}

.list-md[inset] .item-input {
  padding-left: 0;
  padding-right: 0;
}

.list-md[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-md[inset] ion-list-header {
  background-color: #fff;
}

.list-md[no-lines] .item-block,
.list-md[no-lines] ion-item-options,
.list-md[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-md {
  padding-left: 16px;
  margin-bottom: 13px;
  min-height: 4.5rem;
  border-top: 1px solid #dedede;
  font-size: 1.4rem;
  color: #757575;
}

.list-header-md-primary {
  color: #fff;
  background-color: #03151a;
}

.list-header-md-danger {
  color: #fff;
  background-color: #d63535;
}

.list-header-md-white {
  color: #000;
  background-color: white;
}

.list-header-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.list-md .item-input:last-child {
  border-bottom: 1px solid #dedede;
}

ion-loading {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.loading-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.loading-ios .loading-wrapper {
  border-radius: 8px;
  max-width: 270px;
  max-height: 90%;
  color: #000;
  background: #f8f8f8;
  padding: 24px 34px;
}

.loading-ios .loading-content {
  font-weight: bold;
}

.loading-ios .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
  stroke: #69717d;
}

.loading-ios .spinner-bubbles circle {
  fill: #69717d;
}

.loading-ios .spinner-circles circle {
  fill: #69717d;
}

.loading-ios .spinner-crescent circle {
  stroke: #69717d;
}

.loading-ios .spinner-dots circle {
  fill: #69717d;
}

.loading-md .loading-wrapper {
  border-radius: 2px;
  max-width: 280px;
  max-height: 90%;
  color: rgba(0, 0, 0, 0.5);
  background: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  padding: 24px;
}

.loading-md .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
  stroke: #03151a;
}

.loading-md .spinner-bubbles circle {
  fill: #03151a;
}

.loading-md .spinner-circles circle {
  fill: #03151a;
}

.loading-md .spinner-crescent circle {
  stroke: #03151a;
}

.loading-md .spinner-dots circle {
  fill: #03151a;
}

ion-menu {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: none;
  contain: strict;
}

ion-menu.show-menu {
  display: block;
}

.menu-inner {
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(-9999px,  0,  0);
  transform: translate3d(-9999px,  0,  0);
  position: absolute;
  display: block;
  width: 304px;
  height: 100%;
  contain: strict;
}

.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
  position: absolute;
}

ion-menu[side=left] > .menu-inner {
  right: auto;
  left: 0;
}

ion-menu[side=right] > .menu-inner {
  right: 0;
  left: auto;
}

ion-menu[side=end] > .menu-inner {
  left: auto;
  right: 0;
}

ion-menu ion-backdrop {
  z-index: -1;
  display: none;
  opacity: .01;
}

.menu-content {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.menu-content-open {
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
  pointer-events: none;
}

@media (max-width: 340px) {
  .menu-inner {
    width: 264px;
  }
}

ion-menu[type=reveal] {
  z-index: 0;
}

ion-menu[type=reveal].show-menu .menu-inner {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

ion-menu[type=overlay] {
  z-index: 80;
}

ion-menu[type=overlay] .show-backdrop {
  display: block;
}

.ios .menu-inner {
  background: #fff;
}

.ios .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-inner {
  background: #fff;
}

.md .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

ion-modal {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

@media not all and (min-width: 768px) and (min-height: 600px) {
  ion-modal ion-backdrop {
    visibility: hidden;
  }
}

.modal-wrapper {
  z-index: 10;
  height: 100%;
  contain: strict;
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .modal-wrapper {
    left: calc(50% - (600px/2));
    top: calc(50% - (500px/2));
    position: absolute;
    width: 600px;
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
  .modal-wrapper {
    left: calc(50% - (600px/2));
    top: calc(50% - (600px/2));
    position: absolute;
    width: 600px;
    height: 600px;
  }
}

.ios .modal-wrapper {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .ios .modal-wrapper {
    border-radius: 10px;
    overflow: hidden;
  }
}

.md .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
  opacity: .01;
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .md .modal-wrapper {
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
    box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  }
}

.note-ios {
  color: #aeacb4;
}

.note-ios-primary {
  color: #03151a;
}

.note-ios-danger {
  color: #d63535;
}

.note-ios-white {
  color: white;
}

.note-ios-business-law-dark {
  color: #37474f;
}

.note-md {
  color: #c5c5c5;
}

.note-md-primary {
  color: #03151a;
}

.note-md-danger {
  color: #d63535;
}

.note-md-white {
  color: white;
}

.note-md-business-law-dark {
  color: #37474f;
}

ion-picker-cmp {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

.picker-toolbar {
  z-index: 1;
  width: 100%;
  contain: strict;
}

.picker-wrapper {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  contain: strict;
}

.picker-columns {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.picker-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: content;
}

.picker-opts {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

.picker-prefix {
  text-align: right;
  text-align: end;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-suffix {
  text-align: left;
  text-align: start;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-opt {
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: transform;
  contain: strict;
}

.picker-opt.picker-opt-disabled {
  pointer-events: none;
}

.picker-opt-disabled {
  opacity: 0;
}

.picker-opts-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.picker-opts-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.picker-above-highlight,
.picker-below-highlight {
  display: none;
  pointer-events: none;
}

.picker-ios .picker-wrapper {
  height: 260px;
  border-top: 1px solid #c8c7cc;
  background: #fff;
}

.picker-ios .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border-bottom: 0.55px solid #c8c7cc;
  background: #fff;
}

.picker-ios .picker-toolbar-button {
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.picker-ios .picker-toolbar-button:last-child .picker-button {
  font-weight: 600;
}

.picker-ios .picker-toolbar-cancel {
  text-align: left;
  text-align: start;
  font-weight: normal;
}

.picker-ios .picker-button,
.picker-ios .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #03151a;
  background: transparent;
}

.picker-columns {
  height: 215px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.picker-ios .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 4px;
}

.picker-ios .picker-prefix,
.picker-ios .picker-suffix,
.picker-ios .picker-opts {
  top: 77px;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.picker-ios .picker-opt {
  margin: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  height: 4.6rem;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-ios .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-ios .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  display: block;
  width: 100%;
  height: 119px;
  border-top: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-wrapper {
  height: 260px;
  border-top: 0.55px solid #dedede;
  background: #fff;
}

.picker-md .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 44px;
  background: #fff;
}

.picker-md .picker-button,
.picker-md .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #03151a;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.picker-md .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-md .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 8px;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opts {
  top: 77px;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.picker-md .picker-opt {
  margin: 0;
  height: 4.3rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
  color: #03151a;
}

.picker-md .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #dedede;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

ion-popover {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popover-wrapper {
  z-index: 10;
  opacity: 0;
}

.popover-content {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popover-content ion-content,
.popover-content .scroll-content {
  contain: none;
}

.popover-content .scroll-content {
  position: relative;
}

.popover-ios .popover-content {
  border-radius: 10px;
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
}

.popover-ios .popover-arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 10px;
}

.popover-ios .popover-arrow::after {
  left: 3px;
  top: 3px;
  border-radius: 3px;
  position: absolute;
  z-index: 10;
  width: 14px;
  height: 14px;
  background-color: #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popover-ios.popover-bottom .popover-arrow {
  top: auto;
  bottom: -10px;
}

.popover-ios.popover-bottom .popover-arrow::after {
  top: -6px;
}

.popover-ios .item-ios {
  padding-left: 16px;
}

.popover-ios .item-ios[detail-push] .item-inner,
.popover-ios button.item-ios:not([detail-none]) .item-inner,
.popover-ios a.item-ios:not([detail-none]) .item-inner {
  background-position: right 14px center;
}

.popover-md .popover-content {
  border-radius: 2px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 250px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
}

.popover-md .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.radio-ios {
  position: relative;
  display: inline-block;
}

.radio-ios .radio-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 21px;
}

.radio-ios .radio-checked .radio-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 5px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #03151a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radio-ios.radio-disabled,
.item-ios.item-radio-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-ios .radio-ios {
  position: static;
  display: block;
  margin: 8px 11px 8px 8px;
}

.item-ios .radio-ios[item-left], .item-ios .radio-ios[item-start] {
  margin: 8px 21px 8px 3px;
}

.item-radio.item-ios ion-label {
  margin-left: 0;
}

.item-radio-checked.item-ios ion-label {
  color: #03151a;
}

.item-radio-ios-primary.item-radio-checked ion-label {
  color: #03151a;
}

.radio-ios-primary .radio-checked {
  color: #03151a;
}

.radio-ios-primary .radio-checked .radio-inner {
  border-color: #03151a;
}

.item-radio-ios-danger.item-radio-checked ion-label {
  color: #d63535;
}

.radio-ios-danger .radio-checked {
  color: #d63535;
}

.radio-ios-danger .radio-checked .radio-inner {
  border-color: #d63535;
}

.item-radio-ios-white.item-radio-checked ion-label {
  color: white;
}

.radio-ios-white .radio-checked {
  color: white;
}

.radio-ios-white .radio-checked .radio-inner {
  border-color: white;
}

.item-radio-ios-business-law-dark.item-radio-checked ion-label {
  color: #37474f;
}

.radio-ios-business-law-dark .radio-checked {
  color: #37474f;
}

.radio-ios-business-law-dark .radio-checked .radio-inner {
  border-color: #37474f;
}

.radio-md {
  position: relative;
  display: inline-block;
}

.radio-md .radio-icon {
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.radio-md .radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #03151a;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.radio-md .radio-checked {
  border-color: #03151a;
}

.radio-md .radio-checked .radio-inner {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.radio-md.radio-disabled,
.item-md.item-radio-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-md .radio-md {
  position: static;
  display: block;
  margin: 9px 10px 9px 0;
}

.item-md .radio-md[item-left], .item-md .radio-md[item-start] {
  margin: 11px 36px 10px 4px;
}

.item-radio.item-md ion-label {
  margin-left: 0;
}

.item-radio-checked.item-md ion-label {
  color: #03151a;
}

.item-radio-md-primary.item-radio-checked ion-label {
  color: #03151a;
}

.radio-md-primary .radio-checked {
  border-color: #03151a;
}

.radio-md-primary .radio-inner {
  background-color: #03151a;
}

.item-radio-md-danger.item-radio-checked ion-label {
  color: #d63535;
}

.radio-md-danger .radio-checked {
  border-color: #d63535;
}

.radio-md-danger .radio-inner {
  background-color: #d63535;
}

.item-radio-md-white.item-radio-checked ion-label {
  color: white;
}

.radio-md-white .radio-checked {
  border-color: white;
}

.radio-md-white .radio-inner {
  background-color: white;
}

.item-radio-md-business-law-dark.item-radio-checked ion-label {
  color: #37474f;
}

.radio-md-business-law-dark .radio-checked {
  border-color: #37474f;
}

.radio-md-business-law-dark .radio-inner {
  background-color: #37474f;
}

ion-refresher {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: none;
  width: 100%;
  height: 60px;
}

ion-refresher.refresher-active {
  display: block;
}

.has-refresher > .scroll-content {
  margin-top: -1px;
  border-top: 1px solid #ddd;
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
}

ion-refresher-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}

.refresher-pulling-icon,
.refresher-refreshing-icon {
  text-align: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  font-size: 30px;
  color: #000;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.refresher-pulling-text,
.refresher-refreshing-text {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
  stroke: #000;
}

.refresher-refreshing .spinner-bubbles circle,
.refresher-refreshing .spinner-circles circle,
.refresher-refreshing .spinner-dots circle {
  fill: #000;
}

ion-refresher-content[state=pulling] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=ready] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=ready] .refresher-pulling-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

ion-refresher-content[state=refreshing] .refresher-refreshing {
  display: block;
}

ion-refresher-content[state=cancelling] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=cancelling] .refresher-pulling-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

ion-refresher-content[state=completing] .refresher-refreshing {
  display: block;
}

ion-refresher-content[state=completing] .refresher-refreshing-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

ion-scroll {
  position: relative;
  display: block;
}

ion-scroll.scroll-x .scroll-content {
  overflow-x: auto;
}

ion-scroll.scroll-y .scroll-content {
  overflow-y: auto;
}

ion-scroll[center] .scroll-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ion-scroll .scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

ion-searchbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.searchbar-icon {
  pointer-events: none;
}

.searchbar-input-container {
  position: relative;
  display: block;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
}

.searchbar-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  border: 0;
  font-family: inherit;
}

.searchbar-clear-icon {
  margin: 0;
  padding: 0;
  display: none;
  min-height: 0;
}

.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
  display: block;
}

.searchbar-ios {
  padding: 0 8px;
  min-height: 44px;
  border-top: 0.55px solid transparent;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.2);
}

.searchbar-ios .searchbar-search-icon {
  left: 9px;
  top: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
  margin-left: calc(50% - 60px);
  position: absolute;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 13px;
}

.searchbar-ios .searchbar-input {
  padding: 0 28px;
  border-radius: 5px;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}

.searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-clear-icon {
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  background-position: center;
  position: absolute;
  width: 30px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.searchbar-ios .searchbar-ios-cancel {
  padding: 0 0 0 8px;
  margin-left: 0;
  display: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 30px;
  cursor: pointer;
}

.searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
  margin-left: 0;
}

.searchbar-ios.searchbar-left-aligned .searchbar-input {
  padding-left: 30px;
}

.searchbar-ios.searchbar-show-cancel.searchbar-has-focus .searchbar-ios-cancel {
  display: block;
}

.toolbar .searchbar-ios {
  border-bottom-width: 0;
  background: transparent;
}

.toolbar .searchbar-ios .searchbar-input {
  background: rgba(0, 0, 0, 0.08);
}

.toolbar .searchbar-ios .searchbar-ios-cancel {
  padding: 0;
}

.toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
  padding-left: 8px;
}

.searchbar-ios .searchbar-md-cancel {
  display: none;
}

.searchbar-ios-primary .searchbar-ios-cancel {
  color: #03151a;
}

.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #17282c;
}

.toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-primary .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-primary .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-danger .searchbar-ios-cancel {
  color: #d63535;
}

.searchbar-ios-danger .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #c53131;
}

.toolbar-ios-danger .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-danger .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-danger .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-white .searchbar-ios-cancel {
  color: white;
}

.searchbar-ios-white .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebebeb;
}

.toolbar-ios-white .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-ios-cancel {
  color: #03151a;
}

.searchbar-ios-business-law-dark .searchbar-ios-cancel {
  color: #37474f;
}

.searchbar-ios-business-law-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #47565d;
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-business-law-dark .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios.searchbar-animated.searchbar-show-cancel .searchbar-ios-cancel {
  display: block;
}

.searchbar-ios.searchbar-animated .searchbar-search-icon,
.searchbar-ios.searchbar-animated .searchbar-input {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.searchbar-animated.searchbar-has-focus .searchbar-ios-cancel {
  opacity: 1;
  pointer-events: auto;
}

.searchbar-animated .searchbar-ios-cancel {
  margin-right: -100%;
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  pointer-events: none;
}

.searchbar-md {
  background: inherit;
  padding: 8px;
}

.searchbar-md .searchbar-search-icon {
  left: 16px;
  top: 11px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%235b5b5b'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
  width: 21px;
  height: 21px;
}

.searchbar-md .searchbar-md-cancel {
  left: 10px;
  top: 0;
  margin: 0;
  display: none;
  width: 21px;
  height: 100%;
}

.searchbar-md .searchbar-search-icon,
.searchbar-md .searchbar-md-cancel {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 20px;
}

.searchbar-md .searchbar-search-icon.activated,
.searchbar-md .searchbar-md-cancel.activated {
  background-color: transparent;
}

.searchbar-md .searchbar-input {
  padding: 6px 55px;
  border-radius: 2px;
  background-position: left 8px center;
  height: auto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.searchbar-md .searchbar-input::-moz-placeholder {
  color: #aeaeae;
}

.searchbar-md .searchbar-input:-ms-input-placeholder {
  color: #aeaeae;
}

.searchbar-md .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #aeaeae;
}

.searchbar-md .searchbar-clear-icon {
  right: 13px;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  padding: 0;
  background-position: center;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.searchbar-md .searchbar-clear-icon.activated {
  background-color: transparent;
}

.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
  display: none;
}

.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.toolbar .searchbar-md {
  padding: 3px;
}

.toolbar .searchbar-md .searchbar-md-cancel {
  left: 14px;
}

.searchbar-md .searchbar-ios-cancel {
  display: none;
}

ion-segment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.segment-button {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.segment-ios .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 3.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #03151a;
  font-size: 1.3rem;
  line-height: 3rem;
  color: #03151a;
  background-color: transparent;
}

.segment-ios .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 2.8rem;
}

.segment-ios .segment-button.segment-activated {
  color: #fff;
  background-color: #03151a;
  opacity: 1;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:hover:not(.segment-activated) {
  background-color: rgba(3, 21, 26, 0.1);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: rgba(3, 21, 26, 0.16);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin-right: 0;
}

.segment-ios .segment-button:not(:first-of-type) {
  border-left-width: 0;
}

.segment-ios .segment-button:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin-left: 0;
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:first-of-type {
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:last-of-type {
  border-left-width: 1px;
}

.segment-ios.segment-disabled {
  opacity: .4;
  pointer-events: none;
}

.segment-ios .segment-button-disabled {
  color: rgba(3, 21, 26, 0.3);
  pointer-events: none;
}

.toolbar-ios .segment-ios {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.toolbar-ios .segment-button {
  max-width: 100px;
  height: 2.6rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
}

.toolbar-ios .segment-button ion-icon {
  font-size: 2.2rem;
  line-height: 2.4rem;
}

.segment-ios-primary .segment-button {
  border-color: #03151a;
  color: #03151a;
}

.segment-ios-primary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(3, 21, 26, 0.1);
}

.segment-ios-primary .segment-button:active:not(.segment-activated) {
  background-color: rgba(3, 21, 26, 0.16);
}

.segment-ios-primary .segment-button.segment-activated {
  color: #fff;
  background-color: #03151a;
}

.segment-ios-primary .segment-button-disabled {
  color: rgba(3, 21, 26, 0.3);
}

.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
  color: #03151a;
}

.segment-ios-danger .segment-button {
  border-color: #d63535;
  color: #d63535;
}

.segment-ios-danger .segment-button:hover:not(.segment-activated) {
  background-color: rgba(214, 53, 53, 0.1);
}

.segment-ios-danger .segment-button:active:not(.segment-activated) {
  background-color: rgba(214, 53, 53, 0.16);
}

.segment-ios-danger .segment-button.segment-activated {
  color: #fff;
  background-color: #d63535;
}

.segment-ios-danger .segment-button-disabled {
  color: rgba(214, 53, 53, 0.3);
}

.toolbar-ios-danger .segment-ios .segment-button.segment-activated {
  color: #d63535;
}

.segment-ios-white .segment-button {
  border-color: white;
  color: white;
}

.segment-ios-white .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.1);
}

.segment-ios-white .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.16);
}

.segment-ios-white .segment-button.segment-activated {
  color: #000;
  background-color: white;
}

.segment-ios-white .segment-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.toolbar-ios-white .segment-ios .segment-button.segment-activated {
  color: white;
}

.segment-ios-business-law-dark .segment-button {
  border-color: #37474f;
  color: #37474f;
}

.segment-ios-business-law-dark .segment-button:hover:not(.segment-activated) {
  background-color: rgba(55, 71, 79, 0.1);
}

.segment-ios-business-law-dark .segment-button:active:not(.segment-activated) {
  background-color: rgba(55, 71, 79, 0.16);
}

.segment-ios-business-law-dark .segment-button.segment-activated {
  color: #fff;
  background-color: #37474f;
}

.segment-ios-business-law-dark .segment-button-disabled {
  color: rgba(55, 71, 79, 0.3);
}

.toolbar-ios-business-law-dark .segment-ios .segment-button.segment-activated {
  color: #37474f;
}

.segment-md .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 4.2rem;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 4rem;
  text-transform: uppercase;
  color: #03151a;
  background-color: transparent;
  opacity: 0.7;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
  padding: 0 6px;
}

.segment-md .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 4rem;
}

.segment-md .segment-button.activated, .segment-md .segment-button.segment-activated {
  border-color: #03151a;
  opacity: 1;
}

.segment-md.segment-disabled,
.segment-md .segment-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.toolbar .segment-md {
  margin: 0 auto;
}

.toolbar .segment-md .segment-button.activated,
.toolbar .segment-md .segment-button.segment-activated {
  opacity: 1;
}

.segment-md-primary .segment-button {
  color: #03151a;
}

.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
  border-color: #03151a;
  color: #03151a;
  opacity: 1;
}

.segment-md-danger .segment-button {
  color: #d63535;
}

.segment-md-danger .segment-button.activated, .segment-md-danger .segment-button.segment-activated {
  border-color: #d63535;
  color: #d63535;
  opacity: 1;
}

.segment-md-white .segment-button {
  color: white;
}

.segment-md-white .segment-button.activated, .segment-md-white .segment-button.segment-activated {
  border-color: white;
  color: white;
  opacity: 1;
}

.segment-md-business-law-dark .segment-button {
  color: #37474f;
}

.segment-md-business-law-dark .segment-button.activated, .segment-md-business-law-dark .segment-button.segment-activated {
  border-color: #37474f;
  color: #37474f;
  opacity: 1;
}

ion-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 45%;
}

.select-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 16px;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-multiple-inputs ion-select {
  position: relative;
}

.select-disabled,
.item-select-disabled ion-label {
  opacity: .4;
  pointer-events: none;
}

.select-popover ion-list {
  margin: -1px 0;
}

.select-ios {
  padding: 11px 8px 11px 16px;
}

.select-ios .select-placeholder {
  color: #999;
}

.select-ios .select-icon {
  position: relative;
  width: 12px;
  height: 18px;
}

.select-ios .select-icon .select-icon-inner {
  left: 5px;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #999;
  pointer-events: none;
}

.select-md {
  padding: 13px 8px 13px 16px;
}

.select-md .select-placeholder {
  color: #999;
}

.select-md .item-select ion-label {
  margin-left: 0;
}

.select-md .select-icon {
  position: relative;
  width: 12px;
  height: 19px;
}

.select-md .select-icon .select-icon-inner {
  left: 5px;
  top: 50%;
  margin-top: -3px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #999;
  pointer-events: none;
}

.hidden-show-when {
  display: none !important;
}

.hidden-hide-when {
  display: none !important;
}

ion-spinner {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
}

ion-spinner svg {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-spinner.spinner-paused svg {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.spinner-ios line,
.spinner-ios-small line {
  stroke-width: 4px;
  stroke-linecap: round;
}

.spinner-ios svg,
.spinner-ios-small svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite;
}

.spinner-bubbles svg {
  -webkit-animation: spinner-scale-out 1s linear infinite;
  animation: spinner-scale-out 1s linear infinite;
}

.spinner-circles svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite;
}

.spinner-crescent circle {
  fill: transparent;
  stroke-width: 4px;
  stroke-dasharray: 128px;
  stroke-dashoffset: 82px;
}

.spinner-crescent svg {
  -webkit-animation: spinner-rotate 1s linear infinite;
  animation: spinner-rotate 1s linear infinite;
}

.spinner-dots circle {
  stroke-width: 0;
}

.spinner-dots svg {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: spinner-dots 1s linear infinite;
  animation: spinner-dots 1s linear infinite;
}

@-webkit-keyframes spinner-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spinner-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@-webkit-keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-dots {
  0% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
  }
  100% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes spinner-dots {
  0% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
  }
  100% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.spinner-ios-ios line,
.spinner-ios-ios-small line {
  stroke: #69717d;
}

.spinner-ios-bubbles circle {
  fill: #000;
}

.spinner-ios-circles circle {
  fill: #69717d;
}

.spinner-ios-crescent circle {
  stroke: #000;
}

.spinner-ios-dots circle {
  fill: #444;
}

.spinner-ios-primary.spinner-ios line,
.spinner-ios-primary.spinner-ios-small line,
.spinner-ios-primary.spinner-crescent circle {
  stroke: #03151a;
}

.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
  fill: #03151a;
}

.spinner-ios-danger.spinner-ios line,
.spinner-ios-danger.spinner-ios-small line,
.spinner-ios-danger.spinner-crescent circle {
  stroke: #d63535;
}

.spinner-ios-danger.spinner-bubbles circle,
.spinner-ios-danger.spinner-circles circle,
.spinner-ios-danger.spinner-dots circle {
  fill: #d63535;
}

.spinner-ios-white.spinner-ios line,
.spinner-ios-white.spinner-ios-small line,
.spinner-ios-white.spinner-crescent circle {
  stroke: white;
}

.spinner-ios-white.spinner-bubbles circle,
.spinner-ios-white.spinner-circles circle,
.spinner-ios-white.spinner-dots circle {
  fill: white;
}

.spinner-ios-business-law-dark.spinner-ios line,
.spinner-ios-business-law-dark.spinner-ios-small line,
.spinner-ios-business-law-dark.spinner-crescent circle {
  stroke: #37474f;
}

.spinner-ios-business-law-dark.spinner-bubbles circle,
.spinner-ios-business-law-dark.spinner-circles circle,
.spinner-ios-business-law-dark.spinner-dots circle {
  fill: #37474f;
}

.spinner-md-ios line,
.spinner-md-ios-small line {
  stroke: #69717d;
}

.spinner-md-bubbles circle {
  fill: #000;
}

.spinner-md-circles circle {
  fill: #69717d;
}

.spinner-md-crescent circle {
  stroke: #000;
}

.spinner-md-dots circle {
  fill: #444;
}

.spinner-md-primary.spinner-ios line,
.spinner-md-primary.spinner-ios-small line,
.spinner-md-primary.spinner-crescent circle {
  stroke: #03151a;
}

.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
  fill: #03151a;
}

.spinner-md-danger.spinner-ios line,
.spinner-md-danger.spinner-ios-small line,
.spinner-md-danger.spinner-crescent circle {
  stroke: #d63535;
}

.spinner-md-danger.spinner-bubbles circle,
.spinner-md-danger.spinner-circles circle,
.spinner-md-danger.spinner-dots circle {
  fill: #d63535;
}

.spinner-md-white.spinner-ios line,
.spinner-md-white.spinner-ios-small line,
.spinner-md-white.spinner-crescent circle {
  stroke: white;
}

.spinner-md-white.spinner-bubbles circle,
.spinner-md-white.spinner-circles circle,
.spinner-md-white.spinner-dots circle {
  fill: white;
}

.spinner-md-business-law-dark.spinner-ios line,
.spinner-md-business-law-dark.spinner-ios-small line,
.spinner-md-business-law-dark.spinner-crescent circle {
  stroke: #37474f;
}

.spinner-md-business-law-dark.spinner-bubbles circle,
.spinner-md-business-law-dark.spinner-circles circle,
.spinner-md-business-law-dark.spinner-dots circle {
  fill: #37474f;
}

.split-pane {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  contain: strict;
}

.split-pane-side:not(ion-menu) {
  display: none;
}

.split-pane-visible > .split-pane-side,
.split-pane-visible > .split-pane-main {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.split-pane-visible > .split-pane-side {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-main,
.split-pane-visible > ion-nav.split-pane-side,
.split-pane-visible > ion-tabs.split-pane-side,
.split-pane-visible > ion-menu.menu-enabled {
  display: block;
}

.split-pane-visible > ion-split-pane.split-pane-side,
.split-pane-visible > ion-split-pane.split-pane-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.split-pane-visible > ion-menu.menu-enabled > .menu-inner {
  left: 0;
  right: 0;
  width: auto;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.split-pane-visible > ion-menu.menu-enabled > .ion-backdrop {
  display: hidden !important;
}

.split-pane-visible > .split-pane-side[side=start] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=end] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-visible > .split-pane-side[side=left] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=right] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-ios.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 0.55px solid #c8c7cc;
  border-left: 0;
}

.split-pane-ios.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 0.55px solid #c8c7cc;
}

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid #dedede;
  border-left: 0;
}

.split-pane-md.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid #dedede;
}

.tabbar {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  opacity: 0;
}

.tabbar-hidden .tabbar {
  display: none;
}

.tabbar.show-tabbar {
  opacity: 1;
}

[tabsPlacement=top] > .tabbar {
  top: 0;
  bottom: auto;
}

.tab-button {
  margin: 0;
  text-align: center;
  border-radius: 0;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  text-decoration: none;
  background: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab-disabled {
  pointer-events: none;
}

.tab-disabled ion-badge,
.tab-disabled ion-icon,
.tab-disabled span {
  opacity: .4;
}

.tab-button-text {
  margin-top: 3px;
  margin-bottom: 2px;
}

.tab-button-text,
.tab-button-icon {
  display: none;
  overflow: hidden;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  min-width: 26px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-icon .tab-button-icon,
.has-title .tab-button-text {
  display: block;
}

.has-title-only .tab-button-text {
  white-space: normal;
}

[tabsLayout=icon-bottom] .tab-button .tab-button-icon {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[tabsLayout=icon-left] .tab-button,
[tabsLayout=icon-right] .tab-button,
[tabsLayout=icon-start] .tab-button,
[tabsLayout=icon-end] .tab-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

[tabsLayout=icon-left] .tab-button .tab-button-icon,
[tabsLayout=icon-start] .tab-button .tab-button-icon {
  padding-right: 8px;
  text-align: right;
  text-align: end;
}

[tabsLayout=icon-right] .tab-button .tab-button-icon,
[tabsLayout=icon-end] .tab-button .tab-button-icon {
  padding-left: 8px;
  text-align: left;
  text-align: start;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
  display: none;
}

.tab-badge {
  right: 4%;
  top: 6%;
  right: calc(50% - 50px);
  padding: 1px 6px;
  position: absolute;
  height: auto;
  font-size: 12px;
  line-height: 16px;
}

.has-icon .tab-badge {
  right: calc(50% - 30px);
}

[tabsLayout=icon-bottom] .tab-badge,
[tabsLayout=icon-left] .tab-badge,
[tabsLayout=icon-right] .tab-badge,
[tabsLayout=icon-start] .tab-badge,
[tabsLayout=icon-end] .tab-badge {
  right: calc(50% - 50px);
}

.tabs-ios .tabbar {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 0.55px solid rgba(0, 0, 0, 0.3);
  background: #f8f8f8;
}

.tabs-ios[tabsPlacement=top] .tabbar {
  border-top: 0;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.3);
}

.tabs-ios .tab-button {
  max-width: 240px;
  min-height: 49px;
  font-size: 10px;
  font-weight: 500;
  color: #8c8c8c;
  padding: 0 2px;
}

.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
  color: #03151a;
}

.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
  color: #03151a;
}

.tabs-ios .tab-button-text {
  margin-top: 0;
  margin-bottom: 1px;
  min-height: 11px;
}

.tabs-ios .has-title-only .tab-button-text {
  font-size: 12px;
}

.tabs-ios .tab-button-icon {
  margin-top: 4px;
  margin-bottom: 1px;
  min-width: 35px;
  height: 30px;
  font-size: 30px;
  color: #8c8c8c;
}

.tabs-ios .tab-button-icon::before {
  vertical-align: top;
}

.tabs-ios[tabsLayout=icon-right] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-left] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-start] .tab-button .tab-button-text {
  font-size: 1.4rem;
  line-height: 1.1;
}

.tabs-ios[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-start] .tab-button ion-icon {
  min-width: 24px;
  height: 26px;
  font-size: 24px;
}

.tabs-ios[tabsLayout=icon-hide] .tab-button,
.tabs-ios .tab-button.has-title-only {
  min-height: 41px;
}

.tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text,
.tabs-ios .tab-button.has-title-only .tab-button-text {
  margin: 2px 0;
  font-size: 1.4rem;
  line-height: 1.1;
}

.tabs-ios[tabsLayout=title-hide] .tab-button,
.tabs-ios .tab-button.icon-only {
  min-height: 41px;
}

.tabs-ios-primary .tabbar {
  border-color: black;
  background-color: #03151a;
}

.tabs-ios-primary .tab-button,
.tabs-ios-primary .tab-button-icon,
.tabs-ios-primary .tab-button:hover:not(.disable-hover),
.tabs-ios-primary .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-primary .tab-button[aria-selected=true],
.tabs-ios-primary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-danger .tabbar {
  border-color: #b42424;
  background-color: #d63535;
}

.tabs-ios-danger .tab-button,
.tabs-ios-danger .tab-button-icon,
.tabs-ios-danger .tab-button:hover:not(.disable-hover),
.tabs-ios-danger .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-danger .tab-button[aria-selected=true],
.tabs-ios-danger .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-white .tabbar {
  border-color: #e6e6e6;
  background-color: white;
}

.tabs-ios-white .tab-button,
.tabs-ios-white .tab-button-icon,
.tabs-ios-white .tab-button:hover:not(.disable-hover),
.tabs-ios-white .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-white .tab-button[aria-selected=true],
.tabs-ios-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-business-law-dark .tabbar {
  border-color: #222c31;
  background-color: #37474f;
}

.tabs-ios-business-law-dark .tab-button,
.tabs-ios-business-law-dark .tab-button-icon,
.tabs-ios-business-law-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-business-law-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-business-law-dark .tab-button[aria-selected=true],
.tabs-ios-business-law-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md .tabbar {
  background: #f8f8f8;
}

.tabs-md .tab-button {
  min-height: 5.6rem;
  font-weight: normal;
  color: rgba(60, 60, 60, 0.7);
  padding: 0;
}

.tabs-md .tab-button[aria-selected=true] {
  color: #03151a;
  padding: 0;
}

.tabs-md .tab-button-text {
  font-size: 1.2rem;
  text-transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin: 0;
  -webkit-transform-origin: 50% 80%;
  transform-origin: 50% 80%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-text {
  -webkit-transform: scale3d(1.16667, 1.16667, 1);
  transform: scale3d(1.16667, 1.16667, 1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {
  margin-top: 4px;
  margin-bottom: 0;
}

.tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text {
  margin-top: 0;
}

.tabs-md .tab-button-icon {
  margin-top: 1px;
  min-width: 2.4rem;
  font-size: 2.4rem;
  color: rgba(60, 60, 60, 0.7);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
  color: #03151a;
  -webkit-transform: translate3d(0,  -2px,  0);
  transform: translate3d(0,  -2px,  0);
}

.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(2px,  0,  0);
  transform: translate3d(2px,  0,  0);
}

.tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(0,  2px,  0);
  transform: translate3d(0,  2px,  0);
}

.tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(-2px,  0,  0);
  transform: translate3d(-2px,  0,  0);
}

.tabs-md[tabsLayout=icon-hide] .tab-button,
.tabs-md[tabsLayout=title-hide] .tab-button,
.tabs-md .tab-button.icon-only,
.tabs-md .tab-button.has-title-only {
  padding: 0 10px;
}

.tabs-md[tabsHighlight=true] .tab-highlight {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 2px;
  background: #03151a;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.tabs-md[tabsHighlight=true] .tab-highlight.animate {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
  top: 0;
}

.tabs-md-primary .tabbar {
  background-color: #03151a;
}

.tabs-md-primary .tab-button,
.tabs-md-primary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-primary .tab-button:hover:not(.disable-hover),
.tabs-md-primary .tab-button[aria-selected=true],
.tabs-md-primary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-primary[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-danger .tabbar {
  background-color: #d63535;
}

.tabs-md-danger .tab-button,
.tabs-md-danger .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-danger .tab-button:hover:not(.disable-hover),
.tabs-md-danger .tab-button[aria-selected=true],
.tabs-md-danger .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-danger[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-white .tabbar {
  background-color: white;
}

.tabs-md-white .tab-button,
.tabs-md-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-white .tab-button:hover:not(.disable-hover),
.tabs-md-white .tab-button[aria-selected=true],
.tabs-md-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-white[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-business-law-dark .tabbar {
  background-color: #37474f;
}

.tabs-md-business-law-dark .tab-button,
.tabs-md-business-law-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-business-law-dark .tab-button:hover:not(.disable-hover),
.tabs-md-business-law-dark .tab-button[aria-selected=true],
.tabs-md-business-law-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-business-law-dark[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

ion-toast {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
}

.toast-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: auto;
  contain: content;
}

.toast-button {
  padding: 19px 16px 17px;
  font-size: 1.5rem;
}

.toast-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toast-ios .toast-wrapper {
  left: 10px;
  right: 10px;
  margin: auto;
  border-radius: 0.65rem;
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.9);
}

.toast-ios .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  margin: constant(safe-area-inset-top) auto auto;
  margin: env(safe-area-inset-top) auto auto;
  top: 0;
}

.toast-ios .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  margin: auto auto constant(safe-area-inset-bottom);
  margin: auto auto env(safe-area-inset-bottom);
  bottom: 0;
}

.toast-ios .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-ios .toast-message {
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem;
}

.toast-md .toast-wrapper {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 700px;
  background: #333;
}

.toast-md .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  top: 0;
}

.toast-md .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  bottom: 0;
}

.toast-md .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-md .toast-message {
  font-size: 1.5rem;
  color: #fff;
  padding: 19px 16px 17px;
}

.toggle-ios {
  position: relative;
  display: block;
  width: 51px;
  height: 32px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-ios .toggle-icon {
  border-radius: 16px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-ios .toggle-icon::before {
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 16px;
  position: absolute;
  background-color: #fff;
  content: "";
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.toggle-ios .toggle-inner {
  left: 2px;
  top: 2px;
  border-radius: 14px;
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  will-change: transform;
  contain: strict;
}

.toggle-ios.toggle-checked .toggle-icon {
  background-color: #03151a;
}

.toggle-ios.toggle-activated .toggle-icon::before,
.toggle-ios.toggle-checked .toggle-icon::before {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.toggle-ios.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(19px,  0,  0);
  transform: translate3d(19px,  0,  0);
}

.toggle-ios.toggle-activated.toggle-checked .toggle-inner::before {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.toggle-ios.toggle-activated .toggle-inner {
  width: 34px;
}

.toggle-ios.toggle-activated.toggle-checked .toggle-inner {
  left: -4px;
}

.toggle-ios.toggle-disabled,
.item-ios.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-ios .toggle-ios {
  margin: 0;
  padding: 6px 8px 5px 16px;
}

.item-ios .toggle-ios[item-left],
.item-ios .toggle-ios[item-start] {
  padding: 6px 16px 5px 0;
}

.toggle-ios-primary.toggle-checked .toggle-icon {
  background-color: #03151a;
}

.toggle-ios-danger.toggle-checked .toggle-icon {
  background-color: #d63535;
}

.toggle-ios-white.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-ios-business-law-dark.toggle-checked .toggle-icon {
  background-color: #37474f;
}

.toggle-md {
  position: relative;
  display: block;
  width: 36px;
  height: 14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
  padding: 12px;
}

.toggle-md .toggle-icon {
  border-radius: 14px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-md .toggle-inner {
  left: 0;
  top: -3px;
  border-radius: 50%;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
  contain: strict;
}

.toggle-md.toggle-checked .toggle-icon {
  background-color: #10718c;
}

.toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(16px,  0,  0);
  transform: translate3d(16px,  0,  0);
  background-color: #03151a;
}

.toggle-md.toggle-disabled,
.item-md.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.toggle-md.toggle-disabled ion-radio {
  opacity: 0.3;
}

.item-md .toggle-md {
  cursor: pointer;
  margin: 0;
  padding: 12px 8px 12px 16px;
}

.item-md .toggle-md[item-left],
.item-md .toggle-md[item-start] {
  padding: 12px 18px 12px 2px;
}

.item-md.item-toggle ion-label {
  margin-left: 0;
}

.toggle-md-primary.toggle-checked .toggle-icon {
  background-color: #10718c;
}

.toggle-md-primary.toggle-checked .toggle-inner {
  background-color: #03151a;
}

.toggle-md-danger.toggle-checked .toggle-icon {
  background-color: #ec9f9f;
}

.toggle-md-danger.toggle-checked .toggle-inner {
  background-color: #d63535;
}

.toggle-md-white.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-white.toggle-checked .toggle-inner {
  background-color: white;
}

.toggle-md-business-law-dark.toggle-checked .toggle-icon {
  background-color: #6c8a99;
}

.toggle-md-business-law-dark.toggle-checked .toggle-inner {
  background-color: #37474f;
}

ion-toolbar {
  position: relative;
  z-index: 10;
}

.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  contain: content;
}

.toolbar-background {
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
  contain: strict;
}

ion-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.toolbar-title {
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ion-buttons {
  margin: 0 0.2rem;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

ion-buttons button,
ion-buttons a,
ion-buttons input,
ion-buttons textarea,
ion-buttons div {
  pointer-events: auto;
}

.toolbar[transparent] .toolbar-background {
  border-color: transparent;
  background: transparent;
}

ion-buttons,
.bar-button-menutoggle {
  z-index: 99;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-navbar.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-button {
  margin: 0;
  padding: 0;
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bar-button::after {
  left: -2px;
  right: -2px;
  top: -7px;
  bottom: -6px;
  position: absolute;
  content: "";
}

.bar-button-menutoggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.back-button {
  display: none;
}

.back-button.show-back-button {
  display: inline-block;
}

.back-button-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar-ios {
  padding: 4px;
  padding-left: 4px;
  padding-right: 4px;
  min-height: 38px;
}

@media screen and (orientation: landscape) {
  .toolbar-ios {
    padding-left: calc(constant(safe-area-inset-left) + 4px);
    padding-right: calc(constant(safe-area-inset-right) + 4px);
    padding-left: calc(env(safe-area-inset-left) + 4px);
    padding-right: calc(env(safe-area-inset-right) + 4px);
  }
}

.toolbar-background-ios {
  background: #f8f8f8;
}

.header-ios .toolbar-background-ios,
.footer-ios .toolbar-background-ios {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3);
}

.header-ios .toolbar-ios:last-child .toolbar-background-ios {
  border-width: 0 0 0.55px;
}

.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
  border-width: 0.55px 0 0;
}

.header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
  border-bottom-width: 0;
}

.footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
  border-top-width: 0;
}

.toolbar-content-ios {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  min-width: 0;
}

.toolbar-title-ios {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 600;
  color: #000;
  pointer-events: auto;
}

.toolbar-ios ion-title {
  left: 0;
  top: 0;
  padding: 0 90px 1px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

.bar-buttons-ios {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-ios[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-ios[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-ios[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-ios {
  padding: 0 4px;
  border-radius: 4px;
  height: 32px;
  border: 0;
  font-size: 1.7rem;
}

.bar-button-outline-ios {
  border-width: 1px;
  border-style: solid;
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-ios.activated {
  color: #fff;
  background-color: #03151a;
}

.bar-button-solid-ios {
  color: #fff;
  background-color: #03151a;
}

.bar-button-solid-ios:hover:not(.disable-hover) {
  color: #fff;
  opacity: .4;
}

.bar-button-solid-ios.activated {
  color: #fff;
  background-color: #17282c;
  opacity: .4;
}

.bar-button-ios.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-ios.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-ios[icon-only] {
  padding: 0;
  min-width: .9em;
}

.bar-button-ios[icon-only] ion-icon {
  padding: 0 0.1em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-ios {
  margin: 0;
  z-index: 99;
  overflow: visible;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  min-height: 3.2rem;
  line-height: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.back-button-icon-ios {
  margin: -1px 0 0;
  display: inherit;
  min-width: 18px;
  font-size: 3.4rem;
}

.back-button-text-ios {
  letter-spacing: -.01em;
}

.bar-button-menutoggle-ios {
  margin: 0 6px;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 36px;
}

.bar-button-menutoggle-ios ion-icon {
  padding: 0 6px;
  font-size: 2.8rem;
}

.bar-button-menutoggle-ios[end],
.bar-button-menutoggle-ios[right] {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.bar-button-default-ios,
.bar-button-default.bar-button-ios-default,
.bar-button-clear-ios-default {
  color: #03151a;
  background-color: transparent;
}

.bar-button-default-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-default:hover:not(.disable-hover),
.bar-button-clear-ios-default:hover:not(.disable-hover) {
  color: #03151a;
}

.bar-button-default-ios.activated,
.bar-button-default.bar-button-ios-default.activated,
.bar-button-clear-ios-default.activated {
  opacity: .4;
}

.bar-button-clear-ios,
.bar-button-default.bar-button-ios-clear,
.bar-button-clear-ios-clear {
  color: #03151a;
  background-color: transparent;
}

.bar-button-clear-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-clear:hover:not(.disable-hover),
.bar-button-clear-ios-clear:hover:not(.disable-hover) {
  color: #03151a;
}

.bar-button-clear-ios.activated,
.bar-button-default.bar-button-ios-clear.activated,
.bar-button-clear-ios-clear.activated {
  opacity: .4;
}

.toolbar-ios-primary .toolbar-background-ios {
  background: #03151a;
}

.toolbar-ios-primary .toolbar-title-ios,
.toolbar-ios-primary .bar-button-clear-ios,
.toolbar-ios-primary .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-primary .bar-button-primary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary .bar-button-clear-ios-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-ios-primary .bar-button-primary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-primary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-ios-primary .bar-button-danger-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary .bar-button-clear-ios-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-ios-primary .bar-button-danger-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-primary .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-primary .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-ios-primary .bar-button-white-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary .bar-button-clear-ios-white {
  color: white;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-ios-primary .bar-button-white-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.toolbar-ios-primary .bar-button-solid-ios-white {
  color: #000;
  background-color: white;
}

.toolbar-ios-primary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary .bar-button-business-law-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-business-law-dark,
.toolbar-ios-primary .bar-button-clear-ios-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-business-law-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-business-law-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-ios-primary .bar-button-business-law-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-business-law-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-business-law-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-primary .bar-button-solid-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-primary .bar-button-solid-ios-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
  color: #03151a;
  background-color: transparent;
}

.bar-button-primary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.bar-button-primary-ios.activated,
.bar-button-default.bar-button-ios-primary.activated,
.bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.bar-button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.bar-button-solid-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-ios-danger .toolbar-background-ios {
  background: #d63535;
}

.toolbar-ios-danger .toolbar-title-ios,
.toolbar-ios-danger .bar-button-clear-ios,
.toolbar-ios-danger .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-danger .bar-button-primary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary,
.toolbar-ios-danger .bar-button-clear-ios-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-ios-danger .bar-button-primary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-danger .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-ios-danger .bar-button-danger-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger,
.toolbar-ios-danger .bar-button-clear-ios-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-ios-danger .bar-button-danger-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-danger .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-danger .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-danger .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-ios-danger .bar-button-white-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white,
.toolbar-ios-danger .bar-button-clear-ios-white {
  color: white;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-ios-danger .bar-button-white-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-danger .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.toolbar-ios-danger .bar-button-solid-ios-white {
  color: #000;
  background-color: white;
}

.toolbar-ios-danger .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-danger .bar-button-business-law-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-business-law-dark,
.toolbar-ios-danger .bar-button-clear-ios-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-business-law-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-business-law-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-ios-danger .bar-button-business-law-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-business-law-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-business-law-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-danger .bar-button-solid-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-danger .bar-button-solid-ios-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-danger-ios,
.bar-button-default.bar-button-ios-danger,
.bar-button-clear-ios-danger {
  color: #d63535;
  background-color: transparent;
}

.bar-button-danger-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.bar-button-danger-ios.activated,
.bar-button-default.bar-button-ios-danger.activated,
.bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.bar-button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.bar-button-solid-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-ios-white .toolbar-background-ios {
  background: white;
}

.toolbar-ios-white .toolbar-title-ios,
.toolbar-ios-white .bar-button-clear-ios,
.toolbar-ios-white .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-white .bar-button-primary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary,
.toolbar-ios-white .bar-button-clear-ios-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-ios-white .bar-button-primary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-white .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-white .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-white .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-ios-white .bar-button-danger-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger,
.toolbar-ios-white .bar-button-clear-ios-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-ios-white .bar-button-danger-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-white .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-white .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-white .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-ios-white .bar-button-white-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-white,
.toolbar-ios-white .bar-button-clear-ios-white {
  color: white;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-ios-white .bar-button-white-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-white .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.toolbar-ios-white .bar-button-solid-ios-white {
  color: #000;
  background-color: white;
}

.toolbar-ios-white .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-white .bar-button-business-law-dark-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-business-law-dark,
.toolbar-ios-white .bar-button-clear-ios-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-business-law-dark-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-business-law-dark:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-ios-white .bar-button-business-law-dark-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-business-law-dark.activated,
.toolbar-ios-white .bar-button-clear-ios-business-law-dark.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-white .bar-button-solid-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-white .bar-button-solid-ios-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-white-ios,
.bar-button-default.bar-button-ios-white,
.bar-button-clear-ios-white {
  color: white;
  background-color: transparent;
}

.bar-button-white-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.bar-button-white-ios.activated,
.bar-button-default.bar-button-ios-white.activated,
.bar-button-clear-ios-white.activated {
  opacity: .4;
}

.bar-button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.bar-button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.bar-button-solid-ios-white {
  color: #000;
  background-color: white;
}

.bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-business-law-dark .toolbar-background-ios {
  background: #37474f;
}

.toolbar-ios-business-law-dark .toolbar-title-ios,
.toolbar-ios-business-law-dark .bar-button-clear-ios,
.toolbar-ios-business-law-dark .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-business-law-dark .bar-button-primary-ios,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-business-law-dark .bar-button-clear-ios-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-ios-business-law-dark .bar-button-primary-ios.activated,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-business-law-dark .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-primary {
  border-color: #03151a;
  color: #03151a;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-ios-business-law-dark .bar-button-danger-ios,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-business-law-dark .bar-button-clear-ios-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-ios-business-law-dark .bar-button-danger-ios.activated,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-business-law-dark .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-danger {
  border-color: #d63535;
  color: #d63535;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-ios-business-law-dark .bar-button-white-ios,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-white,
.toolbar-ios-business-law-dark .bar-button-clear-ios-white {
  color: white;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-ios-business-law-dark .bar-button-white-ios.activated,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-business-law-dark .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-white {
  border-color: white;
  color: white;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: white;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-white {
  color: #000;
  background-color: white;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-business-law-dark .bar-button-business-law-dark-ios,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-business-law-dark,
.toolbar-ios-business-law-dark .bar-button-clear-ios-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-business-law-dark-ios:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-business-law-dark:hover:not(.disable-hover),
.toolbar-ios-business-law-dark .bar-button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-ios-business-law-dark .bar-button-business-law-dark-ios.activated,
.toolbar-ios-business-law-dark .bar-button-default.bar-button-ios-business-law-dark.activated,
.toolbar-ios-business-law-dark .bar-button-clear-ios-business-law-dark.activated {
  opacity: .4;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.toolbar-ios-business-law-dark .bar-button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-ios-business-law-dark .bar-button-solid-ios-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-business-law-dark-ios,
.bar-button-default.bar-button-ios-business-law-dark,
.bar-button-clear-ios-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.bar-button-business-law-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-business-law-dark:hover:not(.disable-hover),
.bar-button-clear-ios-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.bar-button-business-law-dark-ios.activated,
.bar-button-default.bar-button-ios-business-law-dark.activated,
.bar-button-clear-ios-business-law-dark.activated {
  opacity: .4;
}

.bar-button-outline-ios-business-law-dark {
  border-color: #37474f;
  color: #37474f;
  background-color: transparent;
}

.bar-button-outline-ios-business-law-dark.activated {
  color: #fff;
  background-color: #37474f;
}

.bar-button-solid-ios-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.bar-button-solid-ios-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-strong-ios {
  font-weight: 600;
}

.toolbar-md {
  padding: 4px;
  min-height: 38px;
}

.toolbar-background-md {
  border-color: #b2b2b2;
  background: #f8f8f8;
}

.header-md::after,
.tabs-md[tabsPlacement="top"] > .tabbar::after,
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: "";
}

.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  top: -2px;
  bottom: auto;
  background-position: left 0 top 0;
  height: 2px;
}

.header-md[no-border]::after,
.footer-md[no-border]::before,
.tabs-md[tabsPlacement="top"][no-border] > .tabbar::after,
.tabs-md[tabsPlacement="bottom"][no-border] > .tabbar::before {
  display: none;
}

.toolbar-content-md {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-md {
  padding: 0 12px;
  font-size: 2rem;
  font-weight: 500;
  color: #424242;
}

.bar-buttons-md {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-md[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-button-md:first-child {
  margin-left: 0;
}

.bar-buttons-md[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-md[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-md {
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

.bar-button-solid-md,
.bar-button-outline-md {
  overflow: hidden;
}

.bar-button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #424242;
  color: #424242;
  background-color: transparent;
}

.bar-button-outline-md:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-md.activated {
  background-color: transparent;
}

.bar-button-outline-md .button-effect {
  background-color: #424242;
}

.bar-button-solid-md {
  color: #fff;
  background-color: #424242;
}

.bar-button-solid-md:hover:not(.disable-hover) {
  color: #fff;
}

.bar-button-solid-md.activated {
  color: #fff;
  background-color: #515151;
}

.bar-button-md.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-md.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-md[icon-only] {
  padding: 0;
}

.bar-button-md[icon-only] ion-icon {
  padding: 0 0.1em;
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-md {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-button-icon-md {
  margin: 0;
  padding: 0 6px;
  text-align: left;
  text-align: start;
  font-size: 2.4rem;
  font-weight: normal;
}

.bar-button-menutoggle-md {
  margin: 0 6px;
  padding: 0 2px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 44px;
}

.bar-button-menutoggle-md ion-icon {
  padding: 0 6px;
  font-size: 2.4rem;
}

.bar-button-menutoggle-md[end],
.bar-button-menutoggle-md[right] {
  margin: 0 2px;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  min-width: 28px;
}

.bar-button-default-md,
.bar-button-clear-md-default,
.bar-button-md-default {
  color: #424242;
  background-color: transparent;
}

.bar-button-default-md:hover:not(.disable-hover),
.bar-button-clear-md-default:hover:not(.disable-hover),
.bar-button-md-default:hover:not(.disable-hover) {
  color: #424242;
}

.bar-button-clear-md,
.bar-button-clear-md-clear,
.bar-button-md-clear {
  color: #424242;
  background-color: transparent;
}

.bar-button-clear-md:hover:not(.disable-hover),
.bar-button-clear-md-clear:hover:not(.disable-hover),
.bar-button-md-clear:hover:not(.disable-hover) {
  color: #424242;
}

.toolbar-md-primary .toolbar-background-md {
  background: #03151a;
}

.toolbar-md-primary .bar-button-clear-md,
.toolbar-md-primary .bar-button-default-md,
.toolbar-md-primary .bar-button-outline-md,
.toolbar-md-primary .toolbar-title-md {
  color: #fff;
}

.toolbar-md-primary .bar-button-clear-md .button-effect,
.toolbar-md-primary .bar-button-default-md .button-effect,
.toolbar-md-primary .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-primary .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-primary .bar-button-primary-md,
.toolbar-md-primary .bar-button-clear-md-primary,
.toolbar-md-primary .bar-button-md-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-md-primary .bar-button-outline-md-primary {
  border-color: #17282c;
  color: #17282c;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary .button-effect {
  background-color: #17282c;
}

.toolbar-md-primary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-md-primary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-md-primary .bar-button-danger-md,
.toolbar-md-primary .bar-button-clear-md-danger,
.toolbar-md-primary .bar-button-md-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-md-primary .bar-button-outline-md-danger {
  border-color: #c53131;
  color: #c53131;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger .button-effect {
  background-color: #c53131;
}

.toolbar-md-primary .bar-button-solid-md-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-md-primary .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-md-primary .bar-button-white-md,
.toolbar-md-primary .bar-button-clear-md-white,
.toolbar-md-primary .bar-button-md-white {
  color: white;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-md-primary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-solid-md-white {
  color: #424242;
  background-color: white;
}

.toolbar-md-primary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-business-law-dark-md,
.toolbar-md-primary .bar-button-clear-md-business-law-dark,
.toolbar-md-primary .bar-button-md-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-business-law-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-business-law-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-md-primary .bar-button-outline-md-business-law-dark {
  border-color: #47565d;
  color: #47565d;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-business-law-dark .button-effect {
  background-color: #47565d;
}

.toolbar-md-primary .bar-button-solid-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-md-primary .bar-button-solid-md-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
  color: #03151a;
  background-color: transparent;
}

.bar-button-primary-md:hover:not(.disable-hover),
.bar-button-clear-md-primary:hover:not(.disable-hover),
.bar-button-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.bar-button-outline-md-primary {
  border-color: #17282c;
  color: #17282c;
  background-color: transparent;
}

.bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary .button-effect {
  background-color: #17282c;
}

.bar-button-solid-md-primary {
  color: #fff;
  background-color: #03151a;
}

.bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-md-danger .toolbar-background-md {
  background: #d63535;
}

.toolbar-md-danger .bar-button-clear-md,
.toolbar-md-danger .bar-button-default-md,
.toolbar-md-danger .bar-button-outline-md,
.toolbar-md-danger .toolbar-title-md {
  color: #fff;
}

.toolbar-md-danger .bar-button-clear-md .button-effect,
.toolbar-md-danger .bar-button-default-md .button-effect,
.toolbar-md-danger .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-danger .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-danger .bar-button-primary-md,
.toolbar-md-danger .bar-button-clear-md-primary,
.toolbar-md-danger .bar-button-md-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-md-danger .bar-button-outline-md-primary {
  border-color: #17282c;
  color: #17282c;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary .button-effect {
  background-color: #17282c;
}

.toolbar-md-danger .bar-button-solid-md-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-md-danger .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-md-danger .bar-button-danger-md,
.toolbar-md-danger .bar-button-clear-md-danger,
.toolbar-md-danger .bar-button-md-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-md-danger .bar-button-outline-md-danger {
  border-color: #c53131;
  color: #c53131;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger .button-effect {
  background-color: #c53131;
}

.toolbar-md-danger .bar-button-solid-md-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-md-danger .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-md-danger .bar-button-white-md,
.toolbar-md-danger .bar-button-clear-md-white,
.toolbar-md-danger .bar-button-md-white {
  color: white;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-md-danger .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-solid-md-white {
  color: #424242;
  background-color: white;
}

.toolbar-md-danger .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-business-law-dark-md,
.toolbar-md-danger .bar-button-clear-md-business-law-dark,
.toolbar-md-danger .bar-button-md-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-business-law-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-business-law-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-md-danger .bar-button-outline-md-business-law-dark {
  border-color: #47565d;
  color: #47565d;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-business-law-dark .button-effect {
  background-color: #47565d;
}

.toolbar-md-danger .bar-button-solid-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-md-danger .bar-button-solid-md-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-danger-md,
.bar-button-clear-md-danger,
.bar-button-md-danger {
  color: #d63535;
  background-color: transparent;
}

.bar-button-danger-md:hover:not(.disable-hover),
.bar-button-clear-md-danger:hover:not(.disable-hover),
.bar-button-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.bar-button-outline-md-danger {
  border-color: #c53131;
  color: #c53131;
  background-color: transparent;
}

.bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.bar-button-outline-md-danger .button-effect {
  background-color: #c53131;
}

.bar-button-solid-md-danger {
  color: #fff;
  background-color: #d63535;
}

.bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-md-white .toolbar-background-md {
  background: white;
}

.toolbar-md-white .bar-button-clear-md,
.toolbar-md-white .bar-button-default-md,
.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .toolbar-title-md {
  color: #424242;
}

.toolbar-md-white .bar-button-clear-md .button-effect,
.toolbar-md-white .bar-button-default-md .button-effect,
.toolbar-md-white .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-white .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-white .bar-button-primary-md,
.toolbar-md-white .bar-button-clear-md-primary,
.toolbar-md-white .bar-button-md-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-md-white .bar-button-outline-md-primary {
  border-color: #17282c;
  color: #17282c;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary .button-effect {
  background-color: #17282c;
}

.toolbar-md-white .bar-button-solid-md-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-md-white .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-md-white .bar-button-danger-md,
.toolbar-md-white .bar-button-clear-md-danger,
.toolbar-md-white .bar-button-md-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-md-white .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-md-white .bar-button-outline-md-danger {
  border-color: #c53131;
  color: #c53131;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger .button-effect {
  background-color: #c53131;
}

.toolbar-md-white .bar-button-solid-md-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-md-white .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-md-white .bar-button-white-md,
.toolbar-md-white .bar-button-clear-md-white,
.toolbar-md-white .bar-button-md-white {
  color: white;
  background-color: transparent;
}

.toolbar-md-white .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-md-white .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-solid-md-white {
  color: #424242;
  background-color: white;
}

.toolbar-md-white .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-business-law-dark-md,
.toolbar-md-white .bar-button-clear-md-business-law-dark,
.toolbar-md-white .bar-button-md-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-md-white .bar-button-business-law-dark-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-business-law-dark:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-md-white .bar-button-outline-md-business-law-dark {
  border-color: #47565d;
  color: #47565d;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-business-law-dark .button-effect {
  background-color: #47565d;
}

.toolbar-md-white .bar-button-solid-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-md-white .bar-button-solid-md-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-white-md,
.bar-button-clear-md-white,
.bar-button-md-white {
  color: white;
  background-color: transparent;
}

.bar-button-white-md:hover:not(.disable-hover),
.bar-button-clear-md-white:hover:not(.disable-hover),
.bar-button-md-white:hover:not(.disable-hover) {
  color: white;
}

.bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-md-white.activated {
  background-color: transparent;
}

.bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.bar-button-solid-md-white {
  color: #424242;
  background-color: white;
}

.bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-business-law-dark .toolbar-background-md {
  background: #37474f;
}

.toolbar-md-business-law-dark .bar-button-clear-md,
.toolbar-md-business-law-dark .bar-button-default-md,
.toolbar-md-business-law-dark .bar-button-outline-md,
.toolbar-md-business-law-dark .toolbar-title-md {
  color: #fff;
}

.toolbar-md-business-law-dark .bar-button-clear-md .button-effect,
.toolbar-md-business-law-dark .bar-button-default-md .button-effect,
.toolbar-md-business-law-dark .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-business-law-dark .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-business-law-dark .bar-button-primary-md,
.toolbar-md-business-law-dark .bar-button-clear-md-primary,
.toolbar-md-business-law-dark .bar-button-md-primary {
  color: #03151a;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-md-primary:hover:not(.disable-hover) {
  color: #03151a;
}

.toolbar-md-business-law-dark .bar-button-outline-md-primary {
  border-color: #17282c;
  color: #17282c;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-primary .button-effect {
  background-color: #17282c;
}

.toolbar-md-business-law-dark .bar-button-solid-md-primary {
  color: #fff;
  background-color: #03151a;
}

.toolbar-md-business-law-dark .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #17282c;
}

.toolbar-md-business-law-dark .bar-button-danger-md,
.toolbar-md-business-law-dark .bar-button-clear-md-danger,
.toolbar-md-business-law-dark .bar-button-md-danger {
  color: #d63535;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-md-danger:hover:not(.disable-hover) {
  color: #d63535;
}

.toolbar-md-business-law-dark .bar-button-outline-md-danger {
  border-color: #c53131;
  color: #c53131;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-danger .button-effect {
  background-color: #c53131;
}

.toolbar-md-business-law-dark .bar-button-solid-md-danger {
  color: #fff;
  background-color: #d63535;
}

.toolbar-md-business-law-dark .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #c53131;
}

.toolbar-md-business-law-dark .bar-button-white-md,
.toolbar-md-business-law-dark .bar-button-clear-md-white,
.toolbar-md-business-law-dark .bar-button-md-white {
  color: white;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-md-white:hover:not(.disable-hover) {
  color: white;
}

.toolbar-md-business-law-dark .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-business-law-dark .bar-button-solid-md-white {
  color: #424242;
  background-color: white;
}

.toolbar-md-business-law-dark .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-business-law-dark .bar-button-business-law-dark-md,
.toolbar-md-business-law-dark .bar-button-clear-md-business-law-dark,
.toolbar-md-business-law-dark .bar-button-md-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-business-law-dark-md:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-clear-md-business-law-dark:hover:not(.disable-hover),
.toolbar-md-business-law-dark .bar-button-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.toolbar-md-business-law-dark .bar-button-outline-md-business-law-dark {
  border-color: #47565d;
  color: #47565d;
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.toolbar-md-business-law-dark .bar-button-outline-md-business-law-dark .button-effect {
  background-color: #47565d;
}

.toolbar-md-business-law-dark .bar-button-solid-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.toolbar-md-business-law-dark .bar-button-solid-md-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-business-law-dark-md,
.bar-button-clear-md-business-law-dark,
.bar-button-md-business-law-dark {
  color: #37474f;
  background-color: transparent;
}

.bar-button-business-law-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-business-law-dark:hover:not(.disable-hover),
.bar-button-md-business-law-dark:hover:not(.disable-hover) {
  color: #37474f;
}

.bar-button-outline-md-business-law-dark {
  border-color: #47565d;
  color: #47565d;
  background-color: transparent;
}

.bar-button-outline-md-business-law-dark.activated {
  background-color: transparent;
}

.bar-button-outline-md-business-law-dark .button-effect {
  background-color: #47565d;
}

.bar-button-solid-md-business-law-dark {
  color: #fff;
  background-color: #37474f;
}

.bar-button-solid-md-business-law-dark.activated {
  color: #fff;
  background-color: #47565d;
}

.bar-button-strong-md {
  font-weight: bold;
}

.text-ios-primary {
  color: #03151a;
}

.text-ios-danger {
  color: #d63535;
}

.text-ios-white {
  color: white;
}

.text-ios-business-law-dark {
  color: #37474f;
}

.text-md-primary {
  color: #03151a;
}

.text-md-danger {
  color: #d63535;
}

.text-md-white {
  color: white;
}

.text-md-business-law-dark {
  color: #37474f;
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(38px + 20px);
  min-height: calc(38px + constant(safe-area-inset-top));
  min-height: calc(38px + env(safe-area-inset-top));
}

.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(52px + 20px);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  height: calc(38px + 20px);
  height: calc(38px + constant(safe-area-inset-top));
  height: calc(38px + env(safe-area-inset-top));
  min-height: calc(38px + 20px);
  min-height: calc(38px + constant(safe-area-inset-top));
  min-height: calc(38px + env(safe-area-inset-top));
}

@media only screen and (max-width: 767px) {
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(38px + 20px);
    min-height: calc(38px + constant(safe-area-inset-top));
    min-height: calc(38px + env(safe-area-inset-top));
  }
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(52px + 20px);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    height: calc(38px + 20px);
    height: calc(38px + constant(safe-area-inset-top));
    height: calc(38px + env(safe-area-inset-top));
    min-height: calc(38px + 20px);
    min-height: calc(38px + constant(safe-area-inset-top));
    min-height: calc(38px + env(safe-area-inset-top));
  }
}

.ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.ios ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(38px + constant(safe-area-inset-bottom));
  min-height: calc(38px + env(safe-area-inset-bottom));
}

.ios .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
  min-height: 38px;
}

.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(38px + 20px);
  min-height: calc(38px + constant(safe-area-inset-top));
  min-height: calc(38px + env(safe-area-inset-top));
}

.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(52px + 20px);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(38px + 20px);
    min-height: calc(38px + constant(safe-area-inset-top));
    min-height: calc(38px + env(safe-area-inset-top));
  }
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(52px + 20px);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
}

.md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.md ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(38px + constant(safe-area-inset-bottom));
  min-height: calc(38px + env(safe-area-inset-bottom));
}

.md .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
  min-height: 38px;
}

/**
 * Shared CSS custom properties for alert stack sizing.
 * JS writes measured px onto the same host (.content-wrapper or mobile stack).
 */
/** Apply on .content-wrapper that hosts desktop client-alert-stack (display:contents). */
@keyframes listRowAppear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

ion-item-divider[sticky]:not(.with-buttons):not(.pinned-task):not(.pre-pinned-task):not(.completed-section-header):not(.completed-tasks-label) .label,
ion-item-divider[sticky]:not(.with-buttons):not(.pinned-task):not(.pre-pinned-task):not(.completed-section-header):not(.completed-tasks-label) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

.ion-ios-add:before {
  content: "\f102";
}

.ion-ios-add-circle:before {
  content: "\f101";
}

.ion-ios-add-circle-outline:before {
  content: "\f100";
}

.ion-ios-add-outline:before {
  content: "\f102";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-alarm-outline:before {
  content: "\f3c7";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-albums-outline:before {
  content: "\f3c9";
}

.ion-ios-alert:before {
  content: "\f104";
}

.ion-ios-alert-outline:before {
  content: "\f103";
}

.ion-ios-american-football:before {
  content: "\f106";
}

.ion-ios-american-football-outline:before {
  content: "\f105";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-analytics-outline:before {
  content: "\f3cd";
}

.ion-ios-aperture:before {
  content: "\f108";
}

.ion-ios-aperture-outline:before {
  content: "\f107";
}

.ion-ios-apps:before {
  content: "\f10a";
}

.ion-ios-apps-outline:before {
  content: "\f109";
}

.ion-ios-appstore:before {
  content: "\f10c";
}

.ion-ios-appstore-outline:before {
  content: "\f10b";
}

.ion-ios-archive:before {
  content: "\f10e";
}

.ion-ios-archive-outline:before {
  content: "\f10d";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-back-outline:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-down-outline:before {
  content: "\f3d0";
}

.ion-ios-arrow-dropdown:before {
  content: "\f110";
}

.ion-ios-arrow-dropdown-circle:before {
  content: "\f10f";
}

.ion-ios-arrow-dropdown-circle-outline:before {
  content: "\f10f";
}

.ion-ios-arrow-dropdown-outline:before {
  content: "\f110";
}

.ion-ios-arrow-dropleft:before {
  content: "\f112";
}

.ion-ios-arrow-dropleft-circle:before {
  content: "\f111";
}

.ion-ios-arrow-dropleft-circle-outline:before {
  content: "\f111";
}

.ion-ios-arrow-dropleft-outline:before {
  content: "\f112";
}

.ion-ios-arrow-dropright:before {
  content: "\f114";
}

.ion-ios-arrow-dropright-circle:before {
  content: "\f113";
}

.ion-ios-arrow-dropright-circle-outline:before {
  content: "\f113";
}

.ion-ios-arrow-dropright-outline:before {
  content: "\f114";
}

.ion-ios-arrow-dropup:before {
  content: "\f116";
}

.ion-ios-arrow-dropup-circle:before {
  content: "\f115";
}

.ion-ios-arrow-dropup-circle-outline:before {
  content: "\f115";
}

.ion-ios-arrow-dropup-outline:before {
  content: "\f116";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-forward-outline:before {
  content: "\f3d1";
}

.ion-ios-arrow-round-back:before {
  content: "\f117";
}

.ion-ios-arrow-round-back-outline:before {
  content: "\f117";
}

.ion-ios-arrow-round-down:before {
  content: "\f118";
}

.ion-ios-arrow-round-down-outline:before {
  content: "\f118";
}

.ion-ios-arrow-round-forward:before {
  content: "\f119";
}

.ion-ios-arrow-round-forward-outline:before {
  content: "\f119";
}

.ion-ios-arrow-round-up:before {
  content: "\f11a";
}

.ion-ios-arrow-round-up-outline:before {
  content: "\f11a";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-arrow-up-outline:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-at-outline:before {
  content: "\f3d9";
}

.ion-ios-attach:before {
  content: "\f11b";
}

.ion-ios-attach-outline:before {
  content: "\f11b";
}

.ion-ios-backspace:before {
  content: "\f11d";
}

.ion-ios-backspace-outline:before {
  content: "\f11c";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-barcode-outline:before {
  content: "\f3db";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-baseball-outline:before {
  content: "\f3dd";
}

.ion-ios-basket:before {
  content: "\f11f";
}

.ion-ios-basket-outline:before {
  content: "\f11e";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-basketball-outline:before {
  content: "\f3df";
}

.ion-ios-battery-charging:before {
  content: "\f120";
}

.ion-ios-battery-charging-outline:before {
  content: "\f120";
}

.ion-ios-battery-dead:before {
  content: "\f121";
}

.ion-ios-battery-dead-outline:before {
  content: "\f121";
}

.ion-ios-battery-full:before {
  content: "\f122";
}

.ion-ios-battery-full-outline:before {
  content: "\f122";
}

.ion-ios-beaker:before {
  content: "\f124";
}

.ion-ios-beaker-outline:before {
  content: "\f123";
}

.ion-ios-beer:before {
  content: "\f126";
}

.ion-ios-beer-outline:before {
  content: "\f125";
}

.ion-ios-bicycle:before {
  content: "\f127";
}

.ion-ios-bicycle-outline:before {
  content: "\f127";
}

.ion-ios-bluetooth:before {
  content: "\f128";
}

.ion-ios-bluetooth-outline:before {
  content: "\f128";
}

.ion-ios-boat:before {
  content: "\f12a";
}

.ion-ios-boat-outline:before {
  content: "\f129";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-body-outline:before {
  content: "\f3e3";
}

.ion-ios-bonfire:before {
  content: "\f12c";
}

.ion-ios-bonfire-outline:before {
  content: "\f12b";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-book-outline:before {
  content: "\f3e7";
}

.ion-ios-bookmark:before {
  content: "\f12e";
}

.ion-ios-bookmark-outline:before {
  content: "\f12d";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}

.ion-ios-bowtie:before {
  content: "\f130";
}

.ion-ios-bowtie-outline:before {
  content: "\f12f";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-browsers-outline:before {
  content: "\f3ef";
}

.ion-ios-brush:before {
  content: "\f132";
}

.ion-ios-brush-outline:before {
  content: "\f131";
}

.ion-ios-bug:before {
  content: "\f134";
}

.ion-ios-bug-outline:before {
  content: "\f133";
}

.ion-ios-build:before {
  content: "\f136";
}

.ion-ios-build-outline:before {
  content: "\f135";
}

.ion-ios-bulb:before {
  content: "\f138";
}

.ion-ios-bulb-outline:before {
  content: "\f137";
}

.ion-ios-bus:before {
  content: "\f13a";
}

.ion-ios-bus-outline:before {
  content: "\f139";
}

.ion-ios-cafe:before {
  content: "\f13c";
}

.ion-ios-cafe-outline:before {
  content: "\f13b";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calculator-outline:before {
  content: "\f3f1";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-calendar-outline:before {
  content: "\f3f3";
}

.ion-ios-call:before {
  content: "\f13e";
}

.ion-ios-call-outline:before {
  content: "\f13d";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-camera-outline:before {
  content: "\f3f5";
}

.ion-ios-car:before {
  content: "\f140";
}

.ion-ios-car-outline:before {
  content: "\f13f";
}

.ion-ios-card:before {
  content: "\f142";
}

.ion-ios-card-outline:before {
  content: "\f141";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cart-outline:before {
  content: "\f3f7";
}

.ion-ios-cash:before {
  content: "\f144";
}

.ion-ios-cash-outline:before {
  content: "\f143";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}

.ion-ios-chatbubbles:before {
  content: "\f146";
}

.ion-ios-chatbubbles-outline:before {
  content: "\f145";
}

.ion-ios-checkbox:before {
  content: "\f148";
}

.ion-ios-checkbox-outline:before {
  content: "\f147";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-circle:before {
  content: "\f14a";
}

.ion-ios-checkmark-circle-outline:before {
  content: "\f149";
}

.ion-ios-checkmark-outline:before {
  content: "\f3ff";
}

.ion-ios-clipboard:before {
  content: "\f14c";
}

.ion-ios-clipboard-outline:before {
  content: "\f14b";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-clock-outline:before {
  content: "\f402";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-circle:before {
  content: "\f14e";
}

.ion-ios-close-circle-outline:before {
  content: "\f14d";
}

.ion-ios-close-outline:before {
  content: "\f406";
}

.ion-ios-closed-captioning:before {
  content: "\f150";
}

.ion-ios-closed-captioning-outline:before {
  content: "\f14f";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-circle:before {
  content: "\f152";
}

.ion-ios-cloud-circle-outline:before {
  content: "\f151";
}

.ion-ios-cloud-done:before {
  content: "\f154";
}

.ion-ios-cloud-done-outline:before {
  content: "\f153";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-download-outline:before {
  content: "\f407";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}

.ion-ios-cloudy-outline:before {
  content: "\f40f";
}

.ion-ios-code:before {
  content: "\f157";
}

.ion-ios-code-download:before {
  content: "\f155";
}

.ion-ios-code-download-outline:before {
  content: "\f155";
}

.ion-ios-code-outline:before {
  content: "\f157";
}

.ion-ios-code-working:before {
  content: "\f156";
}

.ion-ios-code-working-outline:before {
  content: "\f156";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-cog-outline:before {
  content: "\f411";
}

.ion-ios-color-fill:before {
  content: "\f159";
}

.ion-ios-color-fill-outline:before {
  content: "\f158";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-filter-outline:before {
  content: "\f413";
}

.ion-ios-color-palette:before {
  content: "\f15b";
}

.ion-ios-color-palette-outline:before {
  content: "\f15a";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-color-wand-outline:before {
  content: "\f415";
}

.ion-ios-compass:before {
  content: "\f15d";
}

.ion-ios-compass-outline:before {
  content: "\f15c";
}

.ion-ios-construct:before {
  content: "\f15f";
}

.ion-ios-construct-outline:before {
  content: "\f15e";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contact-outline:before {
  content: "\f419";
}

.ion-ios-contacts:before {
  content: "\f161";
}

.ion-ios-contacts-outline:before {
  content: "\f160";
}

.ion-ios-contract:before {
  content: "\f162";
}

.ion-ios-contract-outline:before {
  content: "\f162";
}

.ion-ios-contrast:before {
  content: "\f163";
}

.ion-ios-contrast-outline:before {
  content: "\f163";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-copy-outline:before {
  content: "\f41b";
}

.ion-ios-create:before {
  content: "\f165";
}

.ion-ios-create-outline:before {
  content: "\f164";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-crop-outline:before {
  content: "\f166";
}

.ion-ios-cube:before {
  content: "\f168";
}

.ion-ios-cube-outline:before {
  content: "\f167";
}

.ion-ios-cut:before {
  content: "\f16a";
}

.ion-ios-cut-outline:before {
  content: "\f169";
}

.ion-ios-desktop:before {
  content: "\f16c";
}

.ion-ios-desktop-outline:before {
  content: "\f16b";
}

.ion-ios-disc:before {
  content: "\f16e";
}

.ion-ios-disc-outline:before {
  content: "\f16d";
}

.ion-ios-document:before {
  content: "\f170";
}

.ion-ios-document-outline:before {
  content: "\f16f";
}

.ion-ios-done-all:before {
  content: "\f171";
}

.ion-ios-done-all-outline:before {
  content: "\f171";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-download-outline:before {
  content: "\f41f";
}

.ion-ios-easel:before {
  content: "\f173";
}

.ion-ios-easel-outline:before {
  content: "\f172";
}

.ion-ios-egg:before {
  content: "\f175";
}

.ion-ios-egg-outline:before {
  content: "\f174";
}

.ion-ios-exit:before {
  content: "\f177";
}

.ion-ios-exit-outline:before {
  content: "\f176";
}

.ion-ios-expand:before {
  content: "\f178";
}

.ion-ios-expand-outline:before {
  content: "\f178";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-off:before {
  content: "\f17a";
}

.ion-ios-eye-off-outline:before {
  content: "\f179";
}

.ion-ios-eye-outline:before {
  content: "\f424";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-fastforward-outline:before {
  content: "\f426";
}

.ion-ios-female:before {
  content: "\f17b";
}

.ion-ios-female-outline:before {
  content: "\f17b";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-filing-outline:before {
  content: "\f428";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-film-outline:before {
  content: "\f42a";
}

.ion-ios-finger-print:before {
  content: "\f17c";
}

.ion-ios-finger-print-outline:before {
  content: "\f17c";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flag-outline:before {
  content: "\f42c";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flame-outline:before {
  content: "\f42e";
}

.ion-ios-flash:before {
  content: "\f17e";
}

.ion-ios-flash-outline:before {
  content: "\f17d";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flask-outline:before {
  content: "\f430";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-flower-outline:before {
  content: "\f432";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-open:before {
  content: "\f180";
}

.ion-ios-folder-open-outline:before {
  content: "\f17f";
}

.ion-ios-folder-outline:before {
  content: "\f434";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-football-outline:before {
  content: "\f436";
}

.ion-ios-funnel:before {
  content: "\f182";
}

.ion-ios-funnel-outline:before {
  content: "\f181";
}

.ion-ios-game-controller-a:before {
  content: "\f439";
}

.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}

.ion-ios-game-controller-b:before {
  content: "\f43b";
}

.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}

.ion-ios-git-branch:before {
  content: "\f183";
}

.ion-ios-git-branch-outline:before {
  content: "\f183";
}

.ion-ios-git-commit:before {
  content: "\f184";
}

.ion-ios-git-commit-outline:before {
  content: "\f184";
}

.ion-ios-git-compare:before {
  content: "\f185";
}

.ion-ios-git-compare-outline:before {
  content: "\f185";
}

.ion-ios-git-merge:before {
  content: "\f186";
}

.ion-ios-git-merge-outline:before {
  content: "\f186";
}

.ion-ios-git-network:before {
  content: "\f187";
}

.ion-ios-git-network-outline:before {
  content: "\f187";
}

.ion-ios-git-pull-request:before {
  content: "\f188";
}

.ion-ios-git-pull-request-outline:before {
  content: "\f188";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-glasses-outline:before {
  content: "\f43e";
}

.ion-ios-globe:before {
  content: "\f18a";
}

.ion-ios-globe-outline:before {
  content: "\f189";
}

.ion-ios-grid:before {
  content: "\f18c";
}

.ion-ios-grid-outline:before {
  content: "\f18b";
}

.ion-ios-hammer:before {
  content: "\f18e";
}

.ion-ios-hammer-outline:before {
  content: "\f18d";
}

.ion-ios-hand:before {
  content: "\f190";
}

.ion-ios-hand-outline:before {
  content: "\f18f";
}

.ion-ios-happy:before {
  content: "\f192";
}

.ion-ios-happy-outline:before {
  content: "\f191";
}

.ion-ios-headset:before {
  content: "\f194";
}

.ion-ios-headset-outline:before {
  content: "\f193";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-outline:before {
  content: "\f442";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-buoy:before {
  content: "\f196";
}

.ion-ios-help-buoy-outline:before {
  content: "\f195";
}

.ion-ios-help-circle:before {
  content: "\f198";
}

.ion-ios-help-circle-outline:before {
  content: "\f197";
}

.ion-ios-help-outline:before {
  content: "\f446";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-home-outline:before {
  content: "\f447";
}

.ion-ios-ice-cream:before {
  content: "\f19a";
}

.ion-ios-ice-cream-outline:before {
  content: "\f199";
}

.ion-ios-image:before {
  content: "\f19c";
}

.ion-ios-image-outline:before {
  content: "\f19b";
}

.ion-ios-images:before {
  content: "\f19e";
}

.ion-ios-images-outline:before {
  content: "\f19d";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-infinite-outline:before {
  content: "\f449";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-circle:before {
  content: "\f1a0";
}

.ion-ios-information-circle-outline:before {
  content: "\f19f";
}

.ion-ios-information-outline:before {
  content: "\f44d";
}

.ion-ios-ionic:before {
  content: "\f1a1";
}

.ion-ios-ionic-outline:before {
  content: "\f44e";
}

.ion-ios-ionitron:before {
  content: "\f1a3";
}

.ion-ios-ionitron-outline:before {
  content: "\f1a2";
}

.ion-ios-jet:before {
  content: "\f1a5";
}

.ion-ios-jet-outline:before {
  content: "\f1a4";
}

.ion-ios-key:before {
  content: "\f1a7";
}

.ion-ios-key-outline:before {
  content: "\f1a6";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-keypad-outline:before {
  content: "\f44f";
}

.ion-ios-laptop:before {
  content: "\f1a8";
}

.ion-ios-laptop-outline:before {
  content: "\f1a8";
}

.ion-ios-leaf:before {
  content: "\f1aa";
}

.ion-ios-leaf-outline:before {
  content: "\f1a9";
}

.ion-ios-link:before {
  content: "\f22a";
}

.ion-ios-link-outline:before {
  content: "\f1ca";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-box:before {
  content: "\f1ac";
}

.ion-ios-list-box-outline:before {
  content: "\f1ab";
}

.ion-ios-list-outline:before {
  content: "\f454";
}

.ion-ios-locate:before {
  content: "\f1ae";
}

.ion-ios-locate-outline:before {
  content: "\f1ad";
}

.ion-ios-lock:before {
  content: "\f1b0";
}

.ion-ios-lock-outline:before {
  content: "\f1af";
}

.ion-ios-log-in:before {
  content: "\f1b1";
}

.ion-ios-log-in-outline:before {
  content: "\f1b1";
}

.ion-ios-log-out:before {
  content: "\f1b2";
}

.ion-ios-log-out-outline:before {
  content: "\f1b2";
}

.ion-ios-magnet:before {
  content: "\f1b4";
}

.ion-ios-magnet-outline:before {
  content: "\f1b3";
}

.ion-ios-mail:before {
  content: "\f1b8";
}

.ion-ios-mail-open:before {
  content: "\f1b6";
}

.ion-ios-mail-open-outline:before {
  content: "\f1b5";
}

.ion-ios-mail-outline:before {
  content: "\f1b7";
}

.ion-ios-male:before {
  content: "\f1b9";
}

.ion-ios-male-outline:before {
  content: "\f1b9";
}

.ion-ios-man:before {
  content: "\f1bb";
}

.ion-ios-man-outline:before {
  content: "\f1ba";
}

.ion-ios-map:before {
  content: "\f1bd";
}

.ion-ios-map-outline:before {
  content: "\f1bc";
}

.ion-ios-medal:before {
  content: "\f1bf";
}

.ion-ios-medal-outline:before {
  content: "\f1be";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medical-outline:before {
  content: "\f45b";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-medkit-outline:before {
  content: "\f45d";
}

.ion-ios-megaphone:before {
  content: "\f1c1";
}

.ion-ios-megaphone-outline:before {
  content: "\f1c0";
}

.ion-ios-menu:before {
  content: "\f1c3";
}

.ion-ios-menu-outline:before {
  content: "\f1c2";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-mic-off-outline:before {
  content: "\f1c4";
}

.ion-ios-mic-outline:before {
  content: "\f460";
}

.ion-ios-microphone:before {
  content: "\f1c6";
}

.ion-ios-microphone-outline:before {
  content: "\f1c5";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-moon-outline:before {
  content: "\f467";
}

.ion-ios-more:before {
  content: "\f1c8";
}

.ion-ios-more-outline:before {
  content: "\f1c7";
}

.ion-ios-move:before {
  content: "\f1cb";
}

.ion-ios-move-outline:before {
  content: "\f1cb";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-note-outline:before {
  content: "\f1cc";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-musical-notes-outline:before {
  content: "\f1cd";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-navigate-outline:before {
  content: "\f46d";
}

.ion-ios-no-smoking:before {
  content: "\f1cf";
}

.ion-ios-no-smoking-outline:before {
  content: "\f1ce";
}

.ion-ios-notifications:before {
  content: "\f1d3";
}

.ion-ios-notifications-off:before {
  content: "\f1d1";
}

.ion-ios-notifications-off-outline:before {
  content: "\f1d0";
}

.ion-ios-notifications-outline:before {
  content: "\f1d2";
}

.ion-ios-nuclear:before {
  content: "\f1d5";
}

.ion-ios-nuclear-outline:before {
  content: "\f1d4";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-nutrition-outline:before {
  content: "\f46f";
}

.ion-ios-open:before {
  content: "\f1d7";
}

.ion-ios-open-outline:before {
  content: "\f1d6";
}

.ion-ios-options:before {
  content: "\f1d9";
}

.ion-ios-options-outline:before {
  content: "\f1d8";
}

.ion-ios-outlet:before {
  content: "\f1db";
}

.ion-ios-outlet-outline:before {
  content: "\f1da";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-outline:before {
  content: "\f471";
}

.ion-ios-paper-plane:before {
  content: "\f1dd";
}

.ion-ios-paper-plane-outline:before {
  content: "\f1dc";
}

.ion-ios-partly-sunny:before {
  content: "\f1df";
}

.ion-ios-partly-sunny-outline:before {
  content: "\f1de";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-pause-outline:before {
  content: "\f477";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-paw-outline:before {
  content: "\f479";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-people-outline:before {
  content: "\f47b";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-add:before {
  content: "\f1e1";
}

.ion-ios-person-add-outline:before {
  content: "\f1e0";
}

.ion-ios-person-outline:before {
  content: "\f47d";
}

.ion-ios-phone-landscape:before {
  content: "\f1e2";
}

.ion-ios-phone-landscape-outline:before {
  content: "\f1e2";
}

.ion-ios-phone-portrait:before {
  content: "\f1e3";
}

.ion-ios-phone-portrait-outline:before {
  content: "\f1e3";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-photos-outline:before {
  content: "\f481";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pie-outline:before {
  content: "\f483";
}

.ion-ios-pin:before {
  content: "\f1e5";
}

.ion-ios-pin-outline:before {
  content: "\f1e4";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pint-outline:before {
  content: "\f485";
}

.ion-ios-pizza:before {
  content: "\f1e7";
}

.ion-ios-pizza-outline:before {
  content: "\f1e6";
}

.ion-ios-plane:before {
  content: "\f1e9";
}

.ion-ios-plane-outline:before {
  content: "\f1e8";
}

.ion-ios-planet:before {
  content: "\f1eb";
}

.ion-ios-planet-outline:before {
  content: "\f1ea";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-outline:before {
  content: "\f487";
}

.ion-ios-podium:before {
  content: "\f1ed";
}

.ion-ios-podium-outline:before {
  content: "\f1ec";
}

.ion-ios-power:before {
  content: "\f1ef";
}

.ion-ios-power-outline:before {
  content: "\f1ee";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetag-outline:before {
  content: "\f48c";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-pricetags-outline:before {
  content: "\f48e";
}

.ion-ios-print:before {
  content: "\f1f1";
}

.ion-ios-print-outline:before {
  content: "\f1f0";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-pulse-outline:before {
  content: "\f1f2";
}

.ion-ios-qr-scanner:before {
  content: "\f1f3";
}

.ion-ios-qr-scanner-outline:before {
  content: "\f1f3";
}

.ion-ios-quote:before {
  content: "\f1f5";
}

.ion-ios-quote-outline:before {
  content: "\f1f4";
}

.ion-ios-radio:before {
  content: "\f1f9";
}

.ion-ios-radio-button-off:before {
  content: "\f1f6";
}

.ion-ios-radio-button-off-outline:before {
  content: "\f1f6";
}

.ion-ios-radio-button-on:before {
  content: "\f1f7";
}

.ion-ios-radio-button-on-outline:before {
  content: "\f1f7";
}

.ion-ios-radio-outline:before {
  content: "\f1f8";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-rainy-outline:before {
  content: "\f494";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-recording-outline:before {
  content: "\f496";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-redo-outline:before {
  content: "\f498";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-circle:before {
  content: "\f226";
}

.ion-ios-refresh-circle-outline:before {
  content: "\f224";
}

.ion-ios-refresh-outline:before {
  content: "\f49c";
}

.ion-ios-remove:before {
  content: "\f1fc";
}

.ion-ios-remove-circle:before {
  content: "\f1fb";
}

.ion-ios-remove-circle-outline:before {
  content: "\f1fa";
}

.ion-ios-remove-outline:before {
  content: "\f1fc";
}

.ion-ios-reorder:before {
  content: "\f1fd";
}

.ion-ios-reorder-outline:before {
  content: "\f1fd";
}

.ion-ios-repeat:before {
  content: "\f1fe";
}

.ion-ios-repeat-outline:before {
  content: "\f1fe";
}

.ion-ios-resize:before {
  content: "\f1ff";
}

.ion-ios-resize-outline:before {
  content: "\f1ff";
}

.ion-ios-restaurant:before {
  content: "\f201";
}

.ion-ios-restaurant-outline:before {
  content: "\f200";
}

.ion-ios-return-left:before {
  content: "\f202";
}

.ion-ios-return-left-outline:before {
  content: "\f202";
}

.ion-ios-return-right:before {
  content: "\f203";
}

.ion-ios-return-right-outline:before {
  content: "\f203";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-rewind-outline:before {
  content: "\f4a0";
}

.ion-ios-ribbon:before {
  content: "\f205";
}

.ion-ios-ribbon-outline:before {
  content: "\f204";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-rose-outline:before {
  content: "\f4a2";
}

.ion-ios-sad:before {
  content: "\f207";
}

.ion-ios-sad-outline:before {
  content: "\f206";
}

.ion-ios-school:before {
  content: "\f209";
}

.ion-ios-school-outline:before {
  content: "\f208";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-search-outline:before {
  content: "\f20a";
}

.ion-ios-send:before {
  content: "\f20c";
}

.ion-ios-send-outline:before {
  content: "\f20b";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-settings-outline:before {
  content: "\f20d";
}

.ion-ios-share:before {
  content: "\f211";
}

.ion-ios-share-alt:before {
  content: "\f20f";
}

.ion-ios-share-alt-outline:before {
  content: "\f20e";
}

.ion-ios-share-outline:before {
  content: "\f210";
}

.ion-ios-shirt:before {
  content: "\f213";
}

.ion-ios-shirt-outline:before {
  content: "\f212";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-shuffle-outline:before {
  content: "\f4a9";
}

.ion-ios-skip-backward:before {
  content: "\f215";
}

.ion-ios-skip-backward-outline:before {
  content: "\f214";
}

.ion-ios-skip-forward:before {
  content: "\f217";
}

.ion-ios-skip-forward-outline:before {
  content: "\f216";
}

.ion-ios-snow:before {
  content: "\f218";
}

.ion-ios-snow-outline:before {
  content: "\f22c";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-speedometer-outline:before {
  content: "\f4af";
}

.ion-ios-square:before {
  content: "\f21a";
}

.ion-ios-square-outline:before {
  content: "\f219";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-half-outline:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stats:before {
  content: "\f21c";
}

.ion-ios-stats-outline:before {
  content: "\f21b";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}

.ion-ios-subway:before {
  content: "\f21e";
}

.ion-ios-subway-outline:before {
  content: "\f21d";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-sunny-outline:before {
  content: "\f4b6";
}

.ion-ios-swap:before {
  content: "\f21f";
}

.ion-ios-swap-outline:before {
  content: "\f21f";
}

.ion-ios-switch:before {
  content: "\f221";
}

.ion-ios-switch-outline:before {
  content: "\f220";
}

.ion-ios-sync:before {
  content: "\f222";
}

.ion-ios-sync-outline:before {
  content: "\f222";
}

.ion-ios-tablet-landscape:before {
  content: "\f223";
}

.ion-ios-tablet-landscape-outline:before {
  content: "\f223";
}

.ion-ios-tablet-portrait:before {
  content: "\f24e";
}

.ion-ios-tablet-portrait-outline:before {
  content: "\f24e";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}

.ion-ios-text:before {
  content: "\f250";
}

.ion-ios-text-outline:before {
  content: "\f24f";
}

.ion-ios-thermometer:before {
  content: "\f252";
}

.ion-ios-thermometer-outline:before {
  content: "\f251";
}

.ion-ios-thumbs-down:before {
  content: "\f254";
}

.ion-ios-thumbs-down-outline:before {
  content: "\f253";
}

.ion-ios-thumbs-up:before {
  content: "\f256";
}

.ion-ios-thumbs-up-outline:before {
  content: "\f255";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-time-outline:before {
  content: "\f4be";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-timer-outline:before {
  content: "\f4c0";
}

.ion-ios-train:before {
  content: "\f258";
}

.ion-ios-train-outline:before {
  content: "\f257";
}

.ion-ios-transgender:before {
  content: "\f259";
}

.ion-ios-transgender-outline:before {
  content: "\f259";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trash-outline:before {
  content: "\f4c4";
}

.ion-ios-trending-down:before {
  content: "\f25a";
}

.ion-ios-trending-down-outline:before {
  content: "\f25a";
}

.ion-ios-trending-up:before {
  content: "\f25b";
}

.ion-ios-trending-up-outline:before {
  content: "\f25b";
}

.ion-ios-trophy:before {
  content: "\f25d";
}

.ion-ios-trophy-outline:before {
  content: "\f25c";
}

.ion-ios-umbrella:before {
  content: "\f25f";
}

.ion-ios-umbrella-outline:before {
  content: "\f25e";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-undo-outline:before {
  content: "\f4c6";
}

.ion-ios-unlock:before {
  content: "\f261";
}

.ion-ios-unlock-outline:before {
  content: "\f260";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-videocam-outline:before {
  content: "\f4cc";
}

.ion-ios-volume-down:before {
  content: "\f262";
}

.ion-ios-volume-down-outline:before {
  content: "\f262";
}

.ion-ios-volume-mute:before {
  content: "\f263";
}

.ion-ios-volume-mute-outline:before {
  content: "\f263";
}

.ion-ios-volume-off:before {
  content: "\f264";
}

.ion-ios-volume-off-outline:before {
  content: "\f264";
}

.ion-ios-volume-up:before {
  content: "\f265";
}

.ion-ios-volume-up-outline:before {
  content: "\f265";
}

.ion-ios-walk:before {
  content: "\f266";
}

.ion-ios-walk-outline:before {
  content: "\f266";
}

.ion-ios-warning:before {
  content: "\f268";
}

.ion-ios-warning-outline:before {
  content: "\f267";
}

.ion-ios-watch:before {
  content: "\f269";
}

.ion-ios-watch-outline:before {
  content: "\f269";
}

.ion-ios-water:before {
  content: "\f26b";
}

.ion-ios-water-outline:before {
  content: "\f26a";
}

.ion-ios-wifi:before {
  content: "\f26d";
}

.ion-ios-wifi-outline:before {
  content: "\f26c";
}

.ion-ios-wine:before {
  content: "\f26f";
}

.ion-ios-wine-outline:before {
  content: "\f26e";
}

.ion-ios-woman:before {
  content: "\f271";
}

.ion-ios-woman-outline:before {
  content: "\f270";
}

.ion-logo-android:before {
  content: "\f225";
}

.ion-logo-angular:before {
  content: "\f227";
}

.ion-logo-apple:before {
  content: "\f229";
}

.ion-logo-bitcoin:before {
  content: "\f22b";
}

.ion-logo-buffer:before {
  content: "\f22d";
}

.ion-logo-chrome:before {
  content: "\f22f";
}

.ion-logo-codepen:before {
  content: "\f230";
}

.ion-logo-css3:before {
  content: "\f231";
}

.ion-logo-designernews:before {
  content: "\f232";
}

.ion-logo-dribbble:before {
  content: "\f233";
}

.ion-logo-dropbox:before {
  content: "\f234";
}

.ion-logo-euro:before {
  content: "\f235";
}

.ion-logo-facebook:before {
  content: "\f236";
}

.ion-logo-foursquare:before {
  content: "\f237";
}

.ion-logo-freebsd-devil:before {
  content: "\f238";
}

.ion-logo-github:before {
  content: "\f239";
}

.ion-logo-google:before {
  content: "\f23a";
}

.ion-logo-googleplus:before {
  content: "\f23b";
}

.ion-logo-hackernews:before {
  content: "\f23c";
}

.ion-logo-html5:before {
  content: "\f23d";
}

.ion-logo-instagram:before {
  content: "\f23e";
}

.ion-logo-javascript:before {
  content: "\f23f";
}

.ion-logo-linkedin:before {
  content: "\f240";
}

.ion-logo-markdown:before {
  content: "\f241";
}

.ion-logo-nodejs:before {
  content: "\f242";
}

.ion-logo-octocat:before {
  content: "\f243";
}

.ion-logo-pinterest:before {
  content: "\f244";
}

.ion-logo-playstation:before {
  content: "\f245";
}

.ion-logo-python:before {
  content: "\f246";
}

.ion-logo-reddit:before {
  content: "\f247";
}

.ion-logo-rss:before {
  content: "\f248";
}

.ion-logo-sass:before {
  content: "\f249";
}

.ion-logo-skype:before {
  content: "\f24a";
}

.ion-logo-snapchat:before {
  content: "\f24b";
}

.ion-logo-steam:before {
  content: "\f24c";
}

.ion-logo-tumblr:before {
  content: "\f24d";
}

.ion-logo-tux:before {
  content: "\f2ae";
}

.ion-logo-twitch:before {
  content: "\f2af";
}

.ion-logo-twitter:before {
  content: "\f2b0";
}

.ion-logo-usd:before {
  content: "\f2b1";
}

.ion-logo-vimeo:before {
  content: "\f2c4";
}

.ion-logo-whatsapp:before {
  content: "\f2c5";
}

.ion-logo-windows:before {
  content: "\f32f";
}

.ion-logo-wordpress:before {
  content: "\f330";
}

.ion-logo-xbox:before {
  content: "\f34c";
}

.ion-logo-yahoo:before {
  content: "\f34d";
}

.ion-logo-yen:before {
  content: "\f34e";
}

.ion-logo-youtube:before {
  content: "\f34f";
}

.ion-md-add:before {
  content: "\f273";
}

.ion-md-add-circle:before {
  content: "\f272";
}

.ion-md-alarm:before {
  content: "\f274";
}

.ion-md-albums:before {
  content: "\f275";
}

.ion-md-alert:before {
  content: "\f276";
}

.ion-md-american-football:before {
  content: "\f277";
}

.ion-md-analytics:before {
  content: "\f278";
}

.ion-md-aperture:before {
  content: "\f279";
}

.ion-md-apps:before {
  content: "\f27a";
}

.ion-md-appstore:before {
  content: "\f27b";
}

.ion-md-archive:before {
  content: "\f27c";
}

.ion-md-arrow-back:before {
  content: "\f27d";
}

.ion-md-arrow-down:before {
  content: "\f27e";
}

.ion-md-arrow-dropdown:before {
  content: "\f280";
}

.ion-md-arrow-dropdown-circle:before {
  content: "\f27f";
}

.ion-md-arrow-dropleft:before {
  content: "\f282";
}

.ion-md-arrow-dropleft-circle:before {
  content: "\f281";
}

.ion-md-arrow-dropright:before {
  content: "\f284";
}

.ion-md-arrow-dropright-circle:before {
  content: "\f283";
}

.ion-md-arrow-dropup:before {
  content: "\f286";
}

.ion-md-arrow-dropup-circle:before {
  content: "\f285";
}

.ion-md-arrow-forward:before {
  content: "\f287";
}

.ion-md-arrow-round-back:before {
  content: "\f288";
}

.ion-md-arrow-round-down:before {
  content: "\f289";
}

.ion-md-arrow-round-forward:before {
  content: "\f28a";
}

.ion-md-arrow-round-up:before {
  content: "\f28b";
}

.ion-md-arrow-up:before {
  content: "\f28c";
}

.ion-md-at:before {
  content: "\f28d";
}

.ion-md-attach:before {
  content: "\f28e";
}

.ion-md-backspace:before {
  content: "\f28f";
}

.ion-md-barcode:before {
  content: "\f290";
}

.ion-md-baseball:before {
  content: "\f291";
}

.ion-md-basket:before {
  content: "\f292";
}

.ion-md-basketball:before {
  content: "\f293";
}

.ion-md-battery-charging:before {
  content: "\f294";
}

.ion-md-battery-dead:before {
  content: "\f295";
}

.ion-md-battery-full:before {
  content: "\f296";
}

.ion-md-beaker:before {
  content: "\f297";
}

.ion-md-beer:before {
  content: "\f298";
}

.ion-md-bicycle:before {
  content: "\f299";
}

.ion-md-bluetooth:before {
  content: "\f29a";
}

.ion-md-boat:before {
  content: "\f29b";
}

.ion-md-body:before {
  content: "\f29c";
}

.ion-md-bonfire:before {
  content: "\f29d";
}

.ion-md-book:before {
  content: "\f29e";
}

.ion-md-bookmark:before {
  content: "\f29f";
}

.ion-md-bookmarks:before {
  content: "\f2a0";
}

.ion-md-bowtie:before {
  content: "\f2a1";
}

.ion-md-briefcase:before {
  content: "\f2a2";
}

.ion-md-browsers:before {
  content: "\f2a3";
}

.ion-md-brush:before {
  content: "\f2a4";
}

.ion-md-bug:before {
  content: "\f2a5";
}

.ion-md-build:before {
  content: "\f2a6";
}

.ion-md-bulb:before {
  content: "\f2a7";
}

.ion-md-bus:before {
  content: "\f2a8";
}

.ion-md-cafe:before {
  content: "\f2a9";
}

.ion-md-calculator:before {
  content: "\f2aa";
}

.ion-md-calendar:before {
  content: "\f2ab";
}

.ion-md-call:before {
  content: "\f2ac";
}

.ion-md-camera:before {
  content: "\f2ad";
}

.ion-md-car:before {
  content: "\f2b2";
}

.ion-md-card:before {
  content: "\f2b3";
}

.ion-md-cart:before {
  content: "\f2b4";
}

.ion-md-cash:before {
  content: "\f2b5";
}

.ion-md-chatboxes:before {
  content: "\f2b6";
}

.ion-md-chatbubbles:before {
  content: "\f2b7";
}

.ion-md-checkbox:before {
  content: "\f2b9";
}

.ion-md-checkbox-outline:before {
  content: "\f2b8";
}

.ion-md-checkmark:before {
  content: "\f2bc";
}

.ion-md-checkmark-circle:before {
  content: "\f2bb";
}

.ion-md-checkmark-circle-outline:before {
  content: "\f2ba";
}

.ion-md-clipboard:before {
  content: "\f2bd";
}

.ion-md-clock:before {
  content: "\f2be";
}

.ion-md-close:before {
  content: "\f2c0";
}

.ion-md-close-circle:before {
  content: "\f2bf";
}

.ion-md-closed-captioning:before {
  content: "\f2c1";
}

.ion-md-cloud:before {
  content: "\f2c9";
}

.ion-md-cloud-circle:before {
  content: "\f2c2";
}

.ion-md-cloud-done:before {
  content: "\f2c3";
}

.ion-md-cloud-download:before {
  content: "\f2c6";
}

.ion-md-cloud-outline:before {
  content: "\f2c7";
}

.ion-md-cloud-upload:before {
  content: "\f2c8";
}

.ion-md-cloudy:before {
  content: "\f2cb";
}

.ion-md-cloudy-night:before {
  content: "\f2ca";
}

.ion-md-code:before {
  content: "\f2ce";
}

.ion-md-code-download:before {
  content: "\f2cc";
}

.ion-md-code-working:before {
  content: "\f2cd";
}

.ion-md-cog:before {
  content: "\f2cf";
}

.ion-md-color-fill:before {
  content: "\f2d0";
}

.ion-md-color-filter:before {
  content: "\f2d1";
}

.ion-md-color-palette:before {
  content: "\f2d2";
}

.ion-md-color-wand:before {
  content: "\f2d3";
}

.ion-md-compass:before {
  content: "\f2d4";
}

.ion-md-construct:before {
  content: "\f2d5";
}

.ion-md-contact:before {
  content: "\f2d6";
}

.ion-md-contacts:before {
  content: "\f2d7";
}

.ion-md-contract:before {
  content: "\f2d8";
}

.ion-md-contrast:before {
  content: "\f2d9";
}

.ion-md-copy:before {
  content: "\f2da";
}

.ion-md-create:before {
  content: "\f2db";
}

.ion-md-crop:before {
  content: "\f2dc";
}

.ion-md-cube:before {
  content: "\f2dd";
}

.ion-md-cut:before {
  content: "\f2de";
}

.ion-md-desktop:before {
  content: "\f2df";
}

.ion-md-disc:before {
  content: "\f2e0";
}

.ion-md-document:before {
  content: "\f2e1";
}

.ion-md-done-all:before {
  content: "\f2e2";
}

.ion-md-download:before {
  content: "\f2e3";
}

.ion-md-easel:before {
  content: "\f2e4";
}

.ion-md-egg:before {
  content: "\f2e5";
}

.ion-md-exit:before {
  content: "\f2e6";
}

.ion-md-expand:before {
  content: "\f2e7";
}

.ion-md-eye:before {
  content: "\f2e9";
}

.ion-md-eye-off:before {
  content: "\f2e8";
}

.ion-md-fastforward:before {
  content: "\f2ea";
}

.ion-md-female:before {
  content: "\f2eb";
}

.ion-md-filing:before {
  content: "\f2ec";
}

.ion-md-film:before {
  content: "\f2ed";
}

.ion-md-finger-print:before {
  content: "\f2ee";
}

.ion-md-flag:before {
  content: "\f2ef";
}

.ion-md-flame:before {
  content: "\f2f0";
}

.ion-md-flash:before {
  content: "\f2f1";
}

.ion-md-flask:before {
  content: "\f2f2";
}

.ion-md-flower:before {
  content: "\f2f3";
}

.ion-md-folder:before {
  content: "\f2f5";
}

.ion-md-folder-open:before {
  content: "\f2f4";
}

.ion-md-football:before {
  content: "\f2f6";
}

.ion-md-funnel:before {
  content: "\f2f7";
}

.ion-md-game-controller-a:before {
  content: "\f2f8";
}

.ion-md-game-controller-b:before {
  content: "\f2f9";
}

.ion-md-git-branch:before {
  content: "\f2fa";
}

.ion-md-git-commit:before {
  content: "\f2fb";
}

.ion-md-git-compare:before {
  content: "\f2fc";
}

.ion-md-git-merge:before {
  content: "\f2fd";
}

.ion-md-git-network:before {
  content: "\f2fe";
}

.ion-md-git-pull-request:before {
  content: "\f2ff";
}

.ion-md-glasses:before {
  content: "\f300";
}

.ion-md-globe:before {
  content: "\f301";
}

.ion-md-grid:before {
  content: "\f302";
}

.ion-md-hammer:before {
  content: "\f303";
}

.ion-md-hand:before {
  content: "\f304";
}

.ion-md-happy:before {
  content: "\f305";
}

.ion-md-headset:before {
  content: "\f306";
}

.ion-md-heart:before {
  content: "\f308";
}

.ion-md-heart-outline:before {
  content: "\f307";
}

.ion-md-help:before {
  content: "\f30b";
}

.ion-md-help-buoy:before {
  content: "\f309";
}

.ion-md-help-circle:before {
  content: "\f30a";
}

.ion-md-home:before {
  content: "\f30c";
}

.ion-md-ice-cream:before {
  content: "\f30d";
}

.ion-md-image:before {
  content: "\f30e";
}

.ion-md-images:before {
  content: "\f30f";
}

.ion-md-infinite:before {
  content: "\f310";
}

.ion-md-information:before {
  content: "\f312";
}

.ion-md-information-circle:before {
  content: "\f311";
}

.ion-md-ionic:before {
  content: "\f313";
}

.ion-md-ionitron:before {
  content: "\f314";
}

.ion-md-jet:before {
  content: "\f315";
}

.ion-md-key:before {
  content: "\f316";
}

.ion-md-keypad:before {
  content: "\f317";
}

.ion-md-laptop:before {
  content: "\f318";
}

.ion-md-leaf:before {
  content: "\f319";
}

.ion-md-link:before {
  content: "\f22e";
}

.ion-md-list:before {
  content: "\f31b";
}

.ion-md-list-box:before {
  content: "\f31a";
}

.ion-md-locate:before {
  content: "\f31c";
}

.ion-md-lock:before {
  content: "\f31d";
}

.ion-md-log-in:before {
  content: "\f31e";
}

.ion-md-log-out:before {
  content: "\f31f";
}

.ion-md-magnet:before {
  content: "\f320";
}

.ion-md-mail:before {
  content: "\f322";
}

.ion-md-mail-open:before {
  content: "\f321";
}

.ion-md-male:before {
  content: "\f323";
}

.ion-md-man:before {
  content: "\f324";
}

.ion-md-map:before {
  content: "\f325";
}

.ion-md-medal:before {
  content: "\f326";
}

.ion-md-medical:before {
  content: "\f327";
}

.ion-md-medkit:before {
  content: "\f328";
}

.ion-md-megaphone:before {
  content: "\f329";
}

.ion-md-menu:before {
  content: "\f32a";
}

.ion-md-mic:before {
  content: "\f32c";
}

.ion-md-mic-off:before {
  content: "\f32b";
}

.ion-md-microphone:before {
  content: "\f32d";
}

.ion-md-moon:before {
  content: "\f32e";
}

.ion-md-more:before {
  content: "\f1c9";
}

.ion-md-move:before {
  content: "\f331";
}

.ion-md-musical-note:before {
  content: "\f332";
}

.ion-md-musical-notes:before {
  content: "\f333";
}

.ion-md-navigate:before {
  content: "\f334";
}

.ion-md-no-smoking:before {
  content: "\f335";
}

.ion-md-notifications:before {
  content: "\f338";
}

.ion-md-notifications-off:before {
  content: "\f336";
}

.ion-md-notifications-outline:before {
  content: "\f337";
}

.ion-md-nuclear:before {
  content: "\f339";
}

.ion-md-nutrition:before {
  content: "\f33a";
}

.ion-md-open:before {
  content: "\f33b";
}

.ion-md-options:before {
  content: "\f33c";
}

.ion-md-outlet:before {
  content: "\f33d";
}

.ion-md-paper:before {
  content: "\f33f";
}

.ion-md-paper-plane:before {
  content: "\f33e";
}

.ion-md-partly-sunny:before {
  content: "\f340";
}

.ion-md-pause:before {
  content: "\f341";
}

.ion-md-paw:before {
  content: "\f342";
}

.ion-md-people:before {
  content: "\f343";
}

.ion-md-person:before {
  content: "\f345";
}

.ion-md-person-add:before {
  content: "\f344";
}

.ion-md-phone-landscape:before {
  content: "\f346";
}

.ion-md-phone-portrait:before {
  content: "\f347";
}

.ion-md-photos:before {
  content: "\f348";
}

.ion-md-pie:before {
  content: "\f349";
}

.ion-md-pin:before {
  content: "\f34a";
}

.ion-md-pint:before {
  content: "\f34b";
}

.ion-md-pizza:before {
  content: "\f354";
}

.ion-md-plane:before {
  content: "\f355";
}

.ion-md-planet:before {
  content: "\f356";
}

.ion-md-play:before {
  content: "\f357";
}

.ion-md-podium:before {
  content: "\f358";
}

.ion-md-power:before {
  content: "\f359";
}

.ion-md-pricetag:before {
  content: "\f35a";
}

.ion-md-pricetags:before {
  content: "\f35b";
}

.ion-md-print:before {
  content: "\f35c";
}

.ion-md-pulse:before {
  content: "\f35d";
}

.ion-md-qr-scanner:before {
  content: "\f35e";
}

.ion-md-quote:before {
  content: "\f35f";
}

.ion-md-radio:before {
  content: "\f362";
}

.ion-md-radio-button-off:before {
  content: "\f360";
}

.ion-md-radio-button-on:before {
  content: "\f361";
}

.ion-md-rainy:before {
  content: "\f363";
}

.ion-md-recording:before {
  content: "\f364";
}

.ion-md-redo:before {
  content: "\f365";
}

.ion-md-refresh:before {
  content: "\f366";
}

.ion-md-refresh-circle:before {
  content: "\f228";
}

.ion-md-remove:before {
  content: "\f368";
}

.ion-md-remove-circle:before {
  content: "\f367";
}

.ion-md-reorder:before {
  content: "\f369";
}

.ion-md-repeat:before {
  content: "\f36a";
}

.ion-md-resize:before {
  content: "\f36b";
}

.ion-md-restaurant:before {
  content: "\f36c";
}

.ion-md-return-left:before {
  content: "\f36d";
}

.ion-md-return-right:before {
  content: "\f36e";
}

.ion-md-reverse-camera:before {
  content: "\f36f";
}

.ion-md-rewind:before {
  content: "\f370";
}

.ion-md-ribbon:before {
  content: "\f371";
}

.ion-md-rose:before {
  content: "\f372";
}

.ion-md-sad:before {
  content: "\f373";
}

.ion-md-school:before {
  content: "\f374";
}

.ion-md-search:before {
  content: "\f375";
}

.ion-md-send:before {
  content: "\f376";
}

.ion-md-settings:before {
  content: "\f377";
}

.ion-md-share:before {
  content: "\f379";
}

.ion-md-share-alt:before {
  content: "\f378";
}

.ion-md-shirt:before {
  content: "\f37a";
}

.ion-md-shuffle:before {
  content: "\f37b";
}

.ion-md-skip-backward:before {
  content: "\f37c";
}

.ion-md-skip-forward:before {
  content: "\f37d";
}

.ion-md-snow:before {
  content: "\f37e";
}

.ion-md-speedometer:before {
  content: "\f37f";
}

.ion-md-square:before {
  content: "\f381";
}

.ion-md-square-outline:before {
  content: "\f380";
}

.ion-md-star:before {
  content: "\f384";
}

.ion-md-star-half:before {
  content: "\f382";
}

.ion-md-star-outline:before {
  content: "\f383";
}

.ion-md-stats:before {
  content: "\f385";
}

.ion-md-stopwatch:before {
  content: "\f386";
}

.ion-md-subway:before {
  content: "\f387";
}

.ion-md-sunny:before {
  content: "\f388";
}

.ion-md-swap:before {
  content: "\f389";
}

.ion-md-switch:before {
  content: "\f38a";
}

.ion-md-sync:before {
  content: "\f38b";
}

.ion-md-tablet-landscape:before {
  content: "\f38c";
}

.ion-md-tablet-portrait:before {
  content: "\f38d";
}

.ion-md-tennisball:before {
  content: "\f38e";
}

.ion-md-text:before {
  content: "\f38f";
}

.ion-md-thermometer:before {
  content: "\f390";
}

.ion-md-thumbs-down:before {
  content: "\f391";
}

.ion-md-thumbs-up:before {
  content: "\f392";
}

.ion-md-thunderstorm:before {
  content: "\f393";
}

.ion-md-time:before {
  content: "\f394";
}

.ion-md-timer:before {
  content: "\f395";
}

.ion-md-train:before {
  content: "\f396";
}

.ion-md-transgender:before {
  content: "\f397";
}

.ion-md-trash:before {
  content: "\f398";
}

.ion-md-trending-down:before {
  content: "\f399";
}

.ion-md-trending-up:before {
  content: "\f39a";
}

.ion-md-trophy:before {
  content: "\f39b";
}

.ion-md-umbrella:before {
  content: "\f39c";
}

.ion-md-undo:before {
  content: "\f39d";
}

.ion-md-unlock:before {
  content: "\f39e";
}

.ion-md-videocam:before {
  content: "\f39f";
}

.ion-md-volume-down:before {
  content: "\f3a0";
}

.ion-md-volume-mute:before {
  content: "\f3a1";
}

.ion-md-volume-off:before {
  content: "\f3a2";
}

.ion-md-volume-up:before {
  content: "\f3a3";
}

.ion-md-walk:before {
  content: "\f3a4";
}

.ion-md-warning:before {
  content: "\f3a5";
}

.ion-md-watch:before {
  content: "\f3a6";
}

.ion-md-water:before {
  content: "\f3a7";
}

.ion-md-wifi:before {
  content: "\f3a8";
}

.ion-md-wine:before {
  content: "\f3a9";
}

.ion-md-woman:before {
  content: "\f3aa";
}

@font-face {
  font-family: "Ionicons";
  src: url("../assets/fonts/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("../assets/fonts/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("../assets/fonts/ionicons.ttf?v=3.0.0-alpha.3") format("truetype");
  font-weight: normal;
  font-style: normal;
}

ion-icon {
  display: inline-block;
  font-family: "Ionicons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  text-transform: none;
  speak: none;
}

ion-icon::before {
  display: inline-block;
}

@font-face {
  font-family: videogular;
  src: url(/assets/videogular/videogular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

[class*=' vg-icon-'],
[class^='vg-icon-'] {
  font-family: videogular !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vg-icon-closed_caption:before {
  content: '\e006';
}

.vg-icon-pause:before {
  content: '\e018';
}

.vg-icon-play_arrow:before {
  content: '\e01b';
}

.vg-icon-repeat:before {
  content: '\e023';
}

.vg-icon-replay:before {
  content: '\e025';
}

.vg-icon-skip_next:before {
  content: '\e027';
}

.vg-icon-skip_previous:before {
  content: '\e028';
}

.vg-icon-stop:before {
  content: '\e02a';
}

.vg-icon-volume_down:before {
  content: '\e030';
}

.vg-icon-volume_mute:before {
  content: '\e031';
}

.vg-icon-volume_off:before {
  content: '\e032';
}

.vg-icon-volume_up:before {
  content: '\e033';
}

.vg-icon-hd:before {
  content: '\e035';
}

.vg-icon-forward_10:before {
  content: '\e038';
}

.vg-icon-forward_30:before {
  content: '\e039';
}

.vg-icon-replay_10:before {
  content: '\e03b';
}

.vg-icon-replay_30:before {
  content: '\e03c';
}

.vg-icon-fullscreen:before {
  content: '\e20c';
}

.vg-icon-fullscreen_exit:before {
  content: '\e20d';
}

vg-player video {
  width: 100%;
  height: 100%;
}

.mat-elevation-z0 {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  -webkit-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  -webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  -webkit-box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  -webkit-box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  -webkit-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  -webkit-box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  -webkit-box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  -webkit-box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  -webkit-box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 12px;
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0 0 64px;
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-card {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 400;
}

.mat-card-content,
.mat-card-header .mat-card-title,
.mat-card-subtitle {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 13px;
  line-height: 18px;
}

.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
}

.mat-expansion-panel-header {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.4375em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%;
}

.mat-form-field-can-float
.mat-form-field-autofill-control:-webkit-autofill
+ .mat-form-field-label-wrapper
.mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%;
}

.mat-form-field-can-float
.mat-input-server[label]:not(:label-shown)
+ .mat-form-field-label-wrapper
.mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.54167em;
  top: calc(100% - 1.66667em);
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-grid-tile-footer .mat-line:nth-child(n + 2),
.mat-grid-tile-header .mat-line:nth-child(n + 2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-select {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, 'Helvetica Neue', sans-serif;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.mat-list-item {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-list-option {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
  font-size: 16px;
}

.mat-list .mat-list-item .mat-line,
.mat-nav-list .mat-list-item .mat-line,
.mat-selection-list .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-list .mat-list-item .mat-line:nth-child(n + 2),
.mat-nav-list .mat-list-item .mat-line:nth-child(n + 2),
.mat-selection-list .mat-list-item .mat-line:nth-child(n + 2) {
  font-size: 14px;
}

.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
  font-size: 16px;
}

.mat-list .mat-list-option .mat-line,
.mat-nav-list .mat-list-option .mat-line,
.mat-selection-list .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-list .mat-list-option .mat-line:nth-child(n + 2),
.mat-nav-list .mat-list-option .mat-line:nth-child(n + 2),
.mat-selection-list .mat-list-option .mat-line:nth-child(n + 2) {
  font-size: 14px;
}

.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list[dense] .mat-list-item,
.mat-nav-list[dense] .mat-list-item,
.mat-selection-list[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list[dense] .mat-list-item .mat-line,
.mat-nav-list[dense] .mat-list-item .mat-line,
.mat-selection-list[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-list[dense] .mat-list-item .mat-line:nth-child(n + 2),
.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n + 2),
.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n + 2) {
  font-size: 12px;
}

.mat-list[dense] .mat-list-option,
.mat-nav-list[dense] .mat-list-option,
.mat-selection-list[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list[dense] .mat-list-option .mat-line,
.mat-nav-list[dense] .mat-list-option .mat-line,
.mat-selection-list[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-list[dense] .mat-list-option .mat-line:nth-child(n + 2),
.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n + 2),
.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n + 2) {
  font-size: 12px;
}

.mat-list[dense] .mat-subheader,
.mat-nav-list[dense] .mat-subheader,
.mat-selection-list[dense] .mat-subheader {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, 'Helvetica Neue', sans-serif;
}

.mat-simple-snackbar {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-ripple {
  overflow: hidden;
}

@media screen and (-ms-high-contrast: active) {
  .mat-ripple {
    display: none;
  }
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: opacity, -webkit-transform 0s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, -webkit-transform 0s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288);
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0c343d;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #37474f;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #37474f;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0c343d;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  background: 0 0;
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(63, 81, 181, 0.12);
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255, 64, 129, 0.12);
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244, 67, 54, 0.12);
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #0c343d;
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #37474f;
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-fab,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff;
}

.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #fff;
}

.mat-fab.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff;
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #0c343d;
}

.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #37474f;
}

.mat-fab.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(63, 81, 181, 0.1);
}

.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.1);
}

.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.1);
}

.mat-flat-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

.mat-flat-button.mat-primary {
  color: #fff;
}

.mat-flat-button.mat-accent {
  color: #fff;
}

.mat-flat-button.mat-warn {
  color: #fff;
}

.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary {
  background-color: #0c343d;
}

.mat-flat-button.mat-accent {
  background-color: #37474f;
}

.mat-flat-button.mat-warn {
  background-color: #f44336;
}

.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-flat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-flat-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(63, 81, 181, 0.2);
}

.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.2);
}

.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-disabled {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.26);
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #0c343d;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #37474f;
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0;
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(63, 81, 181, 0.26);
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.26);
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26);
}

.mat-chip:not(.mat-basic-chip) {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip:not(.mat-basic-chip) .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}

.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-chip-selected.mat-primary {
  background-color: #0c343d;
  color: #fff;
}

.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}

.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}

.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}

.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-chip-selected.mat-accent {
  background-color: #37474f;
  color: #fff;
}

.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}

.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-table {
  background: #fff;
}

.mat-header-row,
.mat-row {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-next-button,
.mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-calendar-body-selected {
  background-color: #0c343d;
  color: #fff;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-datepicker-toggle-active {
  color: #0c343d;
}

.mat-dialog-container {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: rgba(0, 0, 0, 0.04);
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled='true'] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title {
  color: inherit;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-focused .mat-form-field-label {
  color: #0c343d;
}

.mat-focused .mat-form-field-label.mat-accent {
  color: #37474f;
}

.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #37474f;
}

.mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-disabled .mat-form-field-underline {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.42)), color-stop(33%, rgba(0, 0, 0, 0.42)), color-stop(0, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
  background-size: 4px 1px;
  background-repeat: repeat-x;
}

.mat-form-field-ripple {
  background-color: #0c343d;
}

.mat-form-field-ripple.mat-accent {
  background-color: #37474f;
}

.mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}

.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336;
}

.mat-form-field-invalid .mat-form-field-ripple {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-icon.mat-primary {
  color: #0c343d;
}

.mat-icon.mat-accent {
  color: #37474f;
}

.mat-icon.mat-warn {
  color: #f44336;
}

.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #0c343d;
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-accent .mat-input-element {
  caret-color: #37474f;
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}

.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-item-disabled {
  background-color: #eee;
}

.mat-list-option.mat-list-item-focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

.mat-menu-panel {
  background: #fff;
}

.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: #fff;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-progress-bar-background {
  fill: #c5cae9;
}

.mat-progress-bar-buffer {
  background-color: #c5cae9;
}

.mat-progress-bar-fill::after {
  background-color: #0c343d;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #37474f;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #0c343d;
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #37474f;
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0c343d;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #0c343d;
}

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(63, 81, 181, 0.26);
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #37474f;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #37474f;
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.26);
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26);
}

.mat-select-content,
.mat-select-panel-done-animating {
  background: #fff;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0c343d;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #37474f;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-value,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-value,
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer.mat-drawer-push {
  background-color: #fff;
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #e91e63;
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(233, 30, 99, 0.5);
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}

.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(233, 30, 99, 0.12);
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #0c343d;
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.5);
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(63, 81, 181, 0.12);
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336;
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.5);
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.12);
}

.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd;
}

.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-slide-toggle-thumb {
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #0c343d;
}

.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #37474f;
}

.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}

.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.38);
}

.mat-step-header .mat-step-icon {
  background-color: #0c343d;
  color: #fff;
}

.mat-step-header .mat-step-icon-not-touched {
  background-color: rgba(0, 0, 0, 0.38);
  color: #fff;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(197, 202, 233, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0c343d;
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}

.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #37474f;
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}

.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}

.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(197, 202, 233, 0.3);
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #0c343d;
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}

.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #37474f;
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}

.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  background: #0c343d;
  color: #fff;
}

.mat-toolbar.mat-accent {
  background: #37474f;
  color: #fff;
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-snack-bar-container {
  background: #323232;
  color: #fff;
}

.mat-simple-snackbar-action {
  color: #37474f;
}

.mat-tooltip {
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
}

button.item-block {
  text-align: left;
}

ion-navbar.toolbar-md {
  height: 48px;
}

ion-navbar.toolbar-ios {
  height: 42px;
}

ion-toolbar.toolbar-md {
  padding-top: 0;
  height: 42px;
}

ion-toolbar.toolbar-ios {
  padding-top: 0;
  height: 42px;
}

.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding.sidebar-header:first-child {
  height: 116px;
}

.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding.sidebar-header:first-child .sidebar-image img {
  height: 74px;
  width: 74px;
  margin: 0;
}

.platform-mobile .toast-top-right {
  top: 76px;
}

@media screen and (orientation: landscape) {
  .ios .sidebar-header.sidebar-header {
    height: 88px;
  }
  .ios .sidebar-header.sidebar-header .sidebar-image img {
    height: 64px;
    width: 64px;
    margin: 0;
  }
  .ios .sidebar-header.sidebar-header .sidebar-brand {
    padding-left: calc(constant(safe-area-inset-left) + 12px);
    padding-left: calc(env(safe-area-inset-left) + 12px);
  }
  .ios .item-ios[detail-push] .item-inner,
  .ios button.item-ios:not([detail-none]) .item-inner,
  .ios a.item-ios:not([detail-none]) .item-inner {
    padding-right: calc(constant(safe-area-inset-left) + 32px);
    padding-right: calc(env(safe-area-inset-left) + 32px);
  }
  .ios ion-menu .item-ios[detail-push] .item-inner,
  .ios ion-menu button.item-ios:not([detail-none]) .item-inner,
  .ios ion-menu a.item-ios:not([detail-none]) .item-inner {
    padding-right: 12px;
    padding-right: 12px;
    background-image: none;
  }
}

:root {
  --status-bar-height: 0;
  --status-bar-height: constant(safe-area-inset-top);
  --status-bar-height: env(safe-area-inset-top);
  --player-footer-height: 0px;
  --delegate-contract-widget-footer-height: 0px;
}

.delegate-contract-widget-active {
  --delegate-contract-widget-footer-height: 42px;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.shimmer-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  padding: 0 16px 0 16px;
}

.shimmer-line {
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(80, 90, 100, 0.2)), color-stop(20%, rgba(120, 130, 140, 0.35)), color-stop(40%, rgba(80, 90, 100, 0.2)), to(rgba(80, 90, 100, 0.2)));
  background: linear-gradient(to right, rgba(80, 90, 100, 0.2) 0%, rgba(120, 130, 140, 0.35) 20%, rgba(80, 90, 100, 0.2) 40%, rgba(80, 90, 100, 0.2) 100%);
  background-size: 400px 100%;
  -webkit-animation: shimmer 3.8s linear infinite;
  animation: shimmer 3.8s linear infinite;
}

.shimmer-line-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
}

.shimmer-line.icon {
  width: 20px;
  height: 22px;
}

.shimmer-line.short {
  width: 30%;
}

.shimmer-line.medium {
  width: 50%;
}

ion-navbar.toolbar-md {
  z-index: 11;
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child,
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(var(--status-bar-height) + 4px);
  min-height: calc(38px + 20px + 4px);
  min-height: calc(38px + var(--status-bar-height) + 4px);
}

.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: 20px;
  padding-top: var(--status-bar-height);
  height: calc(40px + 20px);
  height: calc(40px + var(--status-bar-height));
  min-height: calc(40px + 20px);
  min-height: calc(40px + var(--status-bar-height));
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: calc(20px + 4px);
  padding-top: calc(var(--status-bar-height) + 4px);
  height: calc(38px + 20px);
  height: calc(38px + var(--status-bar-height));
  min-height: calc(38px + 20px);
  min-height: calc(38px + var(--status-bar-height));
}

.ios ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) - 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) - 4px);
  min-height: calc(34px + constant(safe-area-inset-bottom));
  min-height: calc(34px + env(safe-area-inset-bottom));
}

.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: 0;
  height: calc(48px + 20px);
  height: calc(48px + var(--status-bar-height));
  min-height: calc(48px + 20px);
  min-height: calc(48px + var(--status-bar-height));
}

.md ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) - 8px);
  padding-bottom: calc(env(safe-area-inset-bottom) - 8px);
  min-height: calc(40px + constant(safe-area-inset-bottom));
  min-height: calc(40px + env(safe-area-inset-bottom));
}

.md.platform-tablet ion-footer .toolbar:last-child {
  min-height: 48px;
  min-height: 48px;
}

.md.platform-tablet ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.md.platform-tablet ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.md.platform-tablet ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  min-height: 48px;
  height: 48px;
}

.md.platform-tablet ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.md.platform-tablet ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child,
.md.platform-tablet:not(.platform-tablet) .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: 20px;
  padding-top: var(--status-bar-height);
}

.md.platform-tablet .sidebar-header.sidebar-header {
  height: 114px;
  height: calc(var(--status-bar-height) + 114px);
}

.full-width {
  width: 100%;
}

.has-title-only .tab-button-text {
  white-space: nowrap;
}

html {
  overflow: hidden;
  font-size: 10px !important;
}

.nowrap {
  white-space: nowrap;
}

.isDesktop [menutoggle] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side {
  max-width: 304px;
  width: 100%;
  border-right: none;
}

.isDesktop .menu-content-push.menu-content-push {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.isDesktop ion-nav:before {
  position: absolute;
  content: '';
  top: 132px;
  top: calc(112px + var(--status-bar-height));
  z-index: 20000;
  bottom: 0;
  left: -1px;
  width: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQBAMAAAAor3jDAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAPSURBVAjXYxBQZnSgIgEAHu8HQeMqW1oAAAAASUVORK5CYII=);
  background-position: -1px 0;
  background-size: 5px 100%;
  background-repeat: repeat-y;
}

.italic {
  font-style: italic;
}

.is-in-office-button.mat-icon-button {
  position: fixed;
  top: calc(16px + var(--status-bar-height));
  left: 22px;
  color: white;
  width: unset;
  height: unset;
  vertical-align: middle;
  line-height: 1.2em;
  padding: 0;
  margin-left: -0.5em;
  margin-right: 7px;
}

.is-in-office-button.mat-icon-button .mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 14px;
}

.is-in-office-button.mat-icon-button .button-subtext {
  position: static;
  color: white;
  font-size: 14px;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side {
  border-right: none;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .toolbar-background {
  background-color: #263238;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .ps-content {
  position: relative;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .is-in-office-button.mat-icon-button {
  position: static;
  margin-left: -2px;
  margin-right: 12px;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .is-in-office-button.mat-icon-button .mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 16px;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .is-in-office-button.mat-icon-button .button-subtext {
  display: none;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .color-button {
  position: absolute;
  left: -3px;
  top: 12px;
  z-index: 210;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .color-button:hover {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .color-button.exit-impersonation-button {
  bottom: 6px;
  top: unset;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side.menu-color-animate .outer-content {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side.menu-color-animate .outer-content ion-list .item {
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side.menu-color-animate .color-button {
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-dark'] .outer-content {
  background-color: #263238;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-dark'] .outer-content ion-list .item {
  background-color: #263238;
  color: white;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-dark'] .outer-content ion-list .item.activeItem {
  background-color: #37474f;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-dark'] .color-button {
  color: #263238;
  background-color: white;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-light'] .outer-content {
  background-color: white;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-light'] .outer-content ion-list .item {
  background: white;
  color: #263238;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-light'] .outer-content ion-list .item.activeItem {
  background-color: #eee;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side[menu-color='business-law-light'] .color-button {
  color: white;
  background-color: #263238;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .outer-content ion-list .item.item-block {
  font-size: 16px;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .outer-content ion-list .item .item-inner {
  border: none;
}

.isDesktop.split-pane-md.split-pane-md > .split-pane-side .outer-content ion-list .item .item-inner .icon {
  width: 20px;
  font-size: 1.25em;
  margin-right: 6px;
}

ion-header ion-icon {
  font-size: 1.5em;
}

ion-menu ion-content ion-list:last-child {
  margin-bottom: 0;
}

ion-header .fab {
  display: inline-block;
  vertical-align: middle;
}

.ios .toolbar-ios .segment-ios {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  padding-left: calc(25% / 2);
  padding-right: calc(25% / 2);
}

.ios .toolbar-ios .segment-button {
  max-width: 50%;
}

.bar-button-menutoggle[menutoggle][hidden] {
  display: block !important;
}

.back-button.show-back-button + .bar-button-menutoggle[menutoggle],
.back-button.show-back-button + .toolbar-content .bar-button-menutoggle[menutoggle] {
  display: none !important;
}

.isDesktop .back-button {
  display: none;
}

.isDesktop .back-button.show-back-button ~ .toolbar-content .custom-back-button {
  display: block;
  top: 20px;
  top: var(--status-bar-height);
}

.toolbar .back-button:not([hidden]),
.toolbar .bar-button-menutoggle {
  min-width: 38px;
  margin-left: 2px;
  margin-right: 2px;
}

.toolbar .back-button:not([hidden]) ~ .toolbar-content .title .toolbar-title,
.toolbar .bar-button-menutoggle ~ .toolbar-content .title .toolbar-title {
  padding-left: 0;
}

.ios .toolbar .back-button:not([hidden]),
.ios .toolbar .bar-button-menutoggle {
  margin-left: 4px;
  margin-right: 4px;
}

.split-pane #loggedInMenu {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.split-pane .flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.split-pane .flex-container .notification {
  padding: 20px 40px;
  background: #d63535;
  color: white;
  position: relative;
  z-index: 1;
}

.split-pane .flex-container ion-nav {
  position: static;
}

.split-pane.split-pane-visible ion-nav {
  -webkit-transform: none !important;
  transform: none !important;
}

.split-pane-visible .split-pane-main {
  -webkit-transform: none !important;
  transform: none !important;
}

.split-pane-visible .split-pane-main .toolbar .bar-button-menutoggle[menutoggle] {
  display: none !important;
}

@media (min-width: 768px) {
  html body {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  ion-content.content {
    border-left: none;
    border-left-color: transparent;
  }
}

.outer-content {
  background-color: white;
}

.outer-content ion-list .item {
  background-color: white;
}

.isDesktop .sidebar-image img {
  opacity: 0.7;
}

.isDesktop ion-menu .scroll-content {
  background-color: inherit;
}

.isDesktop .scroll-content {
  background-color: inherit;
}

.isDesktop .toolbar-md-business-law-dark .toolbar-background-md {
  background-color: #263238;
}

.isDesktop ion-menu {
  position: relative;
  background-color: #263238;
  border-right: none;
}

.isDesktop ion-menu .menu-inner {
  background-color: inherit;
}

.isDesktop .outer-content ion-list.list-md {
  padding-top: 8px;
  border-top: 0;
}

.isDesktop .sidebar-header .toolbar-background {
  background-color: #263238;
}

.isDesktop .bar-button-default-md:hover:not(.disable-hover),
.isDesktop .bar-button-clear-md-default:hover:not(.disable-hover),
.isDesktop .bar-button-md-default:hover:not(.disable-hover) {
  color: white;
}

.md .isDesktop .sidebar-header.sidebar-header {
  height: 112px;
  height: calc(var(--status-bar-height) + 112px);
}

.isDesktop .sidebar-header.sidebar-header .top-bar {
  display: none;
}

.platform-android.platform-tablet.md .menu-content-reveal,
.platform-ios.platform-tablet.md .menu-content-reveal {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.md .sidebar-header.sidebar-header {
  height: calc(var(--status-bar-height) + 102px);
}

.ios .sidebar-header.sidebar-header {
  height: calc(var(--status-bar-height) + 102px);
}

.sidebar-header.sidebar-header {
  position: relative;
  height: 104px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.sidebar-header.sidebar-header .toolbar-background {
  background-color: #37474f;
}

.sidebar-header.sidebar-header .top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}

.sidebar-header.sidebar-header .sidebar-image img {
  width: 86px;
  height: 86px;
  margin: 9px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.isDesktop .sidebar-header.sidebar-header .sidebar-image img {
  width: 124px;
  height: 124px;
  margin-bottom: 20px;
  margin-left: -17px;
}

.sidebar-header.sidebar-header .sidebar-brand {
  color: white;
  background-color: transparent;
}

.sidebar-header.sidebar-header .sidebar-brand {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 42px;
  line-height: 42px;
  padding: 0;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 26px;
  text-decoration: none;
  clear: both;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ion-tabs[business-law-dark] tabbar tab-highlight {
  background-color: #9db4e4;
}

.scroll-content {
  background: white;
}

.hidden {
  display: none;
}

.toolbar-md-business-law-dark .bar-button-default-md:hover:not(.disable-hover) {
  color: white;
}

ion-toolbar.invisible {
  display: none;
}

ion-select {
  max-width: 70%;
}

button.save {
  background: #74933c;
}

button.cancel {
  background: #1c2b49;
}

.scroll-content .virtual-scroll {
  width: 100%;
}

@-webkit-keyframes splashFade {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

@keyframes splashFade {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

ion-badge.badge.badge-fixed {
  margin-left: 0;
  margin-right: 5px;
}

body {
  position: relative;
}

.loading-spinner {
  -webkit-animation: splashFade 3s infinite;
  animation: splashFade 3s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

ion-list {
  width: 100%;
}

.daterangepicker {
  display: none;
  font-size: 0.95em;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(0.5, 0.5, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

body {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  font-size: 1.4rem;
}

.spinner-container {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.spinner-container.center {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(255, 255, 255, 0.15);
  -webkit-animation: splashFade 2s ease 0s infinite normal;
  animation: splashFade 2s ease 0s infinite normal;
}

.spinner-container.center ion-spinner {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.spinner-container.center-top ion-spinner {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.error-button {
  width: 100%;
  text-align: center;
  padding: 10px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(255, 255, 255, 0.15);
  -webkit-animation: splashFade 2s ease 0s infinite normal;
  animation: splashFade 2s ease 0s infinite normal;
}

.error-button .button-wrapper {
  display: inline-block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.error-button .button-wrapper button {
  display: inline-block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.md ion-list ion-item-group > ion-item-sliding:last-child > .item .item-inner {
  border: 0 !important;
}

.md .alert-md .alert-wrapper {
  max-width: 710px;
  width: auto;
}

.md .alert-md .alert-message {
  padding-bottom: 0;
}

.md ion-list-header,
.md ion-item-divider {
  background-color: #efefef;
  color: #4c4c4c;
}

.md .cdk-overlay-container ion-item-divider {
  background-color: #fff;
}

.mat-dialog-container {
  will-change: transform, opacity;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.cdk-overlay-pane-select-search {
  will-change: opacity, box-shadow;
  -webkit-transition: none !important;
  transition: none !important;
}

.mat-select-panel {
  -webkit-transition: none !important;
  transition: none !important;
}

.md .popover-md .popover-content {
  width: 100%;
  max-width: 360px;
}

.ios .popover-ios .popover-content {
  width: 100%;
  max-width: 80vw;
}

.popover-content ion-label {
  white-space: normal;
}

.popover-content .mat-tab-group {
  max-width: 360px;
}

ion-navbar ion-icon {
  font-size: 1.4em;
}

.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 0;
}

ion-menu .scroll-content {
  overflow-y: auto;
}

.padding-last .scroll-content {
  padding-bottom: 50px;
}

.menu-inner app-side-menu.isDesktop .item > ion-icon,
.menu-inner app-side-menu.isDesktop .item-inner > ion-icon {
  min-height: 1.6rem;
  font-size: 2.2rem;
  margin-top: 8px;
  margin-bottom: 7px;
}

.menu-inner app-side-menu.isDesktop .item ion-icon[item-left] + .item-inner {
  margin-left: 4px;
}

.menu-inner app-side-menu .item > ion-icon:first-child,
.menu-inner app-side-menu .item-inner > ion-icon:first-child {
  text-align: center;
  width: 20px;
  min-width: 20px;
}

.menu-inner .list:nth-child(n + 1) {
  margin-top: 0;
}

.menu-inner .list .label {
  font-size: 1.3rem;
}

.menu-inner .list .label-ios {
  margin: 4px 8px 4px 0;
}

.menu-inner .list .label-md {
  margin: 4px 8px 4px 0;
}

.menu-inner .list-md {
  margin-bottom: 0;
  border-top: 1px solid lightgrey;
}

.menu-inner .list-md .list-header {
  margin-bottom: 0;
  border-bottom: 1px solid lightgray;
}

.menu-inner .list-md ion-badge {
  padding: 5px 8px;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

ion-label,
.item.item p {
  font-size: 1.4rem;
}

@media only screen and (min-height: 680px) and (min-width: 980px) {
  ion-modal .modal-wrapper {
    position: absolute;
    top: calc(50vh - (65% / 2));
    left: calc(50vw - (980px / 2));
    width: 65%;
    height: 65%;
    max-width: 980px;
    max-height: 660px;
    -webkit-transition: width 0.25s, height 0.25s, max-width 0.25s, max-height 0.25s, top 0.2s, left 0.25s;
    transition: width 0.25s, height 0.25s, max-width 0.25s, max-height 0.25s, top 0.2s, left 0.25s;
  }
}

ion-modal.audio-widget .modal-wrapper {
  position: absolute;
  width: 382px;
  height: 432px;
  padding: 50px;
  border-radius: 0;
  left: calc(50% - 191px);
  top: calc(50% - 221px);
  -webkit-box-shadow: none;
  box-shadow: none;
}

ion-modal.audio-widget ion-backdrop {
  visibility: visible;
  opacity: 0.8 !important;
}

.segment .badge-md-nav-badge {
  color: #48505b;
  background-color: white;
}

input.input-right {
  text-align: right;
}

.no-search-result {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon {
  padding-bottom: 0;
}

ion-item-options:not([icon-left]) .button:not([icon-only]) small {
  font-size: 60%;
}

.searchbar-md .searchbar-input {
  margin-top: 0;
}

.platform-mobile .item > ion-icon,
.platform-mobile .item-inner > ion-icon {
  min-height: 2.4rem;
  font-size: 2.4rem;
  margin-right: 10px;
}

.platform-mobile .profile-link.profile-link {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: auto;
  z-index: 292;
  padding-left: 0;
  background: white;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.platform-mobile .profile-link.profile-link mobile-text-list-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

@media screen and (orientation: landscape) {
  .platform-mobile .profile-link.profile-link {
    position: relative;
  }
}

.platform-mobile .profile-link.profile-link .item-inner {
  padding-left: 16px;
}

.platform-mobile .profile-link.profile-link.item-ios .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

.platform-mobile .profile-link.profile-link.item-md {
  border-bottom: 0;
}

.platform-mobile .profile-link.profile-link.item-md .item-inner {
  border-bottom: 1px solid #dedede;
}

.platform-mobile .profile-link.profile-link + .list > ion-item-group > .list > .item-block:first-child,
.platform-mobile .profile-link.profile-link + .list > ion-item-group > .list > ion-item-group > .list > .item-block:first-child,
.platform-mobile .profile-link.profile-link + .list > ion-item-group > .list > ion-item-group > .list > ion-item-group > .list > .item-block:first-child,
.platform-mobile .profile-link.profile-link + .list > .item-block:first-child {
  border-top: 0;
}

@-webkit-keyframes toast-bounce {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@keyframes toast-bounce {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}

/*
	* Toastr
	* Version 2.0.1
	* Copyright 2012 John Papa and Hans Fjallemark.
	* All Rights Reserved.
	* Use, reproduction, distribution, and modification of this code is subject to the terms and
	* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
	*
	* Author: John Papa and Hans Fjallemark
	* Project: https://github.com/CodeSeven/toastr
	*/
.toaster-icon {
  display: none;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

/*Additional properties for button version
	iOS requires the button element instead of an anchor tag.
	If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.toast-content {
  display: inline-block;
  width: 95%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-center {
  top: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-center {
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

.toast-center {
  top: 45%;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
  pointer-events: auto;
}

#toast-container.toast-center,
#toast-container.toast-top-center,
#toast-container.toast-bottom-center {
  width: 100%;
  pointer-events: none;
  left: 0;
  right: 0;
}

#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  margin: 6px auto;
  pointer-events: auto;
}

#toast-container.toast-center > button,
#toast-container.toast-top-center > button,
#toast-container.toast-bottom-center > button {
  pointer-events: auto;
}

#toast-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #toast-container.toast-bottom-right {
    max-width: calc(100vw - 34px);
  }
}

#toast-container .toast {
  text-align: left;
  padding: 16px 0;
  background-color: #fefefe;
  border-radius: 6px;
  max-width: 500px;
  min-width: 310px;
  margin-top: 20px;
  width: auto;
  position: relative;
  -webkit-box-shadow: 1px 2px 16px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 16px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.9;
  margin-left: auto;
}

#toast-container .toast:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  opacity: 1;
  cursor: pointer;
}

#toast-container .toast:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#toast-container .toast .toaster-icon {
  position: absolute;
  top: 50%;
  left: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  padding: 8px;
  border-radius: 50%;
  display: inline-block;
}

@media screen and (max-width: 480px) {
  #toast-container .toast .toaster-icon {
    display: none;
  }
}

#toast-container .toast .toaster-icon:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(21deg) brightness(106%) contrast(106%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(21deg) brightness(106%) contrast(106%);
}

#toast-container .toast .toaster-icon.icon-info:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='m10 16 2 2v8l-2 2H8v4h16v-4h-2l-2-2V12H8v4h2z'/%3E%3Ccircle cx='16' cy='4' r='4'/%3E%3C/svg%3E");
}

#toast-container .toast .toaster-icon.icon-success:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Cpath d='M505 75a26 26 0 0 0-37 0L162 382 44 264a26 26 0 0 0-37 37l136 136c10 10 27 9 37 0l325-325c10-10 9-27 0-37z'/%3E%3C/svg%3E");
}

#toast-container .toast .toaster-icon.icon-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 302 302'%3E%3Cpath d='m119 0 11 218h42L183 0zM131 261h41v41h-41z'/%3E%3C/svg%3E");
}

#toast-container .toast .toaster-icon.icon-wait:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Cpath d='M256 0a21.3 21.3 0 0 0-21.3 21.3v64a21.3 21.3 0 1 0 42.6 0V43.7a213.4 213.4 0 1 1-176.5 65.9 21.3 21.3 0 1 0-31-29.3A256 256 0 1 0 256 0z'/%3E%3Cpath d='M241 271a21.3 21.3 0 0 0 30-30l-85.2-85.4a21.3 21.3 0 0 0-30.2 30.1l85.3 85.4z'/%3E%3C/svg%3E");
}

#toast-container .toast .toast-close-button button {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.6 15.6'%3E%3Cpath fill-rule='evenodd' d='m8.9 7.8 6.5-6.5a.8.8 0 1 0-1-1L7.8 6.7 1.3.2a.8.8 0 1 0-1 1l6.5 6.6-6.6 6.6a.8.8 0 0 0 1 1L7.9 9l6.6 6.5a.7.7 0 1 0 1-1L9 7.8z'/%3E%3C/svg%3E");
  fill: #878787;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  text-indent: -100vw;
}

#toast-container .toast .toast-close-button button:hover, #toast-container .toast .toast-close-button button:focus {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  border: 0;
}

#toast-container .toast .toast-content {
  padding-left: 70px;
  padding-right: 46px;
  width: auto;
}

@media screen and (max-width: 480px) {
  #toast-container .toast .toast-content {
    padding-left: 20px;
    padding-right: 35px;
  }
}

#toast-container .toast .toast-content .toast-title {
  color: #3e3e3e;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

#toast-container .toast .toast-content .toast-message {
  font-size: 14px;
  margin-top: 8px;
  color: #878787;
}

#toast-container .toast .toast-content .toast-message:empty {
  margin-top: 0;
  margin-bottom: 0;
}

#toast-container .toast.toast-error .toaster-icon, #toast-container .toast.toast-error:before {
  background-color: #d63535;
}

#toast-container .toast.toast-info .toaster-icon, #toast-container .toast.toast-info:before {
  background-color: #3b5998;
}

#toast-container .toast.toast-success .toaster-icon, #toast-container .toast.toast-success:before {
  background-color: #74933c;
}

#toast-container .toast.toast-wait .toast-message {
  display: none;
}

#toast-container .toast.toast-wait .toaster-icon, #toast-container .toast.toast-wait:before {
  background-color: #91933c;
}

:not(.no-enter)#toast-container > div.ng-enter,
:not(.no-leave)#toast-container > div.ng-leave {
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container > div.ng-leave {
  opacity: 0.9;
}

:not(.no-leave)#toast-container > div.ng-leave.ng-leave-active,
:not(.no-enter)#toast-container > div.ng-enter {
  opacity: 0;
}

.mat-tooltip {
  white-space: pre-line;
  margin: 4px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.mat-tooltip.large-tooltip {
  max-width: 520px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.mat-tooltip.huge-tooltip {
  max-width: 680px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.mat-tooltip.with-newlines {
  white-space: pre-line;
}

mat-tooltip-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ion-content.desktop.content-md,
ion-content.desktop.content-md ion-content {
  background: #f9fafb;
}

ion-content.desktop.content-md .scroll-content,
ion-content.desktop.content-md ion-content .scroll-content {
  background: inherit;
}

.platform-core .popover-md .popover-content,
.platform-tablet .popover-md .popover-content {
  border-radius: 0;
}

.platform-core .modal-wrapper .content {
  background-color: #f9fafb;
}

.platform-core .modal-wrapper .scroll-content {
  background-color: inherit;
}

.modal-wrapper ion-content.desktop.content-md {
  background: white;
}

.modal-wrapper ion-content.desktop.content-md .ps__rail-x {
  opacity: 0;
}

.modal-wrapper ion-content.desktop.content-md .ps__rail-y {
  opacity: 0.45;
}

.modal-wrapper ion-content.desktop.content-md perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
  opacity: 0.9;
}

.modal-wrapper ion-content.desktop.content-md + .footer:before {
  display: none;
}

.modal-wrapper ion-content.desktop.content-md + .footer .toolbar-background {
  background: #fff;
}

.no-search-result .card {
  margin-top: 62px !important;
  text-align: center;
  color: #666;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.no-search-result .card .card-content {
  margin: 4px 32px 0;
}

error-message {
  margin-top: 40px;
}

.content-wrapper {
  padding: 17.33333px 52px 34.66667px 52px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fafb;
}

.content-wrapper > * {
  max-width: 1280px;
  margin: auto !important;
}

.content-wrapper .item.item-divider.item-divider-md {
  padding-left: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #111;
  min-height: 52px;
  background-color: #f9fafb;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
}

.content-wrapper > ion-card {
  margin-top: 52px;
}

.isDesktop ion-item-group .item,
.isDesktop ion-item-group ion-label {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.isDesktop ion-item-group .item.item-md {
  min-height: 38px;
}

.isDesktop ion-item-group .item.item-divider.item-divider-md {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

ion-item-divider.item.with-buttons .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 0;
  line-height: 36px;
  height: 36px;
  vertical-align: middle;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #888;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

ion-item-divider.item.with-buttons .label .spacer {
  pointer-events: none;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 300;
}

ion-item-divider.item.with-buttons .label .spacer.expanding {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
}

ion-item-divider.item.with-buttons .label ion-buttons {
  height: 36px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

ion-item-divider.item.with-buttons .label ion-buttons .button {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

ion-item-divider.item.with-buttons .label ion-buttons .button .icon {
  padding: 0;
}

ion-item-divider.item.with-buttons .label ion-buttons .button-ios {
  padding: 0 0.1em;
  min-width: 28px;
}

ion-item-divider.item.with-buttons .label ion-buttons .button-md {
  padding: 0 0.2em;
  min-width: 32px;
}

.isDesktop error-message {
  margin-top: 71px;
}

.isDesktop .content-wrapper .grid > .row > .col > ion-item-group > .item.item-divider {
  margin-top: 8px;
  padding-bottom: 8px;
  min-height: 43px;
  height: 43px;
}

.isDesktop .content-wrapper .grid > .row > .col > ion-item-group + .item-block {
  margin-top: -4px;
}

.isDesktop .content-wrapper .grid > .row > .col > .item.item-divider {
  min-height: 33px;
  height: 33px;
  margin-top: 4px;
}

.isDesktop ion-item-divider {
  margin-top: 3px;
}

.isDesktop ion-item-divider.item .button:last-of-type {
  margin-right: 0;
}

.isDesktop .no-search-result .card {
  margin-top: 93px !important;
  width: 100%;
}

.isDesktop .shadow-block {
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0075), 0 -2px 2px 0 rgba(0, 0, 0, 0.005), 0 -3px 2px 0 rgba(0, 0, 0, 0.0025), 0 1px 2px 0 rgba(0, 0, 0, 0.025), 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 3px 2px 0 rgba(0, 0, 0, 0.015), 0 4px 2px 0 rgba(0, 0, 0, 0.01), 0 5px 2px 0 rgba(0, 0, 0, 0.005);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0075), 0 -2px 2px 0 rgba(0, 0, 0, 0.005), 0 -3px 2px 0 rgba(0, 0, 0, 0.0025), 0 1px 2px 0 rgba(0, 0, 0, 0.025), 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 3px 2px 0 rgba(0, 0, 0, 0.015), 0 4px 2px 0 rgba(0, 0, 0, 0.01), 0 5px 2px 0 rgba(0, 0, 0, 0.005);
}

.isDesktop .list.shadow-block {
  background-color: #fff;
}

.isDesktop .list.shadow-block .item-block.transparent-block {
  background: transparent;
}

.isDesktop .list.shadow-block .item-block.transparent-block .small-margin:last-of-type {
  margin-bottom: 0;
}

.isDesktop ion-item-group.shadow-block {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 4px;
  position: relative;
}

.isDesktop ion-item-group.shadow-block.hide-shadow:after {
  display: none;
}

.isDesktop ion-item-group.shadow-block:after {
  content: '';
  position: absolute;
  z-index: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  top: 40px;
  bottom: 15px;
  left: 13px;
  right: 13px;
  border-radius: 100px / 2px;
}

.isDesktop ion-item-group.shadow-block:before {
  position: absolute;
  content: '';
  z-index: 1;
  top: 40px;
  bottom: 8px;
  left: 0;
  right: 0;
  background-color: #fff;
}

.isDesktop ion-item-group.shadow-block.gray-background:before {
  background-color: #f9fafb;
}

.isDesktop ion-item-group.shadow-block.info:before {
  display: none;
}

.isDesktop ion-item-group.shadow-block.empty {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.isDesktop ion-item-group.shadow-block.empty:before {
  display: none;
}

.isDesktop ion-item-group.shadow-block.empty .item.item-divider:before {
  display: none;
}

.isDesktop ion-item-group.shadow-block .item.item-divider {
  margin-left: -7px;
  margin-right: -7px;
  padding-left: 7px;
  padding-right: 7px;
  width: calc(100% + 14px);
}

.isDesktop ion-item-group.shadow-block .item.item-divider:not(.no-shadow):before {
  content: '';
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0075), 0 -2px 2px 0 rgba(0, 0, 0, 0.005), 0 -3px 2px 0 rgba(0, 0, 0, 0.0025);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0075), 0 -2px 2px 0 rgba(0, 0, 0, 0.005), 0 -3px 2px 0 rgba(0, 0, 0, 0.0025);
  position: absolute;
  top: 100%;
  left: 7px;
  right: 7px;
  z-index: 210;
  height: 5px;
  width: auto;
}

.isDesktop ion-item-group.shadow-block .item.item-divider[sticky] {
  min-height: 43px;
  height: 43px;
  z-index: 200;
}

.isDesktop ion-item-group.shadow-block .list {
  position: relative;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 4px;
}

.isDesktop ion-item-group.shadow-block .list:not([no-margin]) .item .item-inner {
  border-bottom-width: 1px;
}

.isDesktop .list [track] {
  padding-left: 0;
}

.isDesktop .list [track]:before {
  display: block;
}

.isDesktop .list [track] ion-label {
  padding-left: 16px;
  border-left: 0;
}

.col[no-padding] {
  padding: 0;
}

.search-highlight {
  background: #ffeb3b;
  border-radius: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -webkit-box-shadow: inset 0 0 0 1px #e53935;
  box-shadow: inset 0 0 0 1px #e53935;
}

.search-highlight:after {
  display: none !important;
}

.platform-core .modal-wrapper form {
  padding-bottom: 16px;
}

.item-md.item-block.shadow-block .item-inner {
  border-bottom: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

ion-modal.show-page .modal-wrapper {
  -webkit-transition: width 0.15s ease-in-out, height 0.15s ease-in-out, max-width 0.15s ease-in-out, max-height 0.15s ease-in-out, top 0.15s ease-in-out, left 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: width 0.15s ease-in-out, height 0.15s ease-in-out, max-width 0.15s ease-in-out, max-height 0.15s ease-in-out, top 0.15s ease-in-out, left 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: width 0.15s ease-in-out, height 0.15s ease-in-out, box-shadow 0.15s ease-in-out, max-width 0.15s ease-in-out, max-height 0.15s ease-in-out, top 0.15s ease-in-out, left 0.15s ease-in-out;
  transition: width 0.15s ease-in-out, height 0.15s ease-in-out, box-shadow 0.15s ease-in-out, max-width 0.15s ease-in-out, max-height 0.15s ease-in-out, top 0.15s ease-in-out, left 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

ion-modal.show-page.my-modal-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ion-modal.show-page.my-modal-inner ion-backdrop {
  visibility: visible !important;
}

ion-modal.show-page.my-modal-inner .modal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto;
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  contain: content;
  max-width: 75%;
  max-height: 75%;
  border-radius: 2px;
  -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}

ion-modal.show-page.my-modal-inner .modal-wrapper > .ion-page {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  contain: content;
  -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}

ion-modal.show-page.my-modal-inner.my-stretch .modal-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

ion-modal.show-page.my-modal-inner.my-stretch .modal-wrapper > .ion-page {
  width: 100%;
  height: 100%;
}

ion-modal.show-page.my-fullscreen .modal-wrapper {
  position: absolute;
  display: block;
  top: calc(50vh - (91% / 2));
  left: calc(50vw - calc(calc(1660px - 304px) / 2) + calc(304px / 2));
  width: 93%;
  height: 91%;
  max-width: calc(1660px - 304px);
  max-height: 950px;
}

@media screen and (max-width: 1680px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 304px) / 2));
  }
}

@media screen and (max-width: 1560px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 152px) / 2));
  }
}

@media screen and (max-width: 1480px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 76px) / 2));
  }
}

@media screen and (max-width: 1320px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(93% / 2));
  }
}

@media screen and (min-height: 1081px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    max-height: 950px;
    height: 950px;
    top: calc(50vh - (950px / 2));
  }
}

@media screen and (min-height: 680px) and (min-width: 980px) {
  .md.platform-core ion-modal.large-modal .modal-wrapper {
    position: absolute;
    top: calc(50vh - (70% / 2));
    height: 70%;
    max-height: 660px;
  }
  .md.platform-core ion-modal.large-modal.my-fullscreen .modal-wrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (max-width: 768px) and (min-height: 600px) {
  ion-modal.show-page.my-fullscreen .modal-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}

ion-modal content-pre-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

ion-title {
  width: 100%;
}

.mat-menu-panel.small-menu {
  max-height: 400px;
}

perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
  background: transparent !important;
}

.mat-menu-content.mat-menu-content {
  padding-top: 4px;
  padding-bottom: 4px;
}

.mat-menu-item.mat-menu-item {
  font-size: 15px;
  line-height: 3em;
  height: 3em;
}

.platform-core .alert-message {
  overflow-y: auto;
}

.platform-core .scroll-content {
  overflow-y: auto;
}

.platform-core .split-pane-main .scroll-content {
  padding-bottom: max(var(--player-footer-height), var(--page-bottom-overlay-offset, 0px));
}

.refresher-pulling-text,
.refresher-refreshing-text,
.refresher-pulling-icon,
.refresher-refreshing-icon {
  color: #666;
}

.color-business-law-2.color-business-law-2 {
  color: #74933c;
}

.color-business-law-2.color-business-law-2.button {
  background-color: #74933c;
  color: white;
}

.color-business-law-2.color-business-law-2.button.button-clear {
  background-color: transparent;
  color: #74933c;
}

.color-favorite.color-favorite {
  color: #69bb7b;
}

.color-warning.color-warning {
  color: #c46323;
}

.color-warning.color-warning.button.button-clear {
  background-color: transparent;
  color: #c46323;
}

.color-danger.color-danger {
  color: #d63535;
}

.color-danger.color-danger {
  color: #d63535;
}

.color-danger.color-danger.badge {
  color: white;
  background-color: #d63535;
}

.color-danger.color-danger.button {
  background-color: #d63535;
  color: white;
}

.color-danger.color-danger.button.button-clear {
  background-color: transparent;
  color: #d63535;
}

.color-danger.color-danger.item .label {
  color: #d63535;
}

.color-danger.color-danger.item .icon {
  color: #d63535;
}

.list .item-block.ng-invalid.ng-touched, .list .item-block.ng-invalid,
.list .item-datetime.ng-invalid.ng-touched,
.list .item-datetime.ng-invalid {
  color: #d63535;
}

.list .item-block.ng-invalid.ng-touched .label, .list .item-block.ng-invalid .label,
.list .item-datetime.ng-invalid.ng-touched .label,
.list .item-datetime.ng-invalid .label {
  color: #d63535;
}

.list .item-block.ng-invalid.ng-touched .item-inner, .list .item-block.ng-invalid .item-inner,
.list .item-datetime.ng-invalid.ng-touched .item-inner,
.list .item-datetime.ng-invalid .item-inner {
  border-bottom-color: #d63535;
  -webkit-box-shadow: inset 0 -1px 0 0 #d63535;
  box-shadow: inset 0 -1px 0 0 #d63535;
}

.list .error.item-block[icon-left] .icon {
  font-size: 1.1em;
  vertical-align: baseline;
  line-height: 0.5;
}

.color-dark {
  color: #222;
}

.color-nav-badge {
  color: #48505b;
}

.color-nav-badge.badge {
  color: white;
  background-color: #48505b;
}

.platform-core .modal-wrapper form .item {
  background-color: transparent;
}

.platform-core .modal-wrapper form .checkbox .checkbox-icon:not(.checkbox-checked) {
  background-color: transparent;
}

.platform-core .popover-wrapper .toolbar-title {
  font-size: 14px;
  font-weight: 500;
}

.mat-select-panel {
  max-width: 420px;
}

.cdk-overlay-pane .delegate-widget-transfer-select-panel,
.delegate-widget-transfer-select-panel.mat-select-panel {
  max-height: 256px !important;
  min-width: 220px !important;
  max-width: 420px !important;
  overflow-y: auto !important;
}

.scroll-content {
  overflow-y: auto;
}

.platform-mobile .label small {
  line-height: 1.2;
  display: inline-block;
}

.cursor-help {
  cursor: help;
}

.platform-mobile form .item-select ion-label,
.platform-mobile form .item-datetime ion-label,
.platform-mobile form .item-input ion-label {
  color: #757575;
}

.platform-mobile form .text-input::-moz-placeholder {
  color: rgba(117, 117, 117, 0.5);
}

.platform-mobile form .text-input:-ms-input-placeholder {
  color: rgba(117, 117, 117, 0.5);
}

.platform-mobile form .text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(117, 117, 117, 0.5);
}

.platform-mobile.ios ion-textarea.input,
.platform-mobile.ios ion-textarea.input textarea {
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

.platform-mobile.ios ion-input.input,
.platform-mobile.ios ion-input.input input {
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

ion-item-sliding ion-item-options .button[icon-only] {
  padding-left: 0.45em;
  padding-right: 0.45em;
}

.item-md ion-icon[item-left] + .item-inner,
.item-md ion-icon[item-left] + .item-input,
.item-md ion-icon[item-start] + .item-inner,
.item-md ion-icon[item-start] + .item-input {
  margin-left: 10px;
}

.mat-calendar-body-label[colspan='6'] ~ .mat-calendar-body-cell:nth-child(1) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='6'] ~ .mat-calendar-body-cell:nth-child(2) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='5'] ~ .mat-calendar-body-cell:nth-child(2) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='5'] ~ .mat-calendar-body-cell:nth-child(3) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='4'] ~ .mat-calendar-body-cell:nth-child(3) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='4'] ~ .mat-calendar-body-cell:nth-child(4) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='3'] ~ .mat-calendar-body-cell:nth-child(4) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='3'] ~ .mat-calendar-body-cell:nth-child(5) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='2'] ~ .mat-calendar-body-cell:nth-child(5) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan='2'] ~ .mat-calendar-body-cell:nth-child(6) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:nth-child(6) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:nth-child(7) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: red;
}

.platform-mobile textarea.text-input::-webkit-input-placeholder {
  text-indent: -2px;
}

.cdk-overlay-container .contains-mat-select-search {
  height: 46px;
}

.cdk-overlay-container .mat-select-search-inside-mat-option {
  display: block;
  width: 100%;
}

.cdk-overlay-container .mat-select-search-inside-mat-option .mat-select-search-inner {
  height: 46px;
}

.cdk-overlay-container .mat-select-search-inside-mat-option .mat-select-search-inner > .mat-select-search-input {
  height: 46px !important;
  line-height: 46px !important;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.4);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.3);
}

.mat-hint.error {
  color: #f44336;
}

.scroll-content perfect-scrollbar {
  max-width: 100%;
}

.shade-first-button .alert-button-group .alert-button:first-child {
  opacity: 0.3;
}

.align-self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

ion-modal.refuseReasons .modal-wrapper {
  max-height: 200px;
}

.platform-core ion-nav .ion-page .scroll-content {
  overflow-y: scroll;
}

.platform-mobile ion-nav .ion-page .scroll-content {
  overflow-y: scroll;
  padding-bottom: max(var(--player-footer-height), var(--page-bottom-overlay-offset, 0px));
}

.cdk-global-scrollblock {
  overflow: hidden;
}

.modal-wrapper .content-wrapper {
  background: transparent;
}

mat-icon.fi {
  width: 1em;
  margin-right: 4px;
  line-height: inherit;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background-size: cover;
  height: 0.8em;
  vertical-align: baseline;
}

mat-icon.fi:after {
  content: unset;
  display: none;
}

.mat-menu-panel {
  max-height: calc(50vh - 48px);
}

.admin-impersonation-section {
  padding: 16px;
  margin: 8px 0;
}

.admin-impersonation-section:first-child {
  margin-top: 0;
  border-top: none;
}

.admin-impersonation-section:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group,
.alert-md .alert-radio-group,
.alert-md .alert-checkbox-group,
.alert-wp .alert-radio-group,
.alert-wp .alert-checkbox-group {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: auto;
}

.isDesktop .admin-impersonation-section {
  padding: 20px 16px;
  margin: 12px 0;
}

.isDesktop .admin-impersonation-section admin-impersonation-button {
  display: block;
  width: 100%;
}

.isDesktop .admin-impersonation-section admin-impersonation-button .admin-impersonation-trigger-button {
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.isDesktop .admin-impersonation-section admin-impersonation-button .admin-impersonation-trigger-button .impersonation-active-content {
  width: 100%;
  min-width: auto;
}

audio-player-widget-component {
  position: absolute;
  z-index: 2000;
  bottom: 20px;
  right: 20px;
  left: 20px;
  max-width: 100vw;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  display: none;
}

@media screen and (max-width: 980px) {
  audio-player-widget-component {
    min-width: 0;
  }
}

audio-player-widget-component .mat-card.player-wrapper.mat-card {
  padding: 15px;
}

@media screen and (max-width: 980px) {
  audio-player-widget-component .mat-card.player-wrapper.mat-card {
    padding: 5px;
    -webkit-box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.35);
  }
}

audio-player-widget-component .player-wrapper {
  display: none;
  width: 100%;
}

audio-player-widget-component.enabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

audio-player-widget-component.enabled .player-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

audio-player-widget-component vg-player {
  height: 32px;
  background-color: transparent;
}

@media screen and (max-width: 980px) {
  audio-player-widget-component vg-player {
    height: 75px;
    padding-bottom: 15px;
  }
}

audio-player-widget-component vg-player vg-controls {
  background-color: transparent;
  height: inherit;
}

audio-player-widget-component vg-player vg-controls > div {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

audio-player-widget-component vg-player vg-controls > div.scrub-row {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (max-width: 980px) {
  audio-player-widget-component vg-player vg-controls {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  audio-player-widget-component vg-player vg-controls > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  audio-player-widget-component vg-player vg-controls > div.scrub-row {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    /* room for download + close (absolute in utils-row) */
    padding-right: 64px;
    height: 32px;
  }
  audio-player-widget-component vg-player vg-controls > div.controls-row {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  audio-player-widget-component vg-player vg-controls > div.controls-row .button-small,
  audio-player-widget-component vg-player vg-controls > div.controls-row vg-play-pause,
  audio-player-widget-component vg-player vg-controls > div.controls-row vg-time-display {
    height: 20px;
    line-height: 20px;
    margin: 0;
  }
  audio-player-widget-component vg-player vg-controls > div.utils-row {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    height: 0;
    width: 0;
    overflow: visible;
  }
  audio-player-widget-component vg-player vg-controls > div.utils-row .download {
    position: absolute;
    right: 36px;
    top: 0;
    margin-left: 0;
    z-index: 1;
  }
  audio-player-widget-component vg-player vg-controls > div.utils-row .close-button {
    position: absolute;
    right: 5px;
    top: 0;
    margin-left: 0;
  }
}

audio-player-widget-component vg-player vg-controls vg-playback-button,
audio-player-widget-component vg-player vg-controls vg-time-display,
audio-player-widget-component vg-player vg-controls vg-time-display,
audio-player-widget-component vg-player vg-controls vg-mute,
audio-player-widget-component vg-player vg-controls vg-play-pause {
  color: #000;
  height: inherit;
}

audio-player-widget-component vg-player vg-controls vg-volume,
audio-player-widget-component vg-player vg-controls vg-scrub-bar {
  height: inherit;
  background-color: transparent;
}

audio-player-widget-component vg-player vg-controls vg-volume,
audio-player-widget-component vg-player vg-controls vg-time-display {
  line-height: 32px;
}

audio-player-widget-component vg-player vg-controls vg-volume .volumeKnob,
audio-player-widget-component vg-player vg-controls vg-volume .volumeValue {
  background-color: #000;
}

audio-player-widget-component vg-player vg-controls vg-volume .volumeBackground {
  background-color: rgba(0, 0, 0, 0.3);
}

audio-player-widget-component vg-player vg-controls vg-scrub-bar-current-time {
  background-color: rgba(0, 0, 0, 0.3);
}

audio-player-widget-component vg-player vg-controls vg-scrub-bar-buffering-time .background {
  background-color: rgba(0, 0, 0, 0.05);
}

audio-player-widget-component vg-player vg-controls vg-scrub-bar-current-time .background {
  background-color: black;
  border: none;
}

audio-player-widget-component vg-player vg-controls .close-button,
audio-player-widget-component vg-player vg-controls .download {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  cursor: pointer;
  line-height: 32px;
  color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  margin-left: 10px;
}

audio-player-widget-component vg-player vg-controls .close-button .button-effect,
audio-player-widget-component vg-player vg-controls .download .button-effect {
  display: none;
}

audio-player-widget-component vg-player vg-controls .close-button:hover,
audio-player-widget-component vg-player vg-controls .download:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

audio-player-widget-component .mat-card .mat-card-content {
  height: auto;
  width: 100%;
}

audio-player-widget-component {
  left: 0;
  right: var(--scrollbar-width);
  bottom: 0;
}

audio-player-widget-component.isDesktop {
  left: 306px;
}

.mat-card.delegate-contract-widget {
  --dw-bg: #ffffff;
  --dw-surface: #f8fafc;
  --dw-border: rgba(15, 23, 42, 0.08);
  --dw-text: #0f172a;
  --dw-muted: #64748b;
  --dw-subtle: #94a3b8;
  --dw-accent: #2563eb;
  --dw-radius: 12px;
  --dw-header-h: 44px;
  --dw-row-pad-y: 10px;
  --dw-row-pad-x: 14px;
  --dw-scroll-max-h: min(52vh, calc(100vh - 148px));
  position: fixed;
  background: var(--dw-bg);
  bottom: 20px;
  left: calc(var(--menu-padding) + 50%);
  max-width: calc(80vw - 20px);
  min-width: 40vw;
  border-radius: var(--dw-radius);
  border: 1px solid var(--dw-border);
  padding: 0 !important;
  overflow: hidden;
  --menu-padding: 0px;
  -webkit-transform: translateX(calc(-50% - calc(var(--menu-padding) / 2) - calc(var(--scrollbar-width) / 2)));
  transform: translateX(calc(-50% - calc(var(--menu-padding) / 2) - calc(var(--scrollbar-width) / 2)));
  -webkit-transition: -webkit-box-shadow 0.25s ease;
  transition: -webkit-box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  -webkit-box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 12px 28px -6px rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 12px 28px -6px rgba(15, 23, 42, 0.14) !important;
}

@media screen and (min-width: 1200px) {
  .mat-card.delegate-contract-widget {
    --menu-padding: 324px;
    max-width: 560px;
    min-width: 560px;
    width: 560px;
  }
}

.mat-card.delegate-contract-widget .toggle-button {
  position: absolute;
  left: 10px;
  top: calc((var(--dw-header-h) - 30px) / 2);
  z-index: 220;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--dw-muted);
  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.mat-card.delegate-contract-widget .toggle-button .mat-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mat-card.delegate-contract-widget .toggle-button:hover {
  color: var(--dw-text);
  background: var(--dw-surface);
}

.mat-card.delegate-contract-widget .mat-card-header {
  display: block;
  /* Material тянет шапку вверх на 8px под свои паддинги; у виджета их нет — обнуляем, иначе шапка обрезается. */
  margin-top: 0;
  min-height: var(--dw-header-h);
  padding: 0 calc(var(--dw-row-pad-x) + 4px) 0 46px;
  cursor: pointer;
  position: relative;
  border-bottom: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fcfdff));
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
}

.mat-card.delegate-contract-widget .mat-card-header.has-badges {
  padding-right: calc(var(--dw-row-pad-x) + 108px);
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-badge-group {
  position: absolute;
  top: 50%;
  right: var(--dw-row-pad-x);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  z-index: 2;
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-pending-badge,
.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-accepted-badge,
.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-finished-badge,
.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-incoming-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 20px;
  height: auto;
  padding: 5px 8px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-pending-badge {
  background-color: #64748b;
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-accepted-badge {
  background-color: #ca8a04;
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-finished-badge {
  background-color: #16a34a;
}

.mat-card.delegate-contract-widget .mat-card-header .delegate-widget-incoming-badge {
  background-color: #dc2626;
}

.mat-card.delegate-contract-widget .mat-card-header:before {
  display: block;
  z-index: -1;
  content: '';
  position: absolute;
  top: -20px;
  bottom: -8px;
  right: -20px;
  left: -20px;
}

.mat-card.delegate-contract-widget .mat-card-header .mat-card-header-text {
  margin: 0;
  padding: 0;
  width: 100%;
}

.mat-card.delegate-contract-widget .mat-card-header .mat-card-title {
  margin: 0 !important;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: var(--dw-header-h);
  color: var(--dw-text);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mat-card.delegate-contract-widget .mat-card-header .mat-card-title + .mat-card-subtitle {
  margin-top: -8px;
}

.mat-card.delegate-contract-widget .mat-card-header .mat-card-title + .mat-card-subtitle + .mat-card-subtitle {
  margin-top: 0;
}

.mat-card.delegate-contract-widget .mat-card-content,
.mat-card.delegate-contract-widget .mat-card-subtitle,
.mat-card.delegate-contract-widget .mat-card-title {
  margin-bottom: 0;
}

.mat-card.delegate-contract-widget .mat-card-subtitle {
  margin-bottom: 0;
}

.mat-card.delegate-contract-widget .mat-card-content {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
  transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}

.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll {
  display: block;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: var(--dw-scroll-max-h);
}

.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll.ps .ps__content {
  width: 100% !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll .ps__rail-y {
  right: 0 !important;
  left: auto !important;
  width: 8px;
  opacity: 0;
  z-index: 3;
}

.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll .ps__rail-y .ps__thumb-y {
  right: 1px;
  width: 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.22);
}

.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll.ps.ps--scrolling-y > .ps__rail-y,
.mat-card.delegate-contract-widget .mat-card-content .delegate-widget-scroll:hover .ps__rail-y {
  opacity: 1;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list {
  padding: 0 0 8px;
  margin: 0;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-divider {
  display: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item {
  height: auto !important;
  cursor: default;
  border-bottom: 1px solid var(--dw-border);
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  overflow: visible;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-row-transfer {
  position: relative;
  z-index: 8;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item:last-child {
  border-bottom: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item:hover:not(.delegate-widget-highlight-finished):not(.delegate-widget-highlight-pending):not(.delegate-widget-highlight-accepted) .mat-list-item-content {
  background: var(--dw-surface);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-finished .mat-list-item-content,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-finished:hover .mat-list-item-content {
  background: rgba(22, 163, 74, 0.06);
  -webkit-box-shadow: inset 3px 0 0 #16a34a;
  box-shadow: inset 3px 0 0 #16a34a;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-pending .mat-list-item-content,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-pending:hover .mat-list-item-content {
  background: rgba(100, 116, 139, 0.08);
  -webkit-box-shadow: inset 3px 0 0 #64748b;
  box-shadow: inset 3px 0 0 #64748b;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-accepted .mat-list-item-content,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item.delegate-widget-highlight-accepted:hover .mat-list-item-content {
  background: rgba(234, 179, 8, 0.07);
  -webkit-box-shadow: inset 3px 0 0 rgba(202, 138, 4, 0.55);
  box-shadow: inset 3px 0 0 rgba(202, 138, 4, 0.55);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: var(--dw-row-pad-y) calc(var(--dw-row-pad-x) + 10px) var(--dw-row-pad-y) var(--dw-row-pad-x);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 56px;
  overflow: visible;
  position: relative;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  padding: 0;
  margin: 2px 10px 0 0;
  border-radius: 8px;
  background: var(--dw-surface);
  color: var(--dw-muted);
  text-align: center;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  padding: 0 8px 0 0 !important;
  width: auto !important;
  max-width: none !important;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text h3.mat-line {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--dw-text);
  letter-spacing: -0.01em;
  white-space: normal;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line {
  display: block;
  margin: 0 0 2px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--dw-muted);
  white-space: normal;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line.delegate-widget-details-line {
  pointer-events: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line.delegate-widget-details-line .delegate-widget-details-link {
  display: inline;
  pointer-events: auto;
  width: auto;
  color: var(--dw-accent);
  font-weight: 500;
  cursor: help;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line.color-danger {
  color: #d63535;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line.delegation-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 0;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--dw-subtle);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .mat-list-text small.mat-line.delegation-time .delegation-time-item + .delegation-time-item::before {
  content: '·';
  margin: 0 6px;
  opacity: 0.55;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions {
  position: relative !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 124px;
  -ms-flex: 0 0 124px;
  flex: 0 0 124px;
  width: 124px;
  min-width: 124px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  overflow: visible;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 2px;
  width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default .delegate-widget-action-slot-hidden {
  visibility: hidden;
  pointer-events: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay {
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -18px;
  z-index: 12;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: auto;
  max-width: calc(100vw - 120px);
  min-width: 0;
  overflow: visible;
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-confirm.mat-icon-button,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-cancel.mat-icon-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: var(--dw-bg);
  border: 1px solid var(--dw-border);
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 10px 24px -8px rgba(15, 23, 42, 0.18);
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 10px 24px -8px rgba(15, 23, 42, 0.18);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-confirm.mat-icon-button .mat-icon,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-cancel.mat-icon-button .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--dw-muted);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-confirm.mat-icon-button:hover .mat-icon,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay > .delegate-widget-transfer-cancel.mat-icon-button:hover .mat-icon {
  color: var(--dw-text);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-controls {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 200px;
  max-width: 340px;
  gap: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 6px 2px 8px;
  border-radius: 8px;
  background: var(--dw-bg);
  border: 1px solid var(--dw-border);
  -webkit-box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 10px 24px -8px rgba(15, 23, 42, 0.18);
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 10px 24px -8px rgba(15, 23, 42, 0.18);
  overflow: visible;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-controls > button.mat-icon-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-controls > button.mat-icon-button .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--dw-muted);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-controls > button.mat-icon-button:hover .mat-icon {
  color: var(--dw-text);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: 32px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: none;
  border-radius: 0;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select.mat-input-container, .mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select.mat-form-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-wrapper,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-wrapper {
  width: 100%;
  padding-bottom: 0;
  margin: 0;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-flex,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-infix,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-infix {
  width: auto;
  min-width: 0;
  max-width: 100%;
  border-top: 0;
  padding: 0;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-label-wrapper,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-placeholder-wrapper {
  display: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-underline,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-underline,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-input-subscript-wrapper,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-form-field-subscript-wrapper {
  display: none !important;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select {
  width: 100%;
  max-width: 100%;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select-trigger {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--dw-text);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select-value {
  max-width: calc(100% - 18px);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select-value-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select-placeholder {
  color: var(--dw-muted);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .mat-select-arrow {
  color: var(--dw-muted);
  margin: 0 0 0 4px;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-select .warning-hint {
  display: none;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay .delegate-widget-transfer-refresh {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-transfer-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 220px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.04);
  padding: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .buttons .mat-icon-button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .buttons .mat-icon-button .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--dw-muted);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .buttons .mat-icon-button:hover .mat-icon {
  color: var(--dw-text);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > button.mat-icon-button,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > a.mat-icon-button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > button.mat-icon-button .mat-icon,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > a.mat-icon-button .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--dw-muted);
}

.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > button.mat-icon-button:hover .mat-icon,
.mat-card.delegate-contract-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content > .delegate-widget-row-actions .delegate-widget-actions-default > a.mat-icon-button:hover .mat-icon {
  color: var(--dw-text);
}

.mat-card.delegate-contract-widget.shifted .mat-card-header {
  border-bottom: 1px solid var(--dw-border);
}

.mat-card.delegate-contract-widget.shifted .mat-card-content {
  max-height: var(--dw-scroll-max-h);
  opacity: 1;
  pointer-events: auto;
  overflow: visible;
}

.mat-card.delegate-contract-widget.shifted .delegate-widget-scroll.ps {
  overflow: visible !important;
}

.mat-card.incoming-call-widget {
  position: fixed;
  background-color: #f9fafb;
  bottom: 120px;
  padding: 36px 36px 16px 36px;
  border-radius: 16px;
  /* Поднят на 100px вверх (было 20px) */
  right: 20px;
  max-width: 420px;
  min-width: 320px;
  border-radius: 8px;
  -webkit-transform: translate(440px);
  transform: translate(440px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
}

.mat-card.incoming-call-widget.returned-call {
  border: 2px solid #d32f2f !important;
  -webkit-animation: blink-return 1.5s infinite;
  animation: blink-return 1.5s infinite;
}

.mat-card.incoming-call-widget.returned-call .mat-card-header {
  border-radius: 8px 8px 0 0;
}

.mat-card.incoming-call-widget .returned-call-title {
  color: #d32f2f !important;
  font-weight: 600;
}

.mat-card.incoming-call-widget .transfer-success-title {
  color: #2e7d32 !important;
  font-weight: 600;
}

@-webkit-keyframes blink-return {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink-return {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

.mat-card.incoming-call-widget.disconnect-error {
  border: 2px solid #d32f2f !important;
  background-color: #ffebee !important;
  -webkit-box-shadow: 0 0 20px rgba(211, 47, 47, 0.4) !important;
  box-shadow: 0 0 20px rgba(211, 47, 47, 0.4) !important;
}

.mat-card.incoming-call-widget .mat-card-header {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mat-card.incoming-call-widget .mat-card-header .mat-card-header-text {
  margin-left: 0;
  padding-left: 16px;
}

.mat-card.incoming-call-widget .mat-card-header .mat-card-avatar {
  width: 32px;
  height: 32px;
}

.mat-card.incoming-call-widget .mat-card-header .mat-card-avatar .mat-icon {
  width: 32px;
  font-size: 32px;
  height: 32px;
}

.mat-card.incoming-call-widget .mat-form-field {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: -5px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /* Позволяет сжиматься если нужно */
  min-width: 200px;
  /* Минимальная ширина для читаемости */
}

.mat-card.incoming-call-widget[cp='1'] {
  background-color: #ffe082;
}

.mat-card.incoming-call-widget.ready {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mat-card.incoming-call-widget.ready.shifted {
  -webkit-transform: translateX(calc(100% - 16px));
  transform: translateX(calc(100% - 16px));
}

.mat-card.incoming-call-widget .mat-card-content,
.mat-card.incoming-call-widget .mat-card-subtitle,
.mat-card.incoming-call-widget .mat-card-title {
  margin-bottom: 10px;
}

.mat-card.incoming-call-widget .mat-card-subtitle {
  margin-bottom: 0;
}

.mat-card.incoming-call-widget .mat-card-header .mat-card-title + .mat-card-subtitle {
  margin-top: -8px;
}

.mat-card.incoming-call-widget .mat-card-header .mat-card-title + .mat-card-subtitle + .mat-card-subtitle {
  margin-top: 0;
}

.mat-card.incoming-call-widget .mat-card-header .phone-owner-description {
  font-size: 11px !important;
  color: #666;
  margin-top: 2px !important;
  line-height: 1.2;
}

.mat-card.incoming-call-widget .mat-card-content {
  margin-top: 10px;
  margin-bottom: 0;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list {
  padding-top: 0;
  margin-left: -25px;
  margin-right: -25px;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content {
  padding-left: 24px;
  padding-right: 24px;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content .mat-list-icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  padding: 0;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content .mat-list-text {
  padding-right: 8px;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content .mat-list-text strong {
  font-weight: 500;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content .mat-list-text small {
  color: #737373;
}

.mat-card.incoming-call-widget .mat-card-content .mat-nav-list .mat-list-item .mat-list-item-content .mat-list-text small.color-danger {
  color: #d63535;
}

.mat-card.incoming-call-widget > .mat-card-actions.bottom {
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.mat-card.incoming-call-widget > .mat-card-actions.bottom .mat-button {
  position: relative;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.mat-card.incoming-call-widget > .mat-card-actions.bottom .mat-button:hover .mat-button-focus-overlay {
  opacity: 1;
}

.mat-card.incoming-call-widget > .mat-card-actions.bottom .mat-button .mat-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 4px;
}

.mat-card.incoming-call-widget > .mat-card-actions.bottom .mat-button small {
  display: block;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1.1;
  font-size: 10px;
  color: #737373;
}

.mat-card.incoming-call-widget .toggle-button {
  position: absolute;
  left: -2px;
  top: -4px;
  z-index: 210;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: 50px;
  height: 50px;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-card.incoming-call-widget.ready.shifted .toggle-button,
.mat-card.incoming-call-widget .toggle-button:hover {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mat-card.incoming-call-widget .toggle-button,
.mat-card.incoming-call-widget.ready.shifted .toggle-button:hover {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.mat-card.incoming-call-widget .close-button {
  position: absolute;
  right: -2px;
  top: -4px;
  z-index: 210;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: 50px;
  height: 50px;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-card.incoming-call-widget .close-button:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.mat-card.incoming-call-widget .transfer-panel-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 0;
  border-top: 1px solid #eee;
}

.mat-card.incoming-call-widget .transfer-panel-row .mat-button,
.mat-card.incoming-call-widget .transfer-panel-row .mat-icon-button,
.mat-card.incoming-call-widget .transfer-panel-row .mat-raised-button {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  min-width: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.mat-card.incoming-call-widget .transfer-panel-row .mat-button .mat-icon,
.mat-card.incoming-call-widget .transfer-panel-row .mat-icon-button .mat-icon,
.mat-card.incoming-call-widget .transfer-panel-row .mat-raised-button .mat-icon {
  font-size: 28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 4px;
  margin-right: 0 !important;
}

.mat-card.incoming-call-widget .transfer-panel-row .mat-button small,
.mat-card.incoming-call-widget .transfer-panel-row .mat-button span,
.mat-card.incoming-call-widget .transfer-panel-row .mat-icon-button small,
.mat-card.incoming-call-widget .transfer-panel-row .mat-icon-button span,
.mat-card.incoming-call-widget .transfer-panel-row .mat-raised-button small,
.mat-card.incoming-call-widget .transfer-panel-row .mat-raised-button span {
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  color: #333;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.mat-card.incoming-call-widget .transfer-panel-row .employee-select-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100px;
  max-width: 160px;
  margin-bottom: -1.25em;
}

.mat-card.incoming-call-widget .transfer-buttons {
  display: none;
}

.mat-card.incoming-call-widget .transfer-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  margin: 22px 0 0 0;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  border-radius: 8px;
  color: #666;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.mat-card.incoming-call-widget .transfer-status ::ng-deep mat-spinner {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mat-card.incoming-call-widget .transfer-status ::ng-deep .mat-spinner svg {
  stroke: #666 !important;
}

.mat-card.incoming-call-widget .transfer-status span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}

.mat-card.incoming-call-widget .transfer-status.error-bg {
  background: #ffebee !important;
  border: 1px solid #ffcdd2;
  min-height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mat-card.incoming-call-widget .transfer-status.error-bg .error-icon {
  color: #d32f2f;
  margin-right: 8px;
}

.mat-card.incoming-call-widget .transfer-status.error-bg .error-text {
  color: #d32f2f;
  font-weight: bold;
}

.mat-card.incoming-call-widget .transfer-status.success-bg {
  background: #e8f5e9 !important;
  border: 1px solid #c8e6c9;
  color: #2e7d32;
}

.mat-card.incoming-call-widget .transfer-status.success-bg ::ng-deep .mat-spinner circle {
  stroke: #2e7d32 !important;
}

.mat-card.incoming-call-widget .transfer-status.success-bg .success-icon {
  color: #2e7d32;
}

kpi-widget {
  position: absolute;
  z-index: 310;
  top: 0;
  left: 10px;
  width: auto;
  will-change: transform;
  -webkit-transform: translateY(calc(-100% - 5px));
  transform: translateY(calc(-100% - 5px));
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.platform-mobile kpi-widget {
  display: none;
}

kpi-widget:hover, kpi-widget.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

kpi-widget:hover .hover-icon, kpi-widget.active .hover-icon {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

kpi-widget .hover-icon {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px 5px 2px 5px;
  color: #263238;
  background-color: white;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 0 2px 2px;
  opacity: 0.7;
}

kpi-widget .mat-card {
  z-index: 1;
  background-color: white;
  border-radius: 0 0 2px 2px;
}

kpi-widget .mat-card .kpi {
  border-bottom: 2px solid #d9dee4;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

kpi-widget .mat-card .kpi:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

kpi-widget .mat-card .kpi span {
  font-size: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

kpi-widget .mat-card .kpi span.count_top {
  color: #737373;
}

kpi-widget .mat-card .kpi .mat-progress-bar {
  margin-top: 8px;
  margin-bottom: 5px;
  height: 8px;
}

kpi-widget .mat-card .kpi .center {
  display: block;
  text-align: center;
}

kpi-widget .mat-card .kpi .count {
  font-size: 40px;
  line-height: 47px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

kpi-widget .mat-card .kpi .count[grade='1'] {
  color: rgba(56, 142, 60, 0.5);
}

kpi-widget .mat-card .kpi .count[grade='2'] {
  color: rgba(251, 192, 45, 0.5);
}

kpi-widget .mat-card .kpi .count[grade='3'] {
  color: rgba(229, 57, 53, 0.5);
}

kpi-widget .mat-card .kpi .count > small {
  color: rgba(0, 0, 0, 0.27);
  font-size: 60%;
  vertical-align: text-bottom;
}

kpi-widget .mat-card .kpi .count.small {
  font-size: 30px;
  line-height: 27px;
}

kpi-widget .mat-card .kpi .count.small > small {
  color: inherit;
}

kpi-widget .mat-card .kpi .count.small > small,
kpi-widget .mat-card .kpi .count.small > .mat-icon {
  vertical-align: middle;
}

kpi-widget .mat-card .kpi .count.small > .mat-icon {
  font-size: 80%;
  color: #74933c;
}

.admin-impersonation-container {
  position: relative;
  display: inline-block;
  margin: 8px;
}

.admin-impersonation-trigger-button {
  min-width: 160px;
  min-height: 40px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
}

.admin-impersonation-trigger-button .button-icon {
  margin-right: 8px;
}

.admin-impersonation-trigger-button .button-text {
  font-size: 14px;
}

.admin-impersonation-trigger-button .impersonation-active-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
  min-width: 200px;
}

.admin-impersonation-trigger-button .impersonation-active-content .current-target,
.admin-impersonation-trigger-button .impersonation-active-content .original-admin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.admin-impersonation-trigger-button .impersonation-active-content .current-target .target-label,
.admin-impersonation-trigger-button .impersonation-active-content .current-target .original-label,
.admin-impersonation-trigger-button .impersonation-active-content .original-admin .target-label,
.admin-impersonation-trigger-button .impersonation-active-content .original-admin .original-label {
  font-size: 10px;
  opacity: 0.8;
  font-style: italic;
}

.admin-impersonation-trigger-button .impersonation-active-content .current-target .target-name,
.admin-impersonation-trigger-button .impersonation-active-content .current-target .original-name,
.admin-impersonation-trigger-button .impersonation-active-content .original-admin .target-name,
.admin-impersonation-trigger-button .impersonation-active-content .original-admin .original-name {
  font-size: 12px;
  font-weight: 500;
  color: #1976d2;
}

.admin-impersonation-trigger-button .impersonation-active-content .end-impersonation-button {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 28px;
  min-height: 28px;
  opacity: 0.9;
}

.admin-impersonation-trigger-button .impersonation-active-content .end-impersonation-button:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.admin-impersonation-trigger-button.admin-impersonation-button--active {
  background-color: #ffcdd2 !important;
  border: 2px solid #f44336;
  color: #d32f2f;
}

.admin-impersonation-trigger-button.admin-impersonation-button--active:hover {
  background-color: #f8bbd9 !important;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.admin-impersonation-trigger-button.admin-impersonation-button--admin {
  background-color: #e3f2fd;
  border: 1px solid #2196f3;
  color: #1976d2;
}

.admin-impersonation-trigger-button.admin-impersonation-button--admin:hover {
  background-color: #bbdefb;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.impersonation-info-tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 8px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 300px;
  max-width: 400px;
  display: none;
}

.impersonation-info-tooltip .tooltip-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 8px 8px 0 0;
}

.impersonation-info-tooltip .tooltip-header .impersonation-icon {
  color: #f44336;
}

.impersonation-info-tooltip .tooltip-header .tooltip-title {
  font-weight: 500;
  font-size: 14px;
}

.impersonation-info-tooltip .tooltip-content {
  padding: 16px;
}

.impersonation-info-tooltip .tooltip-content .info-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}

.impersonation-info-tooltip .tooltip-content .info-row:last-child {
  border-bottom: none;
}

.impersonation-info-tooltip .tooltip-content .info-row .info-label {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  min-width: 80px;
}

.impersonation-info-tooltip .tooltip-content .info-row .info-value {
  font-size: 12px;
  color: #333;
  text-align: right;
}

.impersonation-info-tooltip .tooltip-content .info-row .info-value.reason-text {
  max-width: 200px;
  word-break: break-word;
  line-height: 1.3;
}

.impersonation-info-tooltip .tooltip-actions {
  padding: 12px 16px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}

.impersonation-info-tooltip .tooltip-actions .end-impersonation-tooltip-button {
  width: 100%;
  font-size: 12px;
}

.impersonation-info-tooltip .tooltip-actions .end-impersonation-tooltip-button .mat-icon {
  margin-right: 4px;
}

.admin-impersonation-trigger-button:hover + .impersonation-info-tooltip {
  display: block;
}

.admin-indicator {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 8px;
  opacity: 0.7;
}

.admin-indicator .admin-icon {
  font-size: 16px;
  color: #1976d2;
}

@media (max-width: 768px) {
  .admin-impersonation-container {
    margin: 4px 0;
  }
  .admin-impersonation-trigger-button {
    min-width: 140px;
    font-size: 12px;
  }
  .admin-impersonation-trigger-button .impersonation-active-content {
    min-width: 180px;
    font-size: 11px;
  }
  .admin-impersonation-trigger-button .impersonation-active-content .current-target .target-label,
  .admin-impersonation-trigger-button .impersonation-active-content .current-target .original-label,
  .admin-impersonation-trigger-button .impersonation-active-content .original-admin .target-label,
  .admin-impersonation-trigger-button .impersonation-active-content .original-admin .original-label {
    font-size: 9px;
  }
  .admin-impersonation-trigger-button .impersonation-active-content .current-target .target-name,
  .admin-impersonation-trigger-button .impersonation-active-content .current-target .original-name,
  .admin-impersonation-trigger-button .impersonation-active-content .original-admin .target-name,
  .admin-impersonation-trigger-button .impersonation-active-content .original-admin .original-name {
    font-size: 11px;
  }
  .impersonation-info-tooltip {
    min-width: 250px;
    max-width: 300px;
  }
  .impersonation-info-tooltip .tooltip-content .info-row .info-value {
    max-width: 150px;
  }
}

@media (prefers-color-scheme: dark) {
  .impersonation-info-tooltip {
    background-color: #2d2d2d;
    border-color: #424242;
    color: #fff;
  }
  .impersonation-info-tooltip .tooltip-header {
    background-color: #3a3a3a;
    border-color: #424242;
  }
  .impersonation-info-tooltip .tooltip-header .tooltip-title {
    color: #fff;
  }
  .impersonation-info-tooltip .tooltip-content .info-row {
    border-color: #424242;
  }
  .impersonation-info-tooltip .tooltip-content .info-row .info-label {
    color: #ccc;
  }
  .impersonation-info-tooltip .tooltip-content .info-row .info-value {
    color: #fff;
  }
  .impersonation-info-tooltip .tooltip-actions {
    border-color: #424242;
  }
}

.admin-impersonation-trigger-button {
  -webkit-animation: buttonStateChange 0.3s ease;
  animation: buttonStateChange 0.3s ease;
}

@-webkit-keyframes buttonStateChange {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes buttonStateChange {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes reScale {
  0% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  50% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  85% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
}

@keyframes reScale {
  0% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  50% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  85% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
}

@-webkit-keyframes inverseReScale {
  0% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  50% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  85% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
}

@keyframes inverseReScale {
  0% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  50% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
  85% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1.0001);
    transform: scale(1.0001);
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes showHide {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showHide {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hideShow {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hideShow {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

audio-recording {
  display: block;
  width: 282px;
  height: 282px;
  -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  margin: 50px 50px 50px 50px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media screen and (orientation: landscape) {
  audio-recording {
    -webkit-transform: translateY(calc(var(--keyboard-height, 0) / -2));
    transform: translateY(calc(var(--keyboard-height, 0) / -2));
  }
}

audio-recording audio {
  visibility: none;
  z-index: -1000;
  position: absolute;
  left: -100vw;
  top: -100vw;
}

audio-recording .window-control {
  position: absolute;
  right: 20px;
  top: 0;
}

@media screen and (orientation: landscape) {
  audio-recording .window-control {
    top: 40px;
  }
}

audio-recording .window-control .icon {
  font-size: 1.8em;
}

audio-recording .name-container {
  width: 322px;
  margin-left: -20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (orientation: landscape) {
  audio-recording .name-container {
    margin-top: 0;
    margin-bottom: 0;
  }
}

audio-recording .name-container .mat-form-field {
  width: 100%;
  color: #fff;
  text-align: center;
}

audio-recording .name-container .mat-form-field .mat-form-field-underline {
  height: 2px;
}

audio-recording .name-container .mat-form-field .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.62);
}

audio-recording .name-container .mat-form-field .mat-form-field-ripple {
  background-color: white;
}

audio-recording .name-container .mat-form-field .mat-input-hint-wrapper {
  text-align: center;
}

audio-recording .name-container .mat-form-field .mat-input-element {
  text-align: center;
}

audio-recording .name-container .mat-form-field .mat-form-field-hint-spacer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

audio-recording .name-container .mat-form-field .mat-hint {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: rgba(255, 255, 255, 0.6);
}

audio-recording .name-container .mat-form-field .mat-error {
  text-align: center;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.24);
}

audio-recording .name-container .mat-form-field .mat-form-field-label {
  text-align: center;
  color: #fff;
}

.recording-wrapper {
  display: inline-block;
  margin: auto;
  width: 282px;
  height: 282px;
  background-color: white;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}

.recording-wrapper .mat-button .mat-button-focus-overlay,
.recording-wrapper .mat-icon-button .mat-button-focus-overlay {
  display: none;
}

.recording-wrapper .mat-icon {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.recording-wrapper:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.recording-wrapper file-drop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}

.recording-wrapper file-drop .drop-zone {
  width: inherit;
  height: inherit;
  border-radius: 100px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
}

.recording-wrapper file-drop .drop-zone.over {
  border-color: red;
  background-color: lightgray;
}

.recording-wrapper file-drop .drop-zone .content {
  height: inherit;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.recording-wrapper .recording-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.recording-wrapper .recording-content .buttons {
  margin-top: 94px;
  height: 94px;
  position: relative;
}

.recording-wrapper .recording-content .buttons .drop-zone {
  width: 94px;
  height: 94px;
  border-radius: 100px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: -94px;
  left: 0;
  width: 282px;
  height: 282px;
}

.recording-wrapper .recording-content .buttons .drop-zone .attach_file {
  display: none;
}

.recording-wrapper .recording-content .buttons .drop-zone.over {
  border-color: red;
  background-color: lightgray;
}

.recording-wrapper .recording-content .buttons .drop-zone.over .attach_file {
  display: block;
}

.recording-wrapper .recording-content .buttons .drop-zone.over .mic {
  display: none;
}

.recording-wrapper .recording-content .buttons .drop-zone .content {
  height: inherit;
  background-color: transparent;
}

.recording-wrapper .recording-content .buttons .mat-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.recording-wrapper .recording-content .buttons .pause-record-button {
  opacity: 0;
}

.recording-wrapper .recording-content .buttons .complete-record-button {
  opacity: 0;
}

.recording-wrapper .recording-content .buttons .stop-record-button {
  opacity: 0;
}

.recording-wrapper .recording-content .buttons .switch-to-file-mode,
.recording-wrapper .recording-content .buttons .switch-to-record-mode,
.recording-wrapper .recording-content .buttons .stop-record-button,
.recording-wrapper .recording-content .buttons .complete-record-button,
.recording-wrapper .recording-content .buttons .start-record-button,
.recording-wrapper .recording-content .buttons .pause-record-button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s;
}

.recording-wrapper .recording-content .buttons .switch-to-record-mode,
.recording-wrapper .recording-content .buttons .switch-to-file-mode {
  color: transparent;
  pointer-events: none;
  -webkit-transform: translate(-50%, -132px);
  transform: translate(-50%, -132px);
}

.recording-wrapper .recording-content .buttons .stop-record-button {
  margin-top: -40px;
  margin-left: -135px;
}

.recording-wrapper .recording-content .buttons .complete-record-button {
  margin-top: -40px;
  margin-left: 55px;
}

.recording-wrapper .recording-content .buttons .start-record-button {
  margin-left: -42px;
  margin-top: -42px;
  width: 84px;
  border-radius: 100%;
  height: 84px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  opacity: 0;
}

.recording-wrapper .recording-content .buttons .pause-record-button {
  width: 84px;
  height: 84px;
  margin-top: -42px;
  margin-left: -42px;
  border-radius: 100%;
  background-color: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

.recording-wrapper .recording-content .description {
  text-align: center;
  position: relative;
  height: 33.333%;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.recording-wrapper .recording-content .description .elapsed-time,
.recording-wrapper .recording-content .description .start-record {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  vertical-align: baseline;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.recording-wrapper .recording-content .description .start-record {
  opacity: 1;
}

.recording-wrapper.ready .description .start-record {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.recording-wrapper.ready .buttons .start-record-button {
  background-color: red;
  -webkit-animation-name: blink, reScale;
  animation-name: blink, reScale;
  -webkit-animation-duration: 2s, 2s;
  animation-duration: 2s, 2s;
  -webkit-animation-iteration-count: infinite, infinite;
  animation-iteration-count: infinite, infinite;
  -webkit-animation-timing-function: ease-in-out, ease-in-out;
  animation-timing-function: ease-in-out, ease-in-out;
  color: #fff;
}

.recording-wrapper.ready .buttons .pause-record-button {
  pointer-events: none;
}

.recording-wrapper.ready .buttons .complete-record-button {
  pointer-events: none;
}

.recording-wrapper.ready .buttons .stop-record-button {
  pointer-events: none;
}

.recording-wrapper.active {
  background-color: red;
}

.recording-wrapper.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  -webkit-transform: scale(var(--record-amplitude));
  transform: scale(var(--record-amplitude));
  -webkit-transition: -webkit-transform 0.12s;
  transition: -webkit-transform 0.12s;
  transition: transform 0.12s;
  transition: transform 0.12s, -webkit-transform 0.12s;
}

.recording-wrapper.active .description {
  z-index: 1;
  color: white;
}

.recording-wrapper.active .description .start-record {
  opacity: 0;
}

.recording-wrapper.active .description .elapsed-time {
  opacity: 1;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.recording-wrapper.active .buttons {
  z-index: 1;
}

.recording-wrapper.active .buttons .start-record-button {
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}

.recording-wrapper.active .buttons .pause-record-button {
  opacity: 1;
}

.recording-wrapper.active .buttons .start-record-button,
.recording-wrapper.active .buttons .pause-record-button {
  color: red;
}

.recording-wrapper.active .buttons .stop-record-button,
.recording-wrapper.active .buttons .complete-record-button {
  color: white;
}

.recording-wrapper.active .buttons .pause-record-button {
  opacity: 1;
}

.recording-wrapper.active .buttons .complete-record-button {
  opacity: 1;
}

.recording-wrapper.active .buttons .stop-record-button {
  opacity: 1;
}

.recording-wrapper.paused .buttons .start-record-button {
  opacity: 1;
  background-color: white;
  pointer-events: unset;
  -webkit-animation-name: blink, reScale;
  animation-name: blink, reScale;
  -webkit-animation-duration: 2s, 4s;
  animation-duration: 2s, 4s;
  -webkit-animation-iteration-count: infinite, infinite;
  animation-iteration-count: infinite, infinite;
  -webkit-animation-timing-function: ease-in-out, ease-in-out;
  animation-timing-function: ease-in-out, ease-in-out;
  -webkit-animation: none;
  animation: none;
  color: red;
}

.recording-wrapper.paused .buttons .pause-record-button {
  opacity: 0;
  -webkit-animation: none;
  animation: none;
  pointer-events: none;
}

.recording-wrapper.paused .description {
  color: white;
}

.recording-wrapper.paused .description .start-record {
  opacity: 1;
}

.recording-wrapper.paused .description .elapsed-time {
  opacity: 0;
}

.recording-wrapper.paused .description .start-record,
.recording-wrapper.paused .description .elapsed-time {
  -webkit-animation-name: showHide;
  animation-name: showHide;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.recording-wrapper.paused .description .elapsed-time {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: hideShow;
  animation-name: hideShow;
}

.recording-wrapper.active.uploading .buttons .start-record-button {
  opacity: 0;
  -webkit-animation: none;
  animation: none;
  pointer-events: none;
}

.recording-wrapper.active.uploading .buttons .pause-record-button {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: none;
  animation: none;
}

.recording-wrapper.active.uploading .buttons .stop-record-button {
  opacity: 0;
  pointer-events: none;
}

.recording-wrapper.active.uploading .buttons .complete-record-button {
  width: 124px;
  border-radius: 100%;
  height: 124px;
  margin-top: -62px;
  margin-left: -62px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
  background-color: white;
  pointer-events: none;
  -webkit-animation-name: reScale;
  animation-name: reScale;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  color: red;
}

.recording-wrapper.active.uploading.retry-upload .buttons .complete-record-button {
  -webkit-animation: none;
  animation: none;
  pointer-events: auto;
}

.recording-wrapper.active.uploading .description .elapsed-time {
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}

.recording-wrapper.active.uploading .description .start-record {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Row separators: same as desktop-client-task-item — 1px line via gradient on .item
 * (not border on .item-inner / host). Fractional Y + nested Ionic paint eats borders. */
ion-item-group campaign-status-item {
  display: block;
}

ion-item-group campaign-status-item .item.item {
  position: relative;
  padding-left: 0;
  background-color: white;
  background-image: linear-gradient(to top, #dedede 1px, transparent 1px) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
  background-image: none !important;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .comment-row {
  border-top: 1px dashed rgba(169, 169, 169, 0.45);
  padding: 12px 0 0 5px;
  margin: 8px 0 0;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .comment-row > .col {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .comment-row > .col:first-child {
  padding-top: 4px !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin: 0;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .comment-row > .col:last-child {
  padding: 0 0 7px 0;
  margin: 0 0 7px 0;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label {
  padding-left: 10px;
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  color: #888;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

campaign-status-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

campaign-status-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
  text-decoration: none;
}

campaign-status-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label p + p {
  margin-top: 0.15em;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label small {
  color: #888;
  line-height: 14px;
  font-size: 80%;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label p a {
  color: inherit;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .pre-icon {
  width: 16px;
  padding-top: 0 !important;
  padding-right: 4px !important;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #ababab;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .pre-icon [name='mail'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
  max-height: unset;
  display: block;
  line-height: 1.3;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .row.mb-10:last-child {
  margin-bottom: 5px;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .row.mb-10:first-child {
  margin-bottom: 5px;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group campaign-status-item .item[track] {
  padding-left: 0;
}

ion-item-group campaign-status-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

ion-item-group campaign-status-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group campaign-status-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group campaign-status-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group campaign-status-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 2px;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0px;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 100%;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group campaign-status-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

campaign-status-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

campaign-status-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

campaign-status-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

campaign-status-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group campaign-status-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

campaign-status-item .item .item-inner .label .buttons.col {
  height: 32px;
}

campaign-status-item .item .item-inner .label .buttons .buttons {
  height: 100%;
  display: block;
}

campaign-status-item .item .item-inner .label .buttons .button {
  height: 32px;
  line-height: 15px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

campaign-status-item .entity-type-label {
  color: #666;
  margin-left: 4px;
}

campaign-status-item .item .item-inner .label p.nowrap small {
  display: inline-block;
  vertical-align: middle;
}

client-alert-stack.client-alert-stack--desktop {
  display: contents;
}

client-case-kyc-only-warning {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(1200 + 3);
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-case-kyc-only-warning .alert-banner {
  cursor: default;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-case-kyc-only-warning .alert-banner__short {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  background: #c46323;
  color: inherit;
}

client-case-kyc-only-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  width: 100%;
}

client-case-kyc-only-warning.desktop .alert-banner__short {
  margin: 0;
  width: 100%;
}

client-case-kyc-only-warning.is-short {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* Cover fractional-DPR hairline under this sticky host (next top uses size var). */
  -webkit-box-shadow: 0 1px 0 0 #c46323;
  box-shadow: 0 1px 0 0 #c46323;
}

client-case-kyc-only-warning.is-full {
  height: auto;
  min-height: 0;
  /* Keep paint box closed so sticky seam gaps never show page background. */
  overflow: hidden;
}

client-case-kyc-only-warning .alert-banner__full .card,
client-case-kyc-only-warning .alert-banner__full ion-card.card {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-case-kyc-only-warning .alert-banner__full ion-card-content,
client-case-kyc-only-warning .alert-banner__full .card-content-ios,
client-case-kyc-only-warning .alert-banner__full .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-case-kyc-only-warning .alert-banner__full ion-card-content p,
client-case-kyc-only-warning .alert-banner__full .card-content-ios p,
client-case-kyc-only-warning .alert-banner__full .card-content-md p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-case-kyc-only-warning .alert-banner__full ion-card-content p + p,
client-case-kyc-only-warning .alert-banner__full .card-content-ios p + p,
client-case-kyc-only-warning .alert-banner__full .card-content-md p + p {
  margin-top: 4px;
}

client-case-kyc-only-warning.is-tappable .alert-banner {
  cursor: pointer;
}

client-case-kyc-only-warning .alert-banner__short {
  background-color: #c46323;
  color: white;
}

client-case-kyc-only-warning ion-card-content,
client-case-kyc-only-warning .card-content-ios,
client-case-kyc-only-warning .card-content-md {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

client-case-kyc-only-warning .card {
  width: 100%;
  padding: 0 !important;
  margin: 0;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #c46323;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

client-case-kyc-only-warning .card p {
  color: white;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-case-kyc-only-warning.is-full .card p {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

client-case-kyc-only-warning.desktop .card {
  margin: 0;
  width: 100%;
}

client-court-participation-warning {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(1200 + 1);
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-court-participation-warning .alert-banner {
  cursor: default;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-court-participation-warning .alert-banner__short {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  background: #c46323;
  color: inherit;
}

client-court-participation-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  width: 100%;
}

client-court-participation-warning.desktop .alert-banner__short {
  margin: 0;
  width: 100%;
}

client-court-participation-warning.is-short {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* Cover fractional-DPR hairline under this sticky host (next top uses size var). */
  -webkit-box-shadow: 0 1px 0 0 #c46323;
  box-shadow: 0 1px 0 0 #c46323;
}

client-court-participation-warning.is-full {
  height: auto;
  min-height: 0;
  /* Keep paint box closed so sticky seam gaps never show page background. */
  overflow: hidden;
}

client-court-participation-warning .alert-banner__full .card,
client-court-participation-warning .alert-banner__full ion-card.card {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-court-participation-warning .alert-banner__full ion-card-content,
client-court-participation-warning .alert-banner__full .card-content-ios,
client-court-participation-warning .alert-banner__full .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-court-participation-warning .alert-banner__full ion-card-content p,
client-court-participation-warning .alert-banner__full .card-content-ios p,
client-court-participation-warning .alert-banner__full .card-content-md p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-court-participation-warning .alert-banner__full ion-card-content p + p,
client-court-participation-warning .alert-banner__full .card-content-ios p + p,
client-court-participation-warning .alert-banner__full .card-content-md p + p {
  margin-top: 4px;
}

client-court-participation-warning.is-tappable .alert-banner {
  cursor: pointer;
}

client-court-participation-warning .alert-banner__short {
  background-color: #c46323;
  color: white;
}

client-court-participation-warning ion-card-content,
client-court-participation-warning .card-content-ios,
client-court-participation-warning .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-court-participation-warning .card {
  width: 100%;
  padding: 0 !important;
  margin: 0;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #c46323;
}

client-court-participation-warning .card p {
  color: white;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-court-participation-warning.desktop .card {
  margin: 0;
  width: 100%;
}

client-debt-header {
  width: 100%;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(1200 + 0);
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  /* Not `>` — stack is display:contents, so host is a DOM grandchild of .content-wrapper. */
}

client-debt-header .alert-banner {
  cursor: default;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-debt-header .alert-banner__short {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  background: #d63535;
  color: inherit;
}

client-debt-header .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  width: 100%;
}

client-debt-header.desktop .alert-banner__short {
  margin: 0;
  width: 100%;
}

client-debt-header.is-short {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* Cover fractional-DPR hairline under this sticky host (next top uses size var). */
  -webkit-box-shadow: 0 1px 0 0 #d63535;
  box-shadow: 0 1px 0 0 #d63535;
}

client-debt-header.is-full {
  height: auto;
  min-height: 0;
  /* Keep paint box closed so sticky seam gaps never show page background. */
  overflow: hidden;
}

client-debt-header .alert-banner__full .card,
client-debt-header .alert-banner__full ion-card.card {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-debt-header .alert-banner__full ion-card-content,
client-debt-header .alert-banner__full .card-content-ios,
client-debt-header .alert-banner__full .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-debt-header .alert-banner__full ion-card-content p,
client-debt-header .alert-banner__full .card-content-ios p,
client-debt-header .alert-banner__full .card-content-md p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-debt-header .alert-banner__full ion-card-content p + p,
client-debt-header .alert-banner__full .card-content-ios p + p,
client-debt-header .alert-banner__full .card-content-md p + p {
  margin-top: 4px;
}

client-debt-header.is-tappable .alert-banner {
  cursor: pointer;
}

client-debt-header .debt-wrapper {
  position: relative;
}

.content-wrapper client-debt-header {
  margin-top: 0 !important;
}

client-debt-header .alert-banner__short {
  background: #d63535;
  color: white;
}

client-debt-header ion-card-content,
client-debt-header .card-content-ios,
client-debt-header .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-debt-header .card {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #d63535;
}

client-debt-header .card p,
client-debt-header .card span {
  color: white;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-debt-header .card p:last-child {
  margin-bottom: 0;
}

client-debt-header.desktop .card {
  margin: 0;
  width: 100%;
}

.attorney-history {
  cursor: help;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.attorney-history ion-icon {
  font-size: 14px;
  vertical-align: middle;
}

client-power-of-attorney-info {
  display: block;
}

client-power-of-attorney-info.poa-info-desktop {
  display: contents;
}

client-power-of-attorney-info .item .item-inner div.buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

client-power-of-attorney-warning {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(1200 + 2);
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-power-of-attorney-warning .alert-banner {
  cursor: default;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

client-power-of-attorney-warning .alert-banner__short {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  background: #d63535;
  color: inherit;
}

client-power-of-attorney-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  width: 100%;
}

client-power-of-attorney-warning.desktop .alert-banner__short {
  margin: 0;
  width: 100%;
}

client-power-of-attorney-warning.is-short {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* Cover fractional-DPR hairline under this sticky host (next top uses size var). */
  -webkit-box-shadow: 0 1px 0 0 #d63535;
  box-shadow: 0 1px 0 0 #d63535;
}

client-power-of-attorney-warning.is-full {
  height: auto;
  min-height: 0;
  /* Keep paint box closed so sticky seam gaps never show page background. */
  overflow: hidden;
}

client-power-of-attorney-warning .alert-banner__full .card,
client-power-of-attorney-warning .alert-banner__full ion-card.card {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-power-of-attorney-warning .alert-banner__full ion-card-content,
client-power-of-attorney-warning .alert-banner__full .card-content-ios,
client-power-of-attorney-warning .alert-banner__full .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-power-of-attorney-warning .alert-banner__full ion-card-content p,
client-power-of-attorney-warning .alert-banner__full .card-content-ios p,
client-power-of-attorney-warning .alert-banner__full .card-content-md p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-power-of-attorney-warning .alert-banner__full ion-card-content p + p,
client-power-of-attorney-warning .alert-banner__full .card-content-ios p + p,
client-power-of-attorney-warning .alert-banner__full .card-content-md p + p {
  margin-top: 4px;
}

client-power-of-attorney-warning.is-tappable .alert-banner {
  cursor: pointer;
}

client-power-of-attorney-warning .alert-banner__short {
  background-color: #d63535;
  color: white;
}

client-power-of-attorney-warning ion-card-content,
client-power-of-attorney-warning .card-content-ios,
client-power-of-attorney-warning .card-content-md {
  padding: var(--client-alert-card-padding-top, 8px) var(--client-alert-card-padding-x, 12px) var(--client-alert-card-padding-bottom, 8px);
}

client-power-of-attorney-warning .card {
  width: 100%;
  padding: 0 !important;
  margin: 0;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #d63535;
}

client-power-of-attorney-warning .card p {
  color: white;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

client-power-of-attorney-warning.desktop .card {
  margin: 0;
  width: 100%;
}

:host {
  display: block;
}

.client-tab-search-toolbar.search-toolbar {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + 24px);
  z-index: 1300;
  width: 100%;
  padding-bottom: 0;
  overflow: visible !important;
  contain: none;
  height: auto;
  min-height: 52px;
}

.client-tab-search-toolbar.search-toolbar .toolbar-background {
  background: transparent;
  border: none;
}

.client-tab-search-toolbar.search-toolbar .toolbar-content {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible !important;
  contain: none;
}

.client-tab-search-toolbar.search-toolbar .search-toolbar-stack {
  width: 100%;
  padding: 4px 8px 6px;
}

.client-tab-search-toolbar.search-toolbar .search-field-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 22px;
}

.client-tab-search-toolbar.search-toolbar .search-plate {
  position: relative;
  display: block;
  width: 100%;
}

.client-tab-search-toolbar.search-toolbar .search-plate-dismiss {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 6px;
  bottom: 0;
  width: 28px;
  height: 28px;
  margin: auto 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8e8e93;
  cursor: pointer;
  pointer-events: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
}

.client-tab-search-toolbar.search-toolbar .search-plate-dismiss ion-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.client-tab-search-toolbar.search-toolbar .searchbar-clear-icon {
  display: none !important;
}

.client-tab-search-toolbar.search-toolbar .searchbar-input {
  padding-right: 36px !important;
}

.client-tab-search-toolbar.search-toolbar ion-searchbar {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0;
  max-width: none;
}

.client-tab-search-toolbar.search-toolbar .search-navigation {
  position: absolute;
  right: 10px;
  top: 43px;
  z-index: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
  padding: 0 6px;
  background: #e8e8e8;
  border-radius: 0 0 7px 7px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}

.client-tab-search-toolbar.search-toolbar .search-navigation .search-count {
  font-size: 11px;
  line-height: 1;
  color: #555;
  min-width: 38px;
  text-align: center;
}

.client-tab-search-toolbar.search-toolbar .search-navigation button {
  min-width: 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
}

.client-tab-search-slot:not(.client-tab-search-slot--live) {
  display: none;
}

.client-tab-search-slot {
  position: fixed;
  z-index: 9;
  margin: 0;
  padding: 0;
  pointer-events: none;
  overflow: visible;
  -webkit-clip-path: inset(0 -48px -32px -48px);
  clip-path: inset(0 -48px -32px -48px);
}

.client-tab-search-toolbar--pinned.search-toolbar {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  z-index: auto;
  height: auto !important;
  min-height: 0 !important;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.client-tab-search-toolbar--pinned.search-toolbar.client-tab-search-toolbar--open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.client-tab-search-toolbar--pinned.search-toolbar .toolbar-background {
  display: none;
}

.client-tab-search-toolbar--pinned.search-toolbar .toolbar-content,
.client-tab-search-toolbar--pinned.search-toolbar .search-toolbar-stack,
.client-tab-search-toolbar--pinned.search-toolbar .search-field-wrap {
  padding: 0;
  height: auto;
  min-height: 0;
  background: transparent;
}

.client-tab-search-toolbar--pinned.search-toolbar .search-plate {
  pointer-events: auto;
  background: #fff;
  border: none;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar {
  pointer-events: auto;
  min-height: 0;
  height: auto;
  background: transparent !important;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input-container,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  outline: none;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-search-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  padding: 13px 36px 13px 55px;
  font-size: 16px;
  line-height: 16px;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input::-webkit-input-placeholder,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus::-webkit-input-placeholder {
  line-height: 16px;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input::-moz-placeholder,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus::-moz-placeholder {
  line-height: 16px;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input::-ms-input-placeholder,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus::-ms-input-placeholder {
  line-height: 16px;
}

.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input::placeholder,
.client-tab-search-toolbar--pinned.search-toolbar ion-searchbar .searchbar-input:focus::placeholder {
  line-height: 16px;
}

.client-tab-search-toolbar--pinned.search-toolbar .search-navigation {
  pointer-events: auto;
  top: 100%;
  z-index: 2;
  border-radius: 0 0 7px 7px;
  overflow: hidden;
}

client-page ion-content.client-tab-search-open .content-wrapper {
  padding-top: var(--client-tab-search-reserve, 54px);
}

client-page ion-content.client-tab-search-open:has(.content-wrapper[activeTab='dialog']) .content-wrapper {
  padding-top: 0;
}

client-page ion-content.client-tab-search-open:not(:has(.content-wrapper[activeTab='dialog'])) .scroll-content {
  -webkit-clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, calc(var(--client-content-left, 0px) - 8px) 0, calc(var(--client-content-left, 0px) - 8px) var(--client-tab-search-reserve, 0px), calc(var(--client-content-left, 0px) + var(--client-content-width, 100%) + 8px) var(--client-tab-search-reserve, 0px), calc(var(--client-content-left, 0px) + var(--client-content-width, 100%) + 8px) 0);
  clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, calc(var(--client-content-left, 0px) - 8px) 0, calc(var(--client-content-left, 0px) - 8px) var(--client-tab-search-reserve, 0px), calc(var(--client-content-left, 0px) + var(--client-content-width, 100%) + 8px) var(--client-tab-search-reserve, 0px), calc(var(--client-content-left, 0px) + var(--client-content-width, 100%) + 8px) 0);
}

.client-tab-search-toolbar.search-toolbar--has-nav {
  min-height: 74px;
}

.search-match {
  background: #ffeb3b;
  border-radius: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.search-match-active {
  -webkit-box-shadow: inset 0 0 0 1px #e53935;
  box-shadow: inset 0 0 0 1px #e53935;
}

ion-modal.drag:not(.my-fullscreen) ion-backdrop,
ion-modal.drag:not(.my-fullscreen) .modal-wrapper {
  cursor: move;
}

ion-modal.my-fullscreen .modal-wrapper [complex-header] ion-buttons button.move {
  opacity: 0;
  pointer-events: none;
}

[complex-header] .draggable {
  display: none;
}

[complex-header] ion-navbar ion-buttons[end] {
  margin-right: 8px;
}

[complex-header] ion-buttons {
  white-space: nowrap;
}

[complex-header] ion-buttons button.move {
  cursor: move;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

[complex-header] .toolbar-ios .segment-button {
  line-height: 2.3rem;
}

[complex-header] ion-navbar.toolbar-md ion-title {
  max-width: calc(100% - 66px);
}

[complex-header] .segment-button span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

[complex-header] .segment-button .badge {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

[complex-header] ion-navbar .toolbal {
  z-index: 10000;
}

[complex-header] ion-toolbar .toolbar-content {
  overflow: hidden;
}

[complex-header] .toolbar {
  overflow: unset;
}

[complex-header] .toolbar-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[complex-header] .toolbar-content .bar-wrapper {
  position: relative;
  left: 0;
  width: 100%;
  padding: 4px 0 4px 0;
  height: 38px;
}

[complex-header] .toolbar-content .bar-wrapper > [sub-toolbar],
[complex-header] .toolbar-content .bar-wrapper > mobile-client-toolbar {
  position: relative;
  z-index: 1;
  width: 100%;
}

[complex-header] .toolbar-content .bar-wrapper .bar-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[complex-header] .toolbar-content .bar-wrapper .bar-buttons .bar-button + desktop-top-search {
  margin-left: 10px;
}

[complex-header] .toolbar-content .bar-wrapper .bar-buttons[left] {
  -webkit-box-flex: 100;
  -webkit-flex: 100 1 auto;
  -ms-flex: 100 1 auto;
  flex: 100 1 auto;
}

[complex-header] .toolbar-content .bar-wrapper .bar-buttons[right] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

[complex-header] .toolbar-content .bar-wrapper > ion-searchbar,
[complex-header] .toolbar-content .bar-wrapper .buttons-wrapper,
[complex-header] .toolbar-content .bar-wrapper mobile-date-picker,
[complex-header] .toolbar-content .bar-wrapper ion-segment {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

[complex-header] .toolbar-content .bar-wrapper .buttons-wrapper,
[complex-header] .toolbar-content .bar-wrapper mobile-date-picker,
[complex-header] .toolbar-content .bar-wrapper ion-segment {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

[complex-header] .toolbar-content .bar-wrapper > ion-searchbar {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

[complex-header] .toolbar-content .bar-wrapper[slide-in-out='true'] > ion-searchbar {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

[complex-header] .toolbar-content .bar-wrapper[slide-in-out='true'] .buttons-wrapper,
[complex-header] .toolbar-content .bar-wrapper[slide-in-out='true'] mobile-date-picker,
[complex-header] .toolbar-content .bar-wrapper[slide-in-out='true'] ion-segment {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

[complex-header] .toolbar-content .segment-md .segment-button {
  height: 38px;
  line-height: 38px;
}

@media screen and (max-width: 670px) {
  [complex-header] button.hide-on-mobile {
    display: none;
  }
}

[complex-header] .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

[complex-header] .toolbar-ios ion-segment.segment-ios .segment-button {
  max-width: 150px;
}

[complex-header].desktop ion-title {
  max-width: unset;
}

[complex-header].desktop .toolbar-md-white:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 56px 24px 0 0;
  border-color: #263238 transparent transparent transparent;
}

[complex-header].desktop .toolbar-content .bar-wrapper > ion-searchbar,
[complex-header].desktop .toolbar-content .bar-wrapper .buttons-wrapper,
[complex-header].desktop .toolbar-content .bar-wrapper mobile-date-picker,
[complex-header].desktop .toolbar-content .bar-wrapper ion-segment {
  -webkit-transition: -webkit-transform 0ms ease-in-out;
  transition: -webkit-transform 0ms ease-in-out;
  transition: transform 0ms ease-in-out;
  transition: transform 0ms ease-in-out, -webkit-transform 0ms ease-in-out;
}

[complex-header].desktop .toolbar-content desktop-date-picker.active .date-button {
  color: #ffe082;
}

[complex-header].desktop .toolbar-content .bar-button.active .icon {
  color: #ffe082;
}

[complex-header].desktop .date-range-right {
  position: relative;
}

[complex-header].desktop .date-range-right:before {
  position: absolute;
  left: -0.38em;
  top: 50%;
  margin-top: -1px;
  content: '';
  background-color: currentColor;
  width: 6px;
  height: 1px;
}

[complex-header].desktop .back-button {
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}

[complex-header].desktop .searchbar-md .searchbar-input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid lightgray;
}

[complex-header].desktop .searchbar-md .searchbar-clear-icon {
  right: -3px;
}

[complex-header].desktop .searchbar-md .searchbar-search-icon {
  display: none;
}

[complex-header].desktop .toolbar-md .bar-wrapper {
  height: 100%;
}

[complex-header].desktop .toolbar-md .bar-wrapper > ion-searchbar,
[complex-header].desktop .toolbar-md .bar-wrapper .buttons-wrapper,
[complex-header].desktop .toolbar-md .bar-wrapper mobile-date-picker,
[complex-header].desktop .toolbar-md .bar-wrapper ion-segment {
  padding: 0;
  width: 100%;
}

[complex-header].desktop .header-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[complex-header].desktop ion-buttons desktop-top-search {
  position: relative;
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar.searchbar-md .searchbar-input-container .searchbar-input {
  padding-left: 22px;
  padding-right: 22px;
}

[complex-header].desktop ion-buttons desktop-top-search .icon-search {
  height: 16px;
  display: block;
  pointer-events: none;
  line-height: 16px;
  font-size: 17px;
  color: #424242;
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 12px;
  margin: auto;
  z-index: 10;
}

[complex-header].desktop ion-buttons desktop-top-search .icon-search:before {
  line-height: 16px;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  vertical-align: top;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input {
  color: #424242;
  font-weight: 500;
  font-size: 1.4rem;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input::-webkit-input-placeholder {
  color: #777;
  font-weight: 500;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input::-moz-placeholder {
  color: #777;
  font-weight: 500;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input::-ms-input-placeholder {
  color: #777;
  font-weight: 500;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input::placeholder {
  color: #777;
  font-weight: 500;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input-container:after {
  opacity: 0;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar .searchbar-input-container.searchbar-input-container:after {
  left: -3px;
  right: -3px;
  width: auto;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar.searchbar-has-value .searchbar-input-container .searchbar-clear-icon {
  display: block;
  position: absolute !important;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar.searchbar-has-value .searchbar-input-container .searchbar-clear-icon:before {
  display: none;
}

[complex-header].desktop ion-buttons desktop-top-search ion-searchbar.searchbar-has-value .searchbar-input-container:after {
  opacity: 1;
}

[complex-header].desktop ion-buttons ion-searchbar:before, [complex-header].desktop ion-buttons ion-searchbar:after {
  display: none;
}

[complex-header].desktop ion-buttons ion-searchbar.searchbar-md .searchbar-input-container {
  width: 100%;
  max-width: 100%;
}

[complex-header].desktop .bar-wrapper > ion-searchbar,
[complex-header].desktop > ion-searchbar {
  height: 100%;
}

[complex-header].desktop .bar-wrapper > ion-searchbar:before, [complex-header].desktop .bar-wrapper > ion-searchbar:after,
[complex-header].desktop > ion-searchbar:before,
[complex-header].desktop > ion-searchbar:after {
  content: '';
  display: inline-block;
  width: calc(50% - 1280px / 2);
  min-width: 52px;
  height: 100%;
}

[complex-header].desktop .bar-wrapper > ion-searchbar:before,
[complex-header].desktop > ion-searchbar:before {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

[complex-header].desktop .bar-wrapper > ion-searchbar:after,
[complex-header].desktop > ion-searchbar:after {
  -webkit-box-ordinal-group: 1000;
  -webkit-order: 999;
  -ms-flex-order: 999;
  order: 999;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md,
[complex-header].desktop > ion-searchbar.searchbar-md {
  height: 56px;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md .searchbar-input-container,
[complex-header].desktop > ion-searchbar.searchbar-md .searchbar-input-container {
  width: 1280px;
  max-width: 1280px;
  height: 38px;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md .searchbar-input-container:after,
[complex-header].desktop > ion-searchbar.searchbar-md .searchbar-input-container:after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #37474f;
  z-index: 2;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md .searchbar-input-container .searchbar-input,
[complex-header].desktop > ion-searchbar.searchbar-md .searchbar-input-container .searchbar-input {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md.searchbar-show-cancel .searchbar-md-cancel,
[complex-header].desktop > ion-searchbar.searchbar-md.searchbar-show-cancel .searchbar-md-cancel {
  left: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #37474f;
}

[complex-header].desktop .bar-wrapper > ion-searchbar.searchbar-md.searchbar-show-cancel .searchbar-input,
[complex-header].desktop > ion-searchbar.searchbar-md.searchbar-show-cancel .searchbar-input {
  padding-left: 40px;
}

[complex-header].desktop .buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

[complex-header].desktop .buttons-wrapper:before, [complex-header].desktop .buttons-wrapper:after {
  content: '';
  display: inline-block;
  width: calc(50% - 1280px / 2);
  height: 100%;
  min-width: 52px;
}

[complex-header].desktop .buttons-wrapper:before {
  -webkit-box-ordinal-group: -9;
  -webkit-order: -10;
  -ms-flex-order: -10;
  order: -10;
}

[complex-header].desktop .buttons-wrapper:after {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[complex-header].desktop .buttons-wrapper ion-buttons {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

[complex-header].desktop .buttons-wrapper ion-buttons button[disabled] {
  opacity: 1;
  pointer-events: auto;
}

[complex-header].desktop .toolbar-md {
  height: 56px;
  padding: 0;
  padding-right: var(--scrollbar-width);
}

[complex-header].desktop .toolbar-md ion-buttons {
  white-space: nowrap;
}

[complex-header].desktop .toolbar-md .toolbar-content {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper {
  height: 56px;
  max-width: unset;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:before, [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:after {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 1280px / 2);
  height: 100%;
  min-width: 52px;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:before {
  -webkit-box-ordinal-group: -9;
  -webkit-order: -10;
  -ms-flex-order: -10;
  order: -10;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper button[menutoggle] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  min-width: 18px;
  margin: 0 8px 0 0;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper button[menutoggle] .icon {
  padding: 0;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons {
  height: 32px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  justify-self: center;
  margin-right: calc(-5px - 0.2rem);
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons[left] {
  justify-self: flex-start;
  margin-right: unset;
  margin-left: calc(-5px - 0.2rem);
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons .custom-button {
  position: relative;
  z-index: 0;
  display: inline-block;
  height: 32px;
  margin: 0 0.2rem;
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons .custom-button button:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}

@media screen and (max-width: 768px) and (min-height: 600px) {
  [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons full-screen-button.custom-button {
    display: none;
  }
}

[complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:after {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[complex-header].desktop .toolbar-md .toolbar-content ion-title {
  width: 50%;
}

[complex-header].desktop .toolbar-title-md {
  padding: 0;
}

[complex-header].desktop .toolbar-md-white {
  height: 56px;
  padding: 0;
  padding-right: var(--scrollbar-width);
}

[complex-header].desktop .toolbar-md-white .toolbar-content {
  height: 100%;
  max-width: 100%;
  width: 100%;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper {
  height: 100%;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper .bar-button {
  overflow: visible;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons {
  padding-top: 12px;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  height: 56px;
  line-height: calc(44px);
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .badge-md {
  border-radius: 15px;
  font-size: 10px;
  margin-left: 8px;
  padding-bottom: 3px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons desktop-date-picker button:before {
  left: -10px;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .selected-buttons {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding-right: 20px;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .selected-buttons > span {
  display: inline-block;
  text-transform: uppercase;
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  font-size: 1.4rem;
  line-height: 32px;
  font-weight: 500;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .selected-buttons > span:first-of-type {
  padding-left: 0;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .selected-buttons:after {
  content: '';
  position: absolute;
  right: 11px;
  top: 0;
  bottom: 0;
  height: auto;
  opacity: 0.3;
  border-left: 2px solid #37474f;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button {
  padding-left: 0;
  padding-right: 0;
  margin-right: 4px;
  position: relative;
  vertical-align: top;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button:last-child {
  margin-right: 0;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button .icon {
  margin-right: 5px;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button:last-child .icon {
  margin-right: 0;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button:before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #37474f;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button.active:before {
  opacity: 1;
}

[complex-header].desktop .toolbar-md-white .toolbar-content .buttons-wrapper ion-buttons .bar-button:hover {
  opacity: 1;
}

[complex-header] .toolbar-md .bar-wrapper {
  padding: 4px 0 4px 0;
}

[complex-header] .toolbar-md .bar-wrapper > ion-searchbar,
[complex-header] .toolbar-md .bar-wrapper .buttons-wrapper,
[complex-header] .toolbar-md .bar-wrapper mobile-date-picker {
  padding: 0 4px;
  width: calc(100% - 4px);
}

[complex-header] .toolbar-md .bar-wrapper > .searchbar-md .searchbar-search-icon {
  top: 7px;
}

[complex-header] .toolbar-md .bar-wrapper > .searchbar-md .searchbar-input {
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

[complex-header] .toolbar-md .bar-wrapper ion-segment {
  padding: 0 10px;
  width: calc(100% - 4px);
}

[complex-header] .toolbar-ios .bar-wrapper {
  padding: 4px 0 4px 0;
}

[complex-header] .toolbar-ios .bar-wrapper > ion-searchbar,
[complex-header] .toolbar-ios .bar-wrapper .buttons-wrapper,
[complex-header] .toolbar-ios .bar-wrapper mobile-date-picker,
[complex-header] .toolbar-ios .bar-wrapper ion-segment {
  padding: 0 4px;
  width: calc(100% - 4px);
}

[complex-header] .filter-button[data-count] {
  position: relative;
}

[complex-header] .filter-button[data-count]:before {
  content: attr(data-count);
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  padding: 0.2rem 0.3rem;
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 0.95rem;
  line-height: 1.24rem;
  text-transform: none;
  vertical-align: bottom;
  border-radius: 6px;
}

[complex-header] .filter-button[data-count='']:before {
  padding: 0;
}

[complex-header] .toolbar-ios-business-law-dark .filter-button[data-count]:before {
  color: white;
  text-shadow: 0 1px 5px #5f1313;
  background-color: rgba(214, 53, 53, 0.8);
}

[complex-header] .toolbar-md-business-law-dark .filter-button[data-count]:before {
  color: white;
  text-shadow: 0 1p 8px #0a0202;
  background-color: rgba(214, 53, 53, 0.8);
}

.popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:before, .popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:after,
.modal-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:before,
.modal-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:after {
  min-width: 24px;
  width: 24px;
}

.my-fullscreen .modal-wrapper [complex-header].desktop .draggable {
  cursor: default;
}

.modal-wrapper [complex-header].desktop .draggable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  cursor: move;
}

.modal-wrapper [complex-header].desktop:after {
  display: none;
}

.modal-wrapper [complex-header].desktop .toolbar-md {
  --scrollbar-width: 0;
}

.modal-wrapper [complex-header].desktop .toolbar-md .toolbar-background {
  background: #fff;
}

.modal-wrapper [complex-header].desktop .toolbar-md .toolbar-title {
  color: #222;
  font-weight: normal;
}

.modal-wrapper [complex-header].desktop .toolbar-md .bar-buttons .bar-button > .button-inner > .icon {
  color: #222;
}

.popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper,
.popover-wrapper [complex-header].desktop .toolbar-md {
  height: 44px;
  min-height: 44px;
}

.popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:before, .popover-wrapper [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper:after {
  min-width: 14px;
  width: 14px;
}

.spendings-calendar .calendar-content {
  overflow: visible;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="4"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="4"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="5"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="5"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(43) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(44) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(45) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(46) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(47) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(48) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(49) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(43) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(44) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(45) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(46) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(47) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(48) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(49) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(43) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(44) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(45) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(46) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(47) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(48) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(49) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(8) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(9) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(10) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(11) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(12) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(13) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(14) {
  left: 16.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(15) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(16) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(17) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(18) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(19) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(20) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(21) {
  left: 33.33333% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(22) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(23) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(24) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(25) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(26) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(27) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(28) {
  left: 50% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(29) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(30) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(31) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(32) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(33) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(34) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(35) {
  left: 66.66667% !important;
  width: 16.66667% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(36) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(37) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(38) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(39) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(40) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(41) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(42) {
  left: 83.33333% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(43) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(44) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(45) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(46) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(47) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(48) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday.shrink-weekend-sunday .month_default_main > div:first-child > div > :nth-child(49) {
  left: 91.66667% !important;
  width: 8.33333% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(43) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(44) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(45) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(46) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(47) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(48) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(49) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-saturday:not(.shrink-weekend-sunday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 84.61538% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content.calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(43) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(44) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(45) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(46) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(47) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(48) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) daypilot-month[data-month-rows="6"] .month_default_main > div:first-child > div > :nth-child(49) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(1) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(2) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(3) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(4) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(5) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(6) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(7) {
  left: 0% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(8) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(9) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(10) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(11) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(12) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(13) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(14) {
  left: 15.38462% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(15) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(16) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(17) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(18) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(19) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(20) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(21) {
  left: 30.76923% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(22) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(23) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(24) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(25) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(26) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(27) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(28) {
  left: 46.15385% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(29) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(30) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(31) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(32) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(33) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(34) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(35) {
  left: 61.53846% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(36) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(37) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(38) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(39) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(40) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(41) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(42) {
  left: 76.92308% !important;
  width: 15.38462% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(43) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(44) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(45) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(46) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(47) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(48) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content daypilot-month[data-month-rows="6"].shrink-weekend-sunday:not(.shrink-weekend-saturday) .month_default_main > div:first-child > div > :nth-child(49) {
  left: 92.30769% !important;
  width: 7.69231% !important;
}

.spendings-calendar .calendar-content .dp-scheduler-event-time-end-estimated,
.spendings-calendar .calendar-content .time-end-estimated {
  color: rgba(38, 50, 56, 0.42);
  font-weight: inherit;
}

.spendings-calendar .calendar-content .calendar-sticky-head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  background: #f9fafb;
}

.spendings-calendar .calendar-content .calendar-table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.spendings-calendar .calendar-content .calendar-table-header-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spendings-calendar .calendar-content .calendar-table-header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.spendings-calendar .calendar-content .calendar-nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spendings-calendar .calendar-content .calendar-nav-title {
  white-space: nowrap;
  padding: 0 4px;
  font-size: 14px;
  line-height: 1.2;
}

.spendings-calendar .calendar-content .calendar-month-layout {
  position: relative;
}

.spendings-calendar .calendar-content .calendar-month-body {
  position: relative;
}

.spendings-calendar .calendar-content .calendar-month-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: unset;
  border-bottom: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.spendings-calendar .calendar-content.shrink-weekend-saturday.shrink-weekend-sunday .calendar-month-weekdays,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday .calendar-month-weekdays,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday .calendar-month-weekdays {
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 1fr 1fr;
}

.spendings-calendar .calendar-content.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-month-weekdays,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-month-weekdays,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-month-weekdays {
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 1fr 2fr;
}

.spendings-calendar .calendar-content.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-month-weekdays,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-month-weekdays,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-month-weekdays {
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 1fr;
}

.spendings-calendar .calendar-content .calendar-month-weekday {
  padding: 0 4px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spendings-calendar .calendar-content .calendar-week-columns {
  display: grid;
  grid-template-columns: 60px repeat(7, 1fr);
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #c0c0c0;
  padding-right: var(--calendar-scrollbar-gutter, var(--scrollbar-width, 0px));
}

.spendings-calendar .calendar-content .calendar-week-corner {
  height: 100%;
}

.spendings-calendar .calendar-content .calendar-week-column {
  padding: 0 4px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spendings-calendar .calendar-content.shrink-weekend-saturday.shrink-weekend-sunday .calendar-week-columns,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday .calendar-week-columns,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday.shrink-weekend-sunday .calendar-week-columns {
  grid-template-columns: 60px 2fr 2fr 2fr 2fr 2fr 1fr 1fr;
}

.spendings-calendar .calendar-content.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-week-columns,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-week-columns,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-saturday:not(.shrink-weekend-sunday) .calendar-week-columns {
  grid-template-columns: 60px 2fr 2fr 2fr 2fr 2fr 1fr 2fr;
}

.spendings-calendar .calendar-content.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-week-columns,
.spendings-calendar .calendar-content.calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-week-columns,
.spendings-calendar .calendar-content .calendar-month-layout.shrink-weekend-sunday:not(.shrink-weekend-saturday) .calendar-week-columns {
  grid-template-columns: 60px 2fr 2fr 2fr 2fr 2fr 2fr 1fr;
}

.spendings-calendar .calendar-content .calendar-open-day-events {
  padding: 8px 12px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #fafafa;
}

.spendings-calendar .calendar-content daypilot-month,
.spendings-calendar .calendar-content daypilot-calendar {
  display: block;
  width: 100%;
  outline: none;
}

.spendings-calendar .calendar-content daypilot-calendar.dp-hide-col-header .calendar_default_colheader {
  display: none !important;
}

.spendings-calendar .calendar-content daypilot-calendar.dp-hide-col-header:not(.day-view-mode) .calendar_default_corner {
  display: none !important;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) {
  border: 1px solid rgba(51, 51, 51, 0.15);
}

.spendings-calendar .calendar-content .calendar-month-body > daypilot-month:not(.vacation-daypilot-host) {
  border-top: none;
}

.spendings-calendar .calendar-content .calendar_default_event.dp-overlap-card {
  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}

.spendings-calendar .calendar-content .calendar_default_event.dp-overlap-card:hover {
  -webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.25);
}

.spendings-calendar .calendar-content .calendar_default_event.dp-natural-measure {
  left: -9999px !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 480px !important;
  min-width: 260px !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.spendings-calendar .calendar-content .calendar_default_event.dp-week-natural-measure {
  left: -9999px !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 72px !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.spendings-calendar .calendar-content daypilot-month .daypilot-month-host,
.spendings-calendar .calendar-content daypilot-calendar .daypilot-calendar-host,
.spendings-calendar .calendar-content .calendar_default_main {
  display: block;
  width: 100%;
}

.spendings-calendar .calendar-content .month_default_main {
  border: none !important;
}

.spendings-calendar .calendar-content .calendar_default_event {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 120ms ease;
  transition: -webkit-box-shadow 120ms ease;
  transition: box-shadow 120ms ease;
  transition: box-shadow 120ms ease, -webkit-box-shadow 120ms ease;
  cursor: pointer !important;
}

.spendings-calendar .calendar-content .calendar_default_event:not(.dp-week-compact-event):hover {
  z-index: 9999 !important;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.spendings-calendar .calendar-content .calendar_default_shadow_inner {
  background-color: rgba(102, 102, 102, 0.25);
}

.spendings-calendar .calendar-content .calendar_default_main td,
.spendings-calendar .calendar-content .calendar_default_main td > div {
  overflow: visible !important;
}

.spendings-calendar .calendar-content .calendar_default_event_inner {
  color: #263238;
  font-size: 11px;
  line-height: 1.25;
  padding: 3px 4px;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  cursor: pointer !important;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1px;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event-time {
  font-weight: 600;
  white-space: nowrap;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event-lawyer {
  font-weight: 700;
  white-space: nowrap;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event-court {
  font-size: 10px;
  line-height: 1.2;
  white-space: normal;
}

.spendings-calendar .calendar-content .calendar_default_event_inner .dp-scheduler-event-extra {
  font-size: 10px;
  line-height: 1.2;
  white-space: normal;
  color: rgba(38, 50, 56, 0.75);
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_main td {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event.dp-week-compact-event {
  overflow: hidden;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner {
  font-size: 10px;
  line-height: 14px;
  padding: 3px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event,
.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-week {
  display: block;
  height: 100%;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-time {
  font-weight: 400;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-lawyer {
  font-weight: 700;
}

.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-court,
.spendings-calendar .calendar-content daypilot-calendar:not(.day-view-mode) .calendar_default_event_inner .dp-scheduler-event-extra {
  display: none;
}

.spendings-calendar .calendar-content daypilot-calendar.day-view-mode .calendar_default_event_inner .dp-scheduler-event-time {
  font-weight: 600;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_header_inner {
  display: none !important;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_cell {
  overflow: hidden;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_cell_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 2px 4px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_cell_day_badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 17px;
  color: #ffffff;
  background-color: #263238;
  border-radius: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer !important;
  max-width: 100%;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner {
  color: #263238 !important;
  font-size: 10px !important;
  line-height: 14px !important;
  padding: 3px 8px !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999 !important;
  border-radius: 2px;
  background-image: none !important;
  cursor: pointer !important;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event,
.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-week {
  display: block;
  height: 100%;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-time {
  font-weight: 400;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-lawyer {
  font-weight: 700;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-court,
.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-scheduler-event-extra {
  display: none;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-spending-event-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spendings-calendar .calendar-content daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner .dp-spending-event-amount {
  font-weight: 700;
}

.daypilot-fast-tooltip {
  position: fixed;
  z-index: 100000;
  max-width: 360px;
  padding: 8px 10px;
  border-radius: 4px;
  background: rgba(38, 50, 56, 0.94);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  white-space: pre-line;
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.daypilot-fast-tooltip.daypilot-fast-tooltip--spending {
  white-space: normal;
}

.daypilot-fast-tooltip .dp-spending-tooltip-comment + .dp-spending-tooltip-amount {
  margin-top: 4px;
}

.daypilot-fast-tooltip .dp-spending-tooltip-amount strong {
  font-weight: 700;
}

.daypilot-fast-tooltip {
  position: fixed;
  z-index: 100000;
  max-width: 360px;
  padding: 8px 10px;
  border-radius: 4px;
  background: rgba(38, 50, 56, 0.94);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  white-space: pre-line;
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.daypilot-fast-tooltip.daypilot-fast-tooltip--spending {
  white-space: normal;
}

.daypilot-fast-tooltip .dp-spending-tooltip-comment + .dp-spending-tooltip-amount {
  margin-top: 4px;
}

.daypilot-fast-tooltip .dp-spending-tooltip-amount strong {
  font-weight: 700;
}

daypilot-month:not(.vacation-daypilot-host) .month_default_cell_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 2px 4px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

daypilot-month:not(.vacation-daypilot-host) .month_cell_day_badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 17px;
  color: #ffffff;
  background-color: #263238;
  border-radius: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

daypilot-month:not(.vacation-daypilot-host) .month_default_event_bar,
daypilot-month:not(.vacation-daypilot-host) .month_default_event_bar_inner,
daypilot-month:not(.vacation-daypilot-host) .calendar_default_event_bar,
daypilot-month:not(.vacation-daypilot-host) .calendar_default_event_bar_inner,
daypilot-calendar .month_default_event_bar,
daypilot-calendar .month_default_event_bar_inner,
daypilot-calendar .calendar_default_event_bar,
daypilot-calendar .calendar_default_event_bar_inner {
  display: none !important;
}

daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner::before, daypilot-month:not(.vacation-daypilot-host) .month_default_event_inner::after,
daypilot-month:not(.vacation-daypilot-host) .calendar_default_event_inner::before,
daypilot-month:not(.vacation-daypilot-host) .calendar_default_event_inner::after,
daypilot-calendar .month_default_event_inner::before,
daypilot-calendar .month_default_event_inner::after,
daypilot-calendar .calendar_default_event_inner::before,
daypilot-calendar .calendar_default_event_inner::after {
  content: none !important;
  display: none !important;
}

desktop-audio-note-item .item.item-md {
  min-height: 48px !important;
}

desktop-audio-note-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

desktop-audio-note-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-audio-note-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-audio-note-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

desktop-audio-note-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-audio-note-item .item[clientCategory='1'] {
  background: #ffe082;
}

desktop-audio-note-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

desktop-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

desktop-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group desktop-audio-note-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-audio-note-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-audio-note-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-audio-note-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col p ion-icon {
  font-size: 0.9em;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block {
  padding-left: 7px;
  padding-right: 5px;
  width: 220px;
  max-width: 220px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.lawyer {
  max-width: 60px;
  width: 60px;
  min-width: 60px;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player {
  height: 32px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button {
  margin-top: 0;
  margin-bottom: 0;
  height: 32px;
  width: 32px;
  display: block;
  margin-left: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button:last-child {
  margin-right: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.count {
  width: auto;
  min-width: 34px;
  line-height: 32px;
  vertical-align: middle;
  justify-self: flex-start;
  padding-left: 6px;
  padding-right: 8px;
  pointer-events: none;
  color: #222;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.show-on-hover {
  display: none;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player:hover .toggle-button.show-on-hover {
  display: block;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-audio-note-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

desktop-audio-note-item .item.item-block .item-inner.item-inner ion-label.label.label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-audio-note-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-audio-note-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-audio-note-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-audio-note-item .item .item-inner .label p .contractDate {
  display: block;
}

desktop-audio-note-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0 !important;
  white-space: nowrap;
  margin-top: 0;
  height: 15px;
  overflow: visible;
}

desktop-audio-note-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-audio-note-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-audio-note-item .item .item-inner .label p .length-description {
  font-size: 0.75em;
}

desktop-audio-note-item .item .item-inner .label p span {
  line-height: 15px;
  vertical-align: text-top;
}

desktop-audio-note-item .item .item-inner .label p small {
  line-height: 15px;
  vertical-align: text-bottom;
}

desktop-audio-note-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-audio-note-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-audio-note-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

desktop-audio-note-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

desktop-audio-note-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

desktop-audio-note-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  desktop-audio-note-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  desktop-audio-note-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  desktop-audio-note-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  desktop-audio-note-item .item .item-inner .label p .contractDate {
    display: inline-block;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

desktop-audio-note-item:last-child .item .item-inner {
  border-bottom: 0;
}

desktop-audio-note-item .item[track] {
  padding-left: 0;
}

desktop-audio-note-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #d6e9f9;
}

desktop-audio-note-item p a {
  color: inherit;
}

desktop-audio-note-item [state='fired'] {
  text-decoration: line-through;
}

ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label .grid .col .lawyer {
  cursor: help;
}

@media screen and (max-width: 991px) {
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group desktop-audio-note-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

@-webkit-keyframes audioFadeIn {
  0% {
    background-color: #ffffc8;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes audioFadeIn {
  0% {
    background-color: #ffffc8;
  }
  100% {
    background-color: transparent;
  }
}

desktop-audio-note-item.new-audio-fade .item,
desktop-audio-note-item.changed-audio-fade .item {
  -webkit-animation: audioFadeIn 2s ease-out forwards !important;
  animation: audioFadeIn 2s ease-out forwards !important;
}

desktop-call-record-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

desktop-call-record-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-call-record-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-call-record-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

desktop-call-record-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-call-record-item .item[clientCategory='1'] {
  background: #ffe082;
}

desktop-call-record-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

desktop-call-record-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

desktop-call-record-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-call-record-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group desktop-call-record-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-call-record-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-call-record-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-call-record-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

desktop-call-record-item .item.item-md {
  min-height: 48px !important;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col p ion-icon {
  font-size: 0.8em;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col p ion-icon.return {
  font-size: 16px;
  margin-right: 5px;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.return {
  padding-left: 5px;
  padding-right: 5px;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block {
  padding-left: 7px;
  padding-right: 5px;
  width: 220px;
  max-width: 220px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.lawyer {
  max-width: 60px;
  width: 60px;
  min-width: 60px;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player {
  height: 32px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button {
  margin-top: 0;
  margin-bottom: 0;
  height: 32px;
  width: 32px;
  justify-self: flex-end;
  display: block;
  margin-left: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button:last-child {
  margin-right: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.count {
  width: auto;
  min-width: 34px;
  line-height: 32px;
  vertical-align: middle;
  justify-self: flex-start;
  padding-left: 6px;
  padding-right: 8px;
  pointer-events: none;
  color: #222;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.show-on-hover {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player:hover .toggle-button.show-on-hover {
  visibility: visible;
  opacity: 1;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-call-record-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

desktop-call-record-item .item.item-block .item-inner.item-inner ion-label.label.label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-call-record-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-call-record-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-call-record-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-call-record-item .item .item-inner .label p .contractDate {
  display: block;
}

desktop-call-record-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0 !important;
  white-space: nowrap;
  margin-top: 0;
  height: 15px;
  overflow: hidden;
}

desktop-call-record-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-call-record-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-call-record-item .item .item-inner .label p span {
  line-height: 15px;
  vertical-align: text-top;
}

desktop-call-record-item .item .item-inner .label p small {
  line-height: 15px;
  vertical-align: text-bottom;
}

desktop-call-record-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-call-record-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-call-record-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

desktop-call-record-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

desktop-call-record-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

desktop-call-record-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  desktop-call-record-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  desktop-call-record-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  desktop-call-record-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  desktop-call-record-item .item .item-inner .label p .contractDate {
    display: inline-block;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

desktop-call-record-item:last-child .item .item-inner {
  border-bottom: 0;
}

desktop-call-record-item .item[track] {
  padding-left: 0;
}

desktop-call-record-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #d6e9f9;
}

desktop-call-record-item p a {
  color: inherit;
}

desktop-call-record-item [state='fired'] {
  text-decoration: line-through;
}

ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label .grid .col .lawyer {
  cursor: help;
}

@media screen and (max-width: 991px) {
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group desktop-call-record-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

ion-item-group desktop-client-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner {
  padding-right: 0;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

ion-item-group desktop-client-item:hover .item.item .item-inner.item-inner .label p.no-data > span,
ion-item-group desktop-client-item:hover .item.item .item-inner.item-inner .label p.no-data > small {
  opacity: 0.5;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  line-height: 16px;
  height: 16px;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p.no-data > span,
ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p.no-data > small {
  color: #757575;
  opacity: 0;
  cursor: default;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p > span,
ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 16px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p > span > span,
ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p > a > span {
  display: inline;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p small {
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-client-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

desktop-client-item .item .item-inner .label p span,
desktop-client-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 16px;
  display: inline-block;
}

desktop-client-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p a .icon {
  padding-left: 0;
}

desktop-client-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
  padding-right: 5px;
}

desktop-client-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
  padding-left: 5px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label > .grid > .row:not(:first-child) > .col {
  padding-top: 0;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label > .grid > .row:first-child > .col {
  min-height: 32px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p .icon-wrapper {
  line-height: 15px;
  height: 15px;
  overflow: hidden;
  vertical-align: bottom;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  height: 15px;
  width: 15px;
  margin-right: 0.1ex;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p .icon {
  width: 14px;
  display: block;
  text-align: center;
  height: 14px;
  font-size: 16px;
  line-height: 14px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p .icon.return {
  display: inline-block;
  margin-right: 4px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label p .icon:before {
  line-height: inherit;
  display: inline-block;
}

ion-item-group desktop-client-item .col.last {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 var(--column-width);
  -ms-flex: 0 0 var(--column-width);
  flex: 0 0 var(--column-width);
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 226px;
}

ion-item-group desktop-client-item .col.respondent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - var(--column-width));
  -ms-flex: 0 0 calc(50% - var(--column-width));
  flex: 0 0 calc(50% - var(--column-width));
  width: calc(50% - var(--column-width));
  max-width: calc(50% - var(--column-width));
  min-width: calc(50% - var(--column-width));
  --column-width: 226px;
  padding-left: 6px !important;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
  --column-width: 42px;
  min-height: 32px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col:first-child {
  min-width: calc(100% - var(--column-width));
  max-width: calc(100% - var(--column-width));
  width: calc(100% - var(--column-width));
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% - var(--column-width));
  -ms-flex: 0 0 calc(100% - var(--column-width));
  flex: 0 0 calc(100% - var(--column-width));
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col[col-auto] {
  min-width: var(--column-width);
  max-width: var(--column-width);
  width: var(--column-width);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 var(--column-width);
  -ms-flex: 0 1 var(--column-width);
  flex: 0 1 var(--column-width);
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col[col-auto] > .decided + .decided {
  margin-left: 4px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col > p:first-child {
  padding-right: 0;
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 76px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .label .col.last > .grid > .row > .col > p:last-child {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  cursor: default;
}

ion-item-group desktop-client-item .decided {
  cursor: help;
}

ion-item-group desktop-client-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner .grid .col:last-child {
  padding: 2px 5px 2px 10px;
}

ion-item-group desktop-client-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-client-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-client-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-client-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #004e97;
}

ion-item-group desktop-client-item .item[archive='true']:before {
  border-left-color: #d6e9f9;
}

ion-item-group desktop-client-item .item[clientCategory='1'] {
  background: rgba(255, 224, 130, 0.35);
}

ion-item-group desktop-client-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

ion-item-group desktop-client-item .item[hasManager] {
  background: #ffe082;
}

ion-item-group desktop-client-item .item[hasManager] .item-inner .label p small {
  color: #737373;
}

ion-item-group desktop-client-item .item[isTerminating='true']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

.isDesktop .content-wrapper desktop-client-page-audio-list {
  display: block;
  --client-alert-pinned-size: 0px;
  --client-sticky-list-top: calc(
			var(--client-alert-stack-total, 0px) + var(--client-alert-pinned-size, 0px)
		);
  --offset: 0;
}

.isDesktop .content-wrapper desktop-client-page-audio-list .sticky-buttons {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
}

.isDesktop .content-wrapper desktop-client-page-audio-list ion-item-divider {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1;
}

.isDesktop .content-wrapper desktop-client-page-audio-list .grid {
  padding: 0;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list {
  display: block;
  --client-alert-pinned-size: 0px;
  --client-pinned-label-size: 0px;
  --client-sticky-list-top: calc(
			var(--client-alert-stack-total, 0px) + var(--client-alert-pinned-size, 0px)
		);
  --offset: 0;
  --client-date-row-border-inset-start: 8px;
  --client-date-row-border-inset-end: 8px;
  --client-pinned-label-size: 0px;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pre-pinned-task {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1192;
  margin-top: -2px;
  margin-bottom: -13px;
  background-color: #f9fafb;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task {
  position: -webkit-sticky;
  position: sticky;
  height: auto;
  margin-top: 0;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .pre-pinned-task ~ desktop-call-record-item,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .pre-pinned-task ~ desktop-audio-note-item {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header),
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1194;
  min-height: 43px;
  height: 43px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fafb;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before, .isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  content: '';
  position: absolute;
  left: var(--client-date-row-border-inset-start, 0px);
  right: var(--client-date-row-border-inset-end, 0px);
  height: 1px;
  background: #dedede;
  pointer-events: none;
  z-index: 1;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before {
  top: 0;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  display: none;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) > .item-inner,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) > .item-inner {
  min-height: 43px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label.label,
.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label.label {
  margin: 0 8px 0 0;
  padding: 0;
  min-height: 43px;
  line-height: 43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list ion-list .sticky-buttons {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1195;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid {
  padding: 0;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task + .list > [sticky] {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 10px;
  top: 22px;
  left: 8px !important;
  z-index: -1;
  height: auto;
  right: 8px;
  -webkit-box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label {
  margin-right: 0;
  margin-bottom: 0;
}

.isDesktop .content-wrapper desktop-client-page-bailiffs-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label desktop-client-task-item:first-child .item.item .item-inner.item-inner {
  border: 1px solid #efefef;
}

.isDesktop .content-wrapper desktop-client-page-courts-list {
  display: block;
  --client-alert-pinned-size: 0px;
  --client-pinned-label-size: 0px;
  --client-sticky-list-top: calc(
			var(--client-alert-stack-total, 0px) + var(--client-alert-pinned-size, 0px)
		);
  --offset: var(--client-alert-pinned-size);
  --client-date-row-border-inset-start: 8px;
  --client-date-row-border-inset-end: 8px;
  --client-pinned-label-size: 0px;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pre-pinned-task {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1192;
  margin-top: -2px;
  margin-bottom: -13px;
  background-color: #f9fafb;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task {
  position: -webkit-sticky;
  position: sticky;
  height: auto;
  margin-top: 0;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .pre-pinned-task ~ desktop-call-record-item,
.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .pre-pinned-task ~ desktop-audio-note-item {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header),
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1194;
  min-height: 43px;
  height: 43px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fafb;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before, .isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  content: '';
  position: absolute;
  left: var(--client-date-row-border-inset-start, 0px);
  right: var(--client-date-row-border-inset-end, 0px);
  height: 1px;
  background: #dedede;
  pointer-events: none;
  z-index: 1;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before {
  top: 0;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  display: none;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) > .item-inner,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) > .item-inner {
  min-height: 43px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label.label,
.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label.label {
  margin: 0 8px 0 0;
  padding: 0;
  min-height: 43px;
  line-height: 43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.isDesktop .content-wrapper desktop-client-page-courts-list ion-list .sticky-buttons {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1195;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid {
  padding: 0;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task + .list > [sticky] {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 10px;
  top: 22px;
  left: 8px !important;
  z-index: -1;
  height: auto;
  right: 8px;
  -webkit-box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label {
  margin-right: 0;
  margin-bottom: 0;
}

.isDesktop .content-wrapper desktop-client-page-courts-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label desktop-client-task-item:first-child .item.item .item-inner.item-inner {
  border: 1px solid #efefef;
}

client-page ion-content desktop-client-page-info ion-item-divider.with-buttons {
  top: var(--client-tab-search-reserve, 0px);
}

.isDesktop .content-wrapper desktop-client-page-info > ion-grid {
  padding-top: 0;
}

.isDesktop .content-wrapper desktop-client-page-info .grid > .row > .col > ion-item-group.info > ion-item-divider.item.item-divider {
  margin-top: 0;
  padding-bottom: 0;
}

desktop-client-page-info {
  display: block;
}

desktop-client-page-info .attorney-history {
  cursor: help;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

desktop-client-page-info .attorney-history ion-icon {
  font-size: 14px;
  vertical-align: middle;
}

desktop-client-page-info p ion-spinner {
  height: 14px;
}

desktop-client-page-info ion-item-divider span.color-danger {
  color: #d63535;
}

desktop-client-page-info ion-item-divider.color-warning,
desktop-client-page-info ion-item-divider .color-warning {
  color: #c46323;
}

desktop-client-page-info .color-nav-bg {
  color: #101626;
}

desktop-client-page-info ion-item-divider span[color='business-law-dark'] {
  color: #74933c;
}

desktop-client-page-info .client_cases a {
  text-decoration: none;
  color: inherit;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col .item.item-md.item-block .label {
  color: #888;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col a.item.item-md.item-block .label {
  color: #888;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col a.item.item-md.item-block .label p {
  color: #222;
}

desktop-client-page-info .button-no-margin .buttons {
  margin: 0;
}

desktop-client-page-info .client_cases .buttons {
  display: inline-block;
  margin: 0;
}

desktop-client-page-info .client_cases .skipped .label {
  text-decoration: line-through;
}

desktop-client-page-info .item-block.emails mat-icon.fi,
desktop-client-page-info .item-block.emails .mat-icon, desktop-client-page-info .item-block.phones mat-icon.fi,
desktop-client-page-info .item-block.phones .mat-icon {
  vertical-align: sub;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: help;
  line-height: 19px;
  margin-right: 5px;
}

desktop-client-page-info .item-block.phones .mat-icon.sms-status,
desktop-client-page-info .item-block.emails .mat-icon.email-status {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 19px;
}

desktop-client-page-info .client-agreements-list .item-block.shadow-block {
  min-height: 48px;
}

desktop-client-page-info .client-agreements-list .grid > .row > .col.info {
  padding-left: 25px;
}

desktop-client-page-info .payments-list p > a {
  color: inherit;
  text-decoration: none;
}

desktop-client-page-info .client-ai-summary .item.item-md.item-block .label {
  color: #222;
}

desktop-client-page-info .client-ai-summary .item.item-md.item-block .label p {
  color: #222;
}

desktop-client-page-info .client-ai-summary .ai-summary-meta {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 8px;
  color: #888;
}

desktop-client-page-info .client-ai-summary .ai-summary-list {
  margin: 4px 0 10px;
  padding-left: 18px;
  color: #222;
}

desktop-client-page-info .client-ai-summary .ai-summary-list .ai-summary-task-link {
  margin-left: 6px;
  white-space: nowrap;
}

desktop-client-page-info .client-ai-summary strong {
  display: block;
  margin-top: 8px;
  color: #222;
}

desktop-client-page-info .client-ai-summary .color-danger {
  color: #d63535;
}

desktop-client-page-info .grid[no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

desktop-client-page-info .grid[no-h-padding] > .row {
  padding-right: 0;
  padding-left: 0;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col:nth-child(2n-1) {
  padding-left: 0;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col:nth-child(2n) {
  padding-right: 0;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col[col-12]:not([col-md-6]) {
  padding-left: 0;
  padding-right: 0;
}

desktop-client-page-info .grid[no-h-padding] > .row > .col > .grid {
  padding: 0;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list {
  display: block;
  --client-alert-pinned-size: 0px;
  --client-pinned-label-size: 0px;
  --client-sticky-list-top: calc(
			var(--client-alert-stack-total, 0px) + var(--client-alert-pinned-size, 0px)
		);
  --offset: var(--client-alert-pinned-size);
  --client-date-row-border-inset-start: 8px;
  --client-date-row-border-inset-end: 8px;
  --client-pinned-label-size: 0px;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pre-pinned-task {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1192;
  margin-top: -2px;
  margin-bottom: -13px;
  background-color: #f9fafb;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task {
  position: -webkit-sticky;
  position: sticky;
  height: auto;
  margin-top: 0;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .pre-pinned-task ~ desktop-call-record-item,
.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .pre-pinned-task ~ desktop-audio-note-item {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + var(--client-pinned-label-size, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1190;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header),
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1194;
  min-height: 43px;
  height: 43px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fafb;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) .label,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before, .isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  content: '';
  position: absolute;
  left: var(--client-date-row-border-inset-start, 0px);
  right: var(--client-date-row-border-inset-end, 0px);
  height: 1px;
  background: #dedede;
  pointer-events: none;
  z-index: 1;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before {
  top: 0;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  display: none;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) > .item-inner,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) > .item-inner {
  min-height: 43px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  border-bottom: none;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label.label,
.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label.label {
  margin: 0 8px 0 0;
  padding: 0;
  min-height: 43px;
  line-height: 43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-list .sticky-buttons {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1195;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-item-divider.client-tasks-stuck-date {
  margin-bottom: -43px;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-item-divider.client-tasks-stuck-date .item.item-divider {
  z-index: 1189;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content {
  max-height: none !important;
  max-width: none !important;
  height: auto !important;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content .item.item-divider.item-divider-md,
.isDesktop .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content .item.item-divider.item-divider-ios {
  position: relative;
  top: auto;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content ion-item-divider.client-tasks-date-covered {
  visibility: hidden;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content desktop-client-task-item {
  content-visibility: visible;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list ion-grid {
  padding: 0;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task + .list > [sticky] {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 10px;
  top: 22px;
  left: 8px !important;
  z-index: -1;
  height: auto;
  right: 8px;
  -webkit-box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, 0.1);
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper {
  overflow: visible;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label {
  margin-right: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.isDesktop .content-wrapper desktop-client-page-tasks-list .grid > .row > .col .item.item-divider.pinned-task > .item-inner > .input-wrapper > .label desktop-client-task-item:first-child .item.item .item-inner.item-inner {
  border: 1px solid #efefef;
}

desktop-client-status-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 28px;
  opacity: 0;
}

desktop-client-status-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-client-status-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -20px;
  bottom: -20px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-client-status-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 56px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

desktop-client-status-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-client-status-item:hover .item > .item-inner div.buttons .button-ask {
  cursor: help;
}

desktop-client-status-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-client-status-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

desktop-client-status-item .item-md.item-block .item-inner {
  padding-right: 0;
}

desktop-client-status-item .item .item-inner .grid .col.last {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
  height: 28px;
  padding-right: 0 !important;
}

desktop-client-status-item .item .item-inner .grid .col.date {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  text-align: right;
  padding-right: 10px;
}

desktop-client-status-item .lawyer {
  cursor: help;
}

desktop-client-status-item {
  display: block;
}

ion-item-group desktop-client-status-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-status-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-client-status-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-status-item .item.item {
  min-height: 38px;
  /* Рисуем линию через градиент на САМОМ элементе вместо border-bottom */
  background-image: linear-gradient(to top, #dedede 1px, transparent 1px) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner {
  border-bottom: none !important;
  background-image: none !important;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon {
  width: 20px;
  padding-top: 0 !important;
  padding-right: 4px !important;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #ababab;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon [name='code-working'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon [name='code-download'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon [name='return-right'] {
  font-size: 0.76em;
  margin-top: 4px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon [name='cash'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .pre-icon [name='quote'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner > .grid > .row > .col {
  padding-top: 5px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col {
  padding-left: 0;
  white-space: nowrap;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .row.mb-10:last-child {
  margin-bottom: 3px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .row.mb-10:first-child {
  margin-bottom: 5px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .row.mb-10 .row.mb-10 {
  margin-bottom: 0;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  /*margin-bottom: 10px;*/
  white-space: normal;
  height: calc(100% - 12px);
  min-height: 32px;
  /*margin-top: 8px;*/
  padding-left: 10px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  /*height: 100%;*/
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label .grid .row .col:first-child {
  padding-left: 5px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label p {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #444;
  display: block;
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label p.status-name {
  color: rgba(0, 0, 0, 0.87);
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label p + p {
  margin-top: 0.15em;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label .transfers p + p {
  margin-top: 0;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label small.small-line {
  line-height: 16px;
  font-size: 1.4rem;
  display: inline-block;
  color: #888;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
  color: blue;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label .type {
  display: none;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .grid .col {
  padding: 5px 10px;
  /*min-height: 44px;*/
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label > .grid > .row:first-of-type > .col:last-of-type {
  padding-right: 15px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col {
  padding-left: 5px;
}

ion-item-group desktop-client-status-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col:last-child {
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
}

ion-item-group desktop-client-status-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-client-status-item .item[track] {
  padding-left: 0;
}

ion-item-group desktop-client-status-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

ion-item-group desktop-client-status-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-client-status-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-client-status-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-client-status-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-client-status-item .item[done='4']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-client-status-item .item.item[track='4'] .type,
ion-item-group desktop-client-status-item .item.item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

@property --gradient-color {
  syntax: '<color>';
  inherits: false;
  initial-value: white;
}

desktop-client-task-item {
  display: block;
  content-visibility: auto;
  contain-intrinsic-size: auto 72px;
}

desktop-client-task-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 28px;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-client-task-item .item .item-inner div.buttons button,
desktop-client-task-item .item .item-inner div.buttons .button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 30px;
  font-size: 0.89em;
}

desktop-client-task-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-client-task-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-client-task-item:hover .item > .item-inner div.buttons .button-ask {
  cursor: help;
}

desktop-client-task-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-client-task-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

desktop-client-task-item .item[hasManager] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-client-task-item .item[hasManager] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

desktop-client-task-item .item .item-inner .subhead {
  color: #666;
}

desktop-client-task-item .item .item-inner .grid .col.last {
  width: 158px;
  max-width: 158px;
  min-width: 158px;
  margin-bottom: 5px;
  min-height: 30px;
  padding-left: 22px !important;
}

desktop-client-task-item .item .item-inner .grid .col.date {
  width: 187px;
  max-width: 187px;
  min-width: 187px;
  text-align: right;
}

desktop-client-task-item .lawyer {
  cursor: help;
}

desktop-client-task-item .lawyer.fired {
  text-decoration: line-through;
}

desktop-client-task-item .lawyer.on-vacation {
  color: #d63535;
}

desktop-client-task-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  position: relative;
}

desktop-client-task-item.pinned {
  --pinned-scrollbar-gutter: 24px;
  max-height: 175px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  content-visibility: visible;
  contain-intrinsic-size: none;
}

desktop-client-task-item.pinned > .pinned-scroll {
  max-height: inherit;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  contain: layout paint;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-right: calc(-1 * var(--pinned-scrollbar-gutter));
  padding-right: var(--pinned-scrollbar-gutter);
  width: calc(100% + var(--pinned-scrollbar-gutter));
  max-width: calc(100% + var(--pinned-scrollbar-gutter));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

desktop-client-task-item.pinned > .pinned-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

desktop-client-task-item.pinned:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 3px;
  right: 0;
  z-index: 2;
  height: 28px;
  pointer-events: none;
  opacity: 0.6;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(55%, var(--gradient-color)), to(var(--gradient-color)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--gradient-color) 55%, var(--gradient-color) 100%);
  transition: --gradient-color 2s ease-out;
}

desktop-client-task-item.pinned.new-task-fade:after,
desktop-client-task-item.pinned.changed-task-fade:after {
  --gradient-color: rgba(255, 255, 200, 1);
  -webkit-transition: none;
  transition: none;
}

ion-item-group desktop-client-task-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-task-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-client-task-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-client-task-item .item.item {
  min-height: 42px !important;
  position: relative;
  z-index: 1;
  /* Рисуем линию через градиент на САМОМ элементе вместо border-bottom */
  background-color: white;
  background-image: linear-gradient(to top, #dedede 1px, transparent 1px) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-transition: background-color 2s ease-out, background-image 2s ease-out;
  transition: background-color 2s ease-out, background-image 2s ease-out;
}

ion-item-group desktop-client-task-item.new-task-fade .item,
ion-item-group desktop-client-task-item.changed-task-fade .item,
ion-item-group desktop-client-task-item.pinned.new-task-fade .item,
ion-item-group desktop-client-task-item.pinned.changed-task-fade .item {
  background-color: #ffffc8;
  background-image: linear-gradient(to top, #ffffc8 1px, transparent 1px) !important;
  -webkit-transition: none;
  transition: none;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner {
  border-bottom: none !important;
  background-image: none !important;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon {
  width: 20px;
  padding-top: 0 !important;
  padding-right: 4px !important;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #ababab;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon [name='code-working'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon [name='code-download'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon [name='return-right'] {
  font-size: 0.76em;
  margin-top: 4px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon [name='cash'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .pre-icon [name='quote'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner > .grid > .row > .col {
  padding-top: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col {
  padding-left: 0;
  white-space: nowrap;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .mb-2 {
  margin-bottom: 2px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .mb-2:last-of-type {
  margin-bottom: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .row.mb-10:first-of-type {
  margin-bottom: 2px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .row.mb-10:last-of-type {
  margin-bottom: 10px;
}

ion-item-group desktop-client-task-item.pinned .item.item .item-inner.item-inner .label {
  height: auto;
  min-width: 0;
  max-width: 100%;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  margin-top: 1px;
  /*margin-bottom: 10px;*/
  margin-bottom: 1px;
  white-space: normal;
  height: calc(100% - 12px);
  min-height: 26px;
  /*margin-top: 8px;*/
  padding-left: 10px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  /*height: 100%;*/
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label .grid .row .col:first-child {
  padding-left: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  line-height: 20px;
  color: #222;
  display: block;
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label p + p {
  margin-top: 0.15em;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label .transfers p + p {
  margin-top: 0;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label .transfers .date-block small strong {
  text-align: left;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
  color: inherit;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label .type {
  display: none;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .grid .col {
  padding: 5px;
  /*min-height: 44px;*/
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .grid .col.expand-lawyer-column {
  width: 60px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col {
  padding-left: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col:last-child {
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col.last {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}

ion-item-group desktop-client-task-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-client-task-item .item[track] {
  padding-left: 0;
}

ion-item-group desktop-client-task-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

ion-item-group desktop-client-task-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-client-task-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-client-task-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-client-task-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-client-task-item .item.item[track='4'] .type,
ion-item-group desktop-client-task-item .item.item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

ion-item-group desktop-client-task-item .item.item[track='4'] .item-inner.item-inner .label p {
  color: #888;
}

ion-item-group desktop-client-task-item .item.item[track='4'] .item-inner.item-inner .label .col.task_name p {
  color: #222;
}

.spinner-icon {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  color: #03151a;
  font-size: 1.2em;
  vertical-align: middle;
  margin-left: 5px;
  cursor: help;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
}

mat-icon.spinner-icon {
  width: 1.2em;
  height: 1.2em;
  font-size: 1.2em;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes taskFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-height: 200px;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

@keyframes taskFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-height: 200px;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

desktop-client-task-item.is-deleting {
  -webkit-animation: taskFadeOut 0.5s ease-in forwards !important;
  animation: taskFadeOut 0.5s ease-in forwards !important;
  pointer-events: none;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .transfers-toggle-link {
  color: #03151a;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .transfers-toggle-link:hover {
  text-decoration: underline;
  opacity: 0.8;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .transfers-toggle-link:active {
  opacity: 0.6;
}

ion-item-group desktop-client-task-item .item.item .item-inner.item-inner .hidden-indicator {
  color: #888;
  font-style: italic;
}

desktop-contract-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

desktop-contract-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-contract-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-contract-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

desktop-contract-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-contract-item .item[clientCategory='1'] {
  background: #ffe082;
}

desktop-contract-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

desktop-contract-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

desktop-contract-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-contract-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group desktop-contract-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-contract-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-contract-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-contract-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 4px;
  padding-bottom: 4px;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type:first-of-type > .col {
  padding-bottom: 4px;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row.no-task-name .col {
  padding-right: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-contract-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-contract-item {
  display: block;
}

desktop-contract-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-contract-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-contract-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-contract-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-contract-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

desktop-contract-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-contract-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-contract-item .item .item-inner .label p span,
desktop-contract-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
}

desktop-contract-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-contract-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-contract-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

desktop-contract-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

desktop-contract-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  desktop-contract-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  desktop-contract-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  desktop-contract-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

desktop-contract-item:last-child .item .item-inner {
  border-bottom: 0;
}

desktop-contract-item .item[track] {
  padding-left: 0;
}

desktop-contract-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid transparent;
}

desktop-contract-item .item[track='0']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

desktop-contract-item .item[track='1']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

desktop-contract-item p a {
  color: inherit;
}

ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group desktop-contract-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 30px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  width: 278px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .calendar {
  display: none;
  max-width: 380px;
  margin: 4px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* Calendars */
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #999;
  background: #fff;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker tr:hover td.available,
.daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker tr:hover td.active {
  background-color: #03151a;
  border-color: #083a48;
  color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker th.month {
  width: auto;
}

/* Text Input Above Each Calendar */
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.daterangepicker .input-mini.active {
  border: 1px solid #03151a;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

/* Time Picker */
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* Predefined Ranges */
.daterangepicker .ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  cursor: pointer;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 2.1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 0;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-font-kerning: none;
  font-kerning: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: content;
  overflow: hidden;
  margin: 0.6rem 0.2rem;
  border-radius: 2px;
  font-weight: 500;
  text-transform: uppercase;
  color: #222;
  background-color: #f4f4f4;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 0.9em;
  height: 2.1em;
  font-size: 1.3rem;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #ececec;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .calendar {
    float: left;
  }
  .daterangepicker .calendar.right {
    margin-left: 0;
  }
  .daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker .ranges,
  .daterangepicker .calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }
  .daterangepicker .calendar.left {
    clear: none;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.daterangepicker.single .calendar,
.daterangepicker.single .ranges,
.ranges {
  float: none;
}

.daterangepicker {
  position: absolute;
  color: #111;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
}

.daterangepicker:after,
.daterangepicker:before {
  position: absolute;
  display: inline-block;
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.daterangepicker td {
  cursor: pointer;
}

.daterangepicker th.prev, .daterangepicker th.next {
  cursor: pointer;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #03151a;
  border-color: transparent;
  color: #f4f4f4;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker .input-mini {
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #03151a;
  border-radius: 4px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.ranges {
  font-size: 11px;
  margin: 4px;
  text-align: left;
}

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

@media (min-width: 564px) {
  .daterangepicker.ltr .calendar.right .calendar-table,
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table,
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .calendar,
  .daterangepicker.single.ltr .ranges {
    float: left;
  }
  .daterangepicker.single.rtl .calendar,
  .daterangepicker.single.rtl .ranges {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table,
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar,
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .calendar.left .calendar-table,
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  .daterangepicker.rtl .calendar,
  .daterangepicker.rtl .ranges {
    text-align: right;
    float: right;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  border-color: transparent !important;
}

.daterangepicker {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

.fa:before,
.glyphicon:before {
  font-size: 1.4em;
  line-height: 0.7em;
  display: inline-block;
  font-family: 'Ionicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-left:before,
.glyphicon-chevron-left:before {
  content: '\f27d';
}

.fa-chevron-right:before,
.glyphicon-chevron-right:before {
  content: '\f287';
}

.fa-calendar:before,
.glyphicon-calendar:before {
  content: '\f2ab';
}

desktop-date-picker .date-button {
  font-size: 0.75em;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-transform: lowercase;
  text-align: left;
}

ion-item-group desktop-delegated-contract-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-delegated-contract-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-delegated-contract-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

desktop-delegated-contract-item {
  display: block;
}

desktop-delegated-contract-item .item.item.shadow-block:after {
  display: none !important;
}

desktop-delegated-contract-item .item.item.shadow-block .item-inner.item-inner {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

ion-item-group desktop-delegated-contract-item .item.item {
  position: relative;
  padding-left: 0;
}

ion-item-group desktop-delegated-contract-item .item.item:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group desktop-delegated-contract-item:first-child .item.item:after {
  display: none;
}

ion-item-group desktop-delegated-contract-item .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-delegated-contract-item:last-child .item.item:after {
  display: block;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label {
  position: relative;
  white-space: normal;
  padding-left: 16px;
  padding-right: 16px;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  color: #222;
  white-space: normal;
}

desktop-delegated-contract-item .item .item-inner .label p span,
desktop-delegated-contract-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
  display: inline-block;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
  color: inherit;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p .icon-wrapper {
  line-height: 15px;
  height: 15px;
  overflow: hidden;
  vertical-align: bottom;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  height: 15px;
  width: 15px;
  margin-right: 0.1ex;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p a.client-name {
  line-height: 15px;
  display: inline-block;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p a.client-name .icon {
  width: 14px;
  display: block;
  text-align: center;
  height: 14px;
  font-size: 16px;
  line-height: 14px;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p a.client-name .icon.icon.return {
  display: inline-block;
  padding-right: 5px;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p a.client-name .icon:before {
  line-height: inherit;
  display: inline-block;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label strong {
  vertical-align: baseline;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label small {
  display: block;
  color: #999;
  line-height: 14px;
  font-size: 80%;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .label small strong {
  font-weight: normal;
  vertical-align: baseline;
  display: inline;
  color: #333;
}

desktop-delegated-contract-item button.delegated-compact-row.item {
  margin: 0;
  width: 100%;
  text-align: left;
}

ion-item-group desktop-delegated-contract-item button.delegated-compact-row.item:after {
  display: none;
}

desktop-delegated-contract-item button.delegated-compact-row .label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

desktop-delegated-contract-item button.delegated-compact-row .label p {
  margin-bottom: 0.8rem;
}

desktop-delegated-contract-item button.delegated-compact-row .label p:last-child {
  margin-bottom: 0;
}

desktop-delegated-contract-item .contract-details.grid {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 10px;
}

desktop-delegated-contract-item .contract-details .col small {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
}

desktop-delegated-contract-item .contract-details .col p {
  font-size: 1.4rem;
  color: #222;
  white-space: pre-wrap;
  line-height: 1.8rem;
  margin: 0 0 1rem;
  padding-left: 10px;
}

desktop-delegated-contract-item .contract-details .col p:last-child {
  margin-bottom: 0;
}

desktop-delegated-contract-item .contract-details .col p strong {
  font-weight: 600;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col small {
  display: block;
  color: #999;
  line-height: 14px;
  font-size: 80%;
  margin-bottom: 2px;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col.info {
  padding-left: 25px;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col p {
  font-size: 1.4rem;
  color: #222;
  white-space: normal;
  margin-bottom: 1.3rem;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col p > strong {
  display: block;
  margin-bottom: 0.3rem;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col p > span {
  padding-left: 10px;
  line-height: 1.8rem;
}

desktop-delegated-contract-item .item.item .item-inner.item-inner .grid > .row > .col p > br {
  content: '';
  display: block;
  margin: 10px 0;
}

ion-item-group desktop-deleted-task-item .item.item {
  position: relative;
  padding-left: 0;
}

ion-item-group desktop-deleted-task-item .item.item:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group ion-item-divider + ion-list > desktop-deleted-task-item:first-child .item.item:after {
  display: none;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .comment-row {
  border-top: 1px dashed rgba(169, 169, 169, 0.45);
  padding: 0 0 0 5px;
  margin: 5px 0 0;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .comment-row > .col {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .comment-row > .col:first-child {
  padding: 15px 0 0 0;
  margin: 15px 0 0;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .comment-row > .col:last-child {
  padding: 0 0 7px 0;
  margin: 0 0 7px 0;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label {
  /*margin-right: 3px;*/
  /*margin-top: 6px;*/
  /*margin-bottom: 6px;*/
  /*white-space: normal;*/
  /*height: auto;*/
  /*height: calc(100% - 12px);*/
  padding-left: 10px;
  margin-right: 3px;
  margin-top: 6px;
  /*margin-bottom: 10px;*/
  margin-bottom: 6px;
  white-space: normal;
  /*height: calc(100% - 12px);*/
  /*min-height: 26px;*/
  /*margin-top: 8px;*/
  color: #888;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

/*ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label .grid .row{*/
/*min-height: 100%;*/
/*}*/
ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

desktop-deleted-task-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

desktop-deleted-task-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-deleted-task-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p + p {
  margin-top: 0.15em;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label small {
  color: #888;
  line-height: 14px;
  font-size: 80%;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p a {
  color: inherit;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .pre-icon {
  width: 16px;
  padding-top: 0 !important;
  padding-right: 4px !important;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #ababab;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .pre-icon [name='code-working'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .pre-icon [name='code-download'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .pre-icon [name='time'] {
  font-size: 0.8em;
  margin-top: 3px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .pre-icon [name='trash'] {
  font-size: 0.8em;
  margin-top: 2px;
}

ion-item-group desktop-deleted-task-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
  max-height: unset;
  display: block;
  line-height: 1.3;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner p.lawyer {
  /*text-align: right;*/
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner p.lawyer .sub {
  display: block;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .row.mb-10:last-child {
  margin-bottom: 5px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .row.mb-10:first-child {
  margin-bottom: 5px;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p span:after {
  content: ' ';
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label p span:last-of-type:after {
  display: none;
}

ion-item-group desktop-deleted-task-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-deleted-task-item .item[track] {
  padding-left: 0;
}

ion-item-group desktop-deleted-task-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

ion-item-group desktop-deleted-task-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-deleted-task-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-deleted-task-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-deleted-task-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-deleted-task-item .item.item[track='4'] .type,
ion-item-group desktop-deleted-task-item .item.item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 2px;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0px;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row.no-task-name .col {
  padding-right: 0;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 100%;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-deleted-task-item {
  display: block;
}

desktop-deleted-task-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-deleted-task-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-deleted-task-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-deleted-task-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-deleted-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

desktop-deleted-task-item .item .item-inner .label .buttons.col {
  height: 16px;
}

desktop-deleted-task-item .item .item-inner .label .buttons .buttons {
  height: 100%;
  display: block;
}

desktop-deleted-task-item .item .item-inner .label .buttons .button {
  height: 16px;
  line-height: 15px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

desktop-dialog-item {
  display: block;
  background: white;
}

ion-item-group desktop-dialog-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-dialog-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-dialog-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 15px;
  height: 15px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .fio-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 15px;
  height: 15px;
  max-width: 100%;
  overflow: hidden;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .icon-wrapper {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 15px;
  height: 15px;
  width: 15px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  margin-right: 0.1ex;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .icon-wrapper .icon {
  width: 14px;
  display: block;
  text-align: center;
  height: 14px;
  font-size: 16px;
  line-height: 14px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .icon-wrapper .icon:before {
  line-height: inherit;
  display: inline-block;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .client-fio {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .client-fio span:after {
  content: ' ';
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label h2 .client-fio span:last-of-type:after {
  display: none;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p {
  margin-top: 2px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p.date {
  margin-top: 0;
  margin-bottom: 1px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p.answer,
ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p.question,
ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p.time {
  font-size: 12px;
  color: grey;
  line-height: 14px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label ion-note {
  min-width: 100px;
  font-size: 12px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 0;
  display: inline-block;
  margin-bottom: 0;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label p.question ion-note {
  min-width: 34px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label ion-note .icon {
  width: 10px;
  font-size: 0.9em;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
  /*padding-left: 15px;*/
  /*padding-right: 15px;*/
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-dialog-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-dialog-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-dialog-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-dialog-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-dialog-item .item[unanswered='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-dialog-item .item[unanswered='1'][categoryFlag='null']:before,
ion-item-group desktop-dialog-item .item[unanswered='1']:not([categoryFlag]):before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-dialog-item .item[unanswered='1'][categoryFlag='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-dialog-item .item[unanswered='1'][categoryFlag='3']:before {
  border-left-color: rgba(0, 191, 255, 0.5);
}

ion-item-group desktop-dialog-item .item[unanswered='0']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

/*ion-item-group desktop-dialog-item .item[track="4"]:before {*/
/*border-left-color: rgba(189, 189, 189, 0.5);*/
/*}*/
/*ion-item-group desktop-dialog-item .item[track="4"] ion-label {*/
/*border-left: 2px solid lightgrey;*/
/*padding-left: 10px;*/
/*}*/
/*ion-item-group desktop-dialog-item .item.item[track="4"] .type,*/
/*ion-item-group desktop-dialog-item .item.item[track="4"] p{*/
/*color: rgba(0,0,0,0.87);*/
/*}*/
desktop-employee-item {
  display: block;
}

ion-item-group desktop-employee-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-employee-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-employee-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

desktop-employee-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-employee-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-employee-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-employee-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner {
  padding-right: 0;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  display: inline-block;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label p span:after {
  content: ' ';
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label p span:last-of-type:after {
  display: none;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner small {
  line-height: 14px;
  display: block;
  color: #666;
  font-size: 80%;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .grid .col {
  padding: 0px 10px;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .grid .col:last-child {
  padding: 0px 5px 0px 10px;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label > .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner .label > .grid > .row > .col:last-of-type {
  padding-left: 5px;
}

ion-item-group desktop-employee-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-employee-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-employee-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-employee-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #004e97;
}

ion-item-group desktop-employee-item .item[state='fired']:before {
  border-left-color: #d6e9f9;
}

ion-item-group desktop-employee-item .item.employee-on-vacation:before {
  border-left-color: #f9a825;
}

desktop-employee-report-item {
  display: block;
}

ion-item-group desktop-employee-report-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-employee-report-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-employee-report-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner {
  padding-right: 0;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p {
  display: inline-block;
  font-size: 1.4rem;
  color: #222;
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 2;*/
  /*-webkit-box-orient: vertical;*/
  overflow: hidden;
  /*max-height: 32px;*/
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
  width: 100%;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p [state='fired'] {
  text-decoration: line-through;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p span:after {
  content: ' ';
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p span:last-of-type:after {
  display: none;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner small {
  line-height: 14px;
  display: block;
  color: #666;
  font-size: 80%;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .grid .col {
  padding: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group
desktop-employee-report-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col:first-of-type {
  padding-left: 5px;
}

ion-item-group
desktop-employee-report-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

ion-item-group desktop-employee-report-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-employee-report-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-employee-report-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-employee-report-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #004e97;
}

ion-item-group desktop-employee-report-item .item[state='fired']:before {
  border-left-color: #d6e9f9;
}

ion-item-group desktop-employee-report-item .item[exceeds] {
  background-color: #fbf2d5 !important;
}

ion-item-group desktop-financial-client-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-financial-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-financial-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-financial-client-item {
  display: block;
}

desktop-financial-client-item .item .item-inner .label p span,
desktop-financial-client-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
  display: inline-block;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p span:after {
  content: ' ';
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-financial-client-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-financial-client-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-financial-client-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p a .icon {
  padding-left: 0;
}

desktop-financial-client-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-financial-client-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
  padding: 0;
  padding-left: 5px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col.return {
  padding-left: 5px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row.no-task-name .col {
  padding-right: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p .icon-wrapper {
  line-height: 15px;
  height: 15px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p .icon {
  height: 15px;
  line-height: 15px;
  font-size: 16px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label p .icon:before {
  line-height: 13px;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-financial-client-item .col.last {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .label .col.last p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

ion-item-group desktop-financial-client-item .decided {
  cursor: help;
}

ion-item-group desktop-financial-client-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner .grid .col:last-child {
  padding: 2px 5px 2px 10px;
}

ion-item-group desktop-financial-client-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-financial-client-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-financial-client-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-financial-client-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 2px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #004e97;
}

ion-item-group desktop-financial-client-item .item[archive='true']:before {
  border-left-color: #d6e9f9;
}

ion-item-group desktop-financial-client-item .item[clientCategory='1'] {
  background: #ffe082;
}

ion-item-group desktop-financial-client-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

ion-item-group desktop-financial-client-item .item[hasManager] {
  background: #ffe082;
}

ion-item-group desktop-financial-client-item .item[hasManager] .item-inner .label p small {
  color: #737373;
}

ion-item-group desktop-financial-client-item .item[isTerminating='true']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-jivo-kpi-item .item.item {
  min-height: 30px;
}

ion-item-group desktop-jivo-kpi-item .item.item .label {
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  font-size: 1.4rem;
}

ion-item-group desktop-jivo-kpi-item .item.item .grid .col {
  /*padding: 5px 10px;*/
  padding-right: 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .grid .col.spacer {
  width: 180px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
}

ion-item-group desktop-jivo-kpi-item .item.item .grid .col:first-child {
  padding: 5px 5px 5px 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .grid .col:last-child {
  padding: 5px 5px 5px 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .first-response {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group desktop-jivo-kpi-item .item.item .time {
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 80px;
  padding-left: 3px !important;
}

ion-item-group desktop-jivo-kpi-item .item.item .lawyer {
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 78px;
}

ion-item-group desktop-jivo-kpi-item .item.item .phone-column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - var(--column-width));
  -ms-flex: 0 0 calc(50% - var(--column-width));
  flex: 0 0 calc(50% - var(--column-width));
  width: calc(50% - var(--column-width));
  min-width: calc(50% - var(--column-width));
  max-width: calc(50% - var(--column-width));
  --column-width: 226px;
}

ion-item-group desktop-jivo-kpi-item .item.item .short {
  cursor: help;
}

ion-item-group desktop-jivo-kpi-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-jivo-kpi-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-jivo-kpi-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
  padding-right: 0;
}

ion-item-group desktop-jivo-kpi-item {
  display: block;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label {
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  font-size: 1.4rem;
  padding-left: 10px;
  margin-right: 0;
  position: relative;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  /*color: #222;*/
  overflow: hidden;
  max-height: 16px;
  display: block;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
  line-height: 15px;
  color: #666;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label p .icon.return {
  padding-right: 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label p a {
  color: inherit;
  text-decoration: none;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label small {
  line-height: 14px;
  display: inline;
  font-size: 80%;
  color: #666;
}

ion-item-group desktop-jivo-kpi-item .item.item.today .item-inner.item-inner .label p {
  color: #222;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid .col {
  position: static;
  padding: 5px 10px;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid > .row > .col.icon {
  padding-right: 0;
  width: 22px;
  font-size: 0.7em;
  padding-top: 5px !important;
  padding-left: 6px !important;
  padding-bottom: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid > .row > .col.icon + .col {
  padding-left: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item .item-inner.item-inner .label > .grid > .row:not(:first-child) > .col {
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-jivo-kpi-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-jivo-kpi-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-jivo-kpi-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid rgba(189, 189, 189, 0.5);
  border-width: 3px;
}

ion-item-group desktop-jivo-kpi-item .item[track="-1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-jivo-kpi-item .item[track="1"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-lawyer-meeting-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-lawyer-meeting-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

desktop-lawyer-meeting-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-lawyer-meeting-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-lawyer-meeting-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-lawyer-meeting-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 56px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.95)), color-stop(0%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%, rgba(255, 255, 255, 0) 0%);
}

desktop-lawyer-meeting-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

desktop-lawyer-meeting-item .item .item-inner .label p span,
desktop-lawyer-meeting-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 16px;
}

desktop-lawyer-meeting-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-lawyer-meeting-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-lawyer-meeting-item .item .item-inner .label p a {
  text-decoration: none;
}

@media screen and (min-width: 991px) {
  ion-item-group desktop-lawyer-meeting-item .item.item .time {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
  }
  desktop-lawyer-meeting-item .item .item-inner .grid .col.short {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
  }
}

ion-item-group desktop-lawyer-meeting-item .item.item .short {
  cursor: help;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label strong {
  vertical-align: baseline;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label small {
  display: block;
  color: #888;
  line-height: 14px;
  font-size: 80%;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label small strong {
  font-weight: normal;
  color: #222;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label .grid .row .col {
  line-height: 16px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label .grid .row:last-of-type .col {
  padding-top: 0;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label .grid .row:first-of-type .col {
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
  max-height: 32px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label p a {
  color: inherit;
  text-decoration: none;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col.buttons {
  width: 0;
  padding: 0;
  height: 16px;
  position: relative;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col {
  padding: 5px 10px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .grid .col.time {
  padding-right: 0;
}

ion-item-group
desktop-lawyer-meeting-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row:first-of-type
> .col {
  padding-bottom: 0;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label > .grid > .row:last-of-type > .col {
  padding-top: 0;
  padding-bottom: 2px;
}

ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label > .grid > .row:last-of-type > .col small {
  padding-top: 2px;
}

ion-item-group desktop-lawyer-meeting-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-lawyer-meeting-item .item[track] {
  padding-left: 0;
}

ion-item-group desktop-lawyer-meeting-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-lawyer-meeting-item .item.item[track='4'] .type,
ion-item-group desktop-lawyer-meeting-item .item.item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 991px) {
  desktop-lawyer-meeting-item .item.item-block .grid .row {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  desktop-lawyer-meeting-item .no-task.item.item-block .grid .row .col {
    display: none;
  }
  desktop-lawyer-meeting-item .no-task.item.item-block .grid .row .col:first-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  desktop-lawyer-meeting-item .no-task.item.item-block .grid .row .col:first-of-type p {
    margin-bottom: 0;
  }
  desktop-lawyer-meeting-item .item.item.item-block .contractDate {
    display: inline-block;
  }
  desktop-lawyer-meeting-item .item.item.item-block .grid .row .col {
    padding: 0;
  }
  ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group desktop-lawyer-meeting-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  desktop-lawyer-meeting-item .item.item.item-block .grid .row .col[col-auto] p {
    margin-right: 10px;
  }
  desktop-lawyer-meeting-item .item.item.item-block .grid .row .col[col-auto] p {
    margin-bottom: 0;
  }
  desktop-lawyer-meeting-item .item.item.item-block > .item-inner > div.buttons {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-height: 32px;
  }
  desktop-lawyer-meeting-item .item.item.item-block .item-inner.item-inner {
    padding-right: 0;
  }
  desktop-lawyer-meeting-item .item.item.item-block .grid .row .col[col-auto] {
    text-align: right;
  }
}

ion-item-group desktop-meeting-item .item.item {
  min-height: 30px;
}

ion-item-group desktop-meeting-item .item.item .label {
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  font-size: 1.4rem;
}

ion-item-group desktop-meeting-item .item.item .grid .col {
  /*padding: 5px 10px;*/
  padding-right: 5px;
}

ion-item-group desktop-meeting-item .item.item .grid .col.spacer {
  width: 180px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
}

ion-item-group desktop-meeting-item .item.item .grid .col:first-child {
  padding: 5px 5px 5px 5px;
}

ion-item-group desktop-meeting-item .item.item .grid .col:last-child {
  padding: 5px 5px 5px 5px;
}

ion-item-group desktop-meeting-item .item.item .time {
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 80px;
  padding-left: 3px !important;
}

ion-item-group desktop-meeting-item .item.item .lawyer {
  width: var(--column-width);
  min-width: var(--column-width);
  max-width: var(--column-width);
  --column-width: 78px;
}

ion-item-group desktop-meeting-item .item.item .phone-column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - var(--column-width));
  -ms-flex: 0 0 calc(50% - var(--column-width));
  flex: 0 0 calc(50% - var(--column-width));
  width: calc(50% - var(--column-width));
  min-width: calc(50% - var(--column-width));
  max-width: calc(50% - var(--column-width));
  --column-width: 226px;
}

ion-item-group desktop-meeting-item .item.item .short {
  cursor: help;
}

ion-item-group desktop-meeting-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-meeting-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-meeting-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
  padding-right: 0;
}

ion-item-group desktop-meeting-item {
  display: block;
}

desktop-meeting-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: auto;
  right: 10px;
  height: 32px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-meeting-item .item .item-inner div.buttons .button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-meeting-item .item .item-inner div.buttons .button.button-ask {
  cursor: help;
}

desktop-meeting-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 10px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-meeting-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 10px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-meeting-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label {
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  font-size: 1.4rem;
  padding-left: 10px;
  margin-right: 0;
  position: relative;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  /*color: #222;*/
  overflow: hidden;
  max-height: 16px;
  display: block;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
  line-height: 15px;
  color: #666;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p [data-region]:before {
  content: attr(data-region) ":";
  display: inline-block;
  font-weight: normal;
  margin-right: 1ex;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p .icon.return {
  padding-right: 5px;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p a {
  color: inherit;
  text-decoration: none;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label small {
  line-height: 14px;
  display: inline;
  font-size: 80%;
  color: #666;
}

ion-item-group desktop-meeting-item .item.item.today .item-inner.item-inner .label p {
  color: #222;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid .col.buttons {
  padding: 0;
  height: 32px;
  position: relative;
  justify-self: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid .col {
  position: static;
  padding: 5px 10px;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid > .row > .col.icon {
  padding-right: 0;
  width: 22px;
  font-size: 0.7em;
  padding-top: 5px !important;
  padding-left: 6px !important;
  padding-bottom: 0;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid > .row > .col.icon + .col {
  padding-left: 0;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-meeting-item .item.item .item-inner.item-inner .label > .grid > .row:not(:first-child) > .col {
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-meeting-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-meeting-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-meeting-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #d6e9f9;
}

ion-item-group desktop-meeting-item .item.item.today:before {
  border-left-color: #004e97;
}

ion-item-group desktop-meeting-item .item.item[late]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-meeting-item .item.item[late][unused]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-meeting-item.new-meeting-fade .item,
ion-item-group desktop-meeting-item.new-meeting-fade .item .item-inner {
  background-color: #ffffc8;
  background-image: linear-gradient(to top, #ffffc8 1px, transparent 1px) !important;
  -webkit-transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
  transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
}

ion-item-group desktop-meeting-item.changed .item,
ion-item-group desktop-meeting-item.changed .item .item-inner {
  background-color: #ffffc8;
  background-image: linear-gradient(to top, #ffffc8 1px, transparent 1px) !important;
  -webkit-transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
  transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
}

@-webkit-keyframes meetingFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

@keyframes meetingFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

desktop-meeting-item.is-deleting {
  -webkit-animation: meetingFadeOut 0.5s ease-in forwards !important;
  animation: meetingFadeOut 0.5s ease-in forwards !important;
  pointer-events: none;
}

ion-item-group desktop-potential-client-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-potential-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-potential-client-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

desktop-potential-client-item {
  display: block;
}

desktop-potential-client-item .item .item-inner div.buttons {
  position: absolute;
  top: 1px;
  bottom: auto;
  right: 10px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-potential-client-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-potential-client-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 10px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-potential-client-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner {
  padding-right: 0;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label {
  position: relative;
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
  padding-right: 10px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-potential-client-item .item .item-inner .label p span,
ion-item-group desktop-potential-client-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
  display: inline-block;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
  color: inherit;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p .icon-wrapper {
  line-height: 15px;
  height: 15px;
  overflow: hidden;
  vertical-align: bottom;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  height: 15px;
  width: 15px;
  margin-right: 0.1ex;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p a.client-name {
  line-height: 15px;
  display: inline-block;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p a.client-name .icon {
  width: 14px;
  display: block;
  text-align: center;
  height: 14px;
  font-size: 16px;
  line-height: 14px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p a.client-name .icon.icon.return {
  display: inline-block;
  padding-right: 5px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p a.client-name .icon:before {
  line-height: inherit;
  display: inline-block;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label .col.phone p {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  height: 16px;
  line-height: 16px;
  max-height: unset;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid .col {
  position: static;
  padding: 5px 10px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label > .grid > .row:first-of-type {
  min-height: 32px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label > .grid > .row:first-of-type .col p {
  vertical-align: middle;
}

ion-item-group
desktop-potential-client-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row:last-of-type
> .col {
  padding-top: 2px;
  padding-bottom: 2px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid > .row > .col {
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid > .row:last-of-type > .col {
  padding-top: 0;
  padding-bottom: 0;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .lawyer-value {
  cursor: help;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid .col.last {
  padding-right: 0;
  padding-left: 0;
  width: var(--column-width);
  max-width: var(--column-width);
  min-width: var(--column-width);
  --column-width: 65px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid .col.short {
  width: var(--column-width);
  max-width: var(--column-width);
  min-width: var(--column-width);
  --column-width: 56px;
  padding-left: 0;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label .col.phone {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - var(--column-width));
  -ms-flex: 0 0 calc(50% - var(--column-width));
  flex: 0 0 calc(50% - var(--column-width));
  width: calc(50% - var(--column-width));
  max-width: calc(50% - var(--column-width));
  min-width: calc(50% - var(--column-width));
  --column-width: 270px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid .col.last .col .icon {
  height: 16px;
  line-height: 16px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .grid .col.last .time {
  padding-left: 8px;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label strong {
  vertical-align: baseline;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label small {
  display: block;
  color: #999;
  line-height: 14px;
  font-size: 80%;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner .label small strong {
  font-weight: normal;
  vertical-align: baseline;
  display: inline;
  color: #333;
}

ion-item-group desktop-potential-client-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-potential-client-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-potential-client-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-potential-client-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-potential-client-item .item[isHot]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group desktop-potential-client-item .item[hurry]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-potential-client-item .item[archived]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-potential-client-item .item.item[isHot] {
  background: #ffe082;
}

ion-item-group desktop-potential-client-item .item.item[isHot] .item-inner.item-inner .label small {
  color: #737373;
}

desktop-potential-client-task-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 28px;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-potential-client-task-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-potential-client-task-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-potential-client-task-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-potential-client-task-item:hover .item > .item-inner div.buttons .button-ask {
  cursor: help;
}

desktop-potential-client-task-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-potential-client-task-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

desktop-potential-client-task-item .item .item-inner .grid .col.last {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
  height: 28px;
  padding-right: 0 !important;
}

desktop-potential-client-task-item .item .item-inner .grid .col.date {
  width: 140px;
  max-width: 140px;
  min-width: 140px;
  text-align: right;
}

desktop-potential-client-task-item .lawyer {
  cursor: help;
}

desktop-potential-client-task-item {
  display: block;
}

ion-item-group desktop-potential-client-task-item .item.item {
  min-height: 42px !important;
}

ion-item-group desktop-potential-client-task-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-potential-client-task-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group
ion-item-divider
+ ion-list
desktop-potential-client-task-item:first-child
.item.item
.item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-potential-client-task-item .item.item {
  min-height: 38px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .pre-icon {
  width: 20px;
  padding-top: 0 !important;
  padding-right: 4px !important;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #ababab;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .pre-icon [name='code-working'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .pre-icon [name='code-download'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .pre-icon [name='quote'] {
  font-size: 0.8em;
  margin-top: 4px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .grid > .row > .col {
  padding-top: 5px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .grid > .row > .col.icon {
  padding-right: 0;
  font-size: 0.7em;
  padding-bottom: 0;
  padding-top: 2px !important;
  padding-left: 5px !important;
  width: 18px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .grid > .row > .col.icon + .col {
  padding-left: 0;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.grid
> .row
> .col
> .grid
> .row
> .col {
  padding-left: 0;
  white-space: nowrap;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.grid
> .row
> .col.manager-consultant {
  min-width: 145px;
  width: 145px;
  max-width: 145px;
  text-align: right;
  padding-right: 38px;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.grid
> .row
> .col.manager-consultant .col {
  padding-right: 0;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.grid
> .row
> .col
> .grid
> .row
> .col small {
  color: #737373;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.grid
> .row
> .col
> .grid
> .row
> .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label p {
  margin-top: 0 !important;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .row.mb-10:last-child {
  margin-bottom: 0;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  /*margin-bottom: 10px;*/
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  min-height: 26px;
  /*margin-top: 8px;*/
  padding-left: 10px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  /*height: 100%;*/
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label .grid .row .col:first-child {
  padding-left: 5px;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label p .contractDate {
  display: block;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  color: #222;
  display: block;
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label p + p {
  margin-top: 0.15em;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label .transfers p + p {
  margin-top: 0;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
  color: inherit;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label .type {
  display: none;
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .grid .col {
  padding: 5px 10px;
  /*min-height: 44px;*/
}

ion-item-group desktop-potential-client-task-item .item.item .item-inner.item-inner .label > .grid > .row.mb-10 > .col {
  padding-left: 5px;
}

ion-item-group
desktop-potential-client-task-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row.mb-10
> .col:last-child {
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
}

ion-item-group desktop-potential-client-task-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-potential-client-task-item .item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-potential-client-task-item .item[completed='no']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-potential-client-task-item .item[need_call]:before,
ion-item-group desktop-potential-client-task-item .item[completed='no'][today]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group desktop-potential-client-task-item .item[completed='yes']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-potential-client-task-item .item.item[track='4'] .type,
ion-item-group desktop-potential-client-task-item .item.item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

ion-item-group desktop-refuse-reason-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-refuse-reason-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-refuse-reason-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label {
  margin-right: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-refuse-reason-item {
  display: block;
}

desktop-refuse-reason-item .item .item-inner .label p span,
desktop-refuse-reason-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
  display: inline-block;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p span:after {
  content: ' ';
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-refuse-reason-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-refuse-reason-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-refuse-reason-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p a .icon {
  padding-left: 0;
}

desktop-refuse-reason-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-refuse-reason-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
  padding: 0;
  padding-left: 5px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col.return {
  padding-left: 5px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row.no-task-name .col {
  padding-right: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p .icon-wrapper {
  line-height: 15px;
  height: 15px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p .icon {
  height: 15px;
  line-height: 15px;
  font-size: 16px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label p .icon:before {
  line-height: 13px;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-refuse-reason-item .col.last {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .label .col.last p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

ion-item-group desktop-refuse-reason-item .decided {
  cursor: help;
}

ion-item-group desktop-refuse-reason-item .lawyer-value {
  cursor: help;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .grid .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner .grid .col:last-child {
  padding: 2px 5px 2px 10px;
}

ion-item-group desktop-refuse-reason-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-refuse-reason-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group desktop-refuse-reason-item .item.item {
  padding-left: 0;
}

ion-item-group desktop-refuse-reason-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #004e97;
}

desktop-refuse-reason-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: auto;
  right: 10px;
  height: 16px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-refuse-reason-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-refuse-reason-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 10px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-refuse-reason-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 10px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-refuse-reason-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

ion-item-group desktop-sms-feedback-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-sms-feedback-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list desktop-sms-feedback-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group desktop-sms-feedback-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col.rate {
  padding-right: 5px;
  text-align: right;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col.rate p {
  vertical-align: middle;
  height: 24px;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col.rate p strong,
ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col.rate p .mat-icon {
  line-height: 24px;
  vertical-align: middle;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col .mat-icon {
  width: 19px;
  height: 19px;
  font-size: 19px;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-sms-feedback-item {
  display: block;
}

desktop-sms-feedback-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-sms-feedback-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-sms-feedback-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-sms-feedback-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

desktop-sms-feedback-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-sms-feedback-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-sms-feedback-item .item .item-inner .label p strong {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

desktop-sms-feedback-item .item .item-inner .label p .icon.return {
  font-size: 16px;
  margin-right: 5px;
}

desktop-sms-feedback-item .item .item-inner .label p span,
desktop-sms-feedback-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
}

desktop-sms-feedback-item .item .item-inner .label p span:after {
  content: ' ';
}

desktop-sms-feedback-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

desktop-sms-feedback-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

desktop-sms-feedback-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

desktop-sms-feedback-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

@media screen and (max-width: 991px) {
  desktop-sms-feedback-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  desktop-sms-feedback-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  desktop-sms-feedback-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

desktop-sms-feedback-item:last-child .item .item-inner {
  border-bottom: 0;
}

desktop-sms-feedback-item .item[track] {
  padding-left: 0;
}

desktop-sms-feedback-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

desktop-sms-feedback-item .item[track='-1']:before {
  border-left-color: rgba(0, 0, 0, 0.5);
}

desktop-sms-feedback-item .item[track='1']:before {
  border-left-color: rgba(249, 53, 48, 0.5);
}

desktop-sms-feedback-item .item[track='1'] .col.rate .mat-icon {
  color: #f93530;
}

desktop-sms-feedback-item .item[track='2']:before {
  border-left-color: rgba(250, 84, 50, 0.5);
}

desktop-sms-feedback-item .item[track='2'] .col.rate .mat-icon {
  color: #fa5432;
}

desktop-sms-feedback-item .item[track='3']:before {
  border-left-color: rgba(250, 114, 52, 0.5);
}

desktop-sms-feedback-item .item[track='3'] .col.rate .mat-icon {
  color: #fa7234;
}

desktop-sms-feedback-item .item[track='4']:before {
  border-left-color: rgba(252, 139, 58, 0.5);
}

desktop-sms-feedback-item .item[track='4'] .col.rate .mat-icon {
  color: #fc8b3a;
}

desktop-sms-feedback-item .item[track='5']:before {
  border-left-color: rgba(254, 163, 65, 0.5);
}

desktop-sms-feedback-item .item[track='5'] .col.rate .mat-icon {
  color: #fea341;
}

desktop-sms-feedback-item .item[track='6']:before {
  border-left-color: rgba(176, 197, 73, 0.5);
}

desktop-sms-feedback-item .item[track='6'] .col.rate .mat-icon {
  color: #b0c549;
}

desktop-sms-feedback-item .item[track='7']:before {
  border-left-color: rgba(116, 194, 69, 0.5);
}

desktop-sms-feedback-item .item[track='7'] .col.rate .mat-icon {
  color: #74c245;
}

desktop-sms-feedback-item .item[track='8']:before {
  border-left-color: rgba(57, 191, 65, 0.5);
}

desktop-sms-feedback-item .item[track='8'] .col.rate .mat-icon {
  color: #39bf41;
}

desktop-sms-feedback-item .item[track='9']:before {
  border-left-color: rgba(59, 185, 106, 0.5);
}

desktop-sms-feedback-item .item[track='9'] .col.rate .mat-icon {
  color: #3bb96a;
}

desktop-sms-feedback-item .item[track='10']:before {
  border-left-color: rgba(61, 180, 148, 0.5);
}

desktop-sms-feedback-item .item[track='10'] .col.rate .mat-icon {
  color: #3db494;
}

desktop-sms-feedback-item .item[track='-1'] .col.rate .mat-icon {
  color: black;
}

desktop-sms-feedback-item .item[track='-1'] .type,
desktop-sms-feedback-item .item[track='-1'] p {
  color: rgba(0, 0, 0, 0.87);
}

desktop-sms-feedback-item p a {
  color: inherit;
}

ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group desktop-sms-feedback-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

ion-item-group desktop-task-item .item.item {
  position: relative;
  padding-left: 0;
}

ion-item-group desktop-task-item .item.item:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group desktop-task-item .item.item .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group ion-item-divider + ion-list > desktop-task-item:first-child .item.item:after {
  display: none;
}

desktop-task-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

desktop-task-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-task-item .item .item-inner div.buttons ion-spinner {
  width: 24px;
  height: 24px;
  margin-right: 0;
  position: relative;
  z-index: 2;
}

desktop-task-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-task-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

desktop-task-item:hover .item > .item-inner div.buttons,
desktop-task-item.is-generating-tasks .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-task-item .item[clientCategory='1'] {
  background: #ffe082;
}

desktop-task-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

desktop-task-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

desktop-task-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

desktop-task-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 4px;
}

@media (max-width: 991px) {
  ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col.name {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col.task {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 2px;
  }
  ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col.service {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 4px;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row.no-task-name .col {
  padding-right: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group desktop-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

desktop-task-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

desktop-task-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

desktop-task-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-task-item .item .item-inner .label .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-task-item .item .item-inner .label .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-task-item .item .item-inner .label p .contractDate {
  display: block;
}

desktop-task-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: nowrap;
}

desktop-task-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

desktop-task-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  color: #737373;
}

desktop-task-item .item .item-inner .label p span,
desktop-task-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
}

desktop-task-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

desktop-task-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

desktop-task-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

desktop-task-item .lawyer-value {
  cursor: help;
}

desktop-task-item .lawyer-value.on-vacation,
desktop-task-item .lawyer-value.on-vacation strong {
  color: #d63535;
}

ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  desktop-task-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  desktop-task-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  desktop-task-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  desktop-task-item .item .item-inner .label p .contractDate {
    display: inline-block;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

desktop-task-item .item[track] {
  padding-left: 0;
}

desktop-task-item .item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
}

desktop-task-item .item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

desktop-task-item .item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

desktop-task-item .item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

desktop-task-item .item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

desktop-task-item .item[track='4'] .type,
desktop-task-item .item[track='4'] p {
  color: rgba(0, 0, 0, 0.87);
}

desktop-task-item p a {
  color: inherit;
}

desktop-task-item [state='fired'] {
  text-decoration: line-through;
}

.spinner-icon {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  color: #03151a;
  font-size: 14px;
  height: 14px;
  width: 14px;
  line-height: 15px;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 5px;
  cursor: help;
}

mat-icon.spinner-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

ion-item-group desktop-task-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group desktop-task-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

@keyframes taskFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-height: 200px;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

desktop-task-item.is-deleting {
  -webkit-animation: taskFadeOut 0.5s ease-in forwards !important;
  animation: taskFadeOut 0.5s ease-in forwards !important;
  pointer-events: none;
}

desktop-task-item ion-item .item-inner {
  -webkit-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

desktop-task-item.changed-task-fade ion-item .item-inner {
  background-color: #ffffc8;
}

desktop-typical-task-item {
  display: block;
  background: white;
  position: relative;
  z-index: 2;
}

ion-item-group.reorder-active {
  opacity: 1;
  z-index: 300;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group .reorder-list-active desktop-typical-task-item {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}

ion-item-group desktop-typical-task-item:hover {
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group desktop-typical-task-item.reorder-active {
  opacity: 1;
  z-index: 300;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group desktop-typical-task-item.isOnSearch .item.item .item-inner.item-inner .label {
  padding-right: 8px;
}

ion-item-group desktop-typical-task-item.isOnSearch .item .item-inner div.buttons {
  right: 2px;
}

ion-item-group desktop-typical-task-item .item ion-reorder {
  cursor: move;
  opacity: 0;
  margin-right: -5px;
}

ion-item-group desktop-typical-task-item .item:hover ion-reorder {
  opacity: 0.6;
}

ion-item-group desktop-typical-task-item .item.padded ion-reorder {
  opacity: 0;
}

ion-item-group desktop-typical-task-item .item.padded:hover ion-reorder {
  opacity: 0.6;
}

ion-item-group desktop-typical-task-item .item.item {
  position: relative;
  padding-left: 0;
}

ion-item-group desktop-typical-task-item .item.item:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group desktop-typical-task-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid transparent;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  padding-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label p.typical-task-name {
  font-size: 1.4rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label p.typical-task-name a {
  text-decoration: none;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label p.typical-task-name .contractDate {
  display: block;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col.col[col-auto] {
  padding-left: 10px;
  padding-right: 5px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .label > .grid > .row > .col.col[col-auto] .icon {
  margin-top: -2px;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
}

ion-item-group desktop-typical-task-item .item.item .item-inner.item-inner .grid .col[col-auto] + .col {
  padding-left: 0;
}

ion-item-group desktop-typical-task-item .item[archive='true']:before {
  border-left-color: #d6e9f9;
}

ion-item-group desktop-typical-task-item .item[active='0']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group desktop-typical-task-item .item[active='1']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group desktop-typical-task-item .item[debt='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group ion-item-divider + ion-list > .typical-root-task:first-child > desktop-typical-task-item .item.item:after {
  display: none;
}

.isDesktop ion-item-group desktop-typical-task-item .item.item.item-md {
  /*color: #666;*/
  min-height: 42px;
}

desktop-typical-task-item .item.padded {
  position: relative;
  padding: 0 0 0 16px;
  /*background: red;*/
}

desktop-typical-task-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 0px;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

desktop-typical-task-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-typical-task-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-typical-task-item .item:hover > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-typical-task-item .padded {
  position: relative;
  padding: 0 0 0 16px;
  margin-bottom: 0;
}

desktop-typical-task-item .padded .col {
  padding: 0;
}

desktop-typical-task-item .item-block {
  color: #666;
}

desktop-typical-task-item .item-block p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}

desktop-typical-task-item .item-block small {
  color: grey;
  display: inline-block;
}

desktop-typical-task-item .item-block ion-note {
  font-size: 12px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 14px;
  margin-bottom: 4px;
}

desktop-typical-task-item .typical-task-drag-handle {
  cursor: move;
  color: #757575;
  opacity: 0.55;
  margin: 0 !important;
  padding: 0 !important;
}

desktop-typical-task-item .typical-task-drag-handle:hover {
  opacity: 1;
}

desktop-typical-task-item .typical-task-drag-handle--item {
  margin: 0 !important;
}

ion-item-group desktop-upsale-kpi-item {
  display: block;
}

ion-item-group desktop-upsale-kpi-item .upsale-kpi-item {
  padding: 4px 0 0;
  border-bottom: 1px solid #eee;
}

ion-item-group desktop-upsale-kpi-item .upsale-kpi-item.padded {
  padding-left: 12px;
}

ion-item-group desktop-upsale-kpi-item .upsale-kpi-item.has-details-open {
  padding-bottom: 6px;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px 12px;
  padding: 4px 10px 6px;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #555;
}

ion-item-group desktop-upsale-kpi-item .type-badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 3px;
  background: #e8eef5;
  color: #2c4a6e;
  font-weight: 600;
  font-size: 1.15rem;
}

ion-item-group desktop-upsale-kpi-item .type-badge[data-type='agreement'] {
  background: #e8f5e9;
  color: #2e5a32;
}

ion-item-group desktop-upsale-kpi-item .type-badge[data-type='new_client'] {
  background: #e3f2fd;
  color: #1565c0;
}

ion-item-group desktop-upsale-kpi-item .type-badge[data-type='debt_payment'] {
  background: #fff3e0;
  color: #e65100;
}

ion-item-group desktop-upsale-kpi-item .type-badge[data-type='attempt'] {
  background: #f5f5f5;
  color: #757575;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .money {
  font-weight: 600;
  white-space: nowrap;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .money.payment {
  color: #37474f;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .money.payment:before {
  content: 'ДП:';
  margin-right: 4px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .money.check {
  color: #1b5e20;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .money.check:before {
  content: 'СЧ:';
  margin-right: 4px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

ion-item-group desktop-upsale-kpi-item .upsale-meta .weight,
ion-item-group desktop-upsale-kpi-item .upsale-meta .link-mode {
  color: #78909c;
  font-size: 1.1rem;
}

ion-item-group desktop-upsale-kpi-item desktop-client-item .item.item .item-inner.item-inner {
  border-top: 0;
  padding-right: 0;
}

ion-item-group desktop-upsale-kpi-item desktop-client-item .item.item .item-inner.item-inner .label {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 10px;
  white-space: normal;
}

ion-item-group desktop-upsale-kpi-item .money-parts {
  list-style: none;
  margin: 0;
  padding: 2px 10px 4px 28px;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #455a64;
}

ion-item-group desktop-upsale-kpi-item .money-parts li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 6px 10px;
  padding: 2px 0;
}

ion-item-group desktop-upsale-kpi-item .money-parts li.excluded-check .part-amount {
  text-decoration: line-through;
  opacity: 0.65;
}

ion-item-group desktop-upsale-kpi-item .money-parts li.excluded-payments {
  opacity: 0.75;
}

ion-item-group desktop-upsale-kpi-item .part-label {
  min-width: 120px;
  color: #607d8b;
}

ion-item-group desktop-upsale-kpi-item .part-amount {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

ion-item-group desktop-upsale-kpi-item .part-exclusions {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 4px 6px;
}

ion-item-group desktop-upsale-kpi-item .part-exclusions .exclusion-chip {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 2px;
  background: #fff3e0;
  color: #e65100;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
}

ion-item-group desktop-upsale-kpi-item .part-flags .flag {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 2px;
  margin-right: 2px;
}

ion-item-group desktop-upsale-kpi-item .part-flags .flag.ok {
  background: #c8e6c9;
  color: #1b5e20;
}

ion-item-group desktop-upsale-kpi-item .part-flags .flag.no {
  background: #ffcdd2;
  color: #b71c1c;
}

ion-item-group desktop-upsale-kpi-item .part-reason {
  color: #c62828;
  font-size: 1.1rem;
}

ion-item-group desktop-upsale-kpi-item .part-task {
  color: #90a4ae;
  font-size: 1.05rem;
}

ion-item-group desktop-upsale-kpi-item .no-client {
  padding: 4px 10px;
  color: #999;
}

response-suggestions {
  position: absolute;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes button-pulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.76923, 0.76923);
    transform: scale(0.76923, 0.76923);
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.76923, 0.76923);
    transform: scale(0.76923, 0.76923);
  }
}

@keyframes button-pulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.76923, 0.76923);
    transform: scale(0.76923, 0.76923);
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.76923, 0.76923);
    transform: scale(0.76923, 0.76923);
  }
}

response-suggestions .toggle-button {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 1;
}

response-suggestions .toggle-button.idle:before, response-suggestions .toggle-button.idle:after {
  position: absolute;
  left: -15%;
  right: -15%;
  top: -15%;
  bottom: -15%;
  z-index: -1;
  content: '';
  display: block;
  -webkit-animation-name: button-pulse;
  animation-name: button-pulse;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-direction: reverse;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  background-color: rgba(55, 71, 79, 0.33);
  border-radius: 50%;
  -webkit-box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.09), 0px 9px 46px 8px rgba(0, 0, 0, 0.07), 0px 11px 15px -7px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.09), 0px 9px 46px 8px rgba(0, 0, 0, 0.07), 0px 11px 15px -7px rgba(0, 0, 0, 0.09);
}

response-suggestions .toggle-button.idle:before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

response-suggestions .toggle-button.idle:after {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

response-suggestions .mat-card.widget-wrapper {
  position: absolute;
  bottom: 70px;
  right: 70px;
  z-index: 2;
  display: block;
  max-width: 570px;
  min-width: 65vmin;
  padding: 12px 16px;
  /* padding: 16px 12px; */
  /* border-radius: 3px; */
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background: #f9fafb;
  -webkit-box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(calc(100vw + 70px));
  transform: translateX(calc(100vw + 70px));
}

response-suggestions .mat-card.widget-wrapper.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

response-suggestions .mat-card.widget-wrapper .mat-card-header .close-button {
  position: absolute;
  right: 4px;
  top: 4px;
}

response-suggestions .mat-card.widget-wrapper .mat-card-title .mat-icon {
  /* height: 16px;
            width: 16px;
            font-size: 16px; */
  margin-left: -12px;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-action-row {
  padding-top: 8px;
  padding-bottom: 8px;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel {
  background: #fff;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding-left: 16px;
  padding-right: 16px;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  margin-bottom: 0;
  margin-top: 0;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .mat-accordion {
  /* margin-right: -16px;
                        margin-left: -8px; */
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  padding: 0;
}

response-suggestions .mat-card.widget-wrapper .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .mat-accordion .mat-expansion-panel {
  background: #f9fafb;
}

response-suggestions .mat-card.widget-wrapper .mat-card-footer {
  margin: 0 0 -24px 0;
}

response-suggestions .mat-card.widget-wrapper .mat-card-footer .mat-card-actions {
  margin-left: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

dialog-with-client {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

dialog-with-client.from-client-page .search-toolbar:not(.client-tab-search-toolbar--pinned) {
  top: calc( var(--client-alert-stack-total, 0px) + var(--dialog-search-sticky-offset-below-alerts, 24px));
  /* Slightly wider than dialog body; keep side inset so shadow is not clipped. */
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  max-width: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

dialog-with-client.from-client-page .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-toolbar-stack {
  padding: var(--dialog-search-stack-padding-top, 4px) 0 6px;
}

dialog-with-client.from-client-page .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar {
  padding: 0;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-alert-stack-total, 0px) + 24px);
  z-index: 100;
  width: 100%;
  padding-bottom: 0;
  overflow: visible !important;
  contain: none;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .toolbar-background {
  background: transparent;
  border: none;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .toolbar-content {
  display: block;
  overflow: visible !important;
  contain: none;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-toolbar-stack {
  width: 100%;
  padding: 4px 8px 6px;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-field-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 22px;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0;
  max-width: none;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar.searchbar-md .searchbar-input-container {
  border-radius: 8px;
  background: #fff;
  /* Soft elevation; horizontal bleed fits inside toolbar side padding. */
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.1), 0 12px 28px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.1), 0 12px 28px rgba(0, 0, 0, 0.06);
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar.searchbar-md .searchbar-input-container .searchbar-input {
  padding-right: 36px;
  background: #fff;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar.searchbar-md .searchbar-clear-icon {
  right: 8px;
  top: 50%;
  bottom: auto;
  width: 28px;
  height: 28px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar.searchbar-has-value .searchbar-input-container .searchbar-clear-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute !important;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) ion-searchbar.searchbar-has-value .searchbar-input-container .searchbar-clear-icon:before {
  display: none;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned).search-toolbar--has-nav ion-searchbar.searchbar-md .searchbar-input-container {
  border-radius: 8px 8px 8px 8px;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-navigation {
  position: absolute;
  right: 10px;
  top: 45px;
  z-index: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: 22px;
  padding: 0 6px;
  gap: 0;
  white-space: nowrap;
  background: #e8e8e8;
  border-radius: 0 0 7px 7px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-navigation .search-count {
  font-size: 11px;
  line-height: 1;
  color: #555;
  min-width: 38px;
  text-align: center;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-navigation button {
  min-width: 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-navigation button ion-icon {
  font-size: 14px;
}

dialog-with-client .search-toolbar:not(.client-tab-search-toolbar--pinned) .search-navigation button:disabled {
  opacity: 0.35;
}

dialog-with-client ion-toolbar.toolbar-md.search-toolbar:not(.client-tab-search-toolbar--pinned) {
  height: auto;
  min-height: 52px;
  overflow: visible !important;
  contain: none;
}

dialog-with-client ion-toolbar.toolbar-md.search-toolbar--has-nav:not(.client-tab-search-toolbar--pinned) {
  min-height: 74px;
}

dialog-with-client ion-item-group.listed {
  overflow: hidden;
}

dialog-with-client virtual-scroller {
  width: 100%;
  display: block;
  height: auto;
  overflow-y: visible;
}

dialog-with-client virtual-scroller.vertical {
  width: 100%;
}

dialog-with-client virtual-scroller > div {
  width: 100%;
}

dialog-with-client virtual-scroller .scrollable-content {
  max-height: none !important;
  height: auto !important;
}

dialog-with-client virtual-scroller .item-wrapper {
  visibility: hidden;
}

dialog-with-client virtual-scroller .item-self {
  visibility: visible;
}

dialog-with-client virtual-scroller .item-md.item-block .item-inner {
  border-bottom: none;
}

dialog-with-client virtual-scroller .item-ios.item-block .item-inner {
  border-bottom: none;
}

dialog-with-client virtual-scroller ion-item.item-block {
  overflow: visible;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  contain: none;
}

dialog-with-client virtual-scroller ion-item.item-block .item-inner,
dialog-with-client virtual-scroller ion-item.item-block .input-wrapper,
dialog-with-client virtual-scroller ion-item.item-block ion-label {
  overflow: visible;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

dialog-with-client virtual-scroller ion-item.item-block ion-label {
  white-space: normal;
}

dialog-with-client.from-case-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

dialog-with-client.from-case-page > ion-item-group.listed:first-of-type {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

dialog-with-client.from-case-page > ion-item-group.listed:last-of-type {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: visible;
}

dialog-with-client.from-case-page.empty-client-dialog virtual-scroller {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 100%;
  overflow-y: visible;
}

.isDesktop dialog-with-client content-messages {
  position: relative;
  top: -52px;
  display: block;
}

dialog-with-client .item-md {
  background: transparent;
}

.isDesktop dialog-with-client .item-md {
  padding-left: 0;
}

dialog-with-client .saved-to-memory {
  color: lightgray;
}

dialog-with-client .meta {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 0.85em;
  color: #888;
  margin-top: 5px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

dialog-with-client .meta p {
  font-size: 1em !important;
  line-height: 1.2;
}

dialog-with-client .bubble-form {
  padding: 17px 10px 8px 16px;
}

dialog-with-client .bubble-header {
  position: absolute;
  right: -34px;
  top: -36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
}

dialog-with-client .bubble-header .category-toggle-btn {
  min-width: 28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #999;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

dialog-with-client .bubble-header .category-toggle-btn.category-set {
  color: #009688;
}

dialog-with-client .bubble-header .category-toggle-btn.category-2 {
  color: #e69500;
}

dialog-with-client .bubble-header .category-toggle-btn.category-3 {
  color: #4a90d9;
}

dialog-with-client .bubble-header .category-toggle-btn.loading {
  opacity: 0.6;
}

dialog-with-client .bubble-header .category-toggle-btn mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

dialog-with-client .bubble-header .category-toggle-btn ion-spinner {
  width: 18px;
  height: 18px;
}

dialog-with-client .category-menu mat-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

dialog-with-client .category-menu mat-menu-item mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

dialog-with-client .category-menu mat-menu-item span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

dialog-with-client .category-menu mat-divider {
  margin: 4px 0;
}

dialog-with-client .category-label {
  margin-left: 5px;
}

dialog-with-client .category-label.organizational {
  color: #e69500;
}

dialog-with-client .category-label.legal {
  color: #4a90d9;
}

dialog-with-client .highlight-text {
  background-color: #ffeb3b;
  padding: 2px 4px;
  border-radius: 2px;
}

dialog-with-client .delay-buttons,
dialog-with-client .delayed-message,
dialog-with-client .chat-item-wrapper,
dialog-with-client .lawyer,
dialog-with-client .client {
  width: 95%;
  position: relative;
  max-width: 980px;
  min-width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  dialog-with-client .chat-item-wrapper {
    width: 90%;
  }
  dialog-with-client .chat-item-wrapper:has(form) {
    width: 100%;
  }
  dialog-with-client .chat-item .lawyer {
    padding-left: 15px !important;
  }
}

dialog-with-client .client,
dialog-with-client .lawyer {
  padding-top: 5px;
}

dialog-with-client .client .meta,
dialog-with-client .lawyer .meta {
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
  width: 100%;
}

dialog-with-client .lawyer .meta {
  right: auto;
  left: auto;
  padding-left: 5px;
}

.isDesktop dialog-with-client .lawyer .meta {
  padding-left: 0;
  right: 0;
  left: 5px;
}

dialog-with-client .client {
  text-decoration: none;
  margin-left: calc(31px + 48px + 5px);
}

dialog-with-client .client .meta {
  font-size: 1em;
}

.isDesktop dialog-with-client .client {
  margin-left: 64px;
}

dialog-with-client .chat-item-wrapper {
  padding-left: 5px !important;
}

dialog-with-client .avatar {
  margin-left: 20px;
  margin-right: 6px;
  min-width: 48px;
}

dialog-with-client .avatar[href] {
  cursor: pointer;
}

.isDesktop dialog-with-client .avatar {
  margin-left: 0;
}

@media screen and (max-width: 991px) {
  dialog-with-client .avatar {
    display: none;
  }
}

dialog-with-client .chat-item.delay-notice {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

dialog-with-client .chat-item.delay-notice .avatar {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin-left: 0;
  margin-right: 6px;
}

dialog-with-client .chat-item.delay-notice .bubble {
  background: #e9e9e9;
}

dialog-with-client .chat-item.delay-notice .bubble::before {
  left: -9px;
  top: 0;
  bottom: auto;
  border-width: 0 10px 10px 0;
  border-color: transparent #e9e9e9 transparent transparent;
}

dialog-with-client .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

dialog-with-client .chat-item p {
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

dialog-with-client .chat-item .lawyer {
  padding-left: 15px;
}

.platform-mobile dialog-with-client .chat-item .lawyer {
  padding-left: 5px;
}

@media screen and (min-width: 992px) {
  .isDesktop dialog-with-client .chat-item .lawyer {
    padding-left: 60px;
  }
}

dialog-with-client .chat-item .bubble {
  padding: 12px 16px 16px 16px;
  color: #222;
  background: #e9e9e9;
  position: relative;
  width: 100%;
  margin: 0 5px;
  margin-top: 20px;
}

dialog-with-client .chat-item .bubble .avatar,
dialog-with-client .chat-item .bubble img {
  max-width: 100%;
  height: auto;
}

dialog-with-client .chat-item .bubble p {
  width: calc(100% - 20px) !important;
  color: #232323;
}

dialog-with-client .chat-item .bubble .button {
  margin-bottom: 0;
  float: right;
}

dialog-with-client .chat-item .bubble .message-box.grid {
  height: 100%;
}

dialog-with-client .chat-item .bubble .message-box.grid .col:first-child {
  overflow: hidden;
}

dialog-with-client .chat-item.tombstone p {
  width: 100%;
  height: 0.5em;
  background-color: #ccc;
  margin: 0.5em 0;
}

dialog-with-client .chat-item.from-me {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

dialog-with-client .chat-item.from-me .chat-item-wrapper {
  padding-right: 5px !important;
  padding-left: 0 !important;
}

.isDesktop dialog-with-client .chat-item.from-me .chat-item-wrapper {
  padding-bottom: 24px;
}

.isDesktop dialog-with-client .chat-item.from-me .chat-item-wrapper .meta {
  left: 0;
}

.isDesktop dialog-with-client .chat-item.from-me .chat-item-wrapper .meta.from-client-page {
  left: 5px;
}

dialog-with-client .chat-item.from-me .chat-item-wrapper .avatar img {
  position: absolute;
  bottom: -8px;
}

dialog-with-client .chat-item.from-me .chat-item-wrapper,
dialog-with-client .chat-item.from-me .lawyer {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

dialog-with-client .chat-item.from-me .chat-item-wrapper .meta,
dialog-with-client .chat-item.from-me .lawyer .meta {
  right: 0;
  left: 5px;
}

.isDesktop dialog-with-client .chat-item.from-me .lawyer {
  padding-left: 0;
  margin-top: -26px;
}

dialog-with-client .chat-item.from-me .avatar {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 6px;
  margin-right: 20px;
  border-radius: 500px;
}

dialog-with-client .chat-item.from-me .bubble {
  background: rgba(59, 89, 152, 0.08);
}

dialog-with-client .chat-item.from-me .bubble::before {
  left: 100%;
  border-width: 0 10px 10px 0;
  border-color: transparent transparent rgba(59, 89, 152, 0.08) transparent;
  top: auto;
  bottom: 0;
}

dialog-with-client .chat-item.from-me .bubble p a {
  color: inherit;
}

.isDesktop dialog-with-client .chat-item.from-me {
  margin-right: -8px;
}

.isDesktop dialog-with-client .chat-item.from-me.form .chat-item-wrapper .meta {
  left: 5px;
}

.isDesktop dialog-with-client .chat-item.from-me .avatar {
  margin-left: 6px;
  margin-right: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

dialog-with-client .bubble::before {
  content: '';
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #e9e9e9 transparent transparent;
  position: absolute;
  top: 0;
  left: -9px;
}

dialog-with-client .bubble .grid {
  padding: 0;
}

dialog-with-client .bubble .grid .col {
  padding: 0;
}

dialog-with-client .bubble .input-left {
  width: calc(100% - 60px);
}

dialog-with-client .bubble .btn-right {
  width: 80px;
}

dialog-with-client .bubble .block-ui-spinner {
  top: 50%;
}

dialog-with-client .bubble .message-box {
  position: relative;
  padding-bottom: 1px;
}

dialog-with-client .bubble .message-box .input-left {
  padding-right: 40px;
}

dialog-with-client .bubble .message-box textarea {
  text-align: left;
  resize: none;
  max-height: 200px;
  margin-bottom: 10px;
  min-height: 70px;
  color: #222;
  outline: none;
  overflow: auto;
  resize: none !important;
  /*min-height: 100%;*/
  padding-right: 0 !important;
  margin-right: 0 !important;
  background: transparent;
  width: calc(100% - 40px);
}

dialog-with-client .bubble .message-box textarea::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.7);
}

dialog-with-client .bubble .message-box textarea:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(34, 34, 34, 0.7);
}

dialog-with-client .bubble .message-box textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(34, 34, 34, 0.7);
}

dialog-with-client .bubble .message-box textarea:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.7);
}

dialog-with-client .bubble .message-box .btn-right {
  position: absolute;
  right: 0;
  width: 30px;
  height: 40px;
  padding: 0;
  float: none;
}

dialog-with-client .bubble .message-box .btn-right.btn-right-center {
  top: 23px;
  opacity: 0.8;
}

dialog-with-client .bubble .message-box .btn-right.btn-right-center.mat-fab {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
}

dialog-with-client .bubble .message-box .btn-right.btn-right-bottom {
  bottom: 0;
}

dialog-with-client .form .meta {
  padding-right: 15px;
  width: 100%;
}

dialog-with-client .form .meta .posted-date {
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

dialog-with-client .form .meta .posted-date .warning {
  padding-left: 5px;
  color: #d63535;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  padding-top: 0;
  background-color: unset;
}

dialog-with-client .form .meta .posted-date .saved-to-memory {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 56px;
}

dialog-with-client .last-edit {
  text-align: right;
  position: static;
  font-size: 0.85em;
  line-height: 1.2;
  color: #00796b;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin: 25px 0.2rem 5px;
  padding: 0 0.9em;
}

dialog-with-client .tooltip {
  position: absolute;
  z-index: 999;
  width: 2.2em;
  height: 2.2em;
  cursor: pointer;
  margin-left: auto;
  max-width: 1030px;
  position: relative;
  width: 100%;
  margin-top: 47px;
  margin-bottom: 32px;
}

dialog-with-client .tooltip .tooltip-content {
  left: 40px;
  position: absolute;
  background: #74933c;
  z-index: 10;
  width: 320px;
  max-width: 70vw;
  bottom: 50%;
  margin-bottom: 0em;
  padding: 20px 10px;
  border-radius: 20px;
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  pointer-events: auto;
  -webkit-transform-origin: calc(100% + 2em) 50%;
  transform-origin: calc(100% + 2em) 50%;
  -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
  transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
}

dialog-with-client .tooltip .tooltip-content::before, dialog-with-client .tooltip .tooltip-content::after {
  content: '';
  position: absolute;
}

dialog-with-client .tooltip .tooltip-content::before {
  height: 100%;
  width: 3em;
}

dialog-with-client .tooltip .tooltip-content::after {
  width: 2em;
  height: 2em;
  margin: -1em 0 0;
  background: url("/assets/img/tooltip-mobile.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 100%;
  left: 30%;
}

.isDesktop dialog-with-client .tooltip .tooltip-content {
  background: #37474f;
}

.isDesktop dialog-with-client .tooltip .tooltip-content::after {
  background-image: url("/assets/img/tooltip-desktop.svg");
}

dialog-with-client .tooltip.ready .tooltip-content {
  opacity: 1;
  -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0deg);
  transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0deg);
}

dialog-with-client .listed {
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in-out 0.1s;
  transition: opacity 0.1s ease-in-out 0.1s;
}

dialog-with-client.ready .listed {
  opacity: 1;
}

dialog-with-client .delayed-message {
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  left: 65px;
  width: calc(95% - 70px);
  max-width: calc(980px - 70px);
  padding-bottom: 0;
  padding-top: 8px;
  color: #737373;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 980px) {
  dialog-with-client .delayed-message {
    left: 0;
    width: calc(95% - 5px);
    max-width: calc(980px - 5px);
  }
}

dialog-with-client .delayed-message h4 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}

dialog-with-client .delayed-message h4.delay-amount {
  cursor: help;
}

dialog-with-client .delay-buttons {
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 65px;
  width: calc(95% - 70px);
  max-width: calc(980px - 70px);
  padding-bottom: 24px;
  padding-top: 24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #737373;
}

dialog-with-client .delay-buttons h4 {
  margin-bottom: 6px;
  font-size: 1.2rem;
  line-height: 1.2;
}

dialog-with-client .delay-buttons .mat-raised-button {
  margin-left: 6px;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 1.2rem;
}

dialog-with-client .delay-buttons .mat-raised-button:first-of-type {
  margin-left: 12px;
}

@media screen and (max-width: 980px) {
  dialog-with-client .delay-buttons {
    left: 0;
    width: calc(95% - 5px);
    max-width: calc(980px - 5px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  dialog-with-client .delay-buttons h4 {
    display: block;
    width: 100%;
    text-align: center;
  }
}

dialog-with-client .search-match {
  background: #ffeb3b;
  border-radius: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

dialog-with-client .search-match-active {
  -webkit-box-shadow: inset 0 0 0 1px #e53935;
  box-shadow: inset 0 0 0 1px #e53935;
}

dialog-with-client ion-item[data-id] .chat-item {
  scroll-margin-top: var(--dialog-search-offset, 96px);
}

questions-page ion-content.case .scroll-content {
  min-height: 0;
}

questions-page ion-content.case .scroll-content > dialog-with-client.from-case-page {
  height: auto;
  min-height: 0;
}

questions-page ion-content.case .scroll-content > dialog-with-client.from-case-page.empty-client-dialog {
  min-height: 100%;
}

@-webkit-keyframes slide-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    max-height: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 100px;
  }
}

@keyframes slide-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    max-height: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 100px;
  }
}

:root {
  --vacation-event-color: #1e88e5;
  --vacation-event-past-color: #90caf9;
  --vacation-event-future-color: #78909c;
}

employee-vacation-calendar {
  display: block;
}

employee-vacation-calendar .vacation-calendar-error {
  color: #c62828;
  padding: 0 0 8px;
}

employee-vacation-calendar .vacation-calendar-error button {
  margin-left: 8px;
}

employee-vacation-calendar .vacation-calendar-employees-loading {
  color: #666;
  padding: 0 0 8px;
  font-size: 13px;
}

employee-vacation-calendar .vacation-calendar-month-body,
employee-vacation-calendar .calendar-month-body {
  position: relative;
  min-height: 120px;
}

employee-vacation-calendar .vacation-calendar-month-loader {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: rgba(249, 250, 251, 0.72);
}

employee-vacation-calendar .vacation-daypilot-host-loading {
  opacity: 0.35;
  pointer-events: none;
}

employee-vacation-calendar .vacation-calendar-readonly-hint {
  color: #666;
  padding: 0 0 8px;
  font-size: 13px;
}

employee-vacation-calendar .vacation-add-btn ion-icon {
  margin-right: 8px;
}

employee-vacation-calendar .spendings-calendar {
  padding: 0 0 10px;
}

employee-vacation-calendar .calendar-content {
  padding: 0;
  overflow: visible;
}

employee-vacation-calendar .vacation-daypilot-wrapper {
  min-height: 420px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

employee-vacation-calendar .vacation-daypilot-wrapper daypilot-month.vacation-daypilot-host {
  display: block;
  width: 100%;
  outline: none;
  position: relative;
}

employee-vacation-calendar .vacation-daypilot-wrapper daypilot-month .daypilot-month-host,
employee-vacation-calendar .vacation-daypilot-wrapper .month_default_main {
  display: block;
  width: 100%;
}

employee-vacation-calendar .vacation-daypilot-wrapper[data-month-rows='4'] .month_default_main > div:first-child > div > :nth-child(n + 2):nth-child(-n + 5) .month_default_cell_inner {
  border-left: 1px solid #ddd !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper[data-month-rows='5'] .month_default_main > div:first-child > div > :nth-child(n + 2):nth-child(-n + 6) .month_default_cell_inner {
  border-left: 1px solid #ddd !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper[data-month-rows='6'] .month_default_main > div:first-child > div > :nth-child(n + 2):nth-child(-n + 7) .month_default_cell_inner {
  border-left: 1px solid #ddd !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_main {
  border-right: none !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item {
  --vac-base: var(--vacation-event-color);
  --vac-dark: #1970bc;
  --vac-light: #54a5eb;
  --vac-stripe-width: 4px;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-past {
  --vac-base: var(--vacation-event-past-color);
  --vac-dark: #64b5f6;
  --vac-light: #bbdefb;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-future {
  --vac-base: var(--vacation-event-future-color);
  --vac-dark: #546e7a;
  --vac-light: #b0bec5;
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_event {
  cursor: pointer !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item .month_default_event_inner {
  color: #fff !important;
  -webkit-filter: none !important;
  filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item .month_default_event_inner {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  padding-left: 6px !important;
  padding-right: 4px !important;
  background: var(--vac-base) !important;
  position: relative !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_event.vacation-calendar-event-item:not(.month_default_event_continueleft) .month_default_event_inner {
  padding-left: calc(6px + var(--vac-stripe-width)) !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_event.vacation-calendar-event-item:not(.month_default_event_continueright) .month_default_event_inner {
  padding-right: calc(4px + var(--vac-stripe-width)) !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-daypilot-host .vacation-calendar-event-item .month_default_event_inner::before,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-daypilot-host .vacation-calendar-event-item .month_default_event_inner::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--vac-stripe-width);
  pointer-events: none;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-daypilot-host .vacation-calendar-event-item .month_default_event_inner::before {
  left: 0;
  background: var(--vac-dark);
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-daypilot-host .vacation-calendar-event-item .month_default_event_inner::after {
  right: 0;
  background: var(--vac-light);
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_event.vacation-calendar-event-item.month_default_event_continueleft .month_default_event_inner::before {
  display: none;
}

employee-vacation-calendar .vacation-daypilot-wrapper .month_default_event.vacation-calendar-event-item.month_default_event_continueright .month_default_event_inner::after {
  display: none;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item .month_default_event_inner a {
  color: #fff !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-past,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-past .month_default_event_inner,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-past .month_default_event_inner a {
  color: #1565c0 !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-future,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-future .month_default_event_inner,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item.vacation-calendar-event-future .month_default_event_inner a {
  color: #eceff1 !important;
}

employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item .month_default_event_bar,
employee-vacation-calendar .vacation-daypilot-wrapper .vacation-calendar-event-item .month_default_event_bar_inner {
  display: none;
}

employee-vacation-editor-modal {
  display: block;
}

employee-vacation-editor-modal .vacation-editor-content {
  min-width: 560px;
  padding: 0;
}

employee-vacation-editor-modal .vacation-editor-error {
  color: #c62828;
  margin: 16px 24px 0;
}

employee-vacation-editor-modal .vacation-editor-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
}

employee-vacation-editor-modal .vacation-editor-actions-spacer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

:root {
  --vacation-event-color: #1e88e5;
  --vacation-event-past-color: #90caf9;
  --vacation-event-future-color: #78909c;
}

@-webkit-keyframes form-hint-color-blink {
  from {
    color: rgba(0, 0, 0, 0.3);
  }
  50% {
    color: #222;
  }
  to {
    color: rgba(0, 0, 0, 0.3);
  }
}

@keyframes form-hint-color-blink {
  from {
    color: rgba(0, 0, 0, 0.3);
  }
  50% {
    color: #222;
  }
  to {
    color: rgba(0, 0, 0, 0.3);
  }
}

@-webkit-keyframes form-hint-warning-color-blink {
  from {
    color: #222;
  }
  50% {
    color: #f44336;
  }
  to {
    color: #222;
  }
}

@keyframes form-hint-warning-color-blink {
  from {
    color: #222;
  }
  50% {
    color: #f44336;
  }
  to {
    color: #222;
  }
}

cab-form-container,
[cab-form-container] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

cab-form-container div.row,
[cab-form-container] div.row {
  width: 100%;
}

cab-form-container .mat-form-field-infix,
[cab-form-container] .mat-form-field-infix {
  padding-top: 6.125px;
}

cab-form-container .mat-select-trigger,
[cab-form-container] .mat-select-trigger {
  height: 16px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: calc(100% + 10px);
  min-width: 100%;
}

cab-form-container .mat-select-trigger .mat-select-arrow-wrapper,
[cab-form-container] .mat-select-trigger .mat-select-arrow-wrapper {
  padding-top: 6px;
}

cab-form-container .mat-form-field-prefix,
[cab-form-container] .mat-form-field-prefix {
  margin-right: 10px;
}

cab-form-container .mat-form-field-suffix,
[cab-form-container] .mat-form-field-suffix {
  margin-left: 10px;
}

cab-form-container .mat-select-value,
[cab-form-container] .mat-select-value {
  line-height: 14px;
  height: 16px;
  max-width: unset;
}

cab-form-container .mat-select-placeholder,
cab-form-container .mat-select-value-text,
[cab-form-container] .mat-select-placeholder,
[cab-form-container] .mat-select-value-text {
  line-height: 14px;
  height: 15px;
  display: inline-block;
}

cab-form-container .mat-select-placeholder span,
cab-form-container .mat-select-value-text span,
[cab-form-container] .mat-select-placeholder span,
[cab-form-container] .mat-select-value-text span {
  line-height: 14px;
  height: 15px;
  display: inline-block;
}

cab-form-container .mat-select-value-text,
[cab-form-container] .mat-select-value-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

cab-form-container .mat-select-value-text span,
[cab-form-container] .mat-select-value-text span {
  display: inline;
}

cab-form-container .mat-hint.blink,
[cab-form-container] .mat-hint.blink {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: form-hint-color-blink;
  animation-name: form-hint-color-blink;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}

cab-form-container .mat-hint.warning-blink,
[cab-form-container] .mat-hint.warning-blink {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: form-hint-warning-color-blink;
  animation-name: form-hint-warning-color-blink;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}

cab-form-container .item.light-background,
[cab-form-container] .item.light-background {
  z-index: 0;
}

cab-form-container .item.light-background:after,
[cab-form-container] .item.light-background:after {
  position: absolute;
  top: 0;
  bottom: -2px;
  right: -5px;
  left: 0;
  z-index: -1;
  content: '';
  background: rgba(229, 57, 53, 0.05);
}

cab-form-container mat-expansion-panel.mat-expansion-panel,
[cab-form-container] mat-expansion-panel.mat-expansion-panel {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

cab-form-container mat-expansion-panel.mat-expansion-panel cab-form-combined-list-section,
[cab-form-container] mat-expansion-panel.mat-expansion-panel cab-form-combined-list-section {
  margin: 0;
}

cab-form-container mat-expansion-panel.mat-expansion-panel cab-form-combined-list-section:after,
[cab-form-container] mat-expansion-panel.mat-expansion-panel cab-form-combined-list-section:after {
  display: none;
}

cab-form-container mat-form-field.light-background .mat-input-wrapper:before,
[cab-form-container] mat-form-field.light-background .mat-input-wrapper:before {
  position: absolute;
  top: -10px;
  bottom: -9px;
  right: -24px;
  left: -24px;
  z-index: -1;
  content: '';
  background: rgba(229, 57, 53, 0.05);
}

cab-form-container .item-input.item-input-has-focus:last-child,
cab-form-container .item-input.input-has-focus:last-child,
cab-form-container .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child,
[cab-form-container] .item-input.item-input-has-focus:last-child,
[cab-form-container] .item-input.input-has-focus:last-child,
[cab-form-container] .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 0;
}

cab-form-container small.gray,
[cab-form-container] small.gray {
  color: gray;
}

cab-form-container p.description,
[cab-form-container] p.description {
  display: block;
  width: 100%;
  font-size: 10.5px;
  margin-bottom: 0.55em;
  margin-top: 0.35em;
  color: #929292;
}

cab-form-container p.description:last-child,
[cab-form-container] p.description:last-child {
  margin-bottom: 0;
}

cab-form-container p.description strong,
[cab-form-container] p.description strong {
  font-weight: 500;
}

cab-form-container p.description small,
[cab-form-container] p.description small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10.5px;
  font-weight: 300;
  vertical-align: baseline;
  color: #585858;
}

cab-form-container .grid[no-t-padding] > .row > .col,
[cab-form-container] .grid[no-t-padding] > .row > .col {
  padding-top: 0;
  padding-bottom: 0;
}

cab-form-container .grid[no-h-padding],
[cab-form-container] .grid[no-h-padding] {
  padding: 0;
}

cab-form-container .grid[no-h-padding] > .row > .col:first-child,
[cab-form-container] .grid[no-h-padding] > .row > .col:first-child {
  padding-left: 0;
}

cab-form-container .grid[no-h-padding] > .row > .col:last-child,
[cab-form-container] .grid[no-h-padding] > .row > .col:last-child {
  padding-right: 0;
}

cab-form-container .grid[no-h-padding] > .row > .col:last-child .item-block.item .item-inner,
[cab-form-container] .grid[no-h-padding] > .row > .col:last-child .item-block.item .item-inner {
  padding-right: 0;
}

cab-form-container .grid[no-h-padding] > .row > .col .item-block.item:last-child,
[cab-form-container] .grid[no-h-padding] > .row > .col .item-block.item:last-child {
  border-bottom: 0;
}

cab-form-container .grid[no-h-padding] > .row > .col .item-block.item .item-inner,
[cab-form-container] .grid[no-h-padding] > .row > .col .item-block.item .item-inner {
  padding-left: 0;
}

cab-form-container .mat-form-field-label-wrapper mat-label .mat-icon,
[cab-form-container] .mat-form-field-label-wrapper mat-label .mat-icon {
  vertical-align: top;
  line-height: inherit;
  pointer-events: auto;
}

cab-form-container .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
cab-form-container .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
[cab-form-container] .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
[cab-form-container] .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

cab-form-container .item-block.item.ng-valid .grid > .row > .col .item-block.item .item-inner,
[cab-form-container] .item-block.item.ng-valid .grid > .row > .col .item-block.item .item-inner {
  border-bottom: 0;
}

cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item.ng-valid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item.ng-valid .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-valid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-valid .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-valid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-valid .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-valid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-valid .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item.ng-valid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item.ng-valid .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-valid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-valid .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-valid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-valid .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-valid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-valid .label {
  color: #757575;
}

cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-md.ng-valid .item-inner,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-md.ng-valid .item-inner,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-md.ng-valid .item-inner,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-md.ng-valid .item-inner {
  border-bottom-color: #dedede;
}

cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-ios.ng-valid .item-inner,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-ios.ng-valid .item-inner,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-ios.ng-valid .item-inner,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-ios.ng-valid .item-inner {
  border-bottom-color: #c8c7cc;
}

cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item.ng-invalid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item.ng-invalid .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-invalid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-invalid .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-invalid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-invalid .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-invalid.ng-touched .label,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-invalid .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item.ng-invalid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item.ng-invalid .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-invalid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-datetime.ng-invalid .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-invalid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item.ng-invalid .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-invalid.ng-touched .label,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-datetime.ng-invalid .label {
  color: #d63535;
}

cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-ios.ng-invalid .item-inner,
cab-form-container .item-block.item.ng-invalid .grid > .row > .col .item-md.ng-invalid .item-inner,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-ios.ng-invalid .item-inner,
cab-form-container .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-md.ng-invalid .item-inner,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-ios.ng-invalid .item-inner,
[cab-form-container] .item-block.item.ng-invalid .grid > .row > .col .item-md.ng-invalid .item-inner,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-ios.ng-invalid .item-inner,
[cab-form-container] .item-block.item.ng-invalid.ng-touched .grid > .row > .col .item-md.ng-invalid .item-inner {
  border-bottom-color: #d63535;
}

cab-form-container .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element,
cab-form-container .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element,
[cab-form-container] .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element,
[cab-form-container] .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  min-width: unset;
  width: auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: unset;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  margin-top: 0;
  max-width: unset;
  border-bottom: 1px solid currentColor;
}

cab-form-container .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.ng-invalid.ng-touched,
cab-form-container .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.ng-invalid.ng-touched,
[cab-form-container] .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.ng-invalid.ng-touched,
[cab-form-container] .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.ng-invalid.ng-touched {
  color: #f44336;
}

cab-form-container .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.xs-width,
cab-form-container .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.xs-width,
[cab-form-container] .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.xs-width,
[cab-form-container] .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.xs-width {
  width: 1.2em;
}

cab-form-container .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.sm-width,
cab-form-container .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.sm-width,
[cab-form-container] .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element.sm-width,
[cab-form-container] .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element.sm-width {
  width: 1.8em;
}

cab-form-container .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element:disabled,
cab-form-container .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element:disabled,
[cab-form-container] .mat-radio-group .mat-radio-button .mat-radio-label-content .mat-input-element:disabled,
[cab-form-container] .mat-checkbox.has-inline-input .mat-checkbox-layout .mat-checkbox-label .mat-input-element:disabled {
  pointer-events: none;
}

cab-form-container .mat-radio-group.list-row .mat-radio-button,
[cab-form-container] .mat-radio-group.list-row .mat-radio-button {
  display: block;
  margin-top: 10px;
}

cab-form-container .mat-radio-group.ng-invalid .mat-radio-button,
[cab-form-container] .mat-radio-group.ng-invalid .mat-radio-button {
  color: #f44336;
}

cab-form-container .mat-radio-group.ng-invalid .mat-radio-button .mat-radio-outer-circle,
[cab-form-container] .mat-radio-group.ng-invalid .mat-radio-button .mat-radio-outer-circle {
  border-color: rgba(244, 67, 54, 0.9);
}

cab-form-container mobile-form-question-message,
[cab-form-container] mobile-form-question-message {
  display: block;
  width: 100%;
}

cab-form-container mobile-form-question-message > .item-block.item[icon-left] .label,
[cab-form-container] mobile-form-question-message > .item-block.item[icon-left] .label {
  line-height: 12px;
  color: #222;
}

cab-form-container mobile-form-question-message > .item-block.item[icon-left] .label > small,
[cab-form-container] mobile-form-question-message > .item-block.item[icon-left] .label > small {
  display: inline;
}

cab-form-container mobile-form-question-message > .item-block.item[icon-left] .label > .icon,
[cab-form-container] mobile-form-question-message > .item-block.item[icon-left] .label > .icon {
  font-size: 1.3em;
  vertical-align: middle;
  line-height: 15px;
  padding-right: 0.2em;
  display: inline;
}

cab-form-container mobile-form-error-message,
[cab-form-container] mobile-form-error-message {
  display: block;
  width: 100%;
}

cab-form-container mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label,
[cab-form-container] mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label {
  line-height: 12px;
  color: #d63535;
}

cab-form-container mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label > small,
[cab-form-container] mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label > small {
  display: inline;
}

cab-form-container mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label > .icon,
[cab-form-container] mobile-form-error-message > .error.item-block.item-block.item[icon-left] .label > .icon {
  font-size: 1.3em;
  vertical-align: middle;
  line-height: 15px;
  padding-right: 0.2em;
  display: inline;
}

cab-form-container mobile-form-hint-message,
[cab-form-container] mobile-form-hint-message {
  display: block;
  width: 100%;
}

cab-form-container mobile-form-hint-message > .item-block.item[icon-left] .label,
[cab-form-container] mobile-form-hint-message > .item-block.item[icon-left] .label {
  line-height: 12px;
  color: #757575;
}

cab-form-container mat-form-field.self-vacation .mat-form-field-label,
cab-form-container mat-form-field.self-vacation .mat-hint,
[cab-form-container] mat-form-field.self-vacation .mat-form-field-label,
[cab-form-container] mat-form-field.self-vacation .mat-hint {
  color: #f57c00;
}

cab-form-container mat-form-field.self-vacation .mat-form-field-underline,
cab-form-container mat-form-field.self-vacation .mat-form-field-ripple,
[cab-form-container] mat-form-field.self-vacation .mat-form-field-underline,
[cab-form-container] mat-form-field.self-vacation .mat-form-field-ripple {
  background-color: #f57c00;
}

cab-form-container ion-item.self-vacation .item-inner,
[cab-form-container] ion-item.self-vacation .item-inner {
  border-bottom-color: #ff9800;
}

cab-form-container ion-item.self-vacation .label,
cab-form-container ion-item.self-vacation ion-label,
[cab-form-container] ion-item.self-vacation .label,
[cab-form-container] ion-item.self-vacation ion-label {
  color: #f57c00;
}

cab-form-container mobile-form-hint-message.self-vacation > .item-block.item .label,
cab-form-container mobile-form-hint-message.self-vacation > .item-block.item[icon-left] .label,
[cab-form-container] mobile-form-hint-message.self-vacation > .item-block.item .label,
[cab-form-container] mobile-form-hint-message.self-vacation > .item-block.item[icon-left] .label {
  color: #f57c00;
}

cab-form-container mobile-form-hint-message > .item-block.item[icon-left] .label > small,
[cab-form-container] mobile-form-hint-message > .item-block.item[icon-left] .label > small {
  display: inline;
}

cab-form-container mobile-form-hint-message > .item-block.item[icon-left] .label > .icon,
[cab-form-container] mobile-form-hint-message > .item-block.item[icon-left] .label > .icon {
  font-size: 1.3em;
  vertical-align: middle;
  line-height: 15px;
  padding-right: 0.2em;
  display: inline;
}

cab-form-container .item-block.item,
[cab-form-container] .item-block.item {
  padding-left: 0;
}

cab-form-container .item-block.item.item-md.ng-invalid .item-inner,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner {
  border-bottom-color: #d63535;
}

cab-form-container .item-block.item.item-md .item-inner,
[cab-form-container] .item-block.item.item-md .item-inner {
  border-bottom-color: #dedede;
}

cab-form-container .item-block.item.item-md.item-input.ng-invalid .item-inner,
[cab-form-container] .item-block.item.item-md.item-input.ng-invalid .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #d63535;
}

cab-form-container .item-block.item.item-md.item-input.ng-valid.item-input.item-input-has-value .item-inner,
[cab-form-container] .item-block.item.item-md.item-input.ng-valid.item-input.item-input-has-value .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #dedede;
}

cab-form-container .item-block.item.item-md.ng-invalid .item-inner .select-md .select-icon .select-icon-inner,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .select-md .select-icon .select-icon-inner {
  color: #d63535;
}

cab-form-container .item-block.item.item-md.ng-invalid .item-inner .datetime-md:after,
cab-form-container .item-block.item.item-md.ng-invalid .item-inner .select-md:after,
cab-form-container .item-block.item.item-md.ng-invalid .item-inner .input-md:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .datetime-md:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .select-md:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .input-md:after {
  border-bottom: 1px solid #d63535;
}

cab-form-container .item-block.item.item-md.ng-invalid .item-inner .datetime-ios:after,
cab-form-container .item-block.item.item-md.ng-invalid .item-inner .select-ios:after,
cab-form-container .item-block.item.item-md.ng-invalid .item-inner .input-ios:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .datetime-ios:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .select-ios:after,
[cab-form-container] .item-block.item.item-md.ng-invalid .item-inner .input-ios:after {
  border-bottom: 1px solid #d63535;
}

cab-form-container .item-block.item.item-ios .item-inner,
[cab-form-container] .item-block.item.item-ios .item-inner {
  border-bottom-color: #c8c7cc;
}

cab-form-container .item-block.item.item-ios.ng-invalid .item-inner,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner {
  border-bottom-color: #d63535;
}

cab-form-container .item-block.item.item-ios.item-input.ng-invalid .item-inner,
[cab-form-container] .item-block.item.item-ios.item-input.ng-invalid .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #d63535;
}

cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .select-ios.ng-invalid .select-icon .select-icon-inner,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .select-ios.ng-invalid .select-icon .select-icon-inner {
  color: #d63535;
}

cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .select-md.ng-invalid .select-icon .select-icon-inner,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .select-md.ng-invalid .select-icon .select-icon-inner {
  color: #d63535;
}

cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .datetime-md.ng-invalid:after,
cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .select-md.ng-invalid:after,
cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .input-md.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .datetime-md.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .select-md.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .input-md.ng-invalid:after {
  border-bottom: 1px solid #d63535;
}

cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .datetime-ios.ng-invalid:after,
cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .select-ios.ng-invalid:after,
cab-form-container .item-block.item.item-ios.ng-invalid .item-inner .input-ios.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .datetime-ios.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .select-ios.ng-invalid:after,
[cab-form-container] .item-block.item.item-ios.ng-invalid .item-inner .input-ios.ng-invalid:after {
  border-bottom: 1px solid #d63535;
}

cab-form-container .item-block.item.item-md,
[cab-form-container] .item-block.item.item-md {
  min-height: 3.6rem;
}

cab-form-container .item-block.item.item-ios,
[cab-form-container] .item-block.item.item-ios {
  min-height: 3.6rem;
}

cab-form-container .item-block.item.ng-invalid .item-inner mobile-form-error-message .item.item-block .item-inner .label,
cab-form-container .item-block.item.ng-invalid .item-inner mobile-form-hint-message .item.item-block .item-inner .label,
cab-form-container .item-block.item.ng-invalid .item-inner mobile-form-question-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item.ng-invalid .item-inner mobile-form-error-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item.ng-invalid .item-inner mobile-form-hint-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item.ng-invalid .item-inner mobile-form-question-message .item.item-block .item-inner .label {
  color: #d63535;
}

cab-form-container .item-block.item [item-start] + .item-inner,
[cab-form-container] .item-block.item [item-start] + .item-inner {
  padding: 0;
}

cab-form-container .item-block.item .item-inner,
[cab-form-container] .item-block.item .item-inner {
  padding-left: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 1px;
}

cab-form-container .item-block.item .item-inner .select,
cab-form-container .item-block.item .item-inner .datetime,
cab-form-container .item-block.item .item-inner .input:not(.cloned-input),
[cab-form-container] .item-block.item .item-inner .select,
[cab-form-container] .item-block.item .item-inner .datetime,
[cab-form-container] .item-block.item .item-inner .input:not(.cloned-input) {
  position: relative;
  overflow: visible;
}

cab-form-container .item-block.item .item-inner .datetime:after,
cab-form-container .item-block.item .item-inner .select:after,
cab-form-container .item-block.item .item-inner .input:after,
[cab-form-container] .item-block.item .item-inner .datetime:after,
[cab-form-container] .item-block.item .item-inner .select:after,
[cab-form-container] .item-block.item .item-inner .input:after {
  position: absolute;
  bottom: -1px;
  content: '';
  left: 0;
  right: -16px;
}

cab-form-container .item-block.item .item-inner .datetime-md,
cab-form-container .item-block.item .item-inner .select-md,
cab-form-container .item-block.item .item-inner .input-md,
[cab-form-container] .item-block.item .item-inner .datetime-md,
[cab-form-container] .item-block.item .item-inner .select-md,
[cab-form-container] .item-block.item .item-inner .input-md {
  border-bottom-color: #dedede;
}

cab-form-container .item-block.item .item-inner .select-md,
[cab-form-container] .item-block.item .item-inner .select-md {
  padding-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .datetime-md,
[cab-form-container] .item-block.item .item-inner .datetime-md {
  padding-bottom: 10px;
  padding-top: 11px;
  height: 40px;
}

cab-form-container .item-block.item .item-inner .input-md input:first-child,
[cab-form-container] .item-block.item .item-inner .input-md input:first-child {
  margin-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .input-md textarea:first-child,
[cab-form-container] .item-block.item .item-inner .input-md textarea:first-child {
  margin-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .datetime-ios,
cab-form-container .item-block.item .item-inner .select-ios,
cab-form-container .item-block.item .item-inner .input-ios,
[cab-form-container] .item-block.item .item-inner .datetime-ios,
[cab-form-container] .item-block.item .item-inner .select-ios,
[cab-form-container] .item-block.item .item-inner .input-ios {
  border-bottom-color: #c8c7cc;
}

cab-form-container .item-block.item .item-inner .select-ios,
[cab-form-container] .item-block.item .item-inner .select-ios {
  padding-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .datetime-ios,
[cab-form-container] .item-block.item .item-inner .datetime-ios {
  padding-bottom: 10px;
  padding-top: 10px;
  height: 41px;
}

cab-form-container .item-block.item .item-inner .input-ios input:first-child,
[cab-form-container] .item-block.item .item-inner .input-ios input:first-child {
  margin-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .input-ios textarea:first-child,
[cab-form-container] .item-block.item .item-inner .input-ios textarea:first-child {
  margin-bottom: 10px;
}

cab-form-container .item-block.item .item-inner .datetime-md:after,
cab-form-container .item-block.item .item-inner .select-md:after,
cab-form-container .item-block.item .item-inner .input-md:after,
[cab-form-container] .item-block.item .item-inner .datetime-md:after,
[cab-form-container] .item-block.item .item-inner .select-md:after,
[cab-form-container] .item-block.item .item-inner .input-md:after {
  border-bottom: 1px solid #37474f;
}

cab-form-container .item-block.item .item-inner .datetime-ios:after,
cab-form-container .item-block.item .item-inner .select-ios:after,
cab-form-container .item-block.item .item-inner .input-ios:after,
[cab-form-container] .item-block.item .item-inner .datetime-ios:after,
[cab-form-container] .item-block.item .item-inner .select-ios:after,
[cab-form-container] .item-block.item .item-inner .input-ios:after {
  border-bottom: 1px solid #37474f;
}

cab-form-container .item-block.item .item-inner .datetime-md.ng-invalid,
cab-form-container .item-block.item .item-inner .datetime-ios.ng-invalid,
[cab-form-container] .item-block.item .item-inner .datetime-md.ng-invalid,
[cab-form-container] .item-block.item .item-inner .datetime-ios.ng-invalid {
  border-bottom-color: #d63535;
}

cab-form-container .item-block.item .item-inner .datetime-md.ng-invalid .datetime-text,
cab-form-container .item-block.item .item-inner .datetime-ios.ng-invalid .datetime-text,
[cab-form-container] .item-block.item .item-inner .datetime-md.ng-invalid .datetime-text,
[cab-form-container] .item-block.item .item-inner .datetime-ios.ng-invalid .datetime-text {
  color: #d63535;
}

cab-form-container .item-block.item .item-inner .toggle-md.toggle-checked .toggle-icon,
[cab-form-container] .item-block.item .item-inner .toggle-md.toggle-checked .toggle-icon {
  background-color: #74933c;
}

cab-form-container .item-block.item .item-inner .toggle-md.toggle-checked .toggle-icon .toggle-inner,
[cab-form-container] .item-block.item .item-inner .toggle-md.toggle-checked .toggle-icon .toggle-inner {
  background-color: #f1f1f1;
}

cab-form-container .item-block.item .item-inner .toggle-ios.toggle-checked .toggle-icon,
[cab-form-container] .item-block.item .item-inner .toggle-ios.toggle-checked .toggle-icon {
  background-color: #74933c;
}

cab-form-container .item-block.item .item-inner .toggle-ios,
[cab-form-container] .item-block.item .item-inner .toggle-ios {
  width: 41px;
  height: 22px;
}

cab-form-container .item-block.item .item-inner .toggle-ios .toggle-inner,
[cab-form-container] .item-block.item .item-inner .toggle-ios .toggle-inner {
  width: 18px;
  height: 18px;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message .item.item-block,
cab-form-container .item-block.item .item-inner mobile-form-hint-message .item.item-block,
cab-form-container .item-block.item .item-inner mobile-form-question-message .item.item-block,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message .item.item-block,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message .item.item-block,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message .item.item-block {
  background: transparent;
  min-height: unset;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message .item.item-block.item-md,
cab-form-container .item-block.item .item-inner mobile-form-hint-message .item.item-block.item-md,
cab-form-container .item-block.item .item-inner mobile-form-question-message .item.item-block.item-md,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message .item.item-block.item-md,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message .item.item-block.item-md,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message .item.item-block.item-md {
  min-height: 3rem;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message .item.item-block.item-ios,
cab-form-container .item-block.item .item-inner mobile-form-hint-message .item.item-block.item-ios,
cab-form-container .item-block.item .item-inner mobile-form-question-message .item.item-block.item-ios,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message .item.item-block.item-ios,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message .item.item-block.item-ios,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message .item.item-block.item-ios {
  min-height: 3.2rem;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message .item.item-block .item-inner,
cab-form-container .item-block.item .item-inner mobile-form-hint-message .item.item-block .item-inner,
cab-form-container .item-block.item .item-inner mobile-form-question-message .item.item-block .item-inner,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message .item.item-block .item-inner,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message .item.item-block .item-inner,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message .item.item-block .item-inner {
  padding-left: 0;
  padding-right: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message .item.item-block .item-inner .label,
cab-form-container .item-block.item .item-inner mobile-form-hint-message .item.item-block .item-inner .label,
cab-form-container .item-block.item .item-inner mobile-form-question-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message .item.item-block .item-inner .label {
  margin: 8px 8px 5px 0;
}

cab-form-container .item-block.item .item-inner mobile-form-error-message:last-child .item.item-block .item-inner .label,
cab-form-container .item-block.item .item-inner mobile-form-hint-message:last-child .item.item-block .item-inner .label,
cab-form-container .item-block.item .item-inner mobile-form-question-message:last-child .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-error-message:last-child .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-hint-message:last-child .item.item-block .item-inner .label,
[cab-form-container] .item-block.item .item-inner mobile-form-question-message:last-child .item.item-block .item-inner .label {
  margin-bottom: 9px;
}

cab-form-container .mat-form-field-prefix .mat-icon,
cab-form-container .mat-form-field-suffix .mat-icon,
[cab-form-container] .mat-form-field-prefix .mat-icon,
[cab-form-container] .mat-form-field-suffix .mat-icon {
  width: 1em;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
}

cab-form-container .mat-form-field-prefix [mat-icon-button],
cab-form-container .mat-form-field-suffix [mat-icon-button],
[cab-form-container] .mat-form-field-prefix [mat-icon-button],
[cab-form-container] .mat-form-field-suffix [mat-icon-button] {
  background-color: transparent;
  vertical-align: middle;
}

cab-form-container .mat-form-field-prefix .mat-datepicker-toggle,
cab-form-container .mat-form-field-suffix .mat-datepicker-toggle,
[cab-form-container] .mat-form-field-prefix .mat-datepicker-toggle,
[cab-form-container] .mat-form-field-suffix .mat-datepicker-toggle {
  display: inline-block;
  vertical-align: middle;
}

cab-form-container .mat-form-field-type-mat-select .mat-form-field-prefix .mat-icon-button,
cab-form-container .mat-form-field-type-mat-select .mat-form-field-suffix .mat-icon-button,
[cab-form-container] .mat-form-field-type-mat-select .mat-form-field-prefix .mat-icon-button,
[cab-form-container] .mat-form-field-type-mat-select .mat-form-field-suffix .mat-icon-button {
  vertical-align: middle;
  margin-top: -0.4375em;
}

cab-form-container .mat-form-field-disabled .mat-input-suffix,
[cab-form-container] .mat-form-field-disabled .mat-input-suffix {
  color: rgba(0, 0, 0, 0.38);
}

cab-form-container cab-form-combined-list-section .mat-list,
[cab-form-container] cab-form-combined-list-section .mat-list {
  display: block;
  width: 100%;
}

cab-form-container cab-form-combined-list-section .mat-list .mat-list-item .mat-list-item-content,
[cab-form-container] cab-form-combined-list-section .mat-list .mat-list-item .mat-list-item-content {
  padding-left: 0;
}

cab-form-container cab-form-checkbox-section,
cab-form-container cab-form-combined-list-section,
cab-form-container cab-form-inputs-list-section,
cab-form-container cab-form-checkbox-list-section,
cab-form-container cab-form-buttons-section,
[cab-form-container] cab-form-checkbox-list-section,
[cab-form-container] cab-form-combined-list-section,
[cab-form-container] cab-form-inputs-list-section,
[cab-form-container] cab-form-checkbox-section,
[cab-form-container] cab-form-buttons-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

cab-form-container cab-form-checkbox-section .mat-input-wrapper,
cab-form-container cab-form-inputs-list-section .mat-input-wrapper,
cab-form-container cab-form-checkbox-list-section .mat-input-wrapper,
cab-form-container cab-form-combined-list-section .mat-input-wrapper,
cab-form-container cab-form-buttons-section .mat-input-wrapper,
[cab-form-container] cab-form-checkbox-list-section .mat-input-wrapper,
[cab-form-container] cab-form-checkbox-section .mat-input-wrapper,
[cab-form-container] cab-form-inputs-list-section .mat-input-wrapper,
[cab-form-container] cab-form-combined-list-section .mat-input-wrapper,
[cab-form-container] cab-form-buttons-section .mat-input-wrapper {
  width: 100%;
}

[cab-form-container]
cab-form-combined-list-section
.mat-input-container.mat-form-field-type-mat-select
.mat-input-wrapper,
[cab-form-container]
cab-form-inputs-list-section
.mat-input-container.mat-form-field-type-mat-select
.mat-input-wrapper,
[cab-form-container]
cab-form-combined-list-section
.mat-input-container.mat-form-field-type-mat-input:not(.textarea)
.mat-input-wrapper,
[cab-form-container]
cab-form-inputs-list-section
.mat-input-container.mat-form-field-type-mat-input:not(.textarea)
.mat-input-wrapper {
  height: 60px;
}

cab-form-container cab-form-checkbox-section .mat-input-wrapper .mat-form-field-label,
cab-form-container cab-form-combined-list-section .mat-input-wrapper .mat-form-field-label,
cab-form-container cab-form-inputs-list-section .mat-input-wrapper .mat-form-field-label,
cab-form-container cab-form-checkbox-list-section .mat-input-wrapper .mat-form-field-label,
cab-form-container cab-form-buttons-section .mat-input-wrapper .mat-form-field-label,
[cab-form-container] cab-form-checkbox-list-section .mat-input-wrapper .mat-form-field-label,
[cab-form-container] cab-form-checkbox-section .mat-input-wrapper .mat-form-field-label,
[cab-form-container] cab-form-combined-list-section .mat-input-wrapper .mat-form-field-label,
[cab-form-container] cab-form-inputs-list-section .mat-input-wrapper .mat-form-field-label,
[cab-form-container] cab-form-buttons-section .mat-input-wrapper .mat-form-field-label {
  display: block;
  width: 100%;
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
}

cab-form-container cab-form-checkbox-section .mat-input-wrapper .mat-input-element,
cab-form-container cab-form-combined-list-section .mat-input-wrapper .mat-input-element,
cab-form-container cab-form-inputs-list-section .mat-input-wrapper .mat-input-element,
cab-form-container cab-form-checkbox-list-section .mat-input-wrapper .mat-input-element,
cab-form-container cab-form-buttons-section .mat-input-wrapper .mat-input-element,
[cab-form-container] cab-form-checkbox-list-section .mat-input-wrapper .mat-input-element,
[cab-form-container] cab-form-checkbox-section .mat-input-wrapper .mat-input-element,
[cab-form-container] cab-form-combined-list-section .mat-input-wrapper .mat-input-element,
[cab-form-container] cab-form-inputs-list-section .mat-input-wrapper .mat-input-element,
[cab-form-container] cab-form-buttons-section .mat-input-wrapper .mat-input-element {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

cab-form-container cab-form-checkbox-section .mat-input-wrapper > .mat-form-field-infix,
cab-form-container cab-form-combined-list-section .mat-input-wrapper > .mat-form-field-infix,
cab-form-container cab-form-inputs-list-section .mat-input-wrapper > .mat-form-field-infix,
cab-form-container cab-form-checkbox-list-section .mat-input-wrapper > .mat-form-field-infix,
cab-form-container cab-form-buttons-section .mat-input-wrapper > .mat-form-field-infix,
[cab-form-container] cab-form-checkbox-list-section .mat-input-wrapper > .mat-form-field-infix,
[cab-form-container] cab-form-inputs-list-section .mat-input-wrapper > .mat-form-field-infix,
[cab-form-container] cab-form-combined-list-section .mat-input-wrapper > .mat-form-field-infix,
[cab-form-container] cab-form-checkbox-section .mat-input-wrapper > .mat-form-field-infix,
[cab-form-container] cab-form-buttons-section .mat-input-wrapper > .mat-form-field-infix {
  padding-bottom: 0;
}

cab-form-container .mat-form-field,
[cab-form-container] .mat-form-field {
  width: 100%;
  margin: 10px 24px 10px 24px;
}

cab-form-container cab-form-buttons-section,
cab-form-container cab-form-inputs-list-section,
cab-form-container cab-form-combined-list-section,
cab-form-container cab-form-checkbox-section,
cab-form-container cab-form-checkbox-list-section,
[cab-form-container] cab-form-buttons-section,
[cab-form-container] cab-form-inputs-list-section,
[cab-form-container] cab-form-combined-list-section,
[cab-form-container] cab-form-checkbox-section,
[cab-form-container] cab-form-checkbox-list-section {
  width: 100%;
  margin: 10px 24px 10px 24px;
}

cab-form-container cab-form-buttons-section:after,
cab-form-container cab-form-combined-list-section:after,
cab-form-container cab-form-checkbox-section:after,
cab-form-container cab-form-inputs-list-section:after,
cab-form-container cab-form-checkbox-list-section:after,
cab-form-container .mat-form-field:after,
[cab-form-container] cab-form-buttons-section:after,
[cab-form-container] cab-form-checkbox-list-section:after,
[cab-form-container] cab-form-inputs-list-section:after,
[cab-form-container] cab-form-combined-list-section:after,
[cab-form-container] cab-form-checkbox-section:after,
[cab-form-container] .mat-form-field:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -24px;
  right: -24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-buttons-section.half,
cab-form-container cab-form-combined-list-section.half,
cab-form-container cab-form-checkbox-section.half,
cab-form-container cab-form-inputs-list-section.half,
cab-form-container cab-form-checkbox-list-section.half,
cab-form-container .mat-form-field.half,
[cab-form-container] cab-form-buttons-section.half,
[cab-form-container] cab-form-checkbox-list-section.half,
[cab-form-container] cab-form-inputs-list-section.half,
[cab-form-container] cab-form-checkbox-section.half,
[cab-form-container] cab-form-combined-list-section.half,
[cab-form-container] .mat-form-field.half {
  width: calc(50% - 48px);
}

cab-form-container cab-form-buttons-section.half:before,
cab-form-container cab-form-checkbox-list-section.half:before,
cab-form-container cab-form-inputs-list-section.half:before,
cab-form-container cab-form-combined-list-section.half:before,
cab-form-container cab-form-checkbox-section.half:before,
cab-form-container .mat-form-field.half:before,
[cab-form-container] cab-form-buttons-section.half:before,
[cab-form-container] cab-form-checkbox-list-section.half:before,
[cab-form-container] cab-form-inputs-list-section.half:before,
[cab-form-container] cab-form-combined-list-section.half:before,
[cab-form-container] cab-form-checkbox-section.half:before,
[cab-form-container] .mat-form-field.half:before {
  content: '';
  position: absolute;
  right: -24px;
  top: -10px;
  bottom: -10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-buttons-section.third,
cab-form-container cab-form-inputs-list-section.third,
cab-form-container cab-form-combined-list-section.third,
cab-form-container cab-form-checkbox-section.third,
cab-form-container cab-form-checkbox-list-section.third,
cab-form-container .mat-form-field.third,
[cab-form-container] cab-form-buttons-section.third,
[cab-form-container] cab-form-combined-list-section.third,
[cab-form-container] cab-form-checkbox-section.third,
[cab-form-container] cab-form-inputs-list-section.third,
[cab-form-container] cab-form-checkbox-list-section.third,
[cab-form-container] .mat-form-field.third {
  width: calc(33.3333% - 48px);
}

cab-form-container cab-form-buttons-section.third:before,
cab-form-container cab-form-checkbox-list-section.third:before,
cab-form-container cab-form-combined-list-section.third:before,
cab-form-container cab-form-checkbox-section.third:before,
cab-form-container cab-form-inputs-list-section.third:before,
cab-form-container .mat-form-field.third:before,
[cab-form-container] cab-form-buttons-section.third:before,
[cab-form-container] cab-form-combined-list-section.third:before,
[cab-form-container] cab-form-checkbox-section.third:before,
[cab-form-container] cab-form-inputs-list-section.third:before,
[cab-form-container] cab-form-checkbox-list-section.third:before,
[cab-form-container] .mat-form-field.third:before {
  content: '';
  position: absolute;
  right: -24px;
  top: -10px;
  bottom: -10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-buttons-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-checkbox-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-combined-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-checkbox-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-inputs-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-buttons-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-checkbox-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-combined-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-checkbox-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-inputs-list-section.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before {
  display: none;
}

cab-form-container cab-form-buttons-section.three-quarters,
cab-form-container cab-form-inputs-list-section.three-quarters,
cab-form-container cab-form-combined-list-section.three-quarters,
cab-form-container cab-form-checkbox-section.three-quarters,
cab-form-container cab-form-checkbox-list-section.three-quarters,
cab-form-container .mat-form-field.three-quarters,
[cab-form-container] cab-form-buttons-section.three-quarters,
[cab-form-container] cab-form-combined-list-section.three-quarters,
[cab-form-container] cab-form-checkbox-section.three-quarters,
[cab-form-container] cab-form-inputs-list-section.three-quarters,
[cab-form-container] cab-form-checkbox-list-section.three-quarters,
[cab-form-container] .mat-form-field.three-quarters {
  width: calc(75% - 48px);
}

cab-form-container cab-form-buttons-section.three-quarters:before,
cab-form-container cab-form-checkbox-list-section.three-quarters:before,
cab-form-container cab-form-combined-list-section.three-quarters:before,
cab-form-container cab-form-checkbox-section.three-quarters:before,
cab-form-container cab-form-inputs-list-section.three-quarters:before,
cab-form-container .mat-form-field.three-quarters:before,
[cab-form-container] cab-form-buttons-section.three-quarters:before,
[cab-form-container] cab-form-combined-list-section.three-quarters:before,
[cab-form-container] cab-form-checkbox-section.three-quarters:before,
[cab-form-container] cab-form-inputs-list-section.three-quarters:before,
[cab-form-container] cab-form-checkbox-list-section.three-quarters:before,
[cab-form-container] .mat-form-field.three-quarters:before {
  content: '';
  position: absolute;
  right: -24px;
  top: -10px;
  bottom: -10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-buttons-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-checkbox-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-combined-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-checkbox-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-inputs-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
cab-form-container .mat-form-field.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-buttons-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-combined-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-inputs-list-section.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before,
[cab-form-container] .mat-form-field.three-quarters:nth-of-type(2n + 1) + .mat-form-field.quarter:before {
  display: none;
}

cab-form-container cab-form-buttons-section.quarter,
cab-form-container cab-form-combined-list-section.quarter,
cab-form-container cab-form-checkbox-section.quarter,
cab-form-container cab-form-inputs-list-section.quarter,
cab-form-container cab-form-checkbox-list-section.quarter,
cab-form-container .mat-form-field.quarter,
[cab-form-container] cab-form-buttons-section.quarter,
[cab-form-container] cab-form-combined-list-section.quarter,
[cab-form-container] cab-form-checkbox-section.quarter,
[cab-form-container] cab-form-inputs-list-section.quarter,
[cab-form-container] cab-form-checkbox-list-section.quarter,
[cab-form-container] .mat-form-field.quarter {
  width: calc(25% - 48px);
}

cab-form-container cab-form-buttons-section.quarter:before,
cab-form-container cab-form-checkbox-list-section.quarter:before,
cab-form-container cab-form-combined-list-section.quarter:before,
cab-form-container cab-form-checkbox-section.quarter:before,
cab-form-container cab-form-inputs-list-section.quarter:before,
cab-form-container .mat-form-field.quarter:before,
[cab-form-container] cab-form-buttons-section.quarter:before,
[cab-form-container] cab-form-combined-list-section.quarter:before,
[cab-form-container] cab-form-checkbox-section.quarter:before,
[cab-form-container] cab-form-checkbox-list-section.quarter:before,
[cab-form-container] cab-form-inputs-list-section.quarter:before,
[cab-form-container] .mat-form-field.quarter:before {
  content: '';
  position: absolute;
  right: -24px;
  top: -10px;
  bottom: -10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-buttons-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-checkbox-list-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-combined-list-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-checkbox-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-buttons-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-list-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-combined-list-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-section.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before {
  display: none;
}

cab-form-container cab-form-buttons-section .button,
[cab-form-container] cab-form-buttons-section .button {
  margin: 0 6px;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

cab-form-container cab-form-buttons-section .button:first-of-type,
[cab-form-container] cab-form-buttons-section .button:first-of-type {
  margin-left: 0;
}

cab-form-container cab-form-buttons-section .button span,
[cab-form-container] cab-form-buttons-section .button span {
  text-transform: none;
}

cab-form-container cab-form-buttons-section .mat-button,
[cab-form-container] cab-form-buttons-section .mat-button {
  margin: 0 6px;
}

cab-form-container cab-form-buttons-section .small-text,
[cab-form-container] cab-form-buttons-section .small-text {
  font-size: 14px;
  margin-left: 5px;
}

cab-form-container cab-form-buttons-section .small-text > a,
[cab-form-container] cab-form-buttons-section .small-text > a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

cab-form-container cab-form-buttons-section .small-text > a:hover,
[cab-form-container] cab-form-buttons-section .small-text > a:hover {
  opacity: 0.7;
}

cab-form-container cab-form-checkbox-section .mat-checkbox,
cab-form-container cab-form-combined-list-section .mat-checkbox,
cab-form-container cab-form-checkbox-list-section .mat-checkbox,
[cab-form-container] cab-form-checkbox-list-section .mat-checkbox,
[cab-form-container] cab-form-combined-list-section .mat-checkbox,
[cab-form-container] cab-form-checkbox-section .mat-checkbox {
  margin: 0 6px;
}

cab-form-container cab-form-combined-list-section .mat-checkbox:first-of-type,
cab-form-container cab-form-checkbox-list-section .mat-checkbox:first-of-type,
cab-form-container cab-form-checkbox-section .mat-checkbox:first-of-type,
[cab-form-container] cab-form-combined-list-section .mat-checkbox:first-of-type,
[cab-form-container] cab-form-checkbox-list-section .mat-checkbox:first-of-type,
[cab-form-container] cab-form-checkbox-section .mat-checkbox:first-of-type {
  margin-left: 0;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section,
cab-form-container cab-form-combined-list-section .combined-list-section,
cab-form-container cab-form-combined-list-section .checkbox-list-section,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section,
[cab-form-container] cab-form-combined-list-section .combined-list-section,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .inner-content-wrapper,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .inner-content-wrapper,
cab-form-container cab-form-combined-list-section .combined-list-section .inner-content-wrapper,
cab-form-container cab-form-combined-list-section .checkbox-list-section .inner-content-wrapper,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .inner-content-wrapper,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .inner-content-wrapper,
[cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .inner-content-wrapper {
  width: 100%;
  padding-bottom: 6.125px;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width,
cab-form-container cab-form-combined-list-section .combined-list-section .fixed-prefix-width,
cab-form-container cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width,
[cab-form-container] cab-form-combined-list-section .combined-list-section .fixed-prefix-width,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width {
  width: 50px;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width.show-padding,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width.show-padding,
cab-form-container cab-form-combined-list-section .combined-list-section .fixed-prefix-width.show-padding,
cab-form-container cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width.show-padding,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width.show-padding,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width.show-padding,
[cab-form-container] cab-form-combined-list-section .combined-list-section .fixed-prefix-width.show-padding,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width.show-padding {
  padding-right: 5px !important;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width.large-prefix,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width.large-prefix,
cab-form-container cab-form-combined-list-section .combined-list-section .fixed-prefix-width.large-prefix,
cab-form-container cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width.large-prefix,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .fixed-prefix-width.large-prefix,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .fixed-prefix-width.large-prefix,
[cab-form-container] cab-form-combined-list-section .combined-list-section .fixed-prefix-width.large-prefix,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .fixed-prefix-width.large-prefix {
  width: 120px;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element .mat-form-field.mat-form-field-type-mat-input {
  margin-top: 0;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .combined-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section ion-row:not(.generated-row) .mat-input-element:last-of-type .mat-form-field.mat-form-field-type-mat-input {
  margin-bottom: 0;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .grid > .row > .col .mat-form-field:before,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .grid > .row > .col .mat-form-field:before,
cab-form-container cab-form-combined-list-section .combined-list-section .grid > .row > .col .mat-form-field:before,
cab-form-container cab-form-combined-list-section .checkbox-list-section .grid > .row > .col .mat-form-field:before,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .grid > .row > .col .mat-form-field:before,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .grid > .row > .col .mat-form-field:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid > .row > .col .mat-form-field:before,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .grid > .row > .col .mat-form-field:before {
  display: none;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input {
  width: 100%;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-form-field.mat-form-field-type-mat-input input {
  height: 18px;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 0 0;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox:last-of-type,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox:last-of-type,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox:last-of-type,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox:last-of-type,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox:last-of-type,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox:last-of-type,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox:last-of-type,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox:last-of-type {
  margin-bottom: 0;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout {
  max-width: 100%;
}

cab-form-container cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
cab-form-container cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
cab-form-container cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
[cab-form-container] cab-form-checkbox-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
[cab-form-container] cab-form-checkbox-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
[cab-form-container] cab-form-combined-list-section .checkbox-list-section .mat-input-element .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper {
  padding-bottom: 0;
  margin-bottom: -10px;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -24px;
  margin-right: -24px;
  position: relative;
  margin-top: 8px;
  width: calc(100% + 48px);
  max-width: unset;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element:after,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element:after,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element:after,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element:after {
  content: '';
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-input-container,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-input-container {
  margin: 10px 24px 10px 24px;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field {
  position: relative;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half, cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third, cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter {
  margin: 10px 24px 10px 24px;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after, cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after, cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:after,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:after {
  display: block !important;
  left: 0;
  right: 0;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half {
  width: calc(50% - 48px);
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.half:nth-of-type(2n + 1) + .mat-form-field.half:before {
  display: none;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third {
  width: calc(33.3333% - 48px);
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.third:nth-of-type(3n + 2) + .mat-form-field.third:before {
  display: none;
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter {
  width: calc(25% - 48px);
}

cab-form-container cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
cab-form-container cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-checkbox-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .combined-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before,
[cab-form-container] cab-form-combined-list-section.has-columns-only .checkbox-list-section .inner-content-wrapper > .mat-input-element .mat-form-field.quarter:nth-of-type(4n + 1) + .mat-form-field.quarter:before {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section,
cab-form-container cab-form-combined-list-section .inputs-list-section,
cab-form-container cab-form-inputs-list-section .combined-list-section,
cab-form-container cab-form-inputs-list-section .inputs-list-section,
[cab-form-container] cab-form-combined-list-section .combined-list-section,
[cab-form-container] cab-form-combined-list-section .inputs-list-section,
[cab-form-container] cab-form-inputs-list-section .combined-list-section,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

cab-form-container cab-form-combined-list-section .combined-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
cab-form-container cab-form-combined-list-section .inputs-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
cab-form-container cab-form-inputs-list-section .combined-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
cab-form-container cab-form-inputs-list-section .inputs-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
[cab-form-container] cab-form-combined-list-section .combined-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
[cab-form-container] cab-form-combined-list-section .inputs-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
[cab-form-container] cab-form-inputs-list-section .combined-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section > .mat-input-wrapper > .mat-input-subscript-wrapper {
  margin-top: 10px;
  position: static;
  margin-bottom: 10px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element,
cab-form-container cab-form-combined-list-section .inputs-list-section .mat-input-element,
cab-form-container cab-form-inputs-list-section .combined-list-section .mat-input-element,
cab-form-container cab-form-inputs-list-section .inputs-list-section .mat-input-element,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .mat-input-element,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .mat-input-element,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .mat-input-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-input-container,
cab-form-container cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-input-container,
cab-form-container cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-input-container,
cab-form-container cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-input-container,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-input-container,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-input-container,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-input-container,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-input-container {
  margin-left: 0;
  margin-right: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
cab-form-container cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
cab-form-container cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
cab-form-container cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-input-container .mat-form-field-infix,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-input-container .mat-form-field-infix {
  width: auto;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field:after,
cab-form-container cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-form-field:after,
cab-form-container cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-form-field:after,
cab-form-container cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-form-field:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-form-field:after,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .mat-input-element .mat-form-field:after,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .mat-input-element .mat-form-field:after,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .mat-input-element .mat-form-field:after {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid {
  padding: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row {
  position: relative;
  margin-bottom: 6px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row:after,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row:after,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row:after,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row:after,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row:after,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row:after,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 8px;
  right: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row.skip-count:before,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row.skip-count:before,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row.skip-count:before,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row.skip-count:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.skip-count:before,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row.skip-count:before,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row.skip-count:before,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row.skip-count:before {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row:last-of-type,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row:last-of-type,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row:last-of-type,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row:last-of-type,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row:last-of-type,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row:last-of-type,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row:last-of-type,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row:last-of-type {
  margin-bottom: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row:last-of-type:after,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row:last-of-type:after,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row:last-of-type:after,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row:last-of-type:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row:last-of-type:after,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row:last-of-type:after,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row:last-of-type:after,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row:last-of-type:after {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row .col,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row .col,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row .col,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row .col,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row .col,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row .col,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row .col:first-of-type,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row .col:first-of-type,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row .col:first-of-type,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row .col:first-of-type,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col:first-of-type,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row .col:first-of-type,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row .col:first-of-type,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row .col:first-of-type {
  padding-left: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row .col.buttons,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row .col.buttons,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row .col.buttons,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row .col.buttons,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row .col.buttons,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row .col.buttons,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row .col.buttons {
  height: 80px;
  width: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  max-width: 50px;
  min-width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row .col .mat-select,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row .col .mat-select,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row .col .mat-select,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row .col .mat-select,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col .mat-select,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row .col .mat-select,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row .col .mat-select,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row .col .mat-select {
  padding-right: 10px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .grid .row .col:nth-last-child(2) .mat-select,
cab-form-container cab-form-combined-list-section .inputs-list-section .grid .row .col:nth-last-child(2) .mat-select,
cab-form-container cab-form-inputs-list-section .combined-list-section .grid .row .col:nth-last-child(2) .mat-select,
cab-form-container cab-form-inputs-list-section .inputs-list-section .grid .row .col:nth-last-child(2) .mat-select,
[cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col:nth-last-child(2) .mat-select,
[cab-form-container] cab-form-combined-list-section .inputs-list-section .grid .row .col:nth-last-child(2) .mat-select,
[cab-form-container] cab-form-inputs-list-section .combined-list-section .grid .row .col:nth-last-child(2) .mat-select,
[cab-form-container] cab-form-inputs-list-section .inputs-list-section .grid .row .col:nth-last-child(2) .mat-select {
  padding-right: 0;
}

cab-form-container cab-form-combined-list-section.half:before,
[cab-form-container] cab-form-combined-list-section.half:before {
  bottom: -9.5px;
}

cab-form-container cab-form-combined-list-section.skip-top-margin .combined-list-section .mat-input-element .mat-input-container:first-of-type,
[cab-form-container] cab-form-combined-list-section.skip-top-margin .combined-list-section .mat-input-element .mat-input-container:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section,
[cab-form-container] cab-form-combined-list-section .combined-list-section {
  width: 100%;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

cab-form-container cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox,
[cab-form-container] cab-form-combined-list-section .combined-list-section .mat-input-element .mat-checkbox {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox {
  display: block;
  width: 100%;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-radio-button,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-radio-button {
  margin-right: 15px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col.half,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col.half {
  padding-right: 24px;
  width: calc(50% - 48px);
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col.half:nth-of-type(2n + 1) + .col.half:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col.half:nth-of-type(2n + 1) + .col.half:before {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .mat-form-field,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .mat-form-field {
  padding-right: 24px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .checkbox-wrapper,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .checkbox-wrapper {
  padding-left: 24px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .mat-form-field:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col .mat-form-field:before {
  content: '';
  position: absolute;
  right: -24px;
  top: -10px;
  bottom: -10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col:last-child .mat-form-field:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid.columns-with-borders .row .col:last-child .mat-form-field:before {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox {
  width: 100%;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox:last-child,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox:last-child {
  margin-bottom: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox + .grid,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .mat-checkbox + .grid {
  position: relative;
  margin-bottom: 10px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox button[margin-top],
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox button[margin-top] {
  margin-top: 8px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:first-child,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:first-child {
  position: relative;
  margin-top: 8px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox.hide-top-line,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox.hide-top-line {
  margin-top: 4px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox.hide-top-line .mat-radio-group:first-child .mat-radio-button:first-child,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox.hide-top-line .mat-radio-group:first-child .mat-radio-button:first-child {
  margin-top: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:not(.hide-top-line):first-child:before,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:not(.hide-top-line):first-child:before {
  content: '';
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid > .row:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox .grid > .row:after {
  content: '';
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .mat-checkbox:last-child,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .mat-checkbox:last-child {
  margin-bottom: 8px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .mat-checkbox + .grid:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .mat-checkbox + .grid:after {
  display: none;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid {
  margin-bottom: 0;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid + button[margin-top],
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid + button[margin-top] {
  margin-top: 18px;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid > .row:last-of-type:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid > .row:last-of-type:after {
  display: none !important;
}

cab-form-container cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid > .row.force-underline:last-of-type:after,
[cab-form-container] cab-form-combined-list-section .combined-list-section .options-with-checkbox:last-of-type .grid > .row.force-underline:last-of-type:after {
  display: block !important;
}

[cab-form-container] .mat-form-field .mat-hint,
cab-form-container .mat-form-field .mat-hint {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[cab-form-container] .mat-form-field textarea,
cab-form-container .mat-form-field textarea {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

[cab-form-container] .mat-form-field textarea::-ms-input-placeholder,
cab-form-container .mat-form-field textarea::-ms-input-placeholder {
  text-indent: -2px;
}

[cab-form-container] .mat-form-field textarea::-moz-placeholder,
cab-form-container .mat-form-field textarea::-moz-placeholder {
  text-indent: -2px;
}

[cab-form-container] .mat-form-field textarea::-webkit-input-placeholder,
cab-form-container .mat-form-field textarea::-webkit-input-placeholder {
  text-indent: -2px;
}

[cab-form-container] .mat-form-field.textarea .mat-form-field-infix,
cab-form-container .mat-form-field.textarea .mat-form-field-infix {
  padding-top: calc(18px - 0.4375em);
}

[cab-form-container] .mat-form-field textarea.mat-input-element,
cab-form-container .mat-form-field textarea.mat-input-element {
  line-height: 21px;
}

[cab-form-container] .mat-form-field input.mat-input-element,
cab-form-container .mat-form-field input.mat-input-element {
  line-height: 14px;
  height: 18px;
}

cab-form-container cab-form-checkbox-section .checkbox-section,
[cab-form-container] cab-form-checkbox-section .checkbox-section {
  width: 100%;
}

header-error-message {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1200;
  display: block;
  top: 10px;
}

header-error-message.desktop .card {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

header-error-message .card-content-ios {
  padding: 7px 12px 8px;
}

header-error-message .card {
  width: calc(100% - 16px);
  padding: 0 !important;
  margin-left: 8px;
  margin-right: 8px;
}

header-error-message .warning {
  padding: 0.1em 0 0 0;
  background: #d63535;
  position: relative;
  z-index: 200;
}

header-error-message .warning p,
header-error-message .warning span {
  color: white;
}

header-error-message .warning p:last-child {
  margin-bottom: 0;
}

ideas-chat {
  position: relative;
  display: block;
  width: 100%;
  /*max-height: 100vh;*/
}

.isDesktop ideas-chat content-messages {
  position: relative;
  top: -52px;
  display: block;
}

/*.isDesktop ideas-chat{*/
/*max-height: calc(100vh - 112px);*/
/*}*/
/*ideas-chat ion-item-group {*/
/*max-height: 100%;*/
/*}*/
/*ideas-chat ion-item-group .list{*/
/*max-height: 100%;*/
/*overflow-y: scroll;*/
/*-webkit-overflow-scrolling: touch;*/
/*}*/
.isDesktop ideas-chat .avatar {
  margin-left: 0;
  -webkit-transform: translateY(14px);
  transform: translateY(14px);
}

.isDesktop ideas-chat .client {
  margin-left: 64px;
}

.isDesktop ideas-chat .from-me {
  margin-right: -8px;
}

.isDesktop ideas-chat .from-me .avatar {
  margin-left: 6px;
  margin-right: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.isDesktop ideas-chat .item-md {
  padding-left: 0;
}

ideas-chat .item-md {
  background: transparent;
}

ideas-chat .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ideas-chat .chat-item-wrapper,
ideas-chat .lawyer,
ideas-chat .client {
  width: 95%;
  position: relative;
  max-width: 980px;
  min-width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

ideas-chat .chat-item-wrapper {
  padding-left: 5px !important;
}

ideas-chat .from-me .chat-item-wrapper {
  padding-right: 5px !important;
  padding-left: 0 !important;
}

ideas-chat .client,
ideas-chat .lawyer {
  padding-top: 5px;
}

ideas-chat .client .meta,
ideas-chat .lawyer .meta {
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
  width: 100%;
}

ideas-chat .lawyer .meta {
  right: auto;
  left: auto;
  padding-left: 5px;
}

.isDesktop ideas-chat .lawyer .meta {
  padding-left: 0;
  right: 0;
  left: 5px;
}

ideas-chat .client {
  text-decoration: none;
  margin-left: calc(31px + 48px + 5px);
}

ideas-chat .avatar {
  margin-left: 20px;
  margin-right: 6px;
  min-width: 48px;
}

ideas-chat a.avatar {
  cursor: pointer;
}

ideas-chat .chat-item p {
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

ideas-chat .chat-item.tombstone p {
  width: 100%;
  height: 0.5em;
  background-color: #ccc;
  margin: 0.5em 0;
}

ideas-chat .chat-item .bubble .avatar,
ideas-chat .chat-item .bubble img {
  max-width: 100%;
  height: auto;
}

ideas-chat .bubble .message-box.grid {
  height: 100%;
}

ideas-chat .bubble .message-box.grid .col:first-child {
  overflow: hidden;
}

ideas-chat .bubble {
  padding: 12px 16px 16px 16px;
  color: #222;
  background: #e9e9e9;
  position: relative;
  width: 100%;
  margin: 0 5px;
  margin-top: 20px;
}

ideas-chat .bubble p {
  width: calc(100% - 20px) !important;
  color: #232323;
}

ideas-chat .bubble .button {
  margin-bottom: 0;
  float: right;
}

ideas-chat .form .meta {
  padding-right: 15px;
  width: 100%;
}

ideas-chat .form .meta span.posted-date {
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

ideas-chat .form .meta span.posted-date span.warning {
  padding-left: 5px;
  color: #d63535;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

ideas-chat .form .meta span.posted-date .saved-to-memory {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.isDesktop ideas-chat .form .meta {
  padding-right: 68px;
}

ideas-chat form.bubble {
  padding: 17px 10px 8px 16px;
}

ideas-chat .bubble .grid {
  padding: 0;
}

ideas-chat .bubble .col {
  padding: 0;
}

ideas-chat .bubble .input-left {
  width: calc(100% - 60px);
}

ideas-chat .bubble .btn-right {
  width: 80px;
}

ideas-chat .bubble .message-box {
  position: relative;
  padding-bottom: 1px;
}

ideas-chat .bubble .message-box .input-left {
  padding-right: 40px;
}

ideas-chat .bubble .message-box textarea {
  text-align: left;
  resize: none;
  max-height: 200px;
  margin-bottom: 10px;
  min-height: 70px;
}

ideas-chat .bubble .message-box .btn-right {
  position: absolute;
  right: 0;
  width: 30px;
  height: 40px;
  padding: 0;
  float: none;
}

ideas-chat .bubble .block-ui-spinner {
  top: 50%;
}

ideas-chat .bubble .message-box .btn-right.btn-right-top {
  top: -15px;
}

ideas-chat .bubble .message-box .btn-right.btn-right-bottom {
  bottom: 0;
}

ideas-chat .bubble .message-box textarea {
  color: #222;
  outline: none;
  overflow: auto;
  resize: none !important;
  /*min-height: 100%;*/
  padding-right: 0 !important;
  margin-right: 0 !important;
  background: transparent;
  width: calc(100% - 50px) !important;
}

ideas-chat .bubble .message-box textarea::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.7);
}

ideas-chat .bubble .message-box textarea:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(34, 34, 34, 0.7);
}

ideas-chat .bubble .message-box textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(34, 34, 34, 0.7);
}

ideas-chat .bubble .message-box textarea:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.7);
}

ideas-chat .bubble::before {
  content: '';
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #e9e9e9 transparent transparent;
  position: absolute;
  top: 0;
  left: -10px;
}

ideas-chat .meta {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 0.85em;
  color: #888;
  margin-top: 5px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

ideas-chat .meta .vote {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  line-height: inherit;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ideas-chat .meta .vote .amount {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  margin-right: 5px;
}

ideas-chat .meta .vote .amount:before {
  content: '';
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 2px;
  left: -10px;
  bottom: 2px;
}

ideas-chat .meta .vote .amount.negative {
  color: #d63535;
}

ideas-chat .meta .vote .amount.positive {
  color: #00796b;
}

ideas-chat .meta .vote .button {
  opacity: 0.1;
  display: inline-block;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 0.8em;
  background: transparent;
}

ideas-chat .meta .vote .button .button-effect {
  opacity: 0;
}

ideas-chat .meta .vote .button.active {
  opacity: 1;
}

ideas-chat .meta .vote .button:hover {
  opacity: 1;
}

ideas-chat .meta .vote .button.thumbs-up.active, ideas-chat .meta .vote .button.thumbs-up:hover {
  color: #00796b;
}

ideas-chat .meta .vote .button.thumbs-down.active, ideas-chat .meta .vote .button.thumbs-down:hover {
  color: #d63535;
}

ideas-chat .meta .vote:hover .button {
  opacity: 1;
}

ideas-chat .meta:hover .vote .button {
  opacity: 1;
}

ideas-chat .meta p {
  font-size: 1em !important;
  line-height: 1.2;
}

ideas-chat .client .meta {
  font-size: 1em;
}

ideas-chat .from-me {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ideas-chat .from-me .chat-item-wrapper,
ideas-chat .from-me .lawyer {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ideas-chat .from-me .chat-item-wrapper .meta,
ideas-chat .from-me .lawyer .meta {
  right: 0;
  left: 5px;
}

.isDesktop ideas-chat .from-me .chat-item-wrapper .meta {
  left: 0;
}

.isDesktop ideas-chat .from-me .chat-item-wrapper .meta.from-client-page {
  left: 5px;
}

.isDesktop ideas-chat .from-me.form .chat-item-wrapper .meta {
  left: 5px;
}

ideas-chat .from-me .avatar {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 6px;
  margin-right: 20px;
  border-radius: 500px;
}

ideas-chat .from-me .bubble {
  background: rgba(59, 89, 152, 0.08);
}

ideas-chat .from-me .bubble p a {
  color: inherit;
}

ideas-chat .from-me .bubble::before {
  left: 100%;
  border-width: 0 10px 10px 0;
  border-color: transparent transparent rgba(59, 89, 152, 0.08) transparent;
  top: auto;
  bottom: 0;
}

ideas-chat .chat-item .lawyer {
  padding-left: 15px;
}

.platform-mobile ideas-chat .chat-item .lawyer {
  padding-left: 5px;
}

@media screen and (min-width: 992px) {
  .isDesktop ideas-chat .chat-item .lawyer {
    padding-left: 60px;
  }
}

.isDesktop ideas-chat .chat-item .from-me .lawyer {
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  ideas-chat .avatar {
    display: none;
  }
}

ideas-chat .saved-to-memory {
  color: lightgray;
}

ideas-chat {
  /* Trigger item */
}

ideas-chat .tooltip {
  position: absolute;
  z-index: 999;
  width: 2.2em;
  height: 2.2em;
  cursor: pointer;
  margin-left: auto;
  max-width: 1030px;
}

ideas-chat .tooltip {
  position: relative;
  width: 100%;
  margin-top: 47px;
  margin-bottom: 32px;
}

ideas-chat .tooltip .tooltip-content {
  left: 40px;
  position: absolute;
  background: #74933c;
  z-index: 10;
  width: 320px;
  max-width: 70vw;
  bottom: 50%;
  margin-bottom: 0em;
  padding: 20px 10px;
  border-radius: 20px;
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  pointer-events: auto;
  -webkit-transform-origin: calc(100% + 2em) 50%;
  transform-origin: calc(100% + 2em) 50%;
  -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
  transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
}

ideas-chat .tooltip .tooltip-content::before, ideas-chat .tooltip .tooltip-content::after {
  content: '';
  position: absolute;
}

ideas-chat .tooltip .tooltip-content::before {
  height: 100%;
  width: 3em;
}

ideas-chat .tooltip .tooltip-content::after {
  width: 2em;
  height: 2em;
  margin: -1em 0 0;
  background: url("/assets/img/tooltip-mobile.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 100%;
  left: 30%;
}

ideas-chat .tooltip.ready .tooltip-content {
  opacity: 1;
  -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0deg);
  transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0deg);
}

ideas-chat .listed {
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in-out 0.1s;
  transition: opacity 0.1s ease-in-out 0.1s;
}

ideas-chat.ready .listed {
  opacity: 1;
}

.isDesktop ideas-chat .tooltip .tooltip-content {
  background: #37474f;
}

.isDesktop ideas-chat .tooltip .tooltip-content::after {
  background-image: url("/assets/img/tooltip-desktop.svg");
}

jivo-chat-log {
  position: relative;
  display: block;
  width: 100%;
}

.isDekstop jivo-chat-log content-messages {
  position: relative;
  top: -52px;
  display: block;
}

jivo-chat-log .item-md {
  background: transparent;
}

.isDesktop jivo-chat-log .item-md {
  padding-left: 0;
}

jivo-chat-log .meta {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 0.85em;
  color: #888;
  margin-top: 5px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

jivo-chat-log .meta p {
  font-size: 1em !important;
  line-height: 1.2;
}

jivo-chat-log .chat-item-wrapper,
jivo-chat-log .lawyer,
jivo-chat-log .client {
  width: 95%;
  position: relative;
  max-width: 980px;
  min-width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

jivo-chat-log .client,
jivo-chat-log .lawyer {
  padding-top: 5px;
}

jivo-chat-log .client .meta,
jivo-chat-log .lawyer .meta {
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
  width: 100%;
}

jivo-chat-log .lawyer .meta {
  right: auto;
  left: auto;
  padding-left: 5px;
}

.isDesktop jivo-chat-log .lawyer .meta {
  padding-left: 0;
  right: 0;
  left: 5px;
}

jivo-chat-log .client {
  text-decoration: none;
  margin-left: calc(31px + 48px + 5px);
}

jivo-chat-log .client .meta {
  font-size: 1em;
}

.isDekstop jivo-chat-log .client {
  margin-left: 64px;
}

jivo-chat-log .chat-item-wrapper {
  padding-left: 5px !important;
}

jivo-chat-log .avatar {
  margin-left: 20px;
  margin-right: 6px;
  min-width: 48px;
}

.isDesktop jivo-chat-log .avatar {
  margin-left: 0;
}

@media screen and (max-width: 991px) {
  jivo-chat-log .avatar {
    display: none;
  }
}

jivo-chat-log .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

jivo-chat-log .chat-item p {
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

jivo-chat-log .chat-item .lawyer {
  padding-left: 15px;
}

.platform-mobile jivo-chat-log .chat-item .lawyer {
  padding-left: 5px;
}

@media screen and (min-width: 992px) {
  .isDesktop jivo-chat-log .chat-item .lawyer {
    padding-left: 60px;
  }
}

jivo-chat-log .chat-item .bubble {
  padding: 16px 16px 16px 16px;
  color: #222;
  background: #e9e9e9;
  position: relative;
  width: 100%;
  margin: 0 5px;
  margin-top: 20px;
}

jivo-chat-log .chat-item .bubble .avatar,
jivo-chat-log .chat-item .bubble img {
  max-width: 100%;
  height: auto;
}

jivo-chat-log .chat-item .bubble p {
  width: calc(100% - 20px) !important;
  color: #232323;
}

jivo-chat-log .chat-item .bubble .button {
  margin-bottom: 0;
  float: right;
}

jivo-chat-log .chat-item .bubble .message-box.grid {
  height: 100%;
}

jivo-chat-log .chat-item .bubble .message-box.grid .col:first-child {
  overflow: hidden;
}

jivo-chat-log .chat-item.from-me {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

jivo-chat-log .chat-item.from-me .chat-item-wrapper {
  padding-right: 5px !important;
  padding-left: 0 !important;
}

.isDesktop jivo-chat-log .chat-item.from-me .chat-item-wrapper {
  padding-bottom: 24px;
}

.isDekstop jivo-chat-log .chat-item.from-me .chat-item-wrapper .meta {
  left: 0;
}

.isDekstop jivo-chat-log .chat-item.from-me .chat-item-wrapper .meta.from-client-page {
  left: 5px;
}

jivo-chat-log .chat-item.from-me .chat-item-wrapper .avatar img {
  position: absolute;
  bottom: -8px;
}

jivo-chat-log .chat-item.from-me .chat-item-wrapper,
jivo-chat-log .chat-item.from-me .lawyer {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

jivo-chat-log .chat-item.from-me .chat-item-wrapper .meta,
jivo-chat-log .chat-item.from-me .lawyer .meta {
  right: 0;
  left: 5px;
}

.isDesktop jivo-chat-log .chat-item.from-me .lawyer {
  padding-left: 0;
  margin-top: -26px;
}

jivo-chat-log .chat-item.from-me .avatar {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 6px;
  margin-right: 20px;
  border-radius: 500px;
}

jivo-chat-log .chat-item.from-me .bubble {
  background: rgba(59, 89, 152, 0.08);
}

jivo-chat-log .chat-item.from-me .bubble::before {
  left: 100%;
  border-width: 0 10px 10px 0;
  border-color: transparent transparent rgba(59, 89, 152, 0.08) transparent;
  top: auto;
  bottom: 0;
}

jivo-chat-log .chat-item.from-me .bubble p a {
  color: inherit;
}

.isDekstop jivo-chat-log .chat-item.from-me {
  margin-right: -8px;
}

.isDekstop jivo-chat-log .chat-item.from-me.form .chat-item-wrapper .meta {
  left: 5px;
}

.isDekstop jivo-chat-log .chat-item.from-me .avatar {
  margin-left: 6px;
  margin-right: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

jivo-chat-log .bubble::before {
  content: '';
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #e9e9e9 transparent transparent;
  position: absolute;
  top: 0;
  left: -10px;
}

jivo-chat-log .item-block.group-start:not(.group-end) .avatar img, jivo-chat-log .item-block.group-inner:not(.group-end) .avatar img {
  display: none;
}

jivo-chat-log .item-block.group-start:not(.group-end) .chat-item-wrapper, jivo-chat-log .item-block.group-inner:not(.group-end) .chat-item-wrapper {
  padding-bottom: 0;
}

jivo-chat-log .item-block.group-start:not(.group-end) .label, jivo-chat-log .item-block.group-inner:not(.group-end) .label {
  margin-bottom: 0;
}

jivo-chat-log .item-block.group-inner:not(.group-start):not(.group-end) .chat-item .bubble {
  margin-top: 0;
}

jivo-chat-log .item-block.group-inner:not(.group-start):not(.group-end) .chat-item-wrapper {
  padding-top: 0;
}

jivo-chat-log .item-block.group-end:not(.group-start) .label {
  margin-top: 0;
}

jivo-chat-log .item-block.group-end:not(.group-start) .chat-item .bubble {
  margin-top: 0;
}

mobile-audio-note-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

mobile-audio-note-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

mobile-audio-note-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

mobile-audio-note-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

mobile-audio-note-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

mobile-audio-note-item .item[clientCategory='1'] {
  background: #ffe082;
}

mobile-audio-note-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

mobile-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

mobile-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

mobile-audio-note-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group mobile-audio-note-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-audio-note-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group ion-item-divider + ion-list mobile-audio-note-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-audio-note-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

ion-item-group mobile-audio-note-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col p ion-icon {
  font-size: 0.9em;
  width: 10px;
  line-height: 15px;
  vertical-align: middle;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player {
  height: 34px;
  padding-left: 5px !important;
  padding-top: 0 !important;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button {
  margin-top: 0;
  margin-bottom: 0;
  width: 32px;
  height: 32px;
  justify-self: flex-end;
  display: block;
  margin-left: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button:last-child {
  margin-right: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.count {
  font-size: 0.85em;
  width: auto;
  min-width: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
  pointer-events: none;
  color: #737373;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 1px;
  padding-bottom: 1px;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 1px;
  padding-top: 1px;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-audio-note-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

mobile-audio-note-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

mobile-audio-note-item .item.item-block .item-inner.item-inner ion-label.label.label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

mobile-audio-note-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

mobile-audio-note-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

mobile-audio-note-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

mobile-audio-note-item .item .item-inner .label p .contractDate {
  display: block;
}

mobile-audio-note-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0 !important;
  white-space: nowrap;
  margin-top: 0;
  height: 15px;
  overflow: hidden;
}

mobile-audio-note-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

mobile-audio-note-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  color: #737373;
}

mobile-audio-note-item .item .item-inner .label p.overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

mobile-audio-note-item .item .item-inner .label p span {
  line-height: 15px;
  vertical-align: text-top;
}

mobile-audio-note-item .item .item-inner .label p small {
  line-height: 15px;
  vertical-align: text-bottom;
}

mobile-audio-note-item .item .item-inner .label p span:after {
  content: ' ';
}

mobile-audio-note-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

mobile-audio-note-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

mobile-audio-note-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

mobile-audio-note-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

mobile-audio-note-item .lawyer-value {
  cursor: help;
}

ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  mobile-audio-note-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  mobile-audio-note-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  mobile-audio-note-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  mobile-audio-note-item .item .item-inner .label p .contractDate {
    display: inline-block;
  }
  ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

mobile-audio-note-item:last-child .item .item-inner {
  border-bottom: 0;
}

mobile-audio-note-item .item[track] {
  padding-left: 0;
}

mobile-audio-note-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-audio-note-item p a {
  color: inherit;
}

mobile-audio-note-item [state='fired'] {
  text-decoration: line-through;
}

ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner .label .grid .col .lawyer {
  cursor: help;
}

ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner .label .grid .col.lawyer-wrapper {
  padding-right: 7px;
  text-align: right;
}

@media screen and (max-width: 991px) {
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col {
    padding-left: 5px;
  }
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group
mobile-audio-note-item
.item.item
.item-inner.item-inner
.label
> .grid
> .row
> .col
> .grid
> .row
> .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group mobile-audio-note-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

mobile-call-record-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 16px;
  opacity: 0;
}

mobile-call-record-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

mobile-call-record-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

mobile-call-record-item .item > .item-inner div.buttons:after {
  position: absolute;
  z-index: 1;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 46px;
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.95) 64%, rgba(255, 255, 255, 0) 100%);
}

mobile-call-record-item:hover .item > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

mobile-call-record-item .item[clientCategory='1'] {
  background: #ffe082;
}

mobile-call-record-item .item[clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

mobile-call-record-item .item[clientCategory='1'] > .item-inner div.buttons:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 224, 130, 0)), color-stop(35%, rgba(255, 224, 130, 0.95)), color-stop(64%, rgba(255, 224, 130, 0.95)), to(rgba(255, 224, 130, 0)));
  background: linear-gradient(to top, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.95) 35%, rgba(255, 224, 130, 0.95) 64%, rgba(255, 224, 130, 0) 100%);
}

mobile-call-record-item .item[clientCategory='1'] > .item-inner div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

mobile-call-record-item .item[clientCategory='1'] > .item-inner div.buttons {
  background: rgba(255, 224, 130, 0.9);
}

ion-item-group mobile-call-record-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-call-record-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group ion-item-divider + ion-list mobile-call-record-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-call-record-item .item.item-md .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

ion-item-group mobile-call-record-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col p ion-icon {
  font-size: 0.9em;
  width: 10px;
  line-height: 15px;
  vertical-align: middle;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col {
  padding: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player {
  height: 34px;
  padding-left: 5px !important;
  padding-top: 0 !important;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player vg-player {
  opacity: 0.999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-right: 10px;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 32px;
  height: 32px;
  justify-self: flex-end;
  display: block;
  margin-left: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button:last-child {
  margin-right: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col.play-block .col.player .toggle-button.count {
  font-size: 0.85em;
  width: auto;
  min-width: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
  pointer-events: none;
  color: #737373;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col {
  padding-bottom: 0;
  padding-top: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row:first-of-type > .col {
  padding-top: 1px;
  padding-bottom: 1px;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row:last-of-type > .col {
  padding-bottom: 1px;
  padding-top: 1px;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row {
  padding: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 50%;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-call-record-item .item .item-inner .label > .grid > .row > .col > .grid > .row .grid .row .col:last-of-type {
  padding-right: 0;
}

mobile-call-record-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

mobile-call-record-item .item.item-block .item-inner.item-inner ion-label.label.label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  padding-left: 10px;
}

mobile-call-record-item .item .item-inner .label .grid {
  padding: 0;
  height: 100%;
}

mobile-call-record-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

mobile-call-record-item .item .item-inner .label .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

mobile-call-record-item .item .item-inner .label p .contractDate {
  display: block;
}

mobile-call-record-item .item .item-inner .label p {
  font-size: 1.4rem;
  line-height: 15px;
  color: #222;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0 !important;
  white-space: nowrap;
  margin-top: 0;
  height: 15px;
  overflow: hidden;
}

mobile-call-record-item .item .item-inner .label p a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 100%;
  line-height: 15px;
}

mobile-call-record-item .item .item-inner .label p small {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  color: #737373;
}

mobile-call-record-item .item .item-inner .label p span,
mobile-call-record-item .item .item-inner .label p small {
  vertical-align: baseline;
  line-height: 15px;
}

mobile-call-record-item .item .item-inner .label p span:after {
  content: ' ';
}

mobile-call-record-item .item .item-inner .label p span:last-of-type:after {
  display: none;
}

mobile-call-record-item .item .item-inner .label p a {
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
}

mobile-call-record-item .item .item-inner .grid .col {
  padding: 2px 10px;
  line-height: 16px;
}

mobile-call-record-item .item .item-inner .grid .col:last-child {
  padding: 5px 5px 5px 10px;
}

mobile-call-record-item .lawyer-value {
  cursor: help;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.buttons {
  padding: 0;
  justify-self: flex-end;
}

@media screen and (max-width: 991px) {
  mobile-call-record-item .item .item-inner .grid .col {
    padding: 0 10px;
  }
  mobile-call-record-item .item .item-inner .grid .col:first-child {
    padding-top: 5px;
  }
  mobile-call-record-item .item .item-inner .grid .col:last-child {
    padding: 0 10px;
  }
  mobile-call-record-item .item .item-inner .label p .contractDate {
    display: inline-block;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col[col-lg] {
    max-width: 100%;
  }
}

mobile-call-record-item:last-child .item .item-inner {
  border-bottom: 0;
}

mobile-call-record-item .item[track] {
  padding-left: 0;
}

mobile-call-record-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-call-record-item p a {
  color: inherit;
}

mobile-call-record-item [state='fired'] {
  text-decoration: line-through;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label .grid .col p.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label .grid .col .pre-lawyer {
  vertical-align: baseline;
  line-height: unset;
  display: inline;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label .grid .col .lawyer {
  cursor: help;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label .grid .col .lawyer > small {
  vertical-align: baseline;
  line-height: unset;
  display: inline;
}

ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label .grid .col.lawyer-wrapper {
  padding-right: 7px;
  text-align: right;
}

@media screen and (max-width: 991px) {
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col {
    padding-left: 5px;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col > .grid > .row > .col {
    padding-left: 0;
    padding-top: 0;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col > .grid > .row > .col.empty {
    display: none;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col > .grid > .row > .col.short {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    padding-left: 5px;
    padding-right: 0;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col > .grid > .row > .col[col-12] {
    padding-right: 0;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label > .grid > .row > .col > .grid > .row > .col.buttons {
    height: 16px;
    -webkit-box-ordinal-group: 102;
    -webkit-order: 101;
    -ms-flex-order: 101;
    order: 101;
  }
  ion-item-group mobile-call-record-item .item.item .item-inner.item-inner .label {
    position: relative;
  }
}

mobile-client-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

ion-item-group mobile-client-item ion-item-sliding .item-block,
ion-item-group mobile-client-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-client-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-client-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-client-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-client-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-client-item ion-item-sliding .item-block:after,
ion-item-group mobile-client-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-client-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-client-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-client-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-client-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-client-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-client-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-client-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

ion-item-group mobile-client-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

ion-item-group mobile-client-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group mobile-client-item .item[track="2"]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

ion-item-group mobile-client-item .item[track="3"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

ion-item-group mobile-client-item .item[track="4"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group mobile-client-item .item .label {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-client-item [archive='true'] .label {
  border-left-color: #d6e9f9;
}

ion-item-group mobile-client-item [archive='true']:before {
  border-left-color: #d6e9f9;
}

ion-item-group mobile-client-item .item.item .note,
ion-item-group mobile-client-item .item.item p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

ion-item-group mobile-client-item .item.item .item-inner.item-inner p {
  /*margin-bottom: 0;*/
  line-height: 16px;
  color: #212121;
}

ion-item-group mobile-client-item .item.item .item-inner.item-inner .note {
  font-size: 0.9em;
  color: #a7a7a7;
}

mobile-client-item [clientCategory='1'] {
  background: rgba(255, 224, 130, 0.21);
}

mobile-client-item [clientCategory='1'] .item-inner .label p small {
  color: #737373;
}

.list mobile-client-status-item [done='4']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

mobile-client-status-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-client-status-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-client-status-item .item[track="4"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

.list-ios > mobile-client-status-item:last-child {
  border-bottom: 1px solid #c8c7cc;
}

.list-md > mobile-client-status-item:last-child {
  border-bottom: 1px solid #dedede;
}

mobile-client-status-item {
  display: block;
}

mobile-client-status-item ion-item-sliding .item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #dedede;
  width: 16px;
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

ion-item-group mobile-client-status-item:last-child .item-block:after {
  display: none;
}

mobile-client-status-item ion-item-sliding.active-slide .item-block:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

ion-item-group mobile-client-status-item .item.item {
  min-height: unset;
}

ion-item-group mobile-client-status-item .item.item .label {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-client-status-item .item.item:first-child .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-client-status-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

ion-item-group ion-item-divider + ion-list mobile-client-status-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
  /*padding-right: 10px;*/
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .grid {
  padding: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .grid .row {
  padding: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .grid .row .col {
  padding: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col {
  padding-left: 5px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner p {
  margin-bottom: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 8px;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .row.mb-10:last-child {
  margin-bottom: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .row.mb-10:first-child {
  margin-bottom: 8px;
}

ion-item-group mobile-client-status-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .datetime > p {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .datetime .date {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .datetime .time {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 8px;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .datetime .lawyer {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
}

ion-item-group mobile-client-status-item .item.item .item-inner.item-inner .status-name {
  color: rgba(0, 0, 0, 0.87);
}

.list-ios > mobile-client-task-item:last-child,
.list-md > mobile-client-task-item:last-child {
  border-bottom: none;
}

mobile-client-task-item {
  display: block;
}

mobile-client-task-item.is-appearing {
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

mobile-client-task-item .on-vacation {
  color: #d63535;
}

ion-item-group mobile-client-task-item ion-item-sliding .item-block,
ion-item-group mobile-client-task-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-client-task-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-client-task-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-client-task-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-client-task-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-client-task-item ion-item-sliding .item-block:after,
ion-item-group mobile-client-task-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-client-task-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-client-task-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-client-task-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-client-task-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-client-task-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-client-task-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-client-task-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

mobile-client-task-item .item.item-block {
  min-height: 38px;
}

ion-item-group mobile-client-task-item .item.item .label {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid {
  padding: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid .row {
  padding: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid .row .col {
  padding: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col {
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row:first-child > .col > .grid > .row > .col p {
  color: rgba(0, 0, 0, 0.87);
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row:not(:first-child) > .col > .grid > .row > .col p {
  font-size: 0.9em;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
  width: 18px;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .grid > .row > .col > .grid > .row > .col:first-of-type > .icon {
  line-height: 19px;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner p {
  margin-bottom: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner p.wrap {
  white-space: normal;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner p.wrap {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: normal;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .mb-10 {
  margin-bottom: 5px;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .mb-10 .col {
  margin-bottom: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .mb-10:last-child {
  margin-bottom: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .row.mb-10:last-child .mb-10 {
  margin-bottom: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .datetime > p {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .datetime .date {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .datetime .time {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 8px;
}

ion-item-group mobile-client-task-item .item.item .item-inner.item-inner .datetime .lawyer {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
}

mobile-client-task-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-client-task-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-client-task-item .item[track="2"]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

mobile-client-task-item .item[track="3"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

mobile-client-task-item .item[track="4"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

mobile-client-task-item .transfers-toggle-link {
  color: #03151a;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

mobile-client-task-item .transfers-toggle-link:hover {
  text-decoration: underline;
  opacity: 0.8;
}

mobile-client-task-item .transfers-toggle-link:active {
  opacity: 0.6;
}

mobile-client-task-item .hidden-indicator {
  color: #888;
  font-style: italic;
}

@keyframes taskFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-height: 200px;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

mobile-client-task-item.is-deleting {
  -webkit-animation: taskFadeOut 0.5s ease-in forwards !important;
  animation: taskFadeOut 0.5s ease-in forwards !important;
  pointer-events: none;
}

@-webkit-keyframes itemFadeIn {
  0% {
    background-color: #ffffc8;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes itemFadeIn {
  0% {
    background-color: #ffffc8;
  }
  100% {
    background-color: transparent;
  }
}

mobile-client-task-item.new-task-fade .item,
mobile-client-task-item.changed-task-fade .item {
  -webkit-animation: itemFadeIn 2s ease-out forwards !important;
  animation: itemFadeIn 2s ease-out forwards !important;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element {
  padding-left: 12px;
  min-height: unset;
  height: 100%;
  color: white;
  background: transparent;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element.item-divider {
  border-bottom: none;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element .item-inner {
  border-bottom: none;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element .item-inner .label {
  font-size: 0.6em;
  margin-top: 0;
  margin-bottom: 0;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element .label,
.bar-wrapper mobile-client-toolbar .client-toolbar-element p {
  color: inherit;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element mobile-text-list-item {
  padding: 0 !important;
  white-space: nowrap;
}

.bar-wrapper mobile-client-toolbar .client-toolbar-element mobile-text-list-item p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}

mobile-date-picker {
  padding: 0 0.3em;
  display: block;
}

mobile-date-picker .datepicker-mobile {
  background: rgba(0, 0, 0, 0.09) !important;
  margin: 0 auto;
  width: 100%;
  max-width: 340px;
  border-radius: 4px;
}

mobile-date-picker .datepicker-mobile .item {
  padding-left: 0;
  padding-right: 0;
}

mobile-date-picker .datepicker-mobile .item .item-inner {
  padding-left: 0;
  padding-right: 0;
}

mobile-date-picker .datepicker-mobile ion-datetime {
  font-size: 0.85em;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
  height: 34px;
  vertical-align: middle;
  line-height: 34px;
}

mobile-date-picker .datepicker-mobile .col:last-child {
  position: relative;
}

mobile-date-picker .datepicker-mobile .col:last-child:before {
  position: absolute;
  top: 50%;
  left: -5px;
  font-size: 0.9em;
  line-height: 1ex;
  display: block;
  vertical-align: middle;
  margin-top: -0.5ex;
  content: ' — ';
  color: #fff;
}

.md mobile-date-picker .datetime-text {
  color: #fff;
}

.md mobile-date-picker .datepicker-mobile.grid {
  height: 34px;
  padding: 0;
  border-radius: 2px;
}

.md mobile-date-picker .datepicker-mobile.grid .row {
  padding: 0;
  height: 34px;
}

.md mobile-date-picker .datepicker-mobile.grid .row .col {
  padding: 0;
}

.md mobile-date-picker .datepicker-mobile .item {
  background: transparent;
}

.md mobile-date-picker .datepicker-mobile.grid,
.md mobile-date-picker .datepicker-mobile .grid,
.md mobile-date-picker .datepicker-mobile .item,
.md mobile-date-picker .datepicker-mobile .item .input-wrapper {
  height: 34px;
  min-height: unset;
}

.md mobile-date-picker .datepicker-mobile {
  max-width: calc(100% - 10px);
}

.md mobile-date-picker .datepicker-mobile .item .input-wrapper ion-datetime {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  font-size: 0.79em;
}

.ios mobile-date-picker .datetime-text {
  vertical-align: baseline;
  color: #fff;
}

.ios mobile-date-picker .datepicker-mobile {
  border-radius: 4px;
}

.ios mobile-date-picker .datepicker-mobile.grid,
.ios mobile-date-picker .datepicker-mobile .grid,
.ios mobile-date-picker .datepicker-mobile .item,
.ios mobile-date-picker .datepicker-mobile .item .input-wrapper {
  height: 32px;
  min-height: unset;
}

.ios mobile-date-picker .datepicker-mobile .item .input-wrapper ion-datetime {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  font-size: 0.79em;
}

.ios mobile-date-picker .datepicker-mobile .col:last-child:before {
  margin-top: -0.5ex;
}

.ios mobile-date-picker .datepicker-mobile.grid {
  height: 32px;
  padding: 0;
}

.ios mobile-date-picker .datepicker-mobile.grid .row {
  padding: 0;
  height: 32px;
}

.ios mobile-date-picker .datepicker-mobile.grid .row .col {
  padding: 0;
}

.ios mobile-date-picker .datepicker-mobile .item {
  background: transparent;
}

mobile-date-picker {
  padding: 0 0.3em;
  display: block;
}

mobile-date-picker .datetime-text {
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 1.4rem;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 10px 0;
}

mobile-date-picker .datepicker-mobile {
  background: rgba(0, 0, 0, 0.09) !important;
  margin: 0 auto;
  width: 100%;
  max-width: 340px;
}

mobile-date-picker .datepicker-mobile .item {
  padding-left: 0;
  padding-right: 0;
}

mobile-date-picker .datepicker-mobile .item .item-inner {
  padding-left: 0;
  padding-right: 0;
}

mobile-date-picker .datepicker-mobile ion-datetime {
  font-size: 0.85em;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
}

mobile-date-picker .datepicker-mobile .col:last-child {
  position: relative;
}

mobile-date-picker .datepicker-mobile .col:last-child:before {
  position: absolute;
  top: 50%;
  left: -5px;
  font-size: 0.9em;
  line-height: 1ex;
  display: block;
  vertical-align: middle;
  margin-top: -0.5ex;
  content: ' — ';
  color: white;
}

.ios mobile-date-picker .datepicker-mobile {
  border-radius: 4px;
}

mobile-delegated-contracts-list .label {
  margin-top: 8px;
  margin-bottom: 0;
}

mobile-delegated-contracts-list .contract-details.grid {
  padding-left: 11px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
}

mobile-delegated-contracts-list .contract-details.grid small {
  display: block;
  margin-bottom: 4px;
  line-height: 1.4;
}

mobile-delegated-contracts-list .contract-details.grid small strong {
  color: rgba(0, 0, 0, 0.7);
}

mobile-delegated-contracts-list .contract-details.grid p {
  margin: 4px 0 0 0;
  font-size: 13px;
  white-space: pre-wrap;
}

mobile-delegated-contracts-list .contract-details.grid .col small strong {
  display: block;
}

mobile-deleted-task-item {
  display: block;
}

ion-item-group mobile-deleted-task-item .item.item {
  position: relative;
  padding-left: 0;
}

ion-item-group mobile-deleted-task-item .item.item:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-deleted-task-item .item.item .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group ion-item-divider + ion-list > mobile-deleted-task-item:first-child .item.item:after {
  display: none;
}

mobile-deleted-task-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
}

mobile-deleted-task-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-deleted-task-item .item[track="2"]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

mobile-deleted-task-item .item[track="3"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

mobile-deleted-task-item .item[track="4"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

mobile-deleted-task-item .item[track='4'] .item-inner .label p {
  color: #212121;
}

mobile-deleted-task-item .item[track='4'].item .type,
mobile-deleted-task-item .item[track='4'].item p {
  color: rgba(0, 0, 0, 0.87);
}

mobile-deleted-task-item .item:first-child .item-inner .date {
  margin-right: 10px;
}

mobile-deleted-task-item .item:first-child .item-inner .time {
  text-align: right;
  float: right;
}

mobile-deleted-task-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

mobile-deleted-task-item .item .item-inner .label .note,
mobile-deleted-task-item .item .item-inner .label p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}

mobile-deleted-task-item .item .item-inner .label .note {
  font-size: 0.9em;
  color: #a7a7a7;
}

mobile-deleted-task-item .item .item-inner .label p {
  color: #212121;
  line-height: 16px;
}

mobile-deleted-task-item .item .item-inner .label p.original-date {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

mobile-deleted-task-item .item .item-inner .label p.original-date strong {
  padding-right: 5px;
}

mobile-deleted-task-item .item .item-inner .label > .grid {
  padding: 0;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col {
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 2px;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col:first-of-type {
  padding-top: 0;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid {
  padding: 0;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

mobile-deleted-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 5px;
}

mobile-deleted-task-item .item .item-inner .task-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

mobile-deleted-task-item .item .item-inner .datetime {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  text-align: right;
  height: 16px;
}

mobile-deleted-task-item .item .item-inner .datetime > p {
  display: inline-block;
  width: auto;
}

mobile-deleted-task-item .item .item-inner .datetime > p > span {
  display: inline-block;
  vertical-align: middle;
}

mobile-deleted-task-item .item .item-inner .datetime .lawyer {
  margin-left: 5px;
  width: 43px;
  text-align: left;
}

mobile-deleted-task-item .item .item-inner .datetime .time {
  margin-left: 5px;
}

mobile-deleted-task-item .item .item-inner .datetime .time + .lawyer {
  margin-left: 8px;
}

mobile-dialog-item {
  display: block;
}

ion-item-group mobile-dialog-item ion-item-sliding .item-block,
ion-item-group mobile-dialog-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-dialog-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-dialog-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-dialog-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-dialog-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-dialog-item ion-item-sliding .item-block:after,
ion-item-group mobile-dialog-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-dialog-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-dialog-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-dialog-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-dialog-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-dialog-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-dialog-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-dialog-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

mobile-dialog-item .item-block {
  padding-left: 16px;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 {
  display: block;
  margin-bottom: 0;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.3rem;
  line-height: 15px;
  height: 15px;
  margin-bottom: 2px;
  margin-top: 0;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 .fio-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 15px;
  height: 15px;
  max-width: 100%;
  overflow: hidden;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 .client-fio {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 .icon-wrapper {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 15px;
  height: 15px;
  width: 15px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  margin-right: 0.1ex;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 .icon-wrapper .icon {
  width: 14px;
  display: block;
  text-align: center;
  height: 14px;
  font-size: 16px;
  line-height: 14px;
}

mobile-dialog-item .item.item .item-inner.item-inner h4 .icon-wrapper .icon:before {
  line-height: inherit;
  display: inline-block;
}

mobile-dialog-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

mobile-dialog-item .item.item .item-inner.item-inner .label p.answer,
mobile-dialog-item .item.item .item-inner.item-inner .label p.question,
mobile-dialog-item .item.item .item-inner.item-inner .label p.time {
  font-size: 12px;
  color: grey;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

mobile-dialog-item .item.item .item-inner.item-inner .label ion-note {
  min-width: 50px;
  font-size: 10px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  vertical-align: baseline;
  margin-top: 0;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 8px;
}

mobile-dialog-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
}

mobile-dialog-item .item.item .item-inner.item-inner .label .grid .row .col {
  height: 16px;
}

mobile-dialog-item .item.item .item-inner.item-inner .label .grid .row:first-of-type .col {
  height: 18px;
}

mobile-dialog-item .item.item .item-inner.item-inner .label .grid .col {
  padding: 0;
}

mobile-dialog-item ion-item-sliding .item .label {
  padding-left: 0;
}

mobile-dialog-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid rgba(189, 189, 189, 0.5);
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-dialog-item .item[unanswered="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-dialog-item .item[unanswered='1'][categoryFlag='null']:before,
mobile-dialog-item .item[unanswered='1']:not([categoryFlag]):before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-dialog-item .item[unanswered='1'][categoryFlag='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

mobile-dialog-item .item[unanswered='1'][categoryFlag='3']:before {
  border-left-color: #d6e9f9;
}

mobile-dialog-item .item[unanswered='0']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group mobile-lawyer-meeting-item ion-item-sliding .item-block,
ion-item-group mobile-lawyer-meeting-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-lawyer-meeting-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-lawyer-meeting-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-lawyer-meeting-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-lawyer-meeting-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-lawyer-meeting-item ion-item-sliding .item-block:after,
ion-item-group mobile-lawyer-meeting-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-lawyer-meeting-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-lawyer-meeting-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label {
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid {
  padding: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col {
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 2px;
  white-space: normal;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col:first-of-type {
  padding-top: 0;
  white-space: nowrap;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col > .grid {
  padding: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col > .grid > .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col.datetime {
  padding-right: 5px;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label .note,
ion-item-group mobile-lawyer-meeting-item .item .item-inner .label p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label .note {
  font-size: 0.9em;
  color: #a7a7a7;
  white-space: normal;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label .note > span {
  display: block;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label .note + .note {
  margin-top: 8px;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label .height-limited {
  max-width: calc(100%);
  height: auto;
  margin: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

ion-item-group mobile-lawyer-meeting-item .item .item-inner .label p {
  color: #212121;
  line-height: 16px;
}

ion-item-group mobile-lawyer-meeting-item .item[track='4'] .item-inner .label p {
  color: #888;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime {
  height: 16px;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime > p {
  display: inline-block;
  width: auto;
  height: 16px;
  line-height: 15px;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime > p > span {
  display: inline-block;
  vertical-align: middle;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime .lawyer {
  margin-left: auto;
  width: 45px;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime .time {
  margin-left: auto;
}

ion-item-group mobile-lawyer-meeting-item .item.item .item-inner.item-inner .datetime .time + .lawyer {
  margin-left: 8px;
}

mobile-lawyer-meeting-item {
  display: block;
}

mobile-lawyer-meeting-item [track='4'].item .type,
mobile-lawyer-meeting-item [track='4'].item p {
  color: rgba(0, 0, 0, 0.87);
}

mobile-lawyer-meeting-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-lawyer-meeting-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-lawyer-meeting-item .item[track="2"]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

mobile-lawyer-meeting-item .item[track="3"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

mobile-lawyer-meeting-item .item[track="4"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

mobile-lawyer-meeting-item .item[track="empty"]:before {
  border-left-color: rgba(0, 78, 151, 0.5);
}

mobile-meeting-item {
  display: block;
}

ion-item-group mobile-meeting-item ion-item-sliding .item-block,
ion-item-group mobile-meeting-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-meeting-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-meeting-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-meeting-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-meeting-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-meeting-item ion-item-sliding .item-block:after,
ion-item-group mobile-meeting-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-meeting-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-meeting-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-meeting-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-meeting-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-meeting-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-meeting-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-meeting-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

ion-item-group mobile-meeting-item .item-block {
  min-height: unset;
}

ion-item-group mobile-meeting-item .item.item .note {
  font-size: 0.9em;
  color: #a7a7a7;
}

ion-item-group mobile-meeting-item .item.item .note.no-fio {
  color: inherit;
}

ion-item-group mobile-meeting-item .item.item .height-limited {
  max-width: calc(100%);
  height: auto;
  margin: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

ion-item-group mobile-meeting-item .item.item .label {
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-meeting-item .item.item .grid {
  padding: 0;
}

ion-item-group mobile-meeting-item .item.item .grid .col {
  padding: 0 5px 0 0;
}

ion-item-group mobile-meeting-item .item.item .grid > .row > .col > .grid > .row > .col:last-child {
  padding-left: 5px;
  padding-right: 0;
}

ion-item-group mobile-meeting-item .item.item .label,
ion-item-group mobile-meeting-item .item.item .label p {
  color: #565656;
}

ion-item-group mobile-meeting-item .item.item.today .label,
ion-item-group mobile-meeting-item .item.item.today .label p {
  color: #004e97;
}

ion-item-group mobile-meeting-item .item.item .time {
  text-align: right;
  min-width: 45px;
}

ion-item-group mobile-meeting-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

ion-item-group mobile-meeting-item .item[late="true"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

ion-item-group mobile-meeting-item .item[unused="true"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

ion-item-group mobile-meeting-item .item[today="true"]:before {
  border-left-color: #004e97;
}

ion-item-group mobile-meeting-item .item.item.today .label,
ion-item-group mobile-meeting-item .item.item.today .label p {
  color: #333;
}

ion-item-group mobile-meeting-item .item.item.today .note {
  color: #777;
}

ion-item-group mobile-meeting-item .item.item.today .note.no-fio {
  color: inherit;
}

ion-item-group mobile-meeting-item .item-wrapper[hasPhone='true']:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-right: 3px solid #74933c;
  opacity: 0.4;
}

mobile-meeting-item ion-item-group mobile-meeting-item.new-meeting-fade .item,
mobile-meeting-item ion-item-group mobile-meeting-item.new-meeting-fade .item .item-inner {
  background-color: #ffffc8;
  background-image: linear-gradient(to top, #ffffc8 1px, transparent 1px) !important;
  -webkit-transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
  transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
}

mobile-meeting-item ion-item-group mobile-meeting-item.changed .item,
mobile-meeting-item ion-item-group mobile-meeting-item.changed .item .item-inner {
  background-color: #ffffc8;
  background-image: linear-gradient(to top, #ffffc8 1px, transparent 1px) !important;
  -webkit-transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
  transition: background-color 1.5s ease-out, background-image 1.5s ease-out;
}

@-webkit-keyframes mobileMeetingFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

@keyframes mobileMeetingFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
}

mobile-meeting-item mobile-meeting-item.is-deleting {
  -webkit-animation: mobileMeetingFadeOut 0.5s ease-in forwards !important;
  animation: mobileMeetingFadeOut 0.5s ease-in forwards !important;
  pointer-events: none;
}

mobile-search-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

mobile-search-select .select-text {
  text-align: left;
}

mobile-search-select-alert {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

mobile-search-select-alert.alert-ios .alert-wrapper,
mobile-search-select-alert.alert-md .alert-wrapper,
mobile-search-select-alert.alert-wp .alert-wrapper {
  width: 70vw;
  min-width: 270px;
  max-width: calc(100vw - 48px);
  overflow: hidden;
}

mobile-search-select-alert.alert-ios .alert-radio-group,
mobile-search-select-alert.alert-md .alert-radio-group,
mobile-search-select-alert.alert-wp .alert-radio-group {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: 300px;
  overflow-x: hidden !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: auto;
}

mobile-search-select-alert .searchbar-ios,
mobile-search-select-alert .searchbar-md,
mobile-search-select-alert .searchbar-wp {
  min-height: 0;
  padding: 0 12px 8px;
  background: transparent;
  border: 0;
}

mobile-search-select-alert .searchbar-ios .searchbar-search-icon,
mobile-search-select-alert .searchbar-md .searchbar-search-icon,
mobile-search-select-alert .searchbar-wp .searchbar-search-icon {
  top: 50% !important;
  left: 8px !important;
  margin: 0 !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

mobile-search-select-alert .searchbar-ios .searchbar-input,
mobile-search-select-alert .searchbar-md .searchbar-input,
mobile-search-select-alert .searchbar-wp .searchbar-input {
  height: 32px;
  padding: 0 8px 0 28px !important;
  font-size: 15px;
  text-align: left;
}

mobile-search-select-alert ion-item-divider.item-divider {
  position: static;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 10px 16px 2px 13px !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #8e8e93;
  background: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
}

mobile-search-select-alert .alert-radio-label,
mobile-search-select-alert .alert-tappable,
mobile-search-select-alert ion-searchbar,
mobile-search-select-alert .searchbar-input-container,
mobile-search-select-alert .searchbar-input {
  max-width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

mobile-search-select-alert .alert-tappable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

mobile-search-select-alert .alert-radio-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  width: 30px;
  min-width: 30px;
  height: auto;
  position: relative;
}

mobile-search-select-alert[class*='alert-'] [aria-checked='true'] .alert-radio-inner {
  position: static;
  top: auto;
  left: auto;
  margin-top: -2px;
}

mobile-task-item {
  display: block;
  will-change: opacity;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
  opacity: 0;
}

ion-item-group mobile-task-item ion-item-sliding .item-block,
ion-item-group mobile-task-item button.item.item-block {
  position: relative;
}

ion-item-group mobile-task-item ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group mobile-task-item button.item.item-block .item-inner.item-inner {
  border-top: none;
  border-bottom: none;
}

ion-item-group mobile-task-item ion-item-sliding .item-block.item-md .item-inner.item-inner,
ion-item-group mobile-task-item button.item.item-block.item-md .item-inner.item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

ion-item-group mobile-task-item ion-item-sliding .item-block:after,
ion-item-group mobile-task-item button.item.item-block:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

ion-item-group mobile-task-item ion-item-sliding.active-slide .item-block:after {
  left: 0;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

ion-item-group ion-item-divider + ion-list > mobile-task-item:last-child ion-item-sliding .item-block:after,
ion-item-group ion-item-divider + ion-list > mobile-task-item:last-child button.item.item-block:after {
  display: none;
}

ion-item-group ion-item-divider + ion-list > mobile-task-item:last-child ion-item-sliding .item-block .item-inner.item-inner,
ion-item-group ion-item-divider + ion-list > mobile-task-item:last-child button.item.item-block .item-inner.item-inner {
  border-bottom: none !important;
}

ion-item-group ion-item-divider + ion-list > mobile-task-item:first-child ion-item-sliding .item-block,
ion-item-group ion-item-divider + ion-list > mobile-task-item:first-child button.item.item-block {
  border-top: 1px solid #dedede;
}

ion-item-group mobile-task-item .item.item {
  min-height: 42px;
}

ion-item-group mobile-task-item .item.item .label p {
  line-height: 16px;
}

ion-item-group mobile-task-item .item .item-inner .label {
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid {
  padding: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col {
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 2px;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col:first-of-type {
  padding-top: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col > .grid {
  padding: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:first-of-type {
  padding-left: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col.datetime {
  padding-right: 10px;
}

ion-item-group mobile-task-item .item .item-inner .label > .grid > .row > .col > .grid > .row > .col.datetime {
  padding-right: 5px;
}

ion-item-group mobile-task-item .item .item-inner .label .note,
ion-item-group mobile-task-item .item .item-inner .label p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}

ion-item-group mobile-task-item .item .item-inner .label p {
  color: #212121;
}

ion-item-group mobile-task-item .item .item-inner .label .note {
  font-size: 0.9em;
  color: #a7a7a7;
}

ion-item-group mobile-task-item .item[track='4'] .item-inner .label p {
  color: #888;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .task-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  text-align: right;
  height: 15px;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime > p {
  display: inline-block;
  width: auto;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime > p > strong {
  line-height: inherit;
  vertical-align: baseline;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime > p > span {
  display: inline-block;
  vertical-align: middle;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime .lawyer {
  margin-left: 5px;
  width: 43px;
  text-align: left;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime .time {
  margin-left: 5px;
}

ion-item-group mobile-task-item .item.item .item-inner.item-inner .datetime .time + .lawyer {
  margin-left: 8px;
}

mobile-task-item .lawyer .on-vacation {
  color: #d63535;
}

mobile-task-item .item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto;
  border-left: 2px solid #d6e9f9;
  border-width: 3px;
  bottom: 2px;
  top: 2px;
  left: 4px;
}

mobile-task-item .item[track="1"]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

mobile-task-item .item[track="2"]:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

mobile-task-item .item[track="3"]:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

mobile-task-item .item[track="4"]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

mobile-task-item [track='4'].item .type,
mobile-task-item [track='4'].item p {
  color: rgba(0, 0, 0, 0.87);
}

mobile-task-item ion-item-sliding[clientCategory='1'] .item {
  background: rgba(255, 224, 130, 0.21);
}

mobile-task-item ion-item-sliding[clientCategory='1'] .item .item-inner .label p small {
  color: #737373;
}

mobile-task-item .item {
  -webkit-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

mobile-task-item.changed-task-fade .item {
  background-color: #ffffc8;
}

mobile-task-item.is-deleting {
  -webkit-animation: mobileTaskFadeOut 0.5s ease-in forwards;
  animation: mobileTaskFadeOut 0.5s ease-in forwards;
  pointer-events: none;
}

@-webkit-keyframes mobileTaskFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
  }
}

@keyframes mobileTaskFadeOut {
  0% {
    opacity: 1;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
  }
}

neuro-uap-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
}

neuro-uap-icon .neuro-uap-icon-svg {
  width: 1em;
  height: 1em;
  display: block;
}

neuro-uap-modal {
  display: block;
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

neuro-uap-modal[hidden] {
  display: none !important;
}

neuro-uap-modal ::-moz-selection {
  background: rgba(95, 149, 47, 0.2);
}

neuro-uap-modal ::selection {
  background: rgba(95, 149, 47, 0.2);
}

neuro-uap-modal button,
neuro-uap-modal input,
neuro-uap-modal textarea,
neuro-uap-modal select {
  font-family: inherit;
}

neuro-uap-modal button,
neuro-uap-modal [role="button"] {
  -webkit-transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}

neuro-uap-modal .btn-topbar-menu:active:not(:disabled),
neuro-uap-modal .btn-topbar-refresh:active:not(:disabled),
neuro-uap-modal .btn-topbar-minimize:active:not(:disabled) {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

neuro-uap-modal .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

neuro-uap-modal .neuro-uap-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: rgba(20, 20, 20, 0.18);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 220ms ease-out;
  transition: opacity 220ms ease-out;
}

neuro-uap-modal .neuro-uap-modal-window {
  width: 100vw;
  height: 100dvh;
  background: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: modal-swipe-up-in 280ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation: modal-swipe-up-in 280ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

neuro-uap-modal .neuro-uap-modal-window.is-collapsing {
  -webkit-animation: modal-swipe-down-out 240ms cubic-bezier(0.4, 0, 1, 1) forwards;
  animation: modal-swipe-down-out 240ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

neuro-uap-modal .neuro-uap-modal-backdrop.is-collapsing {
  opacity: 0;
  -webkit-transition: opacity 220ms ease-in;
  transition: opacity 220ms ease-in;
}

neuro-uap-modal .modal-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}

neuro-uap-modal .chat-shell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  color: #141414;
  background: linear-gradient(90deg, transparent 49px, rgba(95, 149, 47, 0.025) 50px, transparent 51px), linear-gradient(rgba(95, 149, 47, 0.018) 1px, transparent 1px), #f7f7f7;
  background-size: 100% 100%, 100% 32px, 100% 100%;
}

neuro-uap-modal .chat-sidebar {
  width: 286px;
  min-width: 286px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #141414;
  background: #ffffff;
  border-right: 1px solid #ebebeb;
  -webkit-box-shadow: 10px 0 30px rgba(20, 20, 20, 0.025);
  box-shadow: 10px 0 30px rgba(20, 20, 20, 0.025);
}

neuro-uap-modal .chat-sidebar neuro-uap-sidebar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  height: 100%;
}

@media (max-width: 767px) {
  neuro-uap-modal .chat-sidebar {
    display: none;
  }
}

neuro-uap-modal .chat-main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

neuro-uap-modal .chat-topbar {
  height: calc(66px + env(safe-area-inset-top, 0px));
  min-height: calc(66px + env(safe-area-inset-top, 0px));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  padding: env(safe-area-inset-top, 0px) 24px 0;
  border-bottom: 1px solid #ebebeb;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

neuro-uap-modal .chat-topbar .topbar-title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

neuro-uap-modal .chat-topbar .btn-topbar-menu {
  display: none;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #141414;
  font-size: 20px;
  -webkit-transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

neuro-uap-modal .chat-topbar .btn-topbar-menu:hover {
  background: #eef5e8;
}

@media (max-width: 767px) {
  neuro-uap-modal .chat-topbar .btn-topbar-menu {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

neuro-uap-modal .chat-topbar .topbar-title-text {
  min-width: 0;
}

neuro-uap-modal .chat-topbar .chat-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-modal .chat-topbar .generating-status {
  margin: 4px 0 0;
  font-size: 9.76px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: rgba(20, 20, 20, 0.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-modal .chat-topbar .topbar-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

neuro-uap-modal .chat-topbar .btn-topbar-refresh {
  width: 36px;
  height: 36px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #141414;
  font-size: 18px;
  -webkit-transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

neuro-uap-modal .chat-topbar .btn-topbar-refresh:hover {
  background: #eef5e8;
}

neuro-uap-modal .chat-topbar .btn-topbar-minimize {
  height: 36px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #141414;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background 160ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

neuro-uap-modal .chat-topbar .btn-topbar-minimize:hover {
  background: #eef5e8;
}

neuro-uap-modal .chat-history-sheet {
  position: absolute;
  inset: 0;
  z-index: 40;
}

neuro-uap-modal .chat-history-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.18);
}

neuro-uap-modal .chat-history-sheet-panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 86vw;
  max-width: 320px;
  padding-top: env(safe-area-inset-top, 0px);
  border: 0;
  background: #ffffff;
  padding: 0;
  -webkit-box-shadow: 10px 0 30px rgba(20, 20, 20, 0.08);
  box-shadow: 10px 0 30px rgba(20, 20, 20, 0.08);
  overflow: hidden;
}

neuro-uap-modal .chat-history-sheet-panel neuro-uap-sidebar {
  height: 100%;
}

neuro-uap-modal neuro-uap-welcome {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

@media (max-width: 767px) {
  neuro-uap-modal .chat-shell {
    background-size: 100% 100%, 100% 30px, 100% 100%;
  }
  neuro-uap-modal .chat-topbar {
    height: calc(58px + env(safe-area-inset-top, 0px));
    min-height: calc(58px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) 12px 0;
  }
}

@media (max-width: 767px) and (max-width: 420px) {
  neuro-uap-modal .btn-topbar-minimize {
    padding: 0 6px;
  }
  neuro-uap-modal .btn-topbar-minimize .minimize-text {
    display: none;
  }
}

@-webkit-keyframes modal-swipe-up-in {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes modal-swipe-up-in {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes modal-swipe-down-out {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes modal-swipe-down-out {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

neuro-uap-widget-button {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

neuro-uap-widget-button .neuro-uap-fab-wrapper {
  position: fixed;
  bottom: 120px;
  right: 20px;
  z-index: 999;
}

neuro-uap-widget-button .neuro-uap-fab-btn {
  width: 60px;
  height: 60px;
  border: 1px solid #e3eddc;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 16px rgba(20, 20, 20, 0.16);
  box-shadow: 0 4px 16px rgba(20, 20, 20, 0.16);
  color: #141414;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s ease;
}

neuro-uap-widget-button .neuro-uap-fab-btn:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-box-shadow: 0 6px 20px rgba(95, 149, 47, 0.28);
  box-shadow: 0 6px 20px rgba(95, 149, 47, 0.28);
}

neuro-uap-widget-button .neuro-uap-fab-btn.is-generating {
  -webkit-animation: neuro-uap-pulse-border 2s infinite ease-in-out;
  animation: neuro-uap-pulse-border 2s infinite ease-in-out;
}

neuro-uap-widget-button .neuro-uap-fab-btn .fab-logo {
  width: 28px;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
}

neuro-uap-widget-button .neuro-uap-fab-btn .unread-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #c84339;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0 1px 4px rgba(200, 67, 57, 0.4);
  box-shadow: 0 1px 4px rgba(200, 67, 57, 0.4);
}

@-webkit-keyframes neuro-uap-pulse-border {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 149, 47, 0.6);
    box-shadow: 0 0 0 0 rgba(95, 149, 47, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 14px rgba(95, 149, 47, 0);
    box-shadow: 0 0 0 14px rgba(95, 149, 47, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 149, 47, 0);
    box-shadow: 0 0 0 0 rgba(95, 149, 47, 0);
  }
}

@keyframes neuro-uap-pulse-border {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 149, 47, 0.6);
    box-shadow: 0 0 0 0 rgba(95, 149, 47, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 14px rgba(95, 149, 47, 0);
    box-shadow: 0 0 0 14px rgba(95, 149, 47, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 149, 47, 0);
    box-shadow: 0 0 0 0 rgba(95, 149, 47, 0);
  }
}

neuro-uap-composer {
  display: block;
  width: 100%;
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  /* Cabinet-only: archived chat notice. Tester has no archived state. */
}

neuro-uap-composer button,
neuro-uap-composer textarea,
neuro-uap-composer input {
  font-family: inherit;
}

neuro-uap-composer .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

neuro-uap-composer .chat-composer-wrap {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 10px 20px max(13px, env(safe-area-inset-bottom, 0px));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0)), color-stop(28%, #f7f7f7));
  background: linear-gradient(180deg, rgba(247, 247, 247, 0), #f7f7f7 28%);
}

neuro-uap-composer .chat-scroll-bottom-button {
  position: absolute;
  left: 50%;
  top: -48px;
  z-index: 20;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid rgba(95, 149, 47, 0.24);
  border-radius: 50%;
  color: #4f7f29;
  background: rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 10px 28px rgba(20, 20, 20, 0.12), 0 2px 8px rgba(95, 149, 47, 0.08);
  box-shadow: 0 10px 28px rgba(20, 20, 20, 0.12), 0 2px 8px rgba(95, 149, 47, 0.08);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  -webkit-animation: scroll-bottom-button-in 180ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: scroll-bottom-button-in 180ms cubic-bezier(0.23, 1, 0.32, 1) both;
  -webkit-transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, -webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, -webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;
  cursor: pointer;
  font-size: 19px;
}

neuro-uap-composer .chat-scroll-bottom-button neuro-uap-icon {
  width: 19px;
  height: 19px;
}

neuro-uap-composer .chat-scroll-bottom-button:hover {
  color: #ffffff;
  border-color: rgba(95, 149, 47, 0.54);
  background: rgba(95, 149, 47, 0.88);
  -webkit-box-shadow: 0 12px 30px rgba(95, 149, 47, 0.22), 0 2px 8px rgba(20, 20, 20, 0.08);
  box-shadow: 0 12px 30px rgba(95, 149, 47, 0.22), 0 2px 8px rgba(20, 20, 20, 0.08);
}

neuro-uap-composer .chat-scroll-bottom-button:active {
  -webkit-transform: translateX(-50%) scale(0.96);
  transform: translateX(-50%) scale(0.96);
}

neuro-uap-composer .chat-scroll-bottom-button:focus-visible {
  outline: 3px solid rgba(237, 171, 30, 0.42);
  outline-offset: 3px;
}

neuro-uap-composer .chat-error-banner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto 8px;
  padding: 9px 12px;
  border: 1px solid rgba(169, 72, 49, 0.14);
  border-radius: 9px;
  background: rgba(255, 246, 241, 0.92);
  color: #873b2b;
  font-size: 11px;
  line-height: 1.5;
}

neuro-uap-composer .chat-error-banner .error-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

neuro-uap-composer .chat-error-banner .error-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-top: 2px;
  font-size: 14px;
}

neuro-uap-composer .chat-archived-notice {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 14px 18px;
  border: 1px solid #e2e2e2;
  border-radius: 14px;
  background: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 480px) {
  neuro-uap-composer .chat-archived-notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  neuro-uap-composer .chat-archived-notice .btn-create-new-chat {
    width: 100%;
  }
}

neuro-uap-composer .chat-archived-notice .archived-notice-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

neuro-uap-composer .chat-archived-notice .archived-notice-title {
  font-size: 13px;
  font-weight: 600;
  color: #444;
}

neuro-uap-composer .chat-archived-notice .archived-notice-desc {
  font-size: 12px;
  line-height: 1.35;
  color: #777;
}

neuro-uap-composer .chat-archived-notice .btn-create-new-chat {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 8px 14px;
  border: 0;
  border-radius: 8px;
  background: #141414;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

neuro-uap-composer .chat-composer {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  border: 1px solid #d8d8d8;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 14px 42px rgba(20, 20, 20, 0.075), 0 2px 8px rgba(20, 20, 20, 0.03);
  box-shadow: 0 14px 42px rgba(20, 20, 20, 0.075), 0 2px 8px rgba(20, 20, 20, 0.03);
  overflow: hidden;
}

neuro-uap-composer .chat-composer.is-dragging {
  border-color: rgba(95, 149, 47, 0.7);
  -webkit-box-shadow: 0 0 0 3px rgba(95, 149, 47, 0.08), 0 14px 42px rgba(20, 20, 20, 0.075);
  box-shadow: 0 0 0 3px rgba(95, 149, 47, 0.08), 0 14px 42px rgba(20, 20, 20, 0.075);
}

neuro-uap-composer .composer-materials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
  padding: 8px 10px 0;
}

neuro-uap-composer .composer-file-chip,
neuro-uap-composer .composer-voice-chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  max-width: 250px;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  background: #ffffff;
  color: #4f7f29;
  font-size: 11px;
}

neuro-uap-composer .composer-file-chip .file-chip-icon,
neuro-uap-composer .composer-voice-chip .file-chip-icon {
  font-size: 14px;
}

neuro-uap-composer .composer-file-chip .file-chip-name,
neuro-uap-composer .composer-voice-chip .file-chip-name {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-composer .composer-chip-play-btn,
neuro-uap-composer .composer-chip-action {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: rgba(95, 149, 47, 0.86);
  cursor: pointer;
  font-size: 12px;
}

neuro-uap-composer .composer-chip-play-btn:hover,
neuro-uap-composer .composer-chip-action:hover {
  color: #4f7f29;
  background: rgba(95, 149, 47, 0.1);
}

neuro-uap-composer .composer-chip-play-btn.is-remove:hover,
neuro-uap-composer .composer-chip-action.is-remove:hover {
  color: #8a6200;
  background: rgba(237, 171, 30, 0.12);
}

neuro-uap-composer textarea {
  width: 100%;
  min-height: 50px;
  max-height: 154px;
  resize: none;
  border: 0;
  outline: 0;
  padding: 14px 16px 6px;
  background: transparent;
  color: #141414;
  font-size: 14px;
  line-height: 1.55;
}

neuro-uap-composer textarea::-webkit-input-placeholder {
  color: rgba(20, 20, 20, 0.38);
}

neuro-uap-composer textarea::-moz-placeholder {
  color: rgba(20, 20, 20, 0.38);
}

neuro-uap-composer textarea::-ms-input-placeholder {
  color: rgba(20, 20, 20, 0.38);
}

neuro-uap-composer textarea::placeholder {
  color: rgba(20, 20, 20, 0.38);
}

neuro-uap-composer .chat-composer-toolbar {
  min-height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  padding: 5px 7px 7px;
}

neuro-uap-composer .chat-composer-toolbar .composer-tool-button {
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: rgba(95, 149, 47, 0.86);
  cursor: pointer;
  font-size: 18px;
}

neuro-uap-composer .chat-composer-toolbar .composer-tool-button:hover {
  background: rgba(95, 149, 47, 0.09);
  color: #4f7f29;
}

neuro-uap-composer .chat-composer-toolbar .composer-tool-button:active:not(:disabled) {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

neuro-uap-composer .chat-composer-toolbar .toolbar-hint {
  margin-left: 4px;
  font-size: 9.92px;
  color: rgba(20, 20, 20, 0.32);
}

@media (max-width: 639px) {
  neuro-uap-composer .chat-composer-toolbar .toolbar-hint {
    display: none;
  }
}

neuro-uap-composer .chat-composer-toolbar .compressing-label {
  margin-left: 4px;
  font-size: 9.92px;
  font-weight: 600;
  color: #5f952f;
}

neuro-uap-composer .chat-composer-toolbar .size-counter {
  margin-left: 4px;
  font-size: 9.92px;
  color: rgba(20, 20, 20, 0.38);
}

neuro-uap-composer .chat-composer-toolbar .size-counter.size-error {
  color: #b91c1c;
  font-weight: 600;
}

neuro-uap-composer .chat-composer-toolbar .composer-send-button {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50%;
  color: #ffffff;
  background: #5f952f;
  -webkit-box-shadow: 0 6px 18px rgba(95, 149, 47, 0.24);
  box-shadow: 0 6px 18px rgba(95, 149, 47, 0.24);
  cursor: pointer;
  margin-left: auto;
  font-size: 16px;
}

neuro-uap-composer .chat-composer-toolbar .composer-send-button:active:not(:disabled) {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

neuro-uap-composer .chat-composer-toolbar .composer-send-button:disabled {
  opacity: 0.32;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}

neuro-uap-composer .chat-composer-toolbar .composer-send-button.is-abort {
  background: #edab1e;
  -webkit-box-shadow: 0 6px 18px rgba(237, 171, 30, 0.28);
  box-shadow: 0 6px 18px rgba(237, 171, 30, 0.28);
}

neuro-uap-composer .composer-voice-recording {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding-left: 9px;
  border: 1px solid rgba(237, 171, 30, 0.38);
  border-radius: 999px;
  color: #7a5900;
  background: rgba(237, 171, 30, 0.1);
}

neuro-uap-composer .composer-voice-recording .composer-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #edab1e;
  -webkit-animation: composer-pulse 1.05s ease-out infinite;
  animation: composer-pulse 1.05s ease-out infinite;
}

neuro-uap-composer .composer-voice-recording .recording-timer {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

neuro-uap-composer .composer-voice-recording .btn-stop-voice {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #edab1e;
  cursor: pointer;
  font-size: 14px;
}

neuro-uap-composer .composer-voice-recording .btn-stop-voice:hover {
  background: rgba(237, 171, 30, 0.08);
}

neuro-uap-composer .chat-disclaimer {
  margin-top: 6px;
  text-align: center;
  font-size: 9.28px;
  color: rgba(20, 20, 20, 0.3);
}

neuro-uap-composer .spinner-circle-small {
  -webkit-animation: neuro-uap-spin 1s linear infinite;
  animation: neuro-uap-spin 1s linear infinite;
}

@media (max-width: 767px) {
  neuro-uap-composer .chat-composer-wrap {
    padding: 8px 9px max(9px, env(safe-area-inset-bottom, 0px));
  }
  neuro-uap-composer .chat-composer {
    border-radius: 12px;
  }
  neuro-uap-composer textarea {
    min-height: 46px;
    padding: 12px 13px 4px;
    font-size: 16px;
  }
  neuro-uap-composer .composer-materials {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  neuro-uap-composer .composer-live-dot {
    -webkit-animation: none;
    animation: none;
  }
  neuro-uap-composer .chat-scroll-bottom-button {
    -webkit-animation: none;
    animation: none;
  }
}

@-webkit-keyframes composer-pulse {
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
  }
}

@keyframes composer-pulse {
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
  }
}

@-webkit-keyframes scroll-bottom-button-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(7px) scale(0.96);
    transform: translateX(-50%) translateY(7px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes scroll-bottom-button-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(7px) scale(0.96);
    transform: translateX(-50%) translateY(7px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

neuro-uap-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

neuro-uap-sidebar button,
neuro-uap-sidebar input {
  font-family: inherit;
}

neuro-uap-sidebar .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

neuro-uap-sidebar .chat-sidebar-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

neuro-uap-sidebar .chat-sidebar-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  height: 66px;
  padding: 0 18px;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-shadow: inset 0 -1px 0 rgba(95, 149, 47, 0.025);
  box-shadow: inset 0 -1px 0 rgba(95, 149, 47, 0.025);
}

neuro-uap-sidebar .chat-sidebar-logo .chat-sidebar-emblem {
  position: relative;
  width: 38px;
  height: 44px;
  overflow: hidden;
  border-radius: 10px;
  background: #f5f8f2;
}

neuro-uap-sidebar .chat-sidebar-logo .chat-sidebar-emblem img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  max-width: none;
  margin: -28px 0 0 -28px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

neuro-uap-sidebar .chat-sidebar-logo .sidebar-brand-text .brand-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #141414;
}

neuro-uap-sidebar .chat-sidebar-logo .sidebar-brand-text .brand-tag {
  margin: 4px 0 0;
  font-size: 9.28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #646464;
}

neuro-uap-sidebar .sidebar-controls {
  padding: 12px 12px 8px;
}

neuro-uap-sidebar .sidebar-controls .btn-new-chat {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 14px;
  border-radius: 8.4px;
  border: 1px solid rgba(95, 149, 47, 0.2);
  background: rgba(95, 149, 47, 0.07);
  color: #141414;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

neuro-uap-sidebar .sidebar-controls .btn-new-chat .btn-icon {
  font-size: 16px;
}

neuro-uap-sidebar .sidebar-controls .btn-new-chat:hover {
  background: rgba(95, 149, 47, 0.12);
}

neuro-uap-sidebar .sidebar-controls .search-wrap {
  position: relative;
  margin-top: 8px;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #969696;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input {
  width: 100%;
  height: 36px;
  padding: 0 12px 0 36px;
  border: 1px solid #ebebeb;
  border-radius: 8.4px;
  background: #ffffff;
  font-size: 12px;
  color: #141414;
  outline: none;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input::-webkit-input-placeholder {
  color: #969696;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input::-moz-placeholder {
  color: #969696;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input::-ms-input-placeholder {
  color: #969696;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input::placeholder {
  color: #969696;
}

neuro-uap-sidebar .sidebar-controls .search-wrap .search-input:focus {
  border-color: rgba(95, 149, 47, 0.5);
}

neuro-uap-sidebar .sidebar-list-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  gap: 4px;
  margin: 0 12px 10px;
  padding: 4px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  background: #f7f7f7;
}

neuro-uap-sidebar .sidebar-list-switch-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0 8px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #646464;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

neuro-uap-sidebar .sidebar-list-switch-btn neuro-uap-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 14px;
  pointer-events: none;
}

neuro-uap-sidebar .sidebar-list-switch-btn .switch-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-sidebar .sidebar-list-switch-btn .switch-count {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 11px;
  font-weight: 600;
  color: #969696;
}

neuro-uap-sidebar .sidebar-list-switch-btn:hover:not(.is-selected) {
  color: #141414;
  background: rgba(255, 255, 255, 0.7);
}

neuro-uap-sidebar .sidebar-list-switch-btn.is-selected {
  background: #ffffff;
  color: #141414;
  font-weight: 600;
  -webkit-box-shadow: 0 1px 3px rgba(20, 20, 20, 0.08);
  box-shadow: 0 1px 3px rgba(20, 20, 20, 0.08);
}

neuro-uap-sidebar .sidebar-list-switch-btn.is-selected .switch-count {
  color: #5f952f;
}

neuro-uap-sidebar .sidebar-list-switch-btn:active:not(:disabled) {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

neuro-uap-sidebar .chat-sidebar-scroll {
  min-height: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 8px 12px;
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 149, 47, 0.28) transparent;
}

neuro-uap-sidebar .chat-thread-row {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  min-height: 47px;
  padding: 8px 38px 8px 11px;
  border: 1px solid transparent;
  border-radius: 0;
  color: #646464;
  text-align: left;
  cursor: pointer;
  -webkit-transition: 160ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 160ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-property: color, background, border-color, -webkit-box-shadow;
  transition-property: color, background, border-color, -webkit-box-shadow;
  transition-property: color, background, border-color, box-shadow;
  transition-property: color, background, border-color, box-shadow, -webkit-box-shadow;
}

neuro-uap-sidebar .chat-thread-row:hover, neuro-uap-sidebar .chat-thread-row.is-active {
  color: #141414;
  background: #f3f8ef;
  border-color: #e3eddc;
}

neuro-uap-sidebar .chat-thread-row.is-active {
  -webkit-box-shadow: inset 3px 0 0 #5f952f;
  box-shadow: inset 3px 0 0 #5f952f;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-icon {
  position: relative;
  display: grid;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  place-items: center;
  font-size: 16px;
}

neuro-uap-sidebar .chat-thread-row .thread-bubble-icon {
  opacity: 0.6;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-unread-dot {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 8px;
  height: 8px;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  background: #c84339;
  -webkit-box-shadow: 0 1px 4px rgba(200, 67, 57, 0.3);
  box-shadow: 0 1px 4px rgba(200, 67, 57, 0.3);
}

neuro-uap-sidebar .chat-thread-row .thread-text-wrap {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

neuro-uap-sidebar .chat-thread-row .thread-text-wrap .thread-title {
  display: block;
  font-size: 11.52px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-sidebar .chat-thread-row .thread-text-wrap .thread-preview {
  display: block;
  margin-top: 2px;
  font-size: 9.76px;
  color: #969696;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-delete,
neuro-uap-sidebar .chat-thread-row .chat-thread-archive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #969696;
  cursor: pointer;
  opacity: 0;
  font-size: 14px;
  -webkit-transition: 140ms ease-out;
  transition: 140ms ease-out;
  -webkit-transition-property: color, background, opacity, -webkit-transform;
  transition-property: color, background, opacity, -webkit-transform;
  transition-property: color, background, opacity, transform;
  transition-property: color, background, opacity, transform, -webkit-transform;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-delete neuro-uap-icon,
neuro-uap-sidebar .chat-thread-row .chat-thread-archive neuro-uap-icon {
  pointer-events: none;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-delete:active,
neuro-uap-sidebar .chat-thread-row .chat-thread-archive:active {
  -webkit-transform: translateY(-50%) scale(0.97);
  transform: translateY(-50%) scale(0.97);
}

neuro-uap-sidebar .chat-thread-row .chat-thread-delete {
  right: 8px;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-delete:hover {
  color: #8a6200;
  background: rgba(237, 171, 30, 0.16);
}

neuro-uap-sidebar .chat-thread-row .chat-thread-archive {
  right: 36px;
}

neuro-uap-sidebar .chat-thread-row .chat-thread-archive:hover {
  color: #4f7f29;
  background: rgba(95, 149, 47, 0.12);
}

neuro-uap-sidebar .chat-thread-row.has-archive-action {
  padding-right: 64px;
}

neuro-uap-sidebar .chat-thread-row:hover .chat-thread-delete,
neuro-uap-sidebar .chat-thread-row.is-active .chat-thread-delete,
neuro-uap-sidebar .chat-thread-row:focus-visible .chat-thread-delete,
neuro-uap-sidebar .chat-thread-row .chat-thread-delete:focus-visible,
neuro-uap-sidebar .chat-thread-row:hover .chat-thread-archive,
neuro-uap-sidebar .chat-thread-row.is-active .chat-thread-archive,
neuro-uap-sidebar .chat-thread-row:focus-visible .chat-thread-archive,
neuro-uap-sidebar .chat-thread-row .chat-thread-archive:focus-visible {
  opacity: 1;
}

neuro-uap-sidebar .sidebar-empty-state {
  padding: 32px 12px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #969696;
}

neuro-uap-sidebar .chat-thread-shimmer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 8px 11px;
}

neuro-uap-sidebar .thread-shimmer-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  min-height: 47px;
}

neuro-uap-sidebar .thread-shimmer-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

neuro-uap-sidebar .thread-shimmer-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

neuro-uap-sidebar .thread-shimmer-line {
  height: 10px;
  border-radius: 5px;
}

neuro-uap-sidebar .thread-shimmer-line.is-title {
  width: 55%;
}

neuro-uap-sidebar .thread-shimmer-line.is-preview {
  width: 85%;
  height: 8px;
}

neuro-uap-sidebar .shimmer {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ececec), color-stop(50%, #f7f7f7), color-stop(75%, #ececec));
  background: linear-gradient(90deg, #ececec 25%, #f7f7f7 50%, #ececec 75%);
  background-size: 200% 100%;
  -webkit-animation: neuro-uap-shimmer 1.2s ease-in-out infinite;
  animation: neuro-uap-shimmer 1.2s ease-in-out infinite;
}

@-webkit-keyframes neuro-uap-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

@keyframes neuro-uap-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  neuro-uap-sidebar .chat-thread-row {
    -webkit-transition: none;
    transition: none;
  }
  neuro-uap-sidebar .shimmer {
    -webkit-animation: none;
    animation: none;
  }
}

neuro-uap-tape {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', sans-serif;
}

neuro-uap-tape button {
  font-family: inherit;
}

neuro-uap-tape .chat-tape-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

neuro-uap-tape .chat-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 149, 47, 0.28) transparent;
}

neuro-uap-tape .context-soft-limit {
  margin: 12px 24px 0;
  padding: 10px 14px;
  border: 1px solid rgba(200, 67, 57, 0.25);
  border-radius: 8px;
  background: rgba(200, 67, 57, 0.06);
  color: #7a2e28;
  font-size: 13px;
  line-height: 1.4;
}

neuro-uap-tape .chat-message-list {
  width: calc(100% - 40px);
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 10px 22px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

neuro-uap-tape .chat-shimmer {
  width: calc(100% - 40px);
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 10px 22px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26px;
}

neuro-uap-tape .shimmer-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 13px;
}

neuro-uap-tape .shimmer-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

neuro-uap-tape .shimmer-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  padding-top: 4px;
}

neuro-uap-tape .shimmer-line {
  height: 12px;
  border-radius: 6px;
}

neuro-uap-tape .shimmer-line.is-short {
  width: 42%;
}

neuro-uap-tape .shimmer-line.is-long {
  width: 96%;
}

neuro-uap-tape .shimmer-line.is-mid {
  width: 78%;
}

neuro-uap-tape .shimmer {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e9e9e9), color-stop(50%, #f6f6f6), color-stop(75%, #e9e9e9));
  background: linear-gradient(90deg, #e9e9e9 25%, #f6f6f6 50%, #e9e9e9 75%);
  background-size: 200% 100%;
  -webkit-animation: neuro-uap-shimmer 1.2s ease-in-out infinite;
  animation: neuro-uap-shimmer 1.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  neuro-uap-tape .shimmer {
    -webkit-animation: none;
    animation: none;
  }
}

@keyframes neuro-uap-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

neuro-uap-tape .chat-message {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 13px;
  margin-bottom: 26px;
}

neuro-uap-tape .chat-message.is-user {
  grid-template-columns: minmax(0, 1fr) 34px;
}

neuro-uap-tape .chat-message-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #dfe7da;
  background: #ffffff;
  color: #5f952f;
  -webkit-box-shadow: 0 4px 14px rgba(20, 20, 20, 0.05);
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.05);
}

neuro-uap-tape .chat-message-avatar img {
  width: 24px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}

neuro-uap-tape .chat-message-avatar .user-avatar-icon {
  font-size: 16px;
  color: #ffffff;
}

neuro-uap-tape .chat-message.is-user .chat-message-avatar {
  grid-column: 2;
  color: #ffffff;
  background: #5f952f;
}

neuro-uap-tape .chat-message-body {
  min-width: 0;
  padding-top: 4px;
}

neuro-uap-tape .chat-message.is-user .chat-message-body {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  width: 94%;
  max-width: 680px;
  padding: 13px 16px;
  border: 1px solid #ebebeb;
  border-radius: 14px 14px 3px 14px;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 20px rgba(20, 20, 20, 0.035);
  box-shadow: 0 5px 20px rgba(20, 20, 20, 0.035);
}

neuro-uap-tape .chat-message.is-assistant .response-document {
  margin-top: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

neuro-uap-tape .chat-message.is-assistant .response-document::before {
  display: none;
}

neuro-uap-tape .chat-message-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  color: rgba(20, 20, 20, 0.48);
  font-size: 10px;
}

neuro-uap-tape .chat-message-meta strong {
  font-weight: 700;
}

neuro-uap-tape .chat-message-meta .btn-copy-answer {
  margin-left: auto;
  border: none;
  background: transparent;
  color: rgba(20, 20, 20, 0.35);
  cursor: pointer;
  padding: 4px;
  border-radius: 9999px;
  font-size: 14px;
}

neuro-uap-tape .chat-message-meta .btn-copy-answer:hover {
  color: #5f952f;
  background: rgba(95, 149, 47, 0.05);
}

neuro-uap-tape .user-text {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: rgba(20, 20, 20, 0.8);
  white-space: pre-wrap;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: default;
}

neuro-uap-tape .message-error {
  margin: 8px 0 0;
  color: #c84339;
  font-size: 13px;
}

neuro-uap-tape .message-cancelled {
  margin: 8px 0 0;
  color: rgba(20, 20, 20, 0.45);
  font-size: 13px;
  font-style: italic;
}

neuro-uap-tape .btn-retry-message {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(169, 72, 49, 0.18);
  border-radius: 8px;
  background: rgba(255, 246, 241, 0.92);
  color: #873b2b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

neuro-uap-tape .btn-retry-message neuro-uap-icon {
  font-size: 14px;
}

neuro-uap-tape .btn-retry-message:hover {
  background: #fff1ea;
}

neuro-uap-tape .response-document {
  max-width: 75ch;
  font-size: 14px;
  line-height: 28px;
  color: rgba(20, 20, 20, 0.82);
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-user-select: text;
}

neuro-uap-tape .response-document .safe-markdown > :first-child {
  margin-top: 0;
}

neuro-uap-tape .response-document .safe-markdown > :last-child {
  margin-bottom: 0;
}

neuro-uap-tape .response-document h1,
neuro-uap-tape .response-document h2,
neuro-uap-tape .response-document h3,
neuro-uap-tape .response-document h4 {
  margin: 28px 0 12px;
  color: #5f952f;
  font-weight: 600;
  line-height: 1.25;
}

neuro-uap-tape .response-document h1,
neuro-uap-tape .response-document h2,
neuro-uap-tape .response-document h3,
neuro-uap-tape .response-document h4 {
  overflow-wrap: break-word;
}

neuro-uap-tape .response-document h1 {
  font-size: 30px;
}

neuro-uap-tape .response-document h2 {
  font-size: 24px;
}

neuro-uap-tape .response-document h3 {
  font-size: 20px;
}

neuro-uap-tape .response-document h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

neuro-uap-tape .response-document p {
  margin: 16px 0;
  word-break: break-word;
  font-size: 14px;
  line-height: 28px;
  color: rgba(20, 20, 20, 0.82);
}

neuro-uap-tape .response-document strong {
  font-weight: 800;
  color: #141414;
}

neuro-uap-tape .response-document em {
  font-style: italic;
  color: rgba(20, 20, 20, 0.75);
}

neuro-uap-tape .response-document del {
  color: rgba(20, 20, 20, 0.45);
  -webkit-text-decoration-color: rgba(237, 171, 30, 0.6);
  text-decoration-color: rgba(237, 171, 30, 0.6);
}

neuro-uap-tape .response-document ul,
neuro-uap-tape .response-document ol {
  margin: 20px 0;
  padding-left: 24px;
}

neuro-uap-tape .response-document ul {
  list-style: disc;
}

neuro-uap-tape .response-document ol {
  list-style: decimal;
}

neuro-uap-tape .response-document li {
  padding-left: 6px;
  margin: 8px 0;
  font-size: 14px;
  line-height: 28px;
  color: rgba(20, 20, 20, 0.82);
}

neuro-uap-tape .response-document li::marker {
  font-weight: 700;
  color: #edab1e;
}

neuro-uap-tape .response-document a {
  font-weight: 600;
  color: #5f952f;
  word-break: break-word;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: rgba(237, 171, 30, 0.6);
  text-decoration-color: rgba(237, 171, 30, 0.6);
  text-underline-offset: 4px;
}

neuro-uap-tape .response-document a:hover {
  color: #edab1e;
}

neuro-uap-tape .response-document blockquote {
  margin: 20px 0;
  padding: 10px 14px;
  border-left: 2px solid #edab1e;
  background: rgba(237, 171, 30, 0.045);
  font-weight: 500;
  color: rgba(20, 20, 20, 0.7);
}

neuro-uap-tape .response-document code {
  background: rgba(95, 149, 47, 0.05);
  padding: 2px 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12.48px;
  color: #5f952f;
}

neuro-uap-tape .response-document pre {
  margin: 12px 0;
  overflow-x: auto;
  padding: 16px;
  background: #5f952f;
  color: #ffffff;
}

neuro-uap-tape .response-document pre code {
  background: transparent;
  color: #ffffff;
}

neuro-uap-tape .response-document hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid rgba(95, 149, 47, 0.15);
}

neuro-uap-tape .response-document .markdown-table-wrap {
  margin: 16px 0;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(95, 149, 47, 0.15);
  border-radius: 14.4px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 10px 30px rgba(22, 54, 38, 0.06);
  box-shadow: 0 10px 30px rgba(22, 54, 38, 0.06);
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 149, 47, 0.35) transparent;
}

neuro-uap-tape .response-document .markdown-table-wrap:focus-visible {
  outline: 2px solid rgba(237, 171, 30, 0.6);
  outline-offset: 2px;
}

neuro-uap-tape .response-document table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  text-align: left;
  font-size: 12.48px;
  line-height: 20px;
}

neuro-uap-tape .response-document th {
  border-bottom: 1px solid rgba(95, 149, 47, 0.2);
  background: rgba(95, 149, 47, 0.07);
  padding: 10px 12px;
  vertical-align: top;
  color: #5f952f;
  font-weight: 700;
}

neuro-uap-tape .response-document td {
  border-bottom: 1px solid rgba(95, 149, 47, 0.1);
  padding: 10px 12px;
  vertical-align: top;
  color: rgba(20, 20, 20, 0.8);
}

neuro-uap-tape .response-document th.is-center,
neuro-uap-tape .response-document td.is-center {
  text-align: center;
}

neuro-uap-tape .response-document th.is-right,
neuro-uap-tape .response-document td.is-right {
  text-align: right;
}

neuro-uap-tape .response-document th.is-left,
neuro-uap-tape .response-document td.is-left {
  text-align: left;
}

neuro-uap-tape .response-document tbody tr:nth-child(even) {
  background: rgba(95, 149, 47, 0.025);
}

neuro-uap-tape .response-document tbody tr:last-child td {
  border-bottom: 0;
}

neuro-uap-tape .response-document th code,
neuro-uap-tape .response-document td code {
  white-space: nowrap;
}

neuro-uap-tape .generated-docx-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8.8px;
  width: 100%;
  max-width: 544px;
  margin-top: 14.4px;
  padding: 8.8px 9.6px 8.8px 10.4px;
  border: 1px solid rgba(95, 149, 47, 0.18);
  border-radius: 7.2px;
  background: rgba(95, 149, 47, 0.045);
  color: rgba(28, 45, 31, 0.78);
  font-size: 12.48px;
  line-height: 1.2;
}

neuro-uap-tape .generated-docx-row .docx-icon {
  color: #5f952f;
  font-size: 16px;
}

neuro-uap-tape .generated-docx-row .docx-name {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: default;
}

neuro-uap-tape .generated-docx-row .generated-docx-action {
  display: grid;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  place-items: center;
  width: 31.2px;
  height: 31.2px;
  border-radius: 5.12px;
  color: #4c7b27;
  text-decoration: none;
  font-size: 16px;
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, -webkit-transform 160ms ease;
}

neuro-uap-tape .generated-docx-row .generated-docx-action:hover {
  background: rgba(95, 149, 47, 0.12);
  color: #315617;
}

neuro-uap-tape .generated-docx-row .generated-docx-action:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}

neuro-uap-tape .chat-message-chips {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

neuro-uap-tape .chat-attachment-chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  max-width: 250px;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  background: #ffffff;
  color: #4f7f29;
  font-size: 11px;
}

neuro-uap-tape .chat-attachment-chip neuro-uap-icon {
  font-size: 14px;
}

neuro-uap-tape .message-sources {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(95, 149, 47, 0.08);
  font-size: 12px;
  line-height: 20px;
  color: rgba(20, 20, 20, 0.52);
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: default;
}

neuro-uap-tape .message-sources .sources-label {
  font-weight: 700;
  color: #5f952f;
}

neuro-uap-tape .generating-indicator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  font-size: 14px;
  color: rgba(20, 20, 20, 0.52);
}

neuro-uap-tape .generating-indicator .spinner-circle {
  font-size: 16px;
  color: #5f952f;
  -webkit-animation: neuro-uap-spin 1s linear infinite;
  animation: neuro-uap-spin 1s linear infinite;
}

@media (max-width: 767px) {
  neuro-uap-tape .chat-message-list {
    width: calc(100% - 24px);
    padding-top: 18px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  neuro-uap-tape .chat-message {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    margin-bottom: 21px;
  }
  neuro-uap-tape .chat-message.is-user {
    grid-template-columns: minmax(0, 1fr) 30px;
  }
  neuro-uap-tape .chat-message-avatar {
    width: 30px;
    height: 30px;
  }
  neuro-uap-tape .chat-message-avatar img {
    width: 22px;
    height: 26px;
  }
  neuro-uap-tape .chat-message.is-user .chat-message-body {
    width: 96%;
    padding: 11px 13px;
  }
}

@-webkit-keyframes neuro-uap-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes neuro-uap-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

neuro-uap-welcome {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

neuro-uap-welcome .chat-welcome {
  width: calc(100% - 36px);
  max-width: 960px;
  min-height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 36px 0;
  text-align: left;
}

neuro-uap-welcome .dossier-workspace {
  position: relative;
  display: block;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0 18px 34px rgba(20, 20, 20, 0.045));
  filter: drop-shadow(0 18px 34px rgba(20, 20, 20, 0.045));
}

neuro-uap-welcome .dossier-workspace::before {
  content: "";
  position: absolute;
  inset: -8px 22px 12px 22px;
  z-index: -1;
  border: 1px solid #e8e8e8;
  border-top: 3px solid rgba(95, 149, 47, 0.62);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.46);
}

neuro-uap-welcome .dossier-main-sheet {
  position: relative;
  padding: 22px 25px 24px;
  border: 1px solid #ebebeb;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 45px rgba(20, 20, 20, 0.04);
  box-shadow: 0 14px 45px rgba(20, 20, 20, 0.04);
}

neuro-uap-welcome .dossier-main-sheet::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(95, 149, 47, 0.22);
}

neuro-uap-welcome .dossier-title-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 22px;
  margin-top: 2px;
  padding-left: 10px;
}

neuro-uap-welcome .dossier-title-row .capabilities-tag {
  margin: 0;
  font-size: 9.6px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #edab1e;
}

neuro-uap-welcome .dossier-title-row .welcome-heading {
  margin: 8px 0 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.04;
  color: #141414;
}

neuro-uap-welcome .chat-welcome-mark {
  position: relative;
  width: 62px;
  height: 76px;
  overflow: hidden;
  border: 1px solid #e3eddc;
  border-radius: 14px;
  background: #f5f8f2;
  -webkit-box-shadow: 0 12px 34px rgba(20, 20, 20, 0.05);
  box-shadow: 0 12px 34px rgba(20, 20, 20, 0.05);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

neuro-uap-welcome .chat-welcome-mark img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96px;
  height: 96px;
  max-width: none;
  margin: -48px 0 0 -48px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

neuro-uap-welcome .welcome-description {
  margin: 16px 0 0;
  padding-left: 10px;
  max-width: 512px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(20, 20, 20, 0.52);
}

neuro-uap-welcome .chat-suggestions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
  padding-left: 10px;
}

neuro-uap-welcome .chat-suggestion {
  min-height: 92px;
  padding: 13px 15px;
  border: 1px solid #ebebeb;
  border-left: 3px solid rgba(95, 149, 47, 0.72);
  border-radius: 8px;
  background: #ffffff;
  color: #141414;
  text-align: left;
  -webkit-box-shadow: 0 5px 18px rgba(20, 20, 20, 0.025);
  box-shadow: 0 5px 18px rgba(20, 20, 20, 0.025);
  cursor: default;
}

neuro-uap-welcome .chat-suggestion .card-number {
  font-size: 9.6px;
  font-weight: 700;
  color: #edab1e;
}

neuro-uap-welcome .chat-suggestion .card-title {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #5f952f;
}

neuro-uap-welcome .chat-suggestion .card-description {
  margin: 6px 0 0;
  font-size: 10.88px;
  line-height: 20px;
  color: rgba(20, 20, 20, 0.5);
}

@media (min-width: 640px) {
  neuro-uap-welcome .welcome-heading {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  neuro-uap-welcome .chat-welcome {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 28px;
  }
  neuro-uap-welcome .dossier-main-sheet {
    padding: 18px 16px 18px 22px;
  }
  neuro-uap-welcome .dossier-title-row {
    margin-top: 0;
    padding-left: 4px;
  }
  neuro-uap-welcome .welcome-description {
    padding-left: 4px;
  }
  neuro-uap-welcome .chat-welcome-mark {
    width: 48px;
    height: 59px;
  }
  neuro-uap-welcome .chat-welcome-mark img {
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
  }
  neuro-uap-welcome .chat-suggestions {
    gap: 7px;
    margin-top: 18px;
    padding-left: 4px;
  }
}

@media (max-width: 767px) and (max-width: 440px) {
  neuro-uap-welcome .chat-suggestions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  neuro-uap-welcome .chat-suggestion {
    min-height: 126px;
    padding: 10px 10px 10px 12px;
  }
}

@media (max-width: 767px) and (max-width: 440px) {
  neuro-uap-welcome .chat-suggestion {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  neuro-uap-welcome .chat-suggestion .card-title {
    font-size: 11.52px;
    line-height: 1.35;
  }
  neuro-uap-welcome .chat-suggestion .card-description {
    font-size: 9.76px;
    line-height: 1.5;
  }
}

power-of-attorney-dialog {
  display: block;
}

power-of-attorney-dialog .poa-dialog-content {
  min-width: 720px;
  max-width: 800px;
  padding: 0;
  overflow: visible;
}

power-of-attorney-dialog .poa-dialog-actions.mat-dialog-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 16px 0 0 !important;
}

power-of-attorney-dialog [cab-form-container] cab-form-combined-list-section.half .poa-reassignment-radios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 16px;
  margin-top: 2px;
}

power-of-attorney-dialog [cab-form-container] cab-form-combined-list-section.half .poa-reassignment-radios .mat-radio-button {
  display: inline-block;
  margin-top: 0;
}

power-of-attorney-dialog [cab-form-container] .mat-form-field.half.poa-end-date .mat-form-field-infix {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  width: 0;
  min-width: 4.5rem;
}

power-of-attorney-dialog [cab-form-container] .mat-form-field.half.poa-end-date .mat-form-field-suffix {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

power-of-attorney-dialog [cab-form-container] .mat-form-field.half.poa-end-date .mat-form-field-suffix .mat-select.fixed-prefix-width {
  vertical-align: middle;
  width: 50px;
  min-width: 50px;
}

power-of-attorney-dialog [cab-form-container] .mat-form-field.half.poa-end-date .mat-form-field-suffix .mat-select.fixed-prefix-width.one-year-prefix {
  width: 64px;
  min-width: 64px;
}

power-of-attorney-dialog [cab-form-container] .mat-form-field.half.poa-end-date .mat-form-field-suffix .mat-select.fixed-prefix-width.three-years-prefix {
  width: 88px;
  min-width: 88px;
}

rules-editor {
  display: block;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
}

rules-editor .rules-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
  border: 1px solid #dedede;
  color: #222;
  background: #fff;
}

rules-editor .source-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 36px;
  padding: 0 8px;
  border-bottom: 1px solid #dedede;
  background: #fff;
}

rules-editor .source-toggle .generated-tab {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin: 0;
  min-height: 36px;
  color: #757575;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

rules-editor .source-toggle .generated-tab.active {
  color: #37474f;
  border-bottom-color: #74933c;
}

rules-editor .rules-editor-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

rules-editor .source-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 220px;
  min-width: 180px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  border-right: 1px solid #dedede;
  background: #fff;
}

rules-editor .source-search {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 8px 10px;
}

rules-editor .source-search ion-icon {
  position: absolute;
  left: 18px;
  top: 16px;
  color: #999;
  font-size: 16px;
}

rules-editor .source-search input {
  width: 100%;
  height: 32px;
  padding: 0 8px 0 30px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  color: #222;
  outline: none;
}

rules-editor .source-search input:focus {
  border-color: #74933c;
}

rules-editor .source-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 10px 6px;
  color: #757575;
  font-size: 12px;
}

rules-editor .source-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 0 8px;
}

rules-editor .source-category {
  margin-bottom: 6px;
}

rules-editor .source-category-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 4px;
  color: #757575;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

rules-editor .source-category-mark {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9aa3b2;
}

rules-editor .source-category-mark.category-core {
  background: #3b5998;
}

rules-editor .source-category-mark.category-agreements {
  background: #6a4c93;
}

rules-editor .source-category-mark.category-special {
  background: #c46323;
}

rules-editor .source-category-count {
  margin-left: auto;
  color: #999;
  font-size: 11px;
  font-weight: 500;
}

rules-editor .source-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 5px 10px;
  border-left: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}

rules-editor .source-item:hover {
  background: #f5f5f5;
}

rules-editor .source-item.selected {
  border-left-color: #74933c;
  background: #f9fafb;
}

rules-editor .source-item.source-item--subtask .source-name {
  position: relative;
  color: #757575;
  font-weight: 400;
}

rules-editor .source-item.source-item--subtask .source-name:before {
  content: '\203A';
  position: absolute;
  left: 0;
  color: #999;
  font-weight: 600;
}

rules-editor .source-item .source-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-editor .source-item .source-badges {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 3px;
}

rules-editor .badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

rules-editor .badge.badge-create {
  background: #74933c;
}

rules-editor .badge.badge-complete {
  background: rgba(56, 142, 60, 0.5);
}

rules-editor .badge.badge-action {
  background: #c46323;
}

rules-editor .badge.badge-system {
  min-width: 0;
  height: 18px;
  padding: 0 6px;
  background: #3b5998;
  white-space: nowrap;
}

rules-editor .source-empty,
rules-editor .rules-empty,
rules-editor .empty-hint {
  color: #999;
  font-size: 13px;
  text-align: center;
}

rules-editor .source-empty {
  padding: 20px 10px;
}

rules-editor .rules-panel {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 12px 14px;
  background: #f9fafb;
}

rules-editor .rules-panel.empty-selection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}

rules-editor .empty-hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

rules-editor .empty-hint ion-icon {
  font-size: 36px;
  color: #ccc;
}

rules-editor .empty-hint ion-label {
  color: #999;
  font-size: 13px;
}

rules-editor .rules-source-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding: 0 0 10px;
  border-bottom: 1px solid #dedede;
}

rules-editor .rules-source-title .rules-source-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
}

rules-editor .rules-source-title .rules-source-kicker {
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

rules-editor .rules-source-title span:not(.badge):not(.rules-source-kicker) {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-editor .rules-source-title .badge {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

rules-editor .rules-source-title button {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-transform: none;
}

rules-editor .rules-source-hint {
  margin: -4px 0 12px;
  padding: 6px 8px;
  border-radius: 3px;
  background: #eef2f7;
  color: #3b5998;
  font-size: 12px;
  line-height: 16px;
}

rules-editor .details-loading,
rules-editor .error-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border-radius: 3px;
  font-size: 13px;
}

rules-editor .details-loading {
  background: #f0f2f5;
  color: #757575;
}

rules-editor .error-message {
  background: #fff0f0;
  color: #d63535;
}

rules-editor .rules-block {
  margin-bottom: 12px;
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}

rules-editor .block-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #dedede;
  background: #f9fafb;
}

rules-editor .block-header h4 {
  margin: 0 0 1px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
}

rules-editor .block-header span {
  color: #999;
  font-size: 12px;
}

rules-editor .block-header button {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-transform: none;
}

rules-editor .rule-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #dedede;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}

rules-editor .rule-row:last-child {
  border-bottom: none;
}

rules-editor .rule-row:hover {
  background: #f5f5f5;
}

rules-editor .rule-row.selected {
  border-left-color: #74933c;
  background: #eef2f7;
}

rules-editor .rule-row.has-problem {
  border-left: 3px solid #d63535;
  background: #fff7f7;
}

rules-editor .rule-row .rule-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}

rules-editor .rule-row .rule-copy {
  cursor: pointer;
}

rules-editor .rule-row .rule-target {
  overflow: hidden;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-editor .rule-row .rule-delete {
  margin: 0;
  color: #b0b4ba;
}

rules-editor .rule-row .rule-delete:hover {
  color: #d63535;
}

rules-editor .rule-row .rule-meta {
  margin-top: 2px;
  color: #999;
  font-size: 12px;
}

rules-editor .rule-row .rule-badges {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

rules-editor .rule-row .rule-badge {
  padding: 1px 6px;
  border-radius: 8px;
  background: #eef1f5;
  color: #5a6270;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  cursor: help;
}

rules-editor .rule-row .rule-badge.rule-badge-system {
  background: #e8edf5;
  color: #3b5998;
  font-weight: 600;
}

rules-editor .rule-row button[ion-button] {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
}

rules-editor .rules-empty {
  padding: 14px;
}

rules-editor .form-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 440px;
  min-width: 400px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-left: 1px solid #dedede;
  background: #fff;
}

rules-editor .form-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #dedede;
}

rules-editor .form-header .form-kicker {
  display: block;
  margin-bottom: 2px;
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none !important;
}

rules-editor .form-header h4 {
  margin: 0;
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

rules-editor .form-header .form-system-note {
  margin: 6px 0 0;
  color: #3b5998;
  font-size: 12px;
  line-height: 16px;
}

rules-editor .form-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 12px 14px;
}

rules-editor .form-body .native-form {
  padding: 0;
}

rules-editor .form-body .settings-section {
  margin-bottom: 4px;
  padding: 0;
  border: none;
  background: transparent;
}

rules-editor .form-body .settings-grid {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 12px;
}

rules-editor .form-body mat-form-field,
rules-editor .form-body .skip-clients-inline,
rules-editor .form-body .options-with-checkbox {
  width: 100%;
  margin: 0;
}

rules-editor .form-body mat-form-field {
  font-size: 13px;
}

rules-editor .form-body .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0;
}

rules-editor .form-body .mat-form-field-infix {
  width: auto;
}

rules-editor .form-body .mat-form-field-label,
rules-editor .form-body .mat-select-value,
rules-editor .form-body .mat-input-element {
  color: #222;
  font-size: 13px;
}

rules-editor .form-body .mat-form-field-invalid .mat-form-field-label,
rules-editor .form-body .mat-form-field-invalid .mat-select-value,
rules-editor .form-body .mat-form-field-invalid .mat-input-element,
rules-editor .form-body .mat-form-field-invalid .mat-error {
  color: #f44336;
}

rules-editor .form-body .mat-form-field-invalid .mat-form-field-underline,
rules-editor .form-body .mat-form-field-invalid .mat-form-field-ripple {
  background-color: #f44336;
}

rules-editor .form-body .mat-form-field-underline {
  position: relative;
  bottom: auto;
  left: auto;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}

rules-editor .form-body .mat-form-field-subscript-wrapper {
  position: static;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  top: auto;
  overflow: visible;
}

rules-editor .form-body .mat-form-field-hint-wrapper {
  padding-top: 4px;
}

rules-editor .form-body .mat-hint {
  color: #999;
  font-size: 11px;
}

rules-editor .form-body .options-with-checkbox {
  padding: 0;
}

rules-editor .form-body .options-with-checkbox .mat-checkbox {
  margin: 0;
}

rules-editor .form-body .options-with-checkbox .mat-checkbox-layout {
  white-space: normal;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

rules-editor .form-body .options-with-checkbox .mat-checkbox-label {
  white-space: normal;
  line-height: 1.3;
}

rules-editor .validation-note {
  margin: 6px 0 10px;
  padding: 6px 8px;
  border-radius: 3px;
  background: #fff8e1;
  color: #c46323;
  font-size: 12px;
}

rules-editor .skip-clients-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0;
  padding: 0;
  color: #222;
  font-size: 13px;
  line-height: 1.25;
}

rules-editor .skip-clients-inline .skip-clients-label {
  color: #757575;
  font-size: 12px;
  line-height: 16px;
}

rules-editor .skip-clients-inline .skip-clients-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 6px;
  padding: 7px 0;
  border-bottom: 1px solid #dedede;
}

rules-editor .skip-clients-inline .skip-clients-hint {
  padding-top: 4px;
  color: #999;
  font-size: 11px;
  line-height: 16px;
}

rules-editor .skip-clients-inline .skip-clients-input {
  display: inline-block;
  width: 2.2em;
  text-align: center;
  border: none;
  border-bottom: 1px solid #dedede;
  background: transparent;
  color: #222;
  font-size: 13px;
  font-family: inherit;
  padding: 2px 0;
  outline: none;
}

rules-editor .skip-clients-inline .skip-clients-input:focus {
  border-bottom-color: #74933c;
}

rules-editor .skip-clients-inline .skip-clients-input::-webkit-inner-spin-button, rules-editor .skip-clients-inline .skip-clients-input::-webkit-outer-spin-button {
  opacity: 1;
}

rules-editor .form-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #dedede;
}

rules-editor .form-actions button[ion-button] {
  margin: 0;
  font-size: 13px;
  text-transform: none;
}

rules-editor .form-actions .form-save {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 120px;
}

rules-editor .form-actions .form-cancel {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #757575;
}

rules-editor .form-actions .form-delete {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #d63535;
  text-align: left;
}

@media (max-width: 1100px) {
  rules-editor .source-panel {
    width: 180px;
    min-width: 160px;
  }
  rules-editor .form-panel {
    width: 400px;
    min-width: 360px;
  }
}

@media (max-width: 850px) {
  rules-editor .rules-editor-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  rules-editor .source-panel,
  rules-editor .form-panel {
    width: 100%;
    min-width: 100%;
    max-height: 38vh;
    border-right: none;
    border-left: none;
  }
  rules-editor .source-panel {
    border-bottom: 1px solid #dedede;
  }
  rules-editor .form-panel {
    border-top: 1px solid #dedede;
  }
}

rules-map {
  display: block;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
}

rules-map .rules-map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
  border: 1px solid #dedede;
  color: #222;
  background: #fff;
}

rules-map .scenario-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 38px;
  padding: 0 10px;
  border-bottom: 1px solid #dedede;
  background: #fff;
}

rules-map .scenario-switcher .generated-tab {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin: 0;
  min-height: 38px;
  color: #757575;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

rules-map .scenario-switcher .generated-tab.active {
  color: #37474f;
  border-bottom-color: #74933c;
}

rules-map .category-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 6px 12px;
  border-bottom: 1px solid #dedede;
  background: #f9fafb;
}

rules-map .category-filter .category-chip {
  margin: 0;
  min-height: 26px;
  padding: 0 8px;
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  border: 1px solid #dedede;
  border-radius: 12px;
  background: #fff;
}

rules-map .category-filter .category-chip.active {
  color: #fff;
  border-color: #3b5998;
  background: #3b5998;
}

rules-map .category-filter .category-chip.active.category-core {
  border-color: #3b5998;
  background: #3b5998;
}

rules-map .category-filter .category-chip.active.category-agreements {
  border-color: #6a4c93;
  background: #6a4c93;
}

rules-map .category-filter .category-chip.active.category-special {
  border-color: #c46323;
  background: #c46323;
}

rules-map .map-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #dedede;
  background: #fff;
}

rules-map .map-toolbar .search-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 200px;
}

rules-map .map-toolbar .search-wrapper > ion-icon {
  position: absolute;
  left: 8px;
  color: #999;
  font-size: 16px;
}

rules-map .map-toolbar .search-wrapper .map-search {
  width: 100%;
  height: 32px;
  padding: 0 30px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  color: #222;
  outline: none;
}

rules-map .map-toolbar .search-wrapper .map-search:focus {
  border-color: #74933c;
}

rules-map .map-toolbar .search-wrapper button {
  position: absolute;
  right: 0;
  margin: 0;
  color: #999;
}

rules-map .map-toolbar .toggle-problems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #757575;
  font-size: 12px;
  white-space: nowrap;
}

rules-map .map-toolbar .focus-clear {
  margin: 0;
  text-transform: none;
  font-size: 12px;
  color: #757575;
}

rules-map .map-toolbar .focus-clear ion-icon {
  margin-right: 4px;
}

rules-map .map-toolbar .map-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: #999;
  font-size: 12px;
  white-space: nowrap;
}

rules-map .map-toolbar .map-summary .summary-problem {
  color: #d63535;
  font-weight: 600;
}

rules-map .map-loading,
rules-map .map-empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  color: #999;
  font-size: 13px;
}

rules-map .map-loading ion-icon,
rules-map .map-empty ion-icon {
  font-size: 36px;
  color: #ccc;
}

rules-map .map-loading p,
rules-map .map-empty p {
  margin: 0;
}

rules-map .map-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

rules-map .map-canvas {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: auto;
  background: #f9fafb;
}

rules-map .scenario-board {
  position: relative;
  min-width: 100%;
  min-height: 100%;
}

rules-map .row-guide-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: visible;
  pointer-events: none;
}

rules-map .row-guide-layer .row-guide-line {
  stroke: #d1d5db;
  stroke-width: 1;
  stroke-dasharray: 4 6;
  shape-rendering: crispEdges;
}

rules-map .edge-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: visible;
  pointer-events: none;
}

rules-map .edge-layer marker path {
  fill: #999;
}

rules-map .edge-layer .edge-group {
  cursor: pointer;
  pointer-events: stroke;
}

rules-map .edge-layer .edge-group .edge-path {
  fill: none;
  stroke: #999;
  stroke-width: 1.5;
  marker-end: url(#rules-arrow);
}

rules-map .edge-layer .edge-group.edge-group--label {
  pointer-events: none;
}

rules-map .edge-layer .edge-group .edge-label-bg {
  fill: #fff;
  stroke: #dedede;
  stroke-width: 1;
  pointer-events: none;
}

rules-map .edge-layer .edge-group .edge-label {
  fill: #757575;
  font-size: 11px;
  font-weight: 500;
  pointer-events: none;
}

rules-map .edge-layer .edge-group.edge-selected .edge-path {
  stroke: #74933c;
  stroke-width: 2.5;
}

rules-map .edge-layer .edge-group.edge-problem .edge-path {
  stroke: #d63535;
}

rules-map .edge-layer .edge-group.edge-muted {
  display: none;
}

rules-map .level-title {
  position: absolute;
  z-index: 2;
  height: 20px;
  padding: 3px 8px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background: #fff;
  color: #999;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

rules-map .node-card {
  position: absolute;
  z-index: 3;
  width: 280px;
  min-height: 28px;
  height: auto;
  padding: 8px 10px;
  border: 1px solid #dedede;
  border-left: 3px solid #93bee1;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  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;
  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;
}

rules-map .node-card:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

rules-map .node-card.node-type-clientAction {
  border-left-color: rgba(56, 142, 60, 0.5);
}

rules-map .node-card.node-category-core {
  border-left-color: #3b5998;
}

rules-map .node-card.node-category-agreements {
  border-left-color: #6a4c93;
}

rules-map .node-card.node-category-special {
  border-left-color: #c46323;
}

rules-map .node-card.node-type-deletedTask {
  border-left-color: rgba(229, 57, 53, 0.5);
  border-style: dashed;
  background: #fff7f7;
}

rules-map .node-card.node-type-reference {
  border-left-color: #999;
  background: #f9fafb;
}

rules-map .node-card.node-type-groupSeparator {
  min-height: 22px;
  padding: 4px 10px;
  border-left-color: #ccc;
  background: #f5f5f5;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
}

rules-map .node-card.node-type-groupSeparator:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

rules-map .node-card.node-type-groupSeparator .node-title {
  color: #757575;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

rules-map .node-card.node-selected {
  border-color: #93bee1;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

rules-map .node-card.node-muted {
  display: none;
}

rules-map .node-card .node-parent {
  overflow: hidden;
  margin-bottom: 2px;
  color: #999;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

rules-map .node-card .node-title {
  color: #222;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 0;
}

rules-map .node-card .node-footer {
  margin-top: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

rules-map .node-card .node-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

rules-map .node-card .node-badge.deleted {
  color: #d63535;
  background: #fff0f0;
}

rules-map .node-card .node-badge.reference {
  color: #999;
  background: #f0f2f5;
}

rules-map .node-card .node-badge.system {
  color: #3b5998;
  background: #e8eef8;
}

rules-map .node-card .node-badge.category {
  color: #5a6270;
  background: #eef1f5;
}

rules-map .node-card .problem-pill {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #d63535;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

rules-map .inspector-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  border-left: 1px solid #dedede;
  background: #fff;
}

rules-map .inspector-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #dedede;
}

rules-map .inspector-header .inspector-type {
  margin-bottom: 4px;
  color: #37474f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
}

rules-map .inspector-header .inspector-title {
  margin: 0;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-width: 260px;
}

rules-map .inspector-header .inspector-system-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 6px;
  padding: 1px 6px;
  border-radius: 3px;
  background: #e8eef8;
  color: #3b5998;
  font-size: 11px;
  font-weight: 500;
}

rules-map .inspector-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 12px 14px;
}

rules-map .inspector-lede {
  margin: 0 0 12px;
  color: #757575;
  font-size: 12px;
  line-height: 16px;
}

rules-map .inspector-section {
  margin-bottom: 16px;
}

rules-map .inspector-section h4 {
  margin: 0 0 8px;
  color: #757575;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

rules-map .inspector-section.inspector-section--stats {
  padding: 8px 10px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #f9fafb;
}

rules-map .inspector-section.inspector-section--stats .inspector-stat:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

rules-map .inspector-section.inspector-section--stats .inspector-stat:first-child {
  padding-top: 0;
}

rules-map .inspector-stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid #dedede;
  color: #757575;
  font-size: 12px;
  line-height: 16px;
}

rules-map .inspector-stat span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

rules-map .inspector-stat strong {
  color: #222;
  font-weight: 600;
  text-align: right;
}

rules-map .inspector-stat .stat-value {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-map .edge-row {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  height: auto;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid #dedede;
  border-left: 3px solid #74933c;
  border-radius: 4px;
  background: #fff;
  text-align: left;
  text-transform: none;
  color: #222;
  font-size: 13px;
}

rules-map .edge-row:hover {
  background: #f5f5f5;
}

rules-map .edge-row span {
  color: #222;
  font-size: 13px;
  font-weight: 500;
}

rules-map .edge-row small {
  color: #999;
  font-size: 12px;
}

rules-map ::ng-deep .edge-row .button-inner {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

rules-map .edge-row-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

rules-map .edge-row-kicker {
  color: #999;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

rules-map .edge-row-title {
  width: 100%;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-map .edge-row-detail {
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

rules-map .problem-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 4px;
  padding: 6px 8px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 15px;
}

rules-map .problem-item ion-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 16px;
}

rules-map .problem-item.problem-error {
  background: #fff0f0;
  color: #d63535;
}

rules-map .problem-item.problem-warning {
  background: #fff8e1;
  color: #c46323;
}

rules-map .inspector-actions {
  margin-top: 14px;
}

rules-map .inspector-actions button[ion-button] {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
}

@media (max-width: 900px) {
  rules-map .map-toolbar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  rules-map .map-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  rules-map .inspector-panel {
    width: 100%;
    min-width: 100%;
    max-height: 45vh;
    border-left: none;
    border-top: 1px solid #dedede;
  }
}

new-typical-task,
edit-typical-task-page,
new-typical-task-page,
.new-typical-task-modal,
.edit-typical-task-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

new-typical-task ion-content.task-card.desktop,
new-typical-task .typical-task-modal-content,
edit-typical-task-page ion-content.task-card.desktop,
edit-typical-task-page .typical-task-modal-content,
new-typical-task-page ion-content.task-card.desktop,
new-typical-task-page .typical-task-modal-content,
.new-typical-task-modal ion-content.task-card.desktop,
.new-typical-task-modal .typical-task-modal-content,
.edit-typical-task-modal ion-content.task-card.desktop,
.edit-typical-task-modal .typical-task-modal-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  width: 100%;
}

new-typical-task ion-content.task-card.desktop > .scroll-content,
new-typical-task .typical-task-modal-content > .scroll-content,
edit-typical-task-page ion-content.task-card.desktop > .scroll-content,
edit-typical-task-page .typical-task-modal-content > .scroll-content,
new-typical-task-page ion-content.task-card.desktop > .scroll-content,
new-typical-task-page .typical-task-modal-content > .scroll-content,
.new-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.new-typical-task-modal .typical-task-modal-content > .scroll-content,
.edit-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.edit-typical-task-modal .typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  padding: 0;
}

new-typical-task ion-footer,
edit-typical-task-page ion-footer,
new-typical-task-page ion-footer,
.new-typical-task-modal ion-footer,
.edit-typical-task-modal ion-footer {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 10;
}

.typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

form[cab-form-container].typical-task-form,
.typical-task-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

.form-system-note {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 8px 24px 4px;
  padding: 8px 12px;
  color: #3b5998;
  font-size: 13px;
  line-height: 18px;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-tabs-wrap {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-header {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
  background: #fff;
  z-index: 2;
}

.typical-form-tabs .mat-tab-label {
  height: 42px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.72;
}

.typical-form-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

.typical-form-tabs .mat-ink-bar {
  background-color: #3b5998;
}

.typical-form-tabs .mat-tab-body-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.typical-form-tabs .mat-tab-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body.mat-tab-body-active {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body-content {
  height: 100%;
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.typical-form-tabs .mat-tab-body-content .typical-tab-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}

.typical-tab-scroll {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll > .ps,
.typical-tab-scroll.ps .ps__content,
.typical-tab-scroll > .ps > .ps-content,
.typical-tab-scroll.ps > .ps-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 4px 0 72px;
  width: 100% !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll .ps__rail-x {
  opacity: 0;
}

.typical-tab-scroll .ps__rail-y {
  right: 0 !important;
  left: auto !important;
  width: 8px;
  opacity: 0;
  z-index: 3;
}

.typical-tab-scroll .ps__rail-y .ps__thumb-y {
  right: 1px;
  width: 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.22);
}

.typical-tab-scroll.ps.ps--scrolling-y > .ps__rail-y,
.typical-tab-scroll:hover .ps__rail-y {
  opacity: 1;
}

.typical-form-banner {
  margin: 10px 24px 16px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 18px;
  color: #3b5998;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-banner a {
  color: #3b5998;
  text-decoration: underline;
  font-weight: 500;
}

.tab-invalid-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: #e53935;
}

.unique-owner-name {
  opacity: 0.65;
  font-size: 12px;
}

.typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.typical-checkbox-row .mat-checkbox {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  max-width: calc(100% - 28px);
}

.typical-checkbox-row .mat-checkbox-layout {
  max-width: 100%;
  white-space: normal;
}

.typical-task-form cab-form-checkbox-list-section .mat-input-element .typical-checkbox-row .mat-checkbox {
  width: auto !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.typical-checkbox-help {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 6px 0 0 6px;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.38);
  cursor: help;
  pointer-events: auto;
}

.typical-checkbox-help:hover {
  color: rgba(59, 89, 152, 0.85);
}

.client-action-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 0 4px;
}

.client-action-item--open {
  margin: 8px 0 12px;
  padding: 8px 12px 12px;
  background: #f7f8fb;
  border: 1px solid #e3e6ee;
  border-radius: 6px;
}

.client-action-item:not(.client-action-item--open) + .client-action-item:not(.client-action-item--open) {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.client-action-item__head {
  padding-right: 4px;
}

.client-action-rule-card {
  margin-top: 6px;
}

.client-action-rule {
  margin-top: 8px;
  padding: 6px 10px 8px;
  background: #fff;
  border: 1px solid #e8ebf2;
  border-radius: 4px;
}

.client-action-rule:first-child {
  margin-top: 0;
}

.client-action-rule .generated-row {
  margin: 0;
}

.client-action-rule .grid > .row:after,
.client-action-rule .grid > .row.generated-row:after {
  display: none !important;
}

.client-action-rule__caption {
  margin: 2px 0 4px;
  padding: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__modifiers {
  display: block;
  margin-top: 2px;
  padding: 8px 10px 2px;
  background: #f4f6fa;
  border-radius: 4px;
}

.client-action-rule__modifiers .typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
}

.client-action-rule__modifiers .mat-checkbox {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: calc(100% - 28px);
  margin: 0 !important;
  font-size: 12px;
  line-height: 18px;
  pointer-events: auto;
}

.client-action-rule__modifiers .mat-checkbox-layout {
  white-space: normal;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.client-action-rule__modifiers .mat-checkbox-label {
  font-size: 12px;
  line-height: 18px;
  color: #334155;
  white-space: normal;
}

.client-action-rule__modifiers .typical-checkbox-help {
  margin-top: 2px;
  font-size: 16px;
}

.client-action-rule__modifiers-label {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__bonus {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.client-action-rule-card__add {
  margin-top: 10px;
}

.autotask-chain-list {
  width: 100%;
}

.autotask-chain-item {
  margin-top: 10px;
}

.autotask-chain-item:first-child {
  margin-top: 0;
}

admin-impersonation-search {
  display: block;
}

admin-impersonation-search .impersonation-dialog-content {
  padding: 0;
  overflow: hidden;
  max-height: none;
}

admin-impersonation-search .impersonation-dialog-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: min(65vh, calc(100vh - 12rem));
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

admin-impersonation-search .impersonation-dialog-scroll.ps .ps__content {
  width: 100% !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

admin-impersonation-search .impersonation-dialog-scroll .ps__rail-x {
  opacity: 0;
}

admin-impersonation-search .impersonation-dialog-scroll .ps__rail-y {
  right: 0 !important;
  left: auto !important;
  width: 8px;
  opacity: 0;
  z-index: 3;
}

admin-impersonation-search .impersonation-dialog-scroll .ps__rail-y .ps__thumb-y {
  right: 1px;
  width: 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.22);
}

admin-impersonation-search .impersonation-dialog-scroll.ps.ps--scrolling-y > .ps__rail-y,
admin-impersonation-search .impersonation-dialog-scroll:hover .ps__rail-y {
  opacity: 1;
}

admin-impersonation-search form[cab-form-container] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

admin-impersonation-search .impersonation-error,
admin-impersonation-search .user-type-radio-group,
admin-impersonation-search .impersonation-results-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: auto;
  max-width: calc(100% - 48px);
  margin-left: 24px;
  margin-right: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

admin-impersonation-search .impersonation-error {
  margin-top: 10px;
  color: #d63535;
  font-size: 14px;
}

admin-impersonation-search .user-type-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 10px;
  margin-bottom: 8px;
}

admin-impersonation-search .impersonation-results-container {
  position: relative;
  margin-bottom: 10px;
}

admin-impersonation-search .impersonation-results-container:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -24px;
  right: -24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

admin-impersonation-search .impersonation-results-container .results-count {
  padding: 0 0 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #737373;
}

admin-impersonation-search .impersonation-results-container .impersonation-empty {
  margin: 0;
  padding: 10px 0 16px;
  color: #737373;
  font-size: 14px;
  line-height: 1.4;
}

admin-impersonation-search .impersonation-result-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 10px 8px 7px;
  cursor: pointer;
  border-left: 3px solid transparent;
  color: #212121;
}

admin-impersonation-search .impersonation-result-row:hover {
  background-color: rgba(55, 71, 79, 0.04);
}

admin-impersonation-search .impersonation-result-row.selected {
  background-color: rgba(55, 71, 79, 0.08);
  border-left-color: #37474f;
}

admin-impersonation-search .impersonation-result-row:focus {
  outline: none;
}

admin-impersonation-search .impersonation-result-row:focus-visible {
  outline: 2px solid #0c343d;
  outline-offset: -2px;
}

admin-impersonation-search .impersonation-result-row .result-main {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

admin-impersonation-search .impersonation-result-row .result-name {
  font-size: 14px;
  line-height: 1.3;
  color: #212121;
}

admin-impersonation-search .impersonation-result-row .result-meta {
  font-size: 12px;
  line-height: 1.4;
  color: #737373;
}

admin-impersonation-search .impersonation-result-row .result-card-link {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 12px;
  color: #0c343d;
  text-decoration: none;
  white-space: nowrap;
  padding-top: 2px;
}

admin-impersonation-search .impersonation-result-row .result-card-link:hover {
  text-decoration: underline;
}

.platform-core .app-settings-modal .modal-wrapper {
  max-height: 560px;
  top: calc(50vh - (560px / 2));
}

bootstrap-gate-page .scroll-content,
bootstrap-gate-page .bootstrap-gate-page {
  background: transparent;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider:before {
  display: none;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons {
  min-height: 54px;
  height: 54px;
  padding-top: 4px;
  margin-top: -8px;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons:before {
  display: block;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons .label {
  height: 48px;
  line-height: 48px;
  padding-bottom: 10px;
  vertical-align: top;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons .label span {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  line-height: 38px;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons .label span:last-of-type {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-right: auto;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons ion-buttons {
  height: 100%;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider.with-buttons span[icon-left] .icon {
  font-size: 1em;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info.hide-shadow:after {
  display: none;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .list > .grid {
  padding-top: 0;
}

case-page .content-wrapper .grid > .row > .col > ion-item-group.info .list > .grid > .row > .col {
  margin-bottom: 1em;
}

case-page [nopadding] {
  padding: 0;
}

case-page [nopadding] :not([padding]) ion-col,
case-page [nopadding] :not([padding]) ion-row {
  padding: 0;
}

case-page .grid[no-v-padding] {
  padding-top: 0;
  padding-bottom: 0;
}

case-page .grid[no-v-padding] > .row {
  padding-top: 0;
  padding-bottom: 0;
}

case-page .grid[no-v-padding] > .row > .col {
  padding-top: 0;
  padding-bottom: 0;
}

case-page .row[no-v-padding] {
  padding-top: 0;
  padding-bottom: 0;
}

case-page .row[no-v-padding] .col {
  padding-top: 0;
  padding-bottom: 0;
}

case-page .grid[no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

case-page .grid[no-h-padding] > .row {
  padding-right: 0;
  padding-left: 0;
}

case-page .grid[no-h-padding] > .row > .col .item-md.item-block .input-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

case-page .grid[no-h-padding] > .row > .col:nth-child(2n-1) {
  padding-left: 0;
}

case-page .grid[no-h-padding] > .row > .col:nth-child(2n) {
  padding-right: 0;
}

case-page .grid[no-h-padding] > .row > .col .item-md.item-block .label {
  color: #888;
}

case-page .grid[no-h-padding] > .row > .col a.item-md.item-block .label {
  color: #888;
}

case-page .grid[no-h-padding] > .row > .col a.item-md.item-block .label p {
  color: #222;
}

case-page .grid[no-h-padding] > .row > .col .item-md p {
  color: #222;
}

case-page .grid[no-h-padding] > .row > .col[col-12]:not([col-md-6]) {
  padding-left: 0;
  padding-right: 0;
}

case-page .grid[no-h-padding] > .row > .col > .grid {
  padding: 0;
}

@media (max-width: 767px) {
  case-page .col[col-12][col-md-6] {
    padding-right: 0;
    padding-left: 0;
  }
}

.isDesktop case-page .item.item p,
.isDesktop case-page ion-label {
  font-size: 1.4rem;
}

.isDesktop case-page .item.item p ion-spinner,
.isDesktop case-page ion-label ion-spinner {
  height: 16px;
}

.isDesktop case-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop case-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

.isDesktop case-page ion-content.desktop.content-md .scroll-content > .content-wrapper[activeTab='dialog'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.isDesktop case-page ion-content.desktop.content-md .scroll-content > .content-wrapper[activeTab='dialog'] dialog-with-client {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  margin-bottom: 0 !important;
  height: auto;
}

.isDesktop case-page ion-content.desktop.content-md .scroll-content > .content-wrapper[activeTab='dialog'] dialog-with-client.from-case-page {
  min-height: 100%;
}

.isDesktop cases-page .item.item p,
.isDesktop cases-page ion-label {
  font-size: 1.4rem;
}

.isDesktop cases-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop cases-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

client-agreements-page .item-block .label {
  white-space: normal;
  color: #666;
}

client-agreements-page .item-block p {
  color: #666;
}

client-agreements-page .item-block p > a {
  color: inherit;
}

client-agreements-page .grid {
  padding: 0;
}

client-agreements-page .grid .row {
  padding: 0 0 5px;
}

client-agreements-page .grid .row .col {
  padding: 0;
}

client-agreements-page .inline {
  display: inline-block;
  float: right;
  margin-left: 10px;
}

client-agreements-page .inline.left {
  margin-left: 0;
  float: none;
}

client-agreements-page ion-col {
  padding: 0;
}

client-agreements-page .client-tasks.tasklist ion-label {
  white-space: normal;
}

client-agreements-page .client-tasks.tasklist ion-item-sliding p {
  color: #222;
}

client-agreements-page .client-tasks.tasklist .type {
  display: none;
}

client-agreements-page .client-tasks.tasklist .contractDate {
  display: block;
}

client-agreements-page .client-tasks.tasklist ion-grid {
  padding: 0;
}

client-agreements-page .list .item-block:last-of-type {
  border-bottom: 1px solid #dedede;
}

client-agreements-page .list .item-block:last-of-type .item-inner {
  border-bottom: none;
}

client-agreements-page .item-block ion-grid {
  padding: 0;
}

client-agreements-page .item-block ion-grid ion-col {
  padding: 0 5px 0 0;
}

client-agreements-page .item-block ion-grid ion-col .note,
client-agreements-page .item-block ion-grid ion-col p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}

client-agreements-page .item-block ion-grid ion-col p {
  color: #212121;
  line-height: 16px;
}

client-agreements-page .item-block ion-grid ion-col .note {
  font-size: 0.9em;
  color: #212121;
}

.platform-mobile client-audio-page .list .item-block:last-of-type {
  border-bottom: 1px solid #dedede;
}

.platform-mobile client-audio-page .list .item-block:last-of-type .item-inner {
  border-bottom: none;
}

client-page {
  --page-bottom-overlay-offset: calc(20px + var(--delegate-contract-widget-footer-height, 0px));
}

client-page ion-title.title .icon {
  font-size: 1.1em;
}

client-page .client-loading-spinner {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  color: white;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 5px;
  cursor: help;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

client-page .client-alert-stack--mobile {
  --client-alert-collapsed-height: 36px;
  --client-alert-peek-height: 36px;
  --client-alert-card-padding-top: 8px;
  --client-alert-card-padding-x: 12px;
  --client-alert-card-padding-bottom: 8px;
  --client-alert-stack-base: 0px;
  --client-alert-debt-size: 0px;
  --client-alert-court-size: 0px;
  --client-alert-poa-size: 0px;
  --client-alert-kyc-size: 0px;
  --client-alert-stack-total: calc(
		var(--client-alert-debt-size) + var(--client-alert-court-size) + var(--client-alert-poa-size) +
			var(--client-alert-kyc-size)
	);
  --client-sticky-list-top: var(--client-alert-stack-total, 0px);
  margin: 0;
  padding: 0;
  display: contents;
}

client-page .client-alert-stack--mobile client-debt-header,
client-page .client-alert-stack--mobile client-court-participation-warning,
client-page .client-alert-stack--mobile client-power-of-attorney-warning,
client-page .client-alert-stack--mobile client-case-kyc-only-warning {
  display: block;
  margin: 0;
  padding: 0;
}

client-page .client-alert-stack--mobile client-debt-header {
  top: var(--client-alert-stack-base, 0px);
}

client-page .client-alert-stack--mobile client-court-participation-warning {
  top: calc(var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px));
}

client-page .client-alert-stack--mobile client-power-of-attorney-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px));
}

client-page .client-alert-stack--mobile client-case-kyc-only-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px) + var(--client-alert-poa-size, 0px));
}

client-page .client-alert-stack--mobile client-debt-header {
  background-color: #d63535;
}

client-page .client-alert-stack--mobile client-court-participation-warning {
  background-color: #c46323;
}

client-page .client-alert-stack--mobile client-power-of-attorney-warning {
  background-color: #d63535;
}

client-page .client-alert-stack--mobile client-case-kyc-only-warning {
  background-color: #c46323;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner,
client-page .client-alert-stack--mobile client-debt-header .alert-banner__full,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full {
  margin: 0;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
client-page .client-alert-stack--mobile client-debt-header .card,
client-page .client-alert-stack--mobile client-debt-header ion-card.card,
client-page .client-alert-stack--mobile client-debt-header ion-card.card-ios,
client-page .client-alert-stack--mobile client-debt-header ion-card.card-md,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
client-page .client-alert-stack--mobile client-court-participation-warning .card,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-ios,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-md,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-ios,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-md {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

client-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content,
client-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-ios,
client-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-md,
client-page .client-alert-stack--mobile client-debt-header .card-content-ios,
client-page .client-alert-stack--mobile client-debt-header .card-content-md,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-ios,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-md,
client-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
client-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-ios,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-md,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md {
  padding: var(--client-alert-card-padding-top) var(--client-alert-card-padding-x) var(--client-alert-card-padding-bottom) !important;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner__full p,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner__full p + p,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p + p,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p + p {
  margin-top: 4px !important;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
client-page .client-alert-stack--mobile client-debt-header .card,
client-page .client-alert-stack--mobile client-debt-header ion-card.card,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
client-page .client-alert-stack--mobile client-court-participation-warning .card,
client-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
client-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .card,
client-page .client-alert-stack--mobile client-case-kyc-only-warning ion-card.card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

client-page .client-alert-stack--mobile client-debt-header .alert-banner__short-text,
client-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short-text,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short-text,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
}

client-page .client-alert-stack--mobile client-debt-header .card-content-ios,
client-page .client-alert-stack--mobile client-debt-header .card-content-md,
client-page .client-alert-stack--mobile client-debt-header .card-content,
client-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
client-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
client-page .client-alert-stack--mobile client-court-participation-warning .card-content,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md,
client-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-ios,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-md,
client-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) {
  --client-sticky-list-top: var(--client-alert-stack-total, 0px);
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list {
  margin-top: 0;
  margin-bottom: 0;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider.item {
  position: relative;
  margin-top: 0;
  min-height: 43px;
  border-top: none;
  border-bottom: none;
  background-color: #f9fafb;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider.item::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
  z-index: 1;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider.item > .item-inner {
  border-top: none !important;
  border-bottom: none !important;
  min-height: 43px;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list .item.item-block,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list button.item.item-block,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list a.item.item-block,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list ion-item.item-block {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list .item.item-block .item-inner,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list button.item.item-block .item-inner,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list a.item.item-block .item-inner,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list ion-item.item-block .item-inner {
  border-top: none !important;
  border-bottom: none !important;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list .item.item-block::after,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list button.item.item-block::after,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list a.item.item-block::after,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-list ion-item.item-block::after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) > ion-list > ion-item-group:first-child > ion-list > button.item.item-block {
  min-height: 48px;
  height: 48px;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) > ion-list > ion-item-group:first-child > ion-list > button.item.item-block .item-inner {
  min-height: 48px;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) > ion-list > ion-item-group:first-child > ion-list > button.item.item-block ion-label.label {
  margin-top: 0;
  margin-bottom: 0;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider + ion-list > button.item.item-block:first-child::after,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider + ion-list > ion-item.item-block:first-child::after,
.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-divider + ion-list > ion-item-sliding:first-child .item.item-block::after {
  display: none;
}

.platform-mobile client-page ion-content.client-card:not(.desktop) ion-item-sliding .item.item-block::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: 1px;
  -webkit-transform: none;
  transform: none;
  border-bottom: none;
  background: #dedede;
}

.isDesktop client-page .content-wrapper {
  --client-alert-collapsed-height: 36px;
  --client-alert-peek-height: 36px;
  --client-alert-card-padding-top: 8px;
  --client-alert-card-padding-x: 12px;
  --client-alert-card-padding-bottom: 8px;
  --client-alert-stack-base: 0px;
  --client-alert-debt-size: 0px;
  --client-alert-court-size: 0px;
  --client-alert-poa-size: 0px;
  --client-alert-kyc-size: 0px;
  --client-alert-stack-total: calc(
		var(--client-alert-debt-size) + var(--client-alert-court-size) + var(--client-alert-poa-size) +
			var(--client-alert-kyc-size)
	);
  --client-alert-pinned-size: 0px;
  --client-pinned-label-size: 0px;
  --client-sticky-list-top: calc(var(--client-alert-stack-total) + var(--client-alert-pinned-size));
  /*
	 * client-alert-stack uses display:contents so sticky banners stay layout siblings of the
	 * tab lists. Selectors like `.content-wrapper > * { max-width: 1280px }` therefore miss
	 * the banner hosts (they are DOM grandchildren). Constrain them to the same content column.
	 */
  /* Page-only: suspend date-row sticky while stack scroll compensation runs. */
}

.isDesktop client-page .content-wrapper client-debt-header {
  top: var(--client-alert-stack-base, 0px);
}

.isDesktop client-page .content-wrapper client-court-participation-warning {
  top: calc(var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px));
}

.isDesktop client-page .content-wrapper client-power-of-attorney-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px));
}

.isDesktop client-page .content-wrapper client-case-kyc-only-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px) + var(--client-alert-poa-size, 0px));
}

.isDesktop client-page .content-wrapper client-debt-header {
  background-color: #d63535;
}

.isDesktop client-page .content-wrapper client-court-participation-warning {
  background-color: #c46323;
}

.isDesktop client-page .content-wrapper client-power-of-attorney-warning {
  background-color: #d63535;
}

.isDesktop client-page .content-wrapper client-case-kyc-only-warning {
  background-color: #c46323;
}

.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded {
  --client-alert-tap-fade-duration: 200ms;
}

.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-debt-header.desktop .alert-banner__full,
.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-court-participation-warning.desktop .alert-banner__full,
.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-power-of-attorney-warning.desktop .alert-banner__full {
  -webkit-transition: opacity var(--client-alert-tap-fade-duration) ease;
  transition: opacity var(--client-alert-tap-fade-duration) ease;
}

.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-debt-header.desktop.is-collapsed.is-expanded .alert-banner__full,
.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-court-participation-warning.desktop.is-collapsed.is-expanded .alert-banner__full,
.isDesktop client-page .content-wrapper.client-alert-stack--tap-expanded client-power-of-attorney-warning.desktop.is-collapsed.is-expanded .alert-banner__full {
  opacity: 1;
}

.isDesktop client-page .content-wrapper client-debt-header,
.isDesktop client-page .content-wrapper client-court-participation-warning,
.isDesktop client-page .content-wrapper client-power-of-attorney-warning,
.isDesktop client-page .content-wrapper client-case-kyc-only-warning {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.isDesktop client-page .content-wrapper > [hidden] {
  display: none !important;
}

.isDesktop client-page .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content .item.item-divider.item-divider-md,
.isDesktop client-page .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content .item.item-divider.item-divider-ios {
  position: relative;
  top: auto;
}

.isDesktop client-page .content-wrapper desktop-client-page-tasks-list virtual-scroller .scrollable-content desktop-client-task-item {
  content-visibility: visible;
}

.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-ios,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-tasks-list ion-list .item.item-divider.item-divider-md,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-courts-list ion-list .item.item-divider.item-divider-ios,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-courts-list ion-list .item.item-divider.item-divider-md,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-ios,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-bailiffs-list ion-list .item.item-divider.item-divider-md,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-audio-list ion-list .item.item-divider.item-divider-ios,
.isDesktop client-page .content-wrapper.client-alert-stack--scroll-compensating desktop-client-page-audio-list ion-list .item.item-divider.item-divider-md {
  position: relative;
  top: auto;
}

.isDesktop client-page .sticky-buttons {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1195;
  text-align: right;
  height: 0;
  min-height: 0;
  overflow: visible;
  margin: 0;
  padding: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.isDesktop client-page .sticky-buttons .button,
.isDesktop client-page .sticky-buttons > span,
.isDesktop client-page .sticky-buttons button {
  pointer-events: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 43px;
  margin-top: 0;
  margin-bottom: 0;
}

.isDesktop client-page .sticky-buttons .button {
  margin-right: -15px;
}

.isDesktop client-page .sticky-buttons > span {
  white-space: nowrap;
  text-transform: uppercase;
  margin-right: 10px;
  line-height: 43px;
  color: #888;
}

.isDesktop client-page .sticky-buttons > span[icon-left] .icon {
  font-size: 1em;
}

client-page .contacts-info mat-icon.fi,
client-page .contacts-info .mat-icon {
  vertical-align: sub;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: help;
  line-height: 19px;
  margin-right: 5px;
  width: 16px;
}

client-page .contacts-info .mat-icon.email-status, client-page .contacts-info .mat-icon.sms-status {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 19px;
}

.platform-mobile client-page .item.phone-item {
  min-height: 68px;
}

client-page .item.phone-item ion-note {
  display: block;
  color: #666;
  line-height: 16px;
}

client-page .item.phone-item ion-note mat-icon.fi,
client-page .item.phone-item ion-note .mat-icon {
  line-height: 14px;
  font-size: 14px;
  width: 14px;
}

client-page .scroll-content {
  overflow-x: hidden !important;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog'] {
  /* flex-start — not space-between: space-between inserts white gaps between alert hosts. */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-items: stretch;
  min-height: 100%;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog'] dialog-with-client.from-client-page {
  --dialog-search-sticky-offset-below-alerts: 24px;
  --dialog-search-stack-padding-top: 4px;
  --dialog-search-stack-padding-x: 8px;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog']:has(> client-debt-header) dialog-with-client.from-client-page, client-page .scroll-content > .content-wrapper[activeTab='dialog']:has(> client-court-participation-warning) dialog-with-client.from-client-page, client-page .scroll-content > .content-wrapper[activeTab='dialog']:has(> client-power-of-attorney-warning) dialog-with-client.from-client-page, client-page .scroll-content > .content-wrapper[activeTab='dialog']:has(> client-case-kyc-only-warning) dialog-with-client.from-client-page {
  --dialog-search-sticky-offset-below-alerts: 0px;
  --dialog-search-stack-padding-top: 0px;
  --dialog-search-stack-padding-x: 0px;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog']:not(:has(client-debt-header)):not(:has(client-court-participation-warning)):not(:has(client-power-of-attorney-warning)):not(:has(client-case-kyc-only-warning)) {
  padding-top: 0;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog']:not(:has(client-debt-header)):not(:has(client-court-participation-warning)):not(:has(client-power-of-attorney-warning)):not(:has(client-case-kyc-only-warning)) dialog-with-client.from-client-page virtual-scroller {
  --virtual-scroller-lead: 30px;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog'] dialog-with-client {
  margin-bottom: 0 !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

client-page .scroll-content > .content-wrapper[activeTab='dialog'] dialog-with-client.empty-client-dialog {
  height: 100%;
}

.isDesktop client-page .content-wrapper .grid > .row > .col > ion-item-group.info .shadow-block .label p {
  color: #222;
}

client-page .content-wrapper .grid > .row > .col > ion-item-group.info .item.item-divider:before {
  display: none;
}

client-page .content-wrapper .grid > .row > .col > ion-item-group.info.hide-shadow:after {
  display: none;
}

client-page .content-wrapper .grid > .row > .col > ion-item-group.info .list > .grid {
  padding-top: 0;
}

client-page .list.tasklist {
  background-color: #f9fafb;
}

client-page .payments {
  padding: 0;
}

client-page .payments ion-grid {
  padding: 0;
}

client-page .payments ion-row {
  padding: 0;
}

client-page .payments ion-col {
  padding: 0 5px;
}

client-page .payments ion-col:first-child {
  padding-left: 0;
}

client-page .payments ion-col:last-child {
  padding-right: 0;
}

client-page .client-agreements-list [track='1'] ion-label {
  border-left: 2px solid red;
  padding-left: 10px;
}

client-page .client-agreements-list [track='2'] ion-label {
  border-left: 2px solid yellow;
  padding-left: 10px;
}

client-page .client-agreements-list [track='3'] ion-label {
  border-left: 2px solid green;
  padding-left: 10px;
}

client-page .client-agreements-list [track='4'] ion-label {
  border-left: 2px solid lightgrey;
  padding-left: 10px;
}

client-page .client-agreements-list [track='4'] ion-label p {
  opacity: 0.75;
}

client-page .client-agreements-list .item-block p > a {
  color: inherit;
}

client-page .client-agreements-list ion-label {
  white-space: normal;
}

client-page .client-agreements-list ion-item-sliding p {
  color: #222;
}

client-page .client-agreements-list .type {
  display: none;
}

client-page .client-agreements-list .contractDate {
  display: block;
}

@media (max-width: 567px) {
  client-page .client-agreements-list [responsive-sm] .type {
    display: inline-block;
    margin-right: 5px;
  }
  client-page .client-agreements-list [responsive-sm] ion-col {
    padding: 0;
    margin-bottom: 0;
  }
  client-page .client-agreements-list [responsive-sm] .contractDate {
    display: inline;
  }
  client-page .client-agreements-list [responsive-sm] [hide-when-sm] {
    display: none;
  }
}

client-page .client-agreements-list [width-8] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8%;
  -ms-flex: 0 0 8%;
  flex: 0 0 8%;
  max-width: 8%;
}

client-page .client-agreements-list .item-block {
  padding-left: 0;
}

client-page .client-agreements-list .item-block .label .grid {
  padding-left: 0;
  padding-right: 0;
}

client-page .client-agreements-list .item-block .label .grid .col:first-child {
  padding-left: 0;
}

client-page .client-agreements-list .item-block .label .grid .col:last-child {
  padding-right: 0;
}

client-page .client-agreements-list .item-block ion-label {
  margin-top: 6px;
  margin-bottom: 6px;
}

client-page .client-agreements-list .item-block ion-col p {
  margin-bottom: 0.3em;
  color: #222;
}

client-page .client-agreements-list .item-block .item-inner {
  padding-left: 16px;
}

client-page .client-agreements-list .item-block .item-inner > div.buttons {
  background: transparent;
  position: absolute;
  right: 10px;
  z-index: 1;
  margin: 0;
  top: 12px;
  bottom: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

client-page .client-agreements-list .item-block .item-inner > div.buttons button {
  float: right;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

client-page .client-agreements-list .item-block .item-inner > div.buttons:before {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

client-page .client-agreements-list .item-block:hover .item-inner > div.buttons {
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
}

client-page .client-agreements-list .item-block:hover .item-inner > div.buttons:before {
  opacity: 1;
}

client-page .transfers-toggle-link {
  color: #03151a;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  margin-left: 8px;
}

client-page .transfers-toggle-link:hover {
  text-decoration: underline;
  opacity: 0.8;
}

client-page .transfers-toggle-link:active {
  opacity: 0.6;
}

client-page .hidden-indicator {
  color: #888;
  font-style: italic;
}

client-tasks-page [width-8] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8%;
  -ms-flex: 0 0 8%;
  flex: 0 0 8%;
  max-width: 8%;
}

client-tasks-page .client-alert-stack--mobile {
  --client-alert-collapsed-height: 36px;
  --client-alert-peek-height: 36px;
  --client-alert-card-padding-top: 8px;
  --client-alert-card-padding-x: 12px;
  --client-alert-card-padding-bottom: 8px;
  --client-alert-stack-base: 0px;
  --client-alert-debt-size: 0px;
  --client-alert-court-size: 0px;
  --client-alert-poa-size: 0px;
  --client-alert-kyc-size: 0px;
  --client-alert-stack-total: calc(
		var(--client-alert-debt-size) + var(--client-alert-court-size) + var(--client-alert-poa-size) +
			var(--client-alert-kyc-size)
	);
  --client-sticky-list-top: var(--client-alert-stack-total, 0px);
  margin: 0;
  padding: 0;
  display: contents;
}

client-tasks-page .client-alert-stack--mobile client-debt-header,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning {
  display: block;
  margin: 0;
  padding: 0;
}

client-tasks-page .client-alert-stack--mobile client-debt-header {
  top: var(--client-alert-stack-base, 0px);
}

client-tasks-page .client-alert-stack--mobile client-court-participation-warning {
  top: calc(var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px));
}

client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px));
}

client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px) + var(--client-alert-poa-size, 0px));
}

client-tasks-page .client-alert-stack--mobile client-debt-header {
  background-color: #d63535;
}

client-tasks-page .client-alert-stack--mobile client-court-participation-warning {
  background-color: #c46323;
}

client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning {
  background-color: #d63535;
}

client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning {
  background-color: #c46323;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner,
client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__full,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full {
  margin: 0;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-debt-header .card,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card.card,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card.card-ios,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card.card-md,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-ios,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-md,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-ios,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-md {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

client-tasks-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-ios,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-md,
client-tasks-page .client-alert-stack--mobile client-debt-header .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-debt-header .card-content-md,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-ios,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-md,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-ios,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-md,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md {
  padding: var(--client-alert-card-padding-top) var(--client-alert-card-padding-x) var(--client-alert-card-padding-bottom) !important;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__full p,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__full p + p,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p + p,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p + p {
  margin-top: 4px !important;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-debt-header .card,
client-tasks-page .client-alert-stack--mobile client-debt-header ion-card.card,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .card,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning ion-card.card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .alert-banner__short-text,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short-text,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short-text,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
}

client-tasks-page .client-alert-stack--mobile client-debt-header .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-debt-header .card-content-md,
client-tasks-page .client-alert-stack--mobile client-debt-header .card-content,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
client-tasks-page .client-alert-stack--mobile client-court-participation-warning .card-content,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md,
client-tasks-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-ios,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-md,
client-tasks-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

client-tasks-page .client-tasks.tasklist {
  --client-sticky-list-top: var(--client-alert-stack-total, 0px);
}

client-tasks-page .client-tasks.tasklist ion-item-group > ion-list > button.item.item-block {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
}

client-tasks-page .client-tasks.tasklist ion-item-group > ion-list > button.item.item-block .item-inner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dedede !important;
}

client-tasks-page .client-tasks.tasklist ion-item-group > ion-list > button.item.item-block ion-label.label {
  margin-top: 0;
  margin-bottom: 0;
}

client-tasks-page .client-tasks.tasklist ion-item-group > ion-list > button.item.item-block:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #dedede;
  pointer-events: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list {
  display: block;
  margin-top: 0;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header),
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1194;
  min-height: 43px;
  height: 43px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f9fafb;
  border-top: none;
  border-bottom: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) .label,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) .label,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label {
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-animation: listRowAppear 0.2s ease-out forwards;
  animation: listRowAppear 0.2s ease-out forwards;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before, client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  content: '';
  position: absolute;
  left: var(--client-date-row-border-inset-start, 0px);
  right: var(--client-date-row-border-inset-end, 0px);
  height: 1px;
  background: #dedede;
  pointer-events: none;
  z-index: 1;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::before,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::before {
  top: 0;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header)::after,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header)::after {
  display: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) > .item-inner,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) > .item-inner {
  min-height: 43px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  border-bottom: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-ios:not(.completed-section-header) ion-label.label,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .item.item-divider.item-divider-md:not(.completed-section-header) ion-label.label {
  margin: 0 8px 0 0;
  padding: 0;
  min-height: 43px;
  line-height: 43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list .sticky-buttons {
  top: calc(var(--client-sticky-list-top, 0px) + var(--client-tab-search-reserve, 0px));
  z-index: 1195;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list > ion-list {
  margin-top: 0;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-item-group > ion-list.list-md,
client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-item-group > ion-list.list-ios {
  border-top: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-list > ion-item-group:first-child > ion-item-divider:not(.completed-section-header)::before {
  display: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header {
  background-color: #f7f7f7;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin-top: 0;
  margin-bottom: 0;
  min-height: auto;
  height: auto;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header::before, client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header::after {
  display: none;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header > .item-inner {
  border-top: none !important;
  border-bottom: none !important;
  min-height: auto;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header .completed-section-label {
  font-weight: normal;
  color: #222;
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 0;
  margin: 8px;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header .completed-section-label::before, client-tasks-page .client-tasks.tasklist mobile-client-task-list .completed-section-header .completed-section-label::after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  background-color: #ddd;
  margin: 0 10px;
}

client-tasks-page .client-tasks.tasklist mobile-client-task-list ion-item-group:has(> ion-item-divider.completed-section-header)
+ ion-item-group
> ion-item-divider:not(.completed-section-header)::before {
  display: none;
}

ion-segment.segment-ios.large .segment-button {
  max-width: 150px;
}

.ios clients-page ion-header ion-toolbar .bar-button-menutoggle {
  left: 4px;
  opacity: 0;
}

.ios clients-page ion-header.scrolled-bottom {
  -webkit-transform: translateY(-44px);
  transform: translateY(-44px);
  height: 52px;
}

.ios clients-page ion-header.scrolled-bottom ion-toolbar {
  padding-top: calc(20px + 4px);
}

.ios clients-page ion-header.scrolled-bottom ion-toolbar .bar-button-menutoggle {
  top: calc(20px + 4px);
  opacity: 1;
  -webkit-transition: min-width 0.5s, width 0.5s, margin 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, transform 0.5s, opacity 0.5s 0.2s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, transform 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s;
}

.ios clients-page ion-header.scrolled-bottom ion-toolbar .toolbar-content {
  padding-left: 48px;
}

.md clients-page ion-header.scrolled-bottom {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  height: 56px;
}

.md clients-page ion-header.scrolled-bottom ion-toolbar .toolbar-content:before {
  min-width: 1px;
  -webkit-transform: scaleX(44);
  transform: scaleX(44);
  content: '';
}

clients-page .has-refresher .scroll-content,
clients-page .has-refresher .fixed-content {
  transition: margin-top 0.5s, transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
}

clients-page ion-content .scroll-content,
clients-page ion-content .fixed-content {
  -webkit-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}

clients-page ion-header {
  -webkit-transition: height 0.5s, -webkit-transform 0.5s;
  transition: height 0.5s, -webkit-transform 0.5s;
  transition: height 0.5s, transform 0.5s;
  transition: height 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

clients-page .bar-button-menutoggle {
  -webkit-transition: min-width 0.5s, width 0.5s, margin 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, transform 0.5s, opacity 0.5s;
  transition: min-width 0.5s, width 0.5s, margin 0.5s, transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

clients-page ion-toolbar .toolbar-content:before {
  content: '';
  width: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: width 0.3s, min-width 0.3s, margin 0.3s, padding 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, min-width 0.3s, margin 0.3s, padding 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, min-width 0.3s, margin 0.3s, padding 0.3s, transform 0.3s;
  transition: width 0.3s, min-width 0.3s, margin 0.3s, padding 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

clients-page ion-toolbar .bar-button-menutoggle {
  position: absolute;
  z-index: 0;
  left: 4px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

clients-page .mobile-row .col > p {
  text-overflow: ellipsis;
  overflow: hidden;
}

clients-page .mobile-row .col.inline {
  height: 18px;
}

clients-page .mobile-row .col.inline p {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
}

clients-page .mobile-row .col.inline p:after {
  content: '';
  clear: both;
  display: table;
}

clients-page .mobile-row .col.inline p.lawyer {
  float: right;
  margin-right: 0;
  margin-left: 10px;
  min-width: 25px;
  text-align: center;
}

clients-page .mobile-row .col.inline p.court {
  max-width: calc(100% - 40px);
}

clients-page [state='fired'] {
  text-decoration: line-through;
}

clients-page .inline p {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 670px) {
  clients-page .large-only {
    display: none;
  }
}

clients-page .item-block {
  min-height: 0;
}

clients-page .item-block ion-grid {
  padding: 0;
}

clients-page .item-block ion-grid ion-col {
  padding: 0;
  padding-right: 5px;
}

clients-page .item-block ion-grid ion-col p > a {
  color: inherit;
}

@media screen and (min-width: 567px) {
  clients-page .desktop [width-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8%;
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    max-width: 8%;
  }
}

clients-page .desktop .item-block .item-inner > div.buttons {
  background: transparent;
  position: absolute;
  right: 10px;
  z-index: 1;
  margin: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
}

clients-page .desktop .item-block .item-inner > div.buttons button {
  float: right;
  margin-right: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}

clients-page .desktop .item-block .item-inner > div.buttons:before {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

clients-page .desktop .item-block:hover .item-inner > div.buttons {
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
}

clients-page .desktop .item-block:hover .item-inner > div.buttons:before {
  opacity: 1;
}

clients-page .desktop [clientcategory='1'] .item-inner > div.buttons:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 224, 130, 0)), to(rgba(255, 224, 130, 0.9)));
  background: linear-gradient(to right, rgba(255, 224, 130, 0) 0%, rgba(255, 224, 130, 0.9) 100%);
}

clients-page .desktop [clientcategory='1']:hover .item-inner > div.buttons {
  background: rgba(255, 224, 130, 0.9);
  opacity: 1;
}

clients-page .desktop [clientcategory='1']:hover .item-inner > div.buttons:before {
  opacity: 1;
}

.isDesktop cases-page .item.item p,
.isDesktop cases-page ion-label {
  font-size: 1.4rem;
}

.isDesktop cases-page .item.item p > a,
.isDesktop cases-page ion-label > a {
  text-decoration: none;
}

complete-tasks-page ion-item-group mobile-task-item .item[track='4'] .item-inner .label p {
  color: #212121;
}

create-client-page button.add-email-button,
create-client-page button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

create-client-page .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

create-client-page .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

create-client-page .mat-error a {
  vertical-align: baseline;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

create-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.lawyers-select {
  padding: 14px;
}

.lawyers-select md2-select {
  width: 100%;
}

.clients-table {
  height: 100%;
}

.clients-table table {
  display: table;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clients-table table tr {
  position: relative;
  height: 36px;
  vertical-align: middle;
}

.clients-table table tr[tappable] {
  cursor: pointer;
}

.clients-table table tr:hover {
  background-color: #e7e7e7;
}

.clients-table table thead tr {
  background-color: rgba(0, 0, 0, 0.05);
}

.clients-table table tfoot td {
  font-weight: bold;
  color: #333;
}

.clients-table table td,
.clients-table table th {
  padding: 0 16px;
  text-align: left;
}

.clients-table table td {
  position: relative;
  vertical-align: middle;
  height: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
}

delegate-clients .table-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

delegate-clients .table-wrapper .mat-form-field {
  font-size: 14px;
  width: 100%;
}

delegate-clients .table-wrapper .mat-table {
  overflow: visible;
}

delegate-clients .table-wrapper .mat-table .mat-column-clientName,
delegate-clients .table-wrapper .mat-table .mat-column-lawyerName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

delegate-clients .table-wrapper .mat-table .mat-column-clientName a,
delegate-clients .table-wrapper .mat-table .mat-column-lawyerName a {
  text-decoration: none;
  color: inherit;
}

delegate-clients .table-wrapper .mat-table .mat-column.disabled {
  opacity: 0.7;
}

delegate-clients .table-wrapper .mat-table .mat-column-lawyerName {
  padding: 0 0 0 16px;
  max-width: 340px;
}

delegate-clients .table-wrapper .mat-table .mat-column-checked,
delegate-clients .table-wrapper .mat-table .mat-column-delegateCase {
  max-width: 100px;
  text-align: center;
  height: 100%;
  max-width: 100px;
  text-align: center;
  min-height: inherit;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

delegate-clients .table-wrapper .mat-table .mat-column-checked .mat-checkbox,
delegate-clients .table-wrapper .mat-table .mat-column-delegateCase .mat-checkbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  vertical-align: middle;
}

.platform-core .delegate-contract-modal .modal-wrapper {
  height: 60vh;
  max-height: 950px;
  top: calc(50vh - (60vh / 2));
}

.platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
  height: 91%;
  max-height: 950px;
  top: calc(50vh - (91% / 2));
  left: calc(50vw - calc(calc(93% - 304px) / 2) + calc(304px / 2));
  width: 93%;
  max-width: calc(1660px - 304px);
}

@media screen and (max-width: 1680px) {
  .platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 304px) / 2));
  }
}

@media screen and (max-width: 1560px) {
  .platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 152px) / 2));
  }
}

@media screen and (max-width: 1480px) {
  .platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(calc(93% - 76px) / 2));
  }
}

@media screen and (max-width: 1320px) {
  .platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
    left: calc(50vw - calc(93% / 2));
  }
}

@media screen and (min-height: 1081px) {
  .platform-core .delegate-contract-modal.my-fullscreen .modal-wrapper {
    max-height: 950px;
    height: 950px;
    top: calc(50vh - (950px / 2));
  }
}

mat-form-field .warning-icon {
  color: #f57c00;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

mat-form-field .warning-hint {
  color: #f57c00;
  font-weight: 500;
}

@keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.no-available-managers-warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 16px;
  margin: 0;
  background-color: #fff3e0;
  border-left: 4px solid #ff9800;
  border-right: 4px solid #ff9800;
  color: #e65100;
}

.no-available-managers-warning .warning-icon {
  color: #ff9800;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.no-available-managers-warning span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5;
}

dialog-page .profile-link.profile-link {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: auto;
  z-index: 1;
  padding-left: 0;
  background: white;
}

dialog-page .profile-link.profile-link .item-inner {
  padding-left: 16px;
}

dialog-page .profile-link.profile-link.item-ios .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

dialog-page .profile-link.profile-link.item-md .item-inner {
  border-bottom: 1px solid #dedede;
}

.isDesktop dialogs-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop dialogs-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

desktop-dialogs-template-item {
  display: block;
  background: white;
  position: relative;
  z-index: 2;
}

ion-item-group.reorder-active {
  opacity: 1;
  z-index: 300;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group .reorder-list-active desktop-dialogs-template-item {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}

ion-item-group desktop-dialogs-template-item:hover {
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group desktop-dialogs-template-item.reorder-active {
  opacity: 1;
  z-index: 300;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}

ion-item-group desktop-dialogs-template-item .item ion-reorder {
  cursor: move;
}

ion-item-group desktop-dialogs-template-item .item ion-reorder {
  opacity: 0;
  margin-right: -5px;
}

ion-item-group desktop-dialogs-template-item .item:hover ion-reorder {
  opacity: 0.6;
}

ion-item-group desktop-dialogs-template-item .item.padded ion-reorder {
  opacity: 0;
}

ion-item-group desktop-dialogs-template-item .item.padded:hover ion-reorder {
  opacity: 0.6;
}

desktop-dialogs-template-item:first-child .item.item .item-inner.item-inner {
  border-top: 1px solid #dedede;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner {
  border-top: 1px solid rgba(222, 222, 222, 0.39);
}

desktop-dialogs-template-item:first-child .item.item .item-inner.item-inner {
  border-top: 0;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label {
  margin-right: 0;
  padding-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: normal;
  height: calc(100% - 12px);
  padding-left: 10px;
}

desktop-dialogs-template-item.isOnSearch .item.item .item-inner.item-inner .label {
  padding-right: 8px;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label p {
  font-size: 1.4rem;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  text-overflow: ellipsis;
  max-width: calc(100%);
  margin-bottom: 0;
  white-space: normal;
  display: inline-block;
  cursor: default;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label p.text-wrap {
  display: block;
  max-height: unset;
  max-width: 680px;
  -webkit-line-clamp: unset;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label p a {
  text-decoration: none;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label .grid {
  padding: 0;
  height: 100%;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label .grid .row {
  min-height: 100%;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .grid .col {
  padding: 2px 10px;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label > .grid > .row > .col:first-of-type {
  padding-left: 5px;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label > .grid > .row > .col:last-of-type {
  padding-right: 0;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .label > .grid > .row > .col.col[col-auto] {
  padding-left: 10px;
  padding-right: 5px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner .grid .col[col-auto] + .col {
  padding-left: 0;
}

desktop-dialogs-template-item .item.item .item-inner.item-inner {
  border-bottom: 1px solid #dedede;
}

desktop-dialogs-template-item .item.item {
  padding-left: 0;
}

desktop-dialogs-template-item .item.item:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid transparent;
  border-left-color: rgba(189, 189, 189, 0.5);
}

desktop-dialogs-template-item .item.item.enabled:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

desktop-dialogs-template-item .item.item.isCategory:before {
  border-left-color: rgba(0, 78, 151, 0.3);
}

desktop-dialogs-template-item .item.item.isCategory.enabled:before {
  border-left-color: #004e97;
}

desktop-dialogs-template-item .padded {
  position: relative;
  padding: 0 0 0 16px;
  margin-bottom: 0;
}

desktop-dialogs-template-item .padded .col {
  padding: 0;
}

desktop-dialogs-template-item .item-block {
  color: #666;
}

desktop-dialogs-template-item {
  display: block;
}

desktop-dialogs-template-item .item .item-inner div.buttons {
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 0;
  margin: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

ion-item-group desktop-dialogs-template-item.isOnSearch .item .item-inner div.buttons {
  right: 2px;
}

desktop-dialogs-template-item .item .item-inner div.buttons button {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  width: 24px;
  font-size: 0.89em;
}

desktop-dialogs-template-item .item > .item-inner div.buttons:before {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

desktop-dialogs-template-item .item:hover > .item-inner div.buttons {
  z-index: 2;
  opacity: 1;
}

desktop-dialogs-template-item .item-block p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  vertical-align: middle;
}

desktop-dialogs-template-item .item-block small {
  color: grey;
  display: inline-block;
}

desktop-dialogs-template-item .item-block ion-note {
  font-size: 12px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 6px;
  margin-bottom: 4px;
  display: block;
}

desktop-dialogs-template-item .item-block .mat-chip {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

desktop-dialogs-template-item .item-block .mat-chip[color='accent'] {
  background-color: #d63535;
  color: white;
}

desktop-dialogs-template-item .item-block .mat-chip[color='primary'] {
  color: #343434;
  background-color: rgba(56, 142, 60, 0.5);
}

add-edit-dialog-template .mat-chip-list-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -6px;
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-icon-button {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  margin-top: 6px;
  line-height: 16px;
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-chip {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  margin-right: 6px;
  margin-top: 6px;
  padding: 4px 10px;
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-chip.mat-positive {
  color: #343434;
  background-color: rgba(56, 142, 60, 0.5);
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-chip.mat-negative {
  background-color: #d63535;
  color: white;
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-chip .mat-icon:not(.mat-chip-remove) {
  font-size: 16px;
  display: inline-block;
  width: auto;
  line-height: 16px;
  margin-right: 2px;
  height: auto;
  width: 1em;
  height: 1em;
  font-size: 18px;
  line-height: 18px;
}

add-edit-dialog-template .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip) + .mat-chip:not(.mat-basic-chip) {
  margin-left: 0;
  margin-right: 6px;
  margin-top: 6px;
}

add-edit-dialog-template .mat-chip-input.mat-input-element {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  margin-top: 6px;
  margin-bottom: 2px;
}

add-edit-dialog-template .mat-form-field-type-mat-chip-list .mat-form-field-infix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

ion-modal.add-edit-dialog-template .modal-wrapper {
  max-height: 520px;
}

documents-page ion-item-group mobile-task-item .item[track='4'] .item-inner .label p {
  color: #212121;
}

edit-client-page button.add-email-button,
edit-client-page button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

edit-client-page .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

edit-client-page .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

edit-client-page .mat-error a {
  vertical-align: baseline;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

edit-client-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.platform-core .edit-client-agreement-modal .modal-wrapper {
  height: 620px;
  top: calc(50vh - (620px / 2));
}

@media (max-height: 799px) {
  .platform-core .edit-client-agreement-modal .modal-wrapper {
    height: 90vh;
    top: calc(50vh - (90vh / 2));
  }
}

.platform-core .edit-contract-modal .modal-wrapper {
  max-height: 560px;
  top: calc(50vh - (560px / 2));
}

@media screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.edit-execution-proceeding-modal .modal-wrapper {
    top: calc(50vh - (35% / 2));
    left: calc(50vw - (860px / 2));
    width: 65%;
    height: 75%;
    max-width: 860px;
    max-height: 320px;
  }
}

edit-meeting-page button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

edit-meeting-page .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

edit-meeting-page .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

edit-meeting-page .mat-error a {
  vertical-align: baseline;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

edit-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.platform-mobile edit-meeting-page ion-buttons[item-end] {
  margin-right: 0;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.platform-mobile edit-meeting-page ion-buttons[item-end] .grid {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.platform-mobile edit-meeting-page ion-buttons[item-end] .grid .row {
  height: 45px;
}

.platform-core .edit-meeting-modal .modal-wrapper {
  max-height: 550px;
  top: calc(50vh - (550px / 2));
}

edit-potential-client ion-footer {
  background: #fbfbfb;
}

edit-potential-client button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

edit-potential-client .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

edit-potential-client .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

edit-potential-client .mat-error a {
  vertical-align: baseline;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

edit-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.platform-mobile edit-potential-client ion-buttons[item-end] {
  margin-right: 0;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.platform-mobile edit-potential-client ion-buttons[item-end] .grid {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.platform-mobile edit-potential-client ion-buttons[item-end] .grid .row {
  height: 45px;
}

.platform-core .edit-potential-client-task-modal .modal-wrapper {
  max-height: 470px;
  top: calc(50vh - (470px / 2));
}

.platform-core .edit-spending .modal-wrapper {
  top: calc(50% - (300px / 2));
  left: calc(50% - (400px / 2));
  width: 400px;
  height: 300px;
}

.platform-core .edit-task-modal .modal-wrapper {
  max-height: 620px;
  top: calc(50vh - (620px / 2));
}

new-typical-task,
edit-typical-task-page,
new-typical-task-page,
.new-typical-task-modal,
.edit-typical-task-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

new-typical-task ion-content.task-card.desktop,
new-typical-task .typical-task-modal-content,
edit-typical-task-page ion-content.task-card.desktop,
edit-typical-task-page .typical-task-modal-content,
new-typical-task-page ion-content.task-card.desktop,
new-typical-task-page .typical-task-modal-content,
.new-typical-task-modal ion-content.task-card.desktop,
.new-typical-task-modal .typical-task-modal-content,
.edit-typical-task-modal ion-content.task-card.desktop,
.edit-typical-task-modal .typical-task-modal-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  width: 100%;
}

new-typical-task ion-content.task-card.desktop > .scroll-content,
new-typical-task .typical-task-modal-content > .scroll-content,
edit-typical-task-page ion-content.task-card.desktop > .scroll-content,
edit-typical-task-page .typical-task-modal-content > .scroll-content,
new-typical-task-page ion-content.task-card.desktop > .scroll-content,
new-typical-task-page .typical-task-modal-content > .scroll-content,
.new-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.new-typical-task-modal .typical-task-modal-content > .scroll-content,
.edit-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.edit-typical-task-modal .typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  padding: 0;
}

new-typical-task ion-footer,
edit-typical-task-page ion-footer,
new-typical-task-page ion-footer,
.new-typical-task-modal ion-footer,
.edit-typical-task-modal ion-footer {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 10;
}

.typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

form[cab-form-container].typical-task-form,
.typical-task-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

.form-system-note {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 8px 24px 4px;
  padding: 8px 12px;
  color: #3b5998;
  font-size: 13px;
  line-height: 18px;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-tabs-wrap {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-header {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
  background: #fff;
  z-index: 2;
}

.typical-form-tabs .mat-tab-label {
  height: 42px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.72;
}

.typical-form-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

.typical-form-tabs .mat-ink-bar {
  background-color: #3b5998;
}

.typical-form-tabs .mat-tab-body-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.typical-form-tabs .mat-tab-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body.mat-tab-body-active {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body-content {
  height: 100%;
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.typical-form-tabs .mat-tab-body-content .typical-tab-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}

.typical-tab-scroll {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll > .ps,
.typical-tab-scroll.ps .ps__content,
.typical-tab-scroll > .ps > .ps-content,
.typical-tab-scroll.ps > .ps-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 4px 0 72px;
  width: 100% !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll .ps__rail-x {
  opacity: 0;
}

.typical-tab-scroll .ps__rail-y {
  right: 0 !important;
  left: auto !important;
  width: 8px;
  opacity: 0;
  z-index: 3;
}

.typical-tab-scroll .ps__rail-y .ps__thumb-y {
  right: 1px;
  width: 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.22);
}

.typical-tab-scroll.ps.ps--scrolling-y > .ps__rail-y,
.typical-tab-scroll:hover .ps__rail-y {
  opacity: 1;
}

.typical-form-banner {
  margin: 10px 24px 16px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 18px;
  color: #3b5998;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-banner a {
  color: #3b5998;
  text-decoration: underline;
  font-weight: 500;
}

.tab-invalid-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: #e53935;
}

.unique-owner-name {
  opacity: 0.65;
  font-size: 12px;
}

.typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.typical-checkbox-row .mat-checkbox {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  max-width: calc(100% - 28px);
}

.typical-checkbox-row .mat-checkbox-layout {
  max-width: 100%;
  white-space: normal;
}

.typical-task-form cab-form-checkbox-list-section .mat-input-element .typical-checkbox-row .mat-checkbox {
  width: auto !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.typical-checkbox-help {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 6px 0 0 6px;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.38);
  cursor: help;
  pointer-events: auto;
}

.typical-checkbox-help:hover {
  color: rgba(59, 89, 152, 0.85);
}

.client-action-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 0 4px;
}

.client-action-item--open {
  margin: 8px 0 12px;
  padding: 8px 12px 12px;
  background: #f7f8fb;
  border: 1px solid #e3e6ee;
  border-radius: 6px;
}

.client-action-item:not(.client-action-item--open) + .client-action-item:not(.client-action-item--open) {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.client-action-item__head {
  padding-right: 4px;
}

.client-action-rule-card {
  margin-top: 6px;
}

.client-action-rule {
  margin-top: 8px;
  padding: 6px 10px 8px;
  background: #fff;
  border: 1px solid #e8ebf2;
  border-radius: 4px;
}

.client-action-rule:first-child {
  margin-top: 0;
}

.client-action-rule .generated-row {
  margin: 0;
}

.client-action-rule .grid > .row:after,
.client-action-rule .grid > .row.generated-row:after {
  display: none !important;
}

.client-action-rule__caption {
  margin: 2px 0 4px;
  padding: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__modifiers {
  display: block;
  margin-top: 2px;
  padding: 8px 10px 2px;
  background: #f4f6fa;
  border-radius: 4px;
}

.client-action-rule__modifiers .typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
}

.client-action-rule__modifiers .mat-checkbox {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: calc(100% - 28px);
  margin: 0 !important;
  font-size: 12px;
  line-height: 18px;
  pointer-events: auto;
}

.client-action-rule__modifiers .mat-checkbox-layout {
  white-space: normal;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.client-action-rule__modifiers .mat-checkbox-label {
  font-size: 12px;
  line-height: 18px;
  color: #334155;
  white-space: normal;
}

.client-action-rule__modifiers .typical-checkbox-help {
  margin-top: 2px;
  font-size: 16px;
}

.client-action-rule__modifiers-label {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__bonus {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.client-action-rule-card__add {
  margin-top: 10px;
}

.autotask-chain-list {
  width: 100%;
}

.autotask-chain-item {
  margin-top: 10px;
}

.autotask-chain-item:first-child {
  margin-top: 0;
}

.platform-core .financial-settings-modal .modal-wrapper {
  max-height: 260px;
  top: calc(50vh - (260px / 2));
}

/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc rect {
  stroke: white;
  stroke-width: 1;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.c3-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #FFF;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

.c3-chart-arc.c3-target g path {
  opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

financial-reports-page .financial-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 16px);
  max-width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

financial-reports-page .financial-table-scroll > .mat-table.large.shadow-block {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}

financial-reports-page .financial-table-scroll > .financial-report-footer-mat {
  margin-top: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-cell {
  font-size: 0.9em;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-row,
financial-reports-page .mat-table.large.financial-report-list .mat-row {
  padding-left: 0;
  padding-right: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell,
financial-reports-page .mat-table.large.financial-report-list .mat-cell {
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:first-of-type,
financial-reports-page .mat-table.large.financial-report-list .mat-cell:first-of-type {
  padding-left: 16px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:last-of-type,
financial-reports-page .mat-table.large.financial-report-list .mat-cell:last-of-type {
  padding-right: 16px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-title {
  -webkit-box-flex: 2.2;
  -webkit-flex: 2.2;
  -ms-flex: 2.2;
  flex: 2.2;
  min-width: 200px;
  text-align: left;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  max-width: 140px;
  min-width: 140px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-Payment {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  max-width: 180px;
  min-width: 140px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title),
financial-reports-page .mat-table.large.financial-report-list .mat-cell:not(.mat-column-title) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-row {
  min-height: 36px;
  height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell.mat-column-title {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-container {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-button {
  text-align: right;
  white-space: normal;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-arrow {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-sort-header-arrow {
  -webkit-transform: none !important;
  transform: none !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow {
  opacity: 1 !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-title .mat-sort-header-container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  max-width: 100%;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal.mat-header-cell .mat-sort-header-container,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew.mat-header-cell .mat-sort-header-container {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal.mat-header-cell .mat-sort-header-button,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-row {
  min-height: 36px;
  cursor: pointer;
}

financial-reports-page .mat-table.large.financial-report-list .financial-projects-count {
  font-variant-numeric: tabular-nums;
}

financial-reports-page .mat-table.large.financial-report-list .financial-amount {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

financial-reports-page .financial-report-footer-mat {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 0 2px 2px;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row {
  min-height: 40px;
  cursor: default;
  font-size: 1.05em;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.05);
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell {
  background: transparent;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row:first-child {
  border-top: none;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-title.financial-report-footer-label {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-projectsTotal::after,
financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-projectsNew::after {
  content: none;
}

ion-segment.segment-ios.large .segment-button {
  max-width: 150px;
}

financial-inner-tasks-list .small-content-wrapper {
  margin-left: -7px;
  padding-left: 7px;
  padding-right: 7px;
}

financial-inner-tasks-list .small-content-wrapper .item-divider {
  border-bottom: 0;
}

financial-inner-tasks-list .mat-tab-body-content {
  padding-left: 10px;
  padding-right: 10px;
}

financial-inner-tasks-list .mat-tab-header {
  padding-left: 10px;
  padding-right: 10px;
}

financial-inner-tasks-list .mat-tab-body-wrapper {
  display: block;
  max-height: 65vh;
  overflow: auto;
}

financial-reports-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

financial-reports-page .grid.summary:not(.financial-report-footer) {
  min-height: 48px;
  padding: 0 24px;
  font-size: 1.1em;
  font-weight: 400;
}

financial-reports-page .grid.summary:not(.financial-report-footer) .row .col:last-child {
  padding-left: 0;
}

financial-reports-page .col[no-padding] {
  padding: 0;
}

financial-reports-page [no-v-padding] {
  padding-top: 0;
  padding-bottom: 0;
}

financial-reports-page [no-v-padding] > .row {
  padding-top: 0;
  padding-bottom: 0;
}

financial-reports-page [no-v-padding] > .row > .col {
  padding-top: 0;
  padding-bottom: 0;
}

financial-reports-page [no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

financial-reports-page [no-h-padding] > .row {
  padding-right: 0;
  padding-left: 0;
}

financial-reports-page [no-h-padding] > .row > .col {
  padding-left: 0;
  padding-right: 0;
}

financial-reports-page [no-h-padding] > .row > .col .item-md {
  min-height: 100%;
}

financial-reports-page .mat-form-field {
  width: 100%;
}

financial-reports-page .mat-cell small:not(.financial-row-meta) {
  display: block;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #737373;
}

financial-reports-page .summary {
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
}

financial-reports-page .summary .col {
  padding: 0.9rem 1.2rem;
}

financial-reports-page .summary .col:first-of-type {
  text-align: right;
}

financial-reports-page chart {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 10px 10px;
  height: 100%;
  width: 100%;
  background: white;
}

financial-reports-page chart canvas {
  width: 100% !important;
  height: 100% !important;
}

financial-reports-page .empty-chart {
  position: relative;
  margin: auto;
  margin-top: 25px;
  height: 290px;
  width: 290px;
  border-radius: 100%;
  background: rgba(211, 211, 211, 0.73);
  border: 1px solid white;
}

financial-reports-page .empty-chart:before {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-title);
  line-height: 290px;
  vertical-align: middle;
  text-align: center;
  right: 0;
}

financial-reports-page .label-md,
financial-reports-page ion-label {
  margin: 0;
}

financial-reports-page .item-block {
  color: #666;
}

financial-reports-page .toolbar-content .item {
  background: inherit;
}

financial-reports-page .toolbar-content .item ion-datetime,
financial-reports-page .toolbar-content .item ion-label {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

financial-reports-page .toolbar-content .item ion-datetime {
  width: calc(100% - 20px);
}

financial-reports-page ion-col > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

financial-reports-page .wrap {
  word-break: break-word;
  text-overflow: initial !important;
  white-space: normal;
}

financial-reports-page .charts {
  padding: 10px 0;
}

financial-reports-page .charts .filters {
  padding: 0 0 10px;
}

financial-reports-page .labelled {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

financial-reports-page .chart-wrapper {
  height: 520px;
  width: 100%;
}

financial-reports-page .chart-wrapper ngx-charts-tree-map,
financial-reports-page .chart-wrapper ngx-charts-pie-chart {
  width: 100%;
  height: 100%;
  display: block;
  background: white;
}

financial-reports-page .chart-wrapper ngx-charts-tree-map ngx-charts-chart,
financial-reports-page .chart-wrapper ngx-charts-pie-chart ngx-charts-chart {
  display: block;
}

financial-reports-page .datatable-row-detail {
  width: 100%;
  overflow: hidden;
}

financial-reports-page .datatable-row-detail .list {
  overflow-y: scroll;
  overflow-x: auto;
  height: 100%;
  padding-left: 45px;
  -webkit-box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0;
  margin-bottom: 0;
}

financial-reports-page .datatable-row-detail .list ion-item-group {
  position: relative;
}

financial-reports-page .datatable-row-detail .list ion-item-group ion-item-divider {
  margin-top: 0;
}

financial-reports-page .datatable-row-detail .list ion-item-group ion-item-divider ion-label {
  font-size: 1.2rem;
}

financial-reports-page .datatable-row-detail .list ion-item-group .list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  overflow: visible;
}

financial-reports-page .datatable-row-detail .list ion-item-group .list .item {
  background-color: #f5f5f5;
  padding-left: 0;
}

financial-reports-page .datatable-row-detail .list ion-item-group .list .item .col {
  white-space: nowrap;
}

financial-reports-page .datatable-row-detail .list ion-item-group .list .item .col p {
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
  width: 100%;
}

financial-reports-page .datatable-row-detail .list ion-item-group .list .item .col a {
  display: inline;
}

financial-reports-page form {
  position: -webkit-sticky;
  position: sticky;
  z-index: 101;
  top: 0;
  opacity: 1;
  background: #f9fafb;
}

financial-reports-page form .filters {
  background: #f9fafb;
}

financial-reports-page form .filters.grid {
  margin-left: -28px;
  margin-right: -28px;
  width: calc(100% + 56px);
  position: -webkit-sticky;
  position: sticky;
}

financial-reports-page form .filters.grid .row .col {
  padding-left: 0;
  padding-right: 0;
}

financial-reports-page form .filters.grid .row .col .mat-form-field {
  width: calc(100% - 48px);
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 4px;
  margin-top: 12px;
}

financial-reports-page form .filters.grid .row .col .mat-form-field:after {
  bottom: -4px;
}

financial-reports-page form .filters.grid .row .col .mat-form-field .mat-form-field-infix {
  width: 100%;
}

financial-reports-page .filters > .grid:first-child {
  padding-top: 0;
}

financial-reports-page .filters .item {
  padding-left: 0;
}

financial-reports-page .filters .label {
  padding-top: 10px;
  height: 100%;
}

financial-reports-page table {
  display: table;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

financial-reports-page table tr {
  position: relative;
  height: 36px;
  vertical-align: middle;
}

financial-reports-page table tr[tappable] {
  cursor: pointer;
}

financial-reports-page table tr:hover {
  background-color: #e7e7e7;
}

financial-reports-page table thead tr {
  background-color: rgba(0, 0, 0, 0.05);
}

financial-reports-page table tfoot td {
  font-weight: bold;
  color: #333;
}

financial-reports-page table td,
financial-reports-page table th {
  padding: 0 16px;
  text-align: left;
}

financial-reports-page table td {
  position: relative;
  vertical-align: middle;
  height: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
}

financial-reports-page .desktop .calendar-content {
  background: unset;
}

financial-reports-page .spendings-calendar {
  padding: 0 0 10px;
}

financial-reports-page .spendings-calendar .cal-event-action {
  font-size: 16px;
  padding: 0 4px;
}

financial-reports-page .spendings-calendar .calendar-event-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
}

financial-reports-page .spendings-calendar .spending-add-btn ion-icon {
  margin-right: 8px;
}

financial-reports-page .spendings-calendar h3 {
  margin: 0;
}

financial-reports-page .spendings-calendar pre {
  background-color: #f5f5f5;
  padding: 15px;
}

financial-reports-page .spendings-calendar .event-editor-table {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #eceeef;
}

financial-reports-page .spendings-calendar .event-editor-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

financial-reports-page .spendings-calendar .event-editor-table td,
financial-reports-page .spendings-calendar .event-editor-table th {
  padding: 0.75rem;
  vertical-align: top;
}

financial-reports-page .spendings-calendar .event-editor-table td {
  border: 1px solid #eceeef;
}

financial-reports-page .calendar-event {
  padding: 8px;
  cursor: pointer;
  cursor: hand;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dadada;
}

financial-reports-page .calendar-event:last-child {
  border-bottom: none;
}

financial-reports-page .calendar-event .calendar-event-description {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

financial-reports-page .calendar-event .calendar-event-description .dp-spending-event-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

financial-reports-page .calendar-event .calendar-event-description .dp-spending-event-amount {
  font-weight: 700;
}

financial-reports-page .financial-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 16px);
  max-width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

financial-reports-page .financial-table-scroll > .mat-table.large.shadow-block {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}

financial-reports-page .financial-table-scroll > .financial-report-footer-mat {
  margin-top: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-cell {
  font-size: 0.9em;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-row,
financial-reports-page .mat-table.large.financial-report-list .mat-row {
  padding-left: 0;
  padding-right: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell,
financial-reports-page .mat-table.large.financial-report-list .mat-cell {
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:first-of-type,
financial-reports-page .mat-table.large.financial-report-list .mat-cell:first-of-type {
  padding-left: 16px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:last-of-type,
financial-reports-page .mat-table.large.financial-report-list .mat-cell:last-of-type {
  padding-right: 16px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-title {
  -webkit-box-flex: 2.2;
  -webkit-flex: 2.2;
  -ms-flex: 2.2;
  flex: 2.2;
  min-width: 200px;
  text-align: left;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  max-width: 140px;
  min-width: 140px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-Payment {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  max-width: 180px;
  min-width: 140px;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title),
financial-reports-page .mat-table.large.financial-report-list .mat-cell:not(.mat-column-title) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-row {
  min-height: 36px;
  height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell.mat-column-title {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-container {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-button {
  text-align: right;
  white-space: normal;
}

financial-reports-page .mat-table.large.financial-report-list .mat-header-cell:not(.mat-column-title) .mat-sort-header-arrow {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

financial-reports-page .mat-table.large.financial-report-list .mat-sort-header-arrow {
  -webkit-transform: none !important;
  transform: none !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow {
  opacity: 1 !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-title .mat-sort-header-container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  max-width: 100%;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal.mat-header-cell .mat-sort-header-container,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew.mat-header-cell .mat-sort-header-container {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsTotal.mat-header-cell .mat-sort-header-button,
financial-reports-page .mat-table.large.financial-report-list .mat-column-projectsNew.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

financial-reports-page .mat-table.large.financial-report-list .mat-row {
  min-height: 36px;
  cursor: pointer;
}

financial-reports-page .mat-table.large.financial-report-list .financial-projects-count {
  font-variant-numeric: tabular-nums;
}

financial-reports-page .mat-table.large.financial-report-list .financial-amount {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

financial-reports-page .financial-report-footer-mat {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 0 2px 2px;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row {
  min-height: 40px;
  cursor: default;
  font-size: 1.05em;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.05);
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell {
  background: transparent;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row:first-child {
  border-top: none;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-title.financial-report-footer-label {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-projectsTotal::after,
financial-reports-page .financial-report-footer-mat .financial-report-footer-row .mat-cell.mat-column-projectsNew::after {
  content: none;
}

.isDesktop inbox-page .item.item p,
.isDesktop inbox-page ion-label {
  font-size: 1.4rem;
}

.isDesktop inbox-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop inbox-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

ion-segment.segment-ios.large .segment-button {
  max-width: 150px;
}

judicial-calendar-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

judicial-calendar-page .lawyer.fired {
  text-decoration: line-through;
  vertical-align: baseline;
}

judicial-calendar-page .label-md,
judicial-calendar-page ion-label {
  margin: 0;
}

judicial-calendar-page .item-block {
  color: #666;
}

judicial-calendar-page .toolbar-content .item {
  background: inherit;
}

judicial-calendar-page .toolbar-content .item ion-datetime,
judicial-calendar-page .toolbar-content .item ion-label {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

judicial-calendar-page .toolbar-content .item ion-datetime {
  width: calc(100% - 20px);
}

judicial-calendar-page ion-col > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

judicial-calendar-page .wrap {
  word-break: break-word;
  text-overflow: initial !important;
  white-space: normal;
}

judicial-calendar-page .charts {
  padding: 10px 0;
}

judicial-calendar-page .charts .filters {
  padding: 0 0 10px;
}

judicial-calendar-page .charts table {
  display: table;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

judicial-calendar-page .charts table tr {
  position: relative;
  height: 36px;
  vertical-align: middle;
}

judicial-calendar-page .charts table tr[tappable] {
  cursor: pointer;
}

judicial-calendar-page .charts table tr:hover {
  background-color: #e7e7e7;
}

judicial-calendar-page .charts table thead tr {
  background-color: rgba(0, 0, 0, 0.05);
}

judicial-calendar-page .charts table tfoot td {
  font-weight: bold;
  color: #333;
}

judicial-calendar-page .charts table td,
judicial-calendar-page .charts table th {
  padding: 0 16px;
  text-align: left;
}

judicial-calendar-page .charts table td {
  position: relative;
  vertical-align: middle;
  height: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
}

judicial-calendar-page .desktop .calendar-content {
  background: unset;
}

judicial-calendar-page .spendings-calendar {
  padding: 0 0 10px;
}

judicial-calendar-page .spendings-calendar .addSpendingBtn {
  text-transform: none;
  margin: 15px 0 0;
}

judicial-calendar-page .spendings-calendar h3 {
  margin: 0;
}

judicial-calendar-page .spendings-calendar pre {
  background-color: #f5f5f5;
  padding: 15px;
}

judicial-calendar-page .spendings-calendar .event-editor-table {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #eceeef;
}

judicial-calendar-page .spendings-calendar .event-editor-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

judicial-calendar-page .spendings-calendar .event-editor-table td,
judicial-calendar-page .spendings-calendar .event-editor-table th {
  padding: 0.75rem;
  vertical-align: top;
}

judicial-calendar-page .spendings-calendar .event-editor-table td {
  border: 1px solid #eceeef;
}

judicial-calendar-page .calendar-event {
  padding: 8px;
  cursor: pointer;
  cursor: hand;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dadada;
}

judicial-calendar-page .calendar-event:last-child {
  border-bottom: none;
}

judicial-calendar-page .calendar-event .calendar-event-time {
  display: inline-block;
  min-width: 60px;
  width: auto;
  padding-right: 4px;
  vertical-align: middle;
  font-weight: bold;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

judicial-calendar-page .calendar-event .calendar-event-description {
  display: inline-block;
  vertical-align: middle;
}

kpi-page {
  --page-bottom-overlay-offset: calc(24px + var(--delegate-contract-widget-footer-height, 0px));
}

kpi-page .chart-wrapper {
  height: 480px;
  width: 100%;
  overflow: hidden;
}

kpi-page .chart-wrapper chart {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 10px 10px;
  height: 100%;
  width: 100%;
  background: white;
}

kpi-page [sub-buttons-right] button {
  padding: 0 10px;
}

kpi-page [sub-buttons-right] button mat-icon {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}

kpi-page [sub-buttons-right] button .tab-title {
  display: inline-block;
  margin-left: 4px;
  font-size: 15px;
}

kpi-page .content-wrapper > * {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .content-wrapper > .list > .grid,
kpi-page .content-wrapper > .grid,
kpi-page .content-wrapper > * > .list > .grid,
kpi-page .content-wrapper > * > .grid {
  padding-left: 0;
  padding-right: 0;
}

kpi-page .content-wrapper > .list > .grid > .row > .col,
kpi-page .content-wrapper > .grid > .row > .col,
kpi-page .content-wrapper > * > .list > .grid > .row > .col,
kpi-page .content-wrapper > * > .grid > .row > .col {
  padding-left: 0;
  padding-right: 0;
}

kpi-page .content-wrapper ion-searchbar {
  display: block;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

kpi-page .content-wrapper ion-searchbar.searchbar-md .searchbar-input-container {
  width: 100%;
  max-width: 100%;
}

kpi-page .mat-column-kpi {
  max-width: 180px;
}

kpi-page .mat-column-activity {
  max-width: 140px;
}

kpi-page .mat-table .mat-cell[grade='1'] {
  color: rgba(56, 142, 60, 0.5);
}

kpi-page .mat-table .mat-cell[grade='2'] {
  color: rgba(251, 192, 45, 0.5);
}

kpi-page .mat-table .mat-cell[grade='3'] {
  color: rgba(229, 57, 53, 0.5);
}

kpi-page .mat-table.large {
  margin-bottom: 40px;
}

kpi-page .mat-table.large.delegated-contracts-list, kpi-page .mat-table.large.delegated-fairness-list, kpi-page .mat-table.large.delegated-metrics-list {
  margin-bottom: 0;
}

kpi-page .mat-table.large .mat-cell {
  font-size: 0.9em;
}

kpi-page .mat-table.large .mat-column-kpi {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-payments_kpi {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-fio {
  max-width: 260px;
  text-align: left;
  -webkit-box-flex: 10;
  -webkit-flex: 10;
  -ms-flex: 10;
  flex: 10;
}

kpi-page .mat-table.large .mat-column-terminations_kpi {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-eff {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-trf {
  max-width: 180px;
}

kpi-page .mat-table.large .mat-column-expected_average_payment {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-average_check {
  max-width: 120px;
}

kpi-page .mat-table.large .mat-column-real_average_payment {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-non_potential_percent {
  max-width: 120px;
}

kpi-page .mat-table.large .mat-column-non_potential_percent .mat-header-cell {
  white-space: normal;
  line-height: 1.2;
}

kpi-page .mat-table.large .mat-column-activity {
  max-width: 180px;
}

kpi-page .mat-table.large .mat-column-kpi_payments {
  max-width: 160px;
}

kpi-page .mat-table.large .mat-column-terminations_percent,
kpi-page .mat-table.large .mat-column-late_percent {
  max-width: 180px;
}

kpi-page .mat-table.large .mat-column-first_response_kpi {
  max-width: 140px;
}

kpi-page .mat-table.large .mat-column-rate_kpi {
  max-width: 140px;
}

kpi-page .mat-table.large .mat-column-missed_kpi {
  max-width: 140px;
}

kpi-page .mat-table.large .mat-column-kpi_region,
kpi-page .mat-table.large .mat-column-kpi_spb,
kpi-page .mat-table.large .mat-column-kpi_vks_spb {
  max-width: 140px;
}

kpi-page .mat-table.large .mat-column-contracts {
  max-width: 140px;
}

kpi-page .mat-table.large .mat-row {
  min-height: 36px;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-row,
kpi-page .mat-table.large.kpi-dense-table .mat-row, kpi-page .mat-table.large.upsale .mat-header-row,
kpi-page .mat-table.large.upsale .mat-row, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-row,
kpi-page .mat-table.large.concluded-by-lawyer .mat-row, kpi-page .mat-table.large.lawyers-cases-list .mat-header-row,
kpi-page .mat-table.large.lawyers-cases-list .mat-row, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-row,
kpi-page .mat-table.large.lawyers-hearings-list .mat-row, kpi-page .mat-table.large.calls-list .mat-header-row,
kpi-page .mat-table.large.calls-list .mat-row, kpi-page .mat-table.large.jivo-list .mat-header-row,
kpi-page .mat-table.large.jivo-list .mat-row, kpi-page .mat-table.large.delegated-contracts-list .mat-header-row,
kpi-page .mat-table.large.delegated-contracts-list .mat-row, kpi-page .mat-table.large.head-of-lawyers .mat-header-row,
kpi-page .mat-table.large.head-of-lawyers .mat-row, kpi-page .mat-table.large.summary-kpi-list .mat-header-row,
kpi-page .mat-table.large.summary-kpi-list .mat-row, kpi-page .mat-table.large.potential-clients .mat-header-row,
kpi-page .mat-table.large.potential-clients .mat-row, kpi-page .mat-table.large.ask-lawyer .mat-header-row,
kpi-page .mat-table.large.ask-lawyer .mat-row, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-row,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-row, kpi-page .mat-table.large.sms-feedback-list .mat-header-row,
kpi-page .mat-table.large.sms-feedback-list .mat-row, kpi-page .mat-table.large.delegated-fairness-list .mat-header-row,
kpi-page .mat-table.large.delegated-fairness-list .mat-row, kpi-page .mat-table.large.delegated-metrics-list .mat-header-row,
kpi-page .mat-table.large.delegated-metrics-list .mat-row {
  padding-left: 0;
  padding-right: 0;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell,
kpi-page .mat-table.large.kpi-dense-table .mat-cell, kpi-page .mat-table.large.upsale .mat-header-cell,
kpi-page .mat-table.large.upsale .mat-cell, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell,
kpi-page .mat-table.large.concluded-by-lawyer .mat-cell, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell,
kpi-page .mat-table.large.lawyers-cases-list .mat-cell, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell,
kpi-page .mat-table.large.lawyers-hearings-list .mat-cell, kpi-page .mat-table.large.calls-list .mat-header-cell,
kpi-page .mat-table.large.calls-list .mat-cell, kpi-page .mat-table.large.jivo-list .mat-header-cell,
kpi-page .mat-table.large.jivo-list .mat-cell, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell,
kpi-page .mat-table.large.delegated-contracts-list .mat-cell, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell,
kpi-page .mat-table.large.head-of-lawyers .mat-cell, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell,
kpi-page .mat-table.large.summary-kpi-list .mat-cell, kpi-page .mat-table.large.potential-clients .mat-header-cell,
kpi-page .mat-table.large.potential-clients .mat-cell, kpi-page .mat-table.large.ask-lawyer .mat-header-cell,
kpi-page .mat-table.large.ask-lawyer .mat-cell, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-cell, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell,
kpi-page .mat-table.large.sms-feedback-list .mat-cell, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell,
kpi-page .mat-table.large.delegated-fairness-list .mat-cell, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell,
kpi-page .mat-table.large.delegated-metrics-list .mat-cell {
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:first-of-type,
kpi-page .mat-table.large.kpi-dense-table .mat-cell:first-of-type, kpi-page .mat-table.large.upsale .mat-header-cell:first-of-type,
kpi-page .mat-table.large.upsale .mat-cell:first-of-type, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:first-of-type,
kpi-page .mat-table.large.concluded-by-lawyer .mat-cell:first-of-type, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.lawyers-cases-list .mat-cell:first-of-type, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.lawyers-hearings-list .mat-cell:first-of-type, kpi-page .mat-table.large.calls-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.calls-list .mat-cell:first-of-type, kpi-page .mat-table.large.jivo-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.jivo-list .mat-cell:first-of-type, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.delegated-contracts-list .mat-cell:first-of-type, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:first-of-type,
kpi-page .mat-table.large.head-of-lawyers .mat-cell:first-of-type, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.summary-kpi-list .mat-cell:first-of-type, kpi-page .mat-table.large.potential-clients .mat-header-cell:first-of-type,
kpi-page .mat-table.large.potential-clients .mat-cell:first-of-type, kpi-page .mat-table.large.ask-lawyer .mat-header-cell:first-of-type,
kpi-page .mat-table.large.ask-lawyer .mat-cell:first-of-type, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-cell:first-of-type, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.sms-feedback-list .mat-cell:first-of-type, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.delegated-fairness-list .mat-cell:first-of-type, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:first-of-type,
kpi-page .mat-table.large.delegated-metrics-list .mat-cell:first-of-type {
  padding-left: 16px;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:last-of-type,
kpi-page .mat-table.large.kpi-dense-table .mat-cell:last-of-type, kpi-page .mat-table.large.upsale .mat-header-cell:last-of-type,
kpi-page .mat-table.large.upsale .mat-cell:last-of-type, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:last-of-type,
kpi-page .mat-table.large.concluded-by-lawyer .mat-cell:last-of-type, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.lawyers-cases-list .mat-cell:last-of-type, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.lawyers-hearings-list .mat-cell:last-of-type, kpi-page .mat-table.large.calls-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.calls-list .mat-cell:last-of-type, kpi-page .mat-table.large.jivo-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.jivo-list .mat-cell:last-of-type, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.delegated-contracts-list .mat-cell:last-of-type, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:last-of-type,
kpi-page .mat-table.large.head-of-lawyers .mat-cell:last-of-type, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.summary-kpi-list .mat-cell:last-of-type, kpi-page .mat-table.large.potential-clients .mat-header-cell:last-of-type,
kpi-page .mat-table.large.potential-clients .mat-cell:last-of-type, kpi-page .mat-table.large.ask-lawyer .mat-header-cell:last-of-type,
kpi-page .mat-table.large.ask-lawyer .mat-cell:last-of-type, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-cell:last-of-type, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.sms-feedback-list .mat-cell:last-of-type, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.delegated-fairness-list .mat-cell:last-of-type, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:last-of-type,
kpi-page .mat-table.large.delegated-metrics-list .mat-cell:last-of-type {
  padding-right: 16px;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.kpi-dense-table .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.upsale .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.concluded-by-lawyer .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.lawyers-cases-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.lawyers-hearings-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.calls-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.jivo-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.delegated-contracts-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.head-of-lawyers .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.summary-kpi-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.potential-clients .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.ask-lawyer .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.sms-feedback-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.delegated-fairness-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status),
kpi-page .mat-table.large.delegated-metrics-list .mat-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

kpi-page .mat-table.large.kpi-dense-table .mat-column-title,
kpi-page .mat-table.large.kpi-dense-table .mat-column-fio,
kpi-page .mat-table.large.kpi-dense-table .mat-column-manager_name,
kpi-page .mat-table.large.kpi-dense-table .mat-column-name, kpi-page .mat-table.large.upsale .mat-column-title,
kpi-page .mat-table.large.upsale .mat-column-fio,
kpi-page .mat-table.large.upsale .mat-column-manager_name,
kpi-page .mat-table.large.upsale .mat-column-name, kpi-page .mat-table.large.concluded-by-lawyer .mat-column-title,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-fio,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-manager_name,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-name, kpi-page .mat-table.large.lawyers-cases-list .mat-column-title,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-fio,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-manager_name,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-name, kpi-page .mat-table.large.lawyers-hearings-list .mat-column-title,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-fio,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-manager_name,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-name, kpi-page .mat-table.large.calls-list .mat-column-title,
kpi-page .mat-table.large.calls-list .mat-column-fio,
kpi-page .mat-table.large.calls-list .mat-column-manager_name,
kpi-page .mat-table.large.calls-list .mat-column-name, kpi-page .mat-table.large.jivo-list .mat-column-title,
kpi-page .mat-table.large.jivo-list .mat-column-fio,
kpi-page .mat-table.large.jivo-list .mat-column-manager_name,
kpi-page .mat-table.large.jivo-list .mat-column-name, kpi-page .mat-table.large.delegated-contracts-list .mat-column-title,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-fio,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-manager_name,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-name, kpi-page .mat-table.large.head-of-lawyers .mat-column-title,
kpi-page .mat-table.large.head-of-lawyers .mat-column-fio,
kpi-page .mat-table.large.head-of-lawyers .mat-column-manager_name,
kpi-page .mat-table.large.head-of-lawyers .mat-column-name, kpi-page .mat-table.large.summary-kpi-list .mat-column-title,
kpi-page .mat-table.large.summary-kpi-list .mat-column-fio,
kpi-page .mat-table.large.summary-kpi-list .mat-column-manager_name,
kpi-page .mat-table.large.summary-kpi-list .mat-column-name, kpi-page .mat-table.large.potential-clients .mat-column-title,
kpi-page .mat-table.large.potential-clients .mat-column-fio,
kpi-page .mat-table.large.potential-clients .mat-column-manager_name,
kpi-page .mat-table.large.potential-clients .mat-column-name, kpi-page .mat-table.large.ask-lawyer .mat-column-title,
kpi-page .mat-table.large.ask-lawyer .mat-column-fio,
kpi-page .mat-table.large.ask-lawyer .mat-column-manager_name,
kpi-page .mat-table.large.ask-lawyer .mat-column-name, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-title,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-fio,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-manager_name,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-name, kpi-page .mat-table.large.sms-feedback-list .mat-column-title,
kpi-page .mat-table.large.sms-feedback-list .mat-column-fio,
kpi-page .mat-table.large.sms-feedback-list .mat-column-manager_name,
kpi-page .mat-table.large.sms-feedback-list .mat-column-name, kpi-page .mat-table.large.delegated-fairness-list .mat-column-title,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-fio,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-manager_name,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-name, kpi-page .mat-table.large.delegated-metrics-list .mat-column-title,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-fio,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-manager_name,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-name {
  -webkit-box-flex: 2.2;
  -webkit-flex: 2.2;
  -ms-flex: 2.2;
  flex: 2.2;
  min-width: 200px;
  text-align: left;
}

kpi-page .mat-table.large.kpi-dense-table .mat-column-online_role, kpi-page .mat-table.large.upsale .mat-column-online_role, kpi-page .mat-table.large.concluded-by-lawyer .mat-column-online_role, kpi-page .mat-table.large.lawyers-cases-list .mat-column-online_role, kpi-page .mat-table.large.lawyers-hearings-list .mat-column-online_role, kpi-page .mat-table.large.calls-list .mat-column-online_role, kpi-page .mat-table.large.jivo-list .mat-column-online_role, kpi-page .mat-table.large.delegated-contracts-list .mat-column-online_role, kpi-page .mat-table.large.head-of-lawyers .mat-column-online_role, kpi-page .mat-table.large.summary-kpi-list .mat-column-online_role, kpi-page .mat-table.large.potential-clients .mat-column-online_role, kpi-page .mat-table.large.ask-lawyer .mat-column-online_role, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-online_role, kpi-page .mat-table.large.sms-feedback-list .mat-column-online_role, kpi-page .mat-table.large.delegated-fairness-list .mat-column-online_role, kpi-page .mat-table.large.delegated-metrics-list .mat-column-online_role {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  min-width: 180px;
  text-align: left;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-row, kpi-page .mat-table.large.upsale .mat-header-row, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-row, kpi-page .mat-table.large.lawyers-cases-list .mat-header-row, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-row, kpi-page .mat-table.large.calls-list .mat-header-row, kpi-page .mat-table.large.jivo-list .mat-header-row, kpi-page .mat-table.large.delegated-contracts-list .mat-header-row, kpi-page .mat-table.large.head-of-lawyers .mat-header-row, kpi-page .mat-table.large.summary-kpi-list .mat-header-row, kpi-page .mat-table.large.potential-clients .mat-header-row, kpi-page .mat-table.large.ask-lawyer .mat-header-row, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-row, kpi-page .mat-table.large.sms-feedback-list .mat-header-row, kpi-page .mat-table.large.delegated-fairness-list .mat-header-row, kpi-page .mat-table.large.delegated-metrics-list .mat-header-row {
  min-height: 36px;
  height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell, kpi-page .mat-table.large.upsale .mat-header-cell, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell, kpi-page .mat-table.large.calls-list .mat-header-cell, kpi-page .mat-table.large.jivo-list .mat-header-cell, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell, kpi-page .mat-table.large.potential-clients .mat-header-cell, kpi-page .mat-table.large.ask-lawyer .mat-header-cell, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: visible;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell[matTooltip], kpi-page .mat-table.large.kpi-dense-table .mat-header-cell[mattooltip], kpi-page .mat-table.large.upsale .mat-header-cell[matTooltip], kpi-page .mat-table.large.upsale .mat-header-cell[mattooltip], kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell[matTooltip], kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell[mattooltip], kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.calls-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.calls-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.jivo-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.jivo-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.head-of-lawyers .mat-header-cell[matTooltip], kpi-page .mat-table.large.head-of-lawyers .mat-header-cell[mattooltip], kpi-page .mat-table.large.summary-kpi-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.summary-kpi-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.potential-clients .mat-header-cell[matTooltip], kpi-page .mat-table.large.potential-clients .mat-header-cell[mattooltip], kpi-page .mat-table.large.ask-lawyer .mat-header-cell[matTooltip], kpi-page .mat-table.large.ask-lawyer .mat-header-cell[mattooltip], kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.sms-feedback-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.sms-feedback-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell[mattooltip], kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell[matTooltip], kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell[mattooltip] {
  cursor: help !important;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) {
  text-align: left;
}

kpi-page .mat-table.large.kpi-dense-table .kpi-cell, kpi-page .mat-table.large.upsale .kpi-cell, kpi-page .mat-table.large.concluded-by-lawyer .kpi-cell, kpi-page .mat-table.large.lawyers-cases-list .kpi-cell, kpi-page .mat-table.large.lawyers-hearings-list .kpi-cell, kpi-page .mat-table.large.calls-list .kpi-cell, kpi-page .mat-table.large.jivo-list .kpi-cell, kpi-page .mat-table.large.delegated-contracts-list .kpi-cell, kpi-page .mat-table.large.head-of-lawyers .kpi-cell, kpi-page .mat-table.large.summary-kpi-list .kpi-cell, kpi-page .mat-table.large.potential-clients .kpi-cell, kpi-page .mat-table.large.ask-lawyer .kpi-cell, kpi-page .mat-table.large.kpi-typical-tasks-list .kpi-cell, kpi-page .mat-table.large.sms-feedback-list .kpi-cell, kpi-page .mat-table.large.delegated-fairness-list .kpi-cell, kpi-page .mat-table.large.delegated-metrics-list .kpi-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1.2;
  padding: 2px 0;
}

kpi-page .mat-table.large.kpi-dense-table .kpi-main, kpi-page .mat-table.large.upsale .kpi-main, kpi-page .mat-table.large.concluded-by-lawyer .kpi-main, kpi-page .mat-table.large.lawyers-cases-list .kpi-main, kpi-page .mat-table.large.lawyers-hearings-list .kpi-main, kpi-page .mat-table.large.calls-list .kpi-main, kpi-page .mat-table.large.jivo-list .kpi-main, kpi-page .mat-table.large.delegated-contracts-list .kpi-main, kpi-page .mat-table.large.head-of-lawyers .kpi-main, kpi-page .mat-table.large.summary-kpi-list .kpi-main, kpi-page .mat-table.large.potential-clients .kpi-main, kpi-page .mat-table.large.ask-lawyer .kpi-main, kpi-page .mat-table.large.kpi-typical-tasks-list .kpi-main, kpi-page .mat-table.large.sms-feedback-list .kpi-main, kpi-page .mat-table.large.delegated-fairness-list .kpi-main, kpi-page .mat-table.large.delegated-metrics-list .kpi-main {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

kpi-page .mat-table.large.kpi-dense-table .kpi-fraction, kpi-page .mat-table.large.upsale .kpi-fraction, kpi-page .mat-table.large.concluded-by-lawyer .kpi-fraction, kpi-page .mat-table.large.lawyers-cases-list .kpi-fraction, kpi-page .mat-table.large.lawyers-hearings-list .kpi-fraction, kpi-page .mat-table.large.calls-list .kpi-fraction, kpi-page .mat-table.large.jivo-list .kpi-fraction, kpi-page .mat-table.large.delegated-contracts-list .kpi-fraction, kpi-page .mat-table.large.head-of-lawyers .kpi-fraction, kpi-page .mat-table.large.summary-kpi-list .kpi-fraction, kpi-page .mat-table.large.potential-clients .kpi-fraction, kpi-page .mat-table.large.ask-lawyer .kpi-fraction, kpi-page .mat-table.large.kpi-typical-tasks-list .kpi-fraction, kpi-page .mat-table.large.sms-feedback-list .kpi-fraction, kpi-page .mat-table.large.delegated-fairness-list .kpi-fraction, kpi-page .mat-table.large.delegated-metrics-list .kpi-fraction {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 2px;
  font-variant-numeric: tabular-nums;
}

kpi-page .mat-table.large.kpi-dense-table .mat-row, kpi-page .mat-table.large.upsale .mat-row, kpi-page .mat-table.large.concluded-by-lawyer .mat-row, kpi-page .mat-table.large.lawyers-cases-list .mat-row, kpi-page .mat-table.large.lawyers-hearings-list .mat-row, kpi-page .mat-table.large.calls-list .mat-row, kpi-page .mat-table.large.jivo-list .mat-row, kpi-page .mat-table.large.delegated-contracts-list .mat-row, kpi-page .mat-table.large.head-of-lawyers .mat-row, kpi-page .mat-table.large.summary-kpi-list .mat-row, kpi-page .mat-table.large.potential-clients .mat-row, kpi-page .mat-table.large.ask-lawyer .mat-row, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-row, kpi-page .mat-table.large.sms-feedback-list .mat-row, kpi-page .mat-table.large.delegated-fairness-list .mat-row, kpi-page .mat-table.large.delegated-metrics-list .mat-row {
  cursor: pointer;
}

kpi-page .mat-table.large.kpi-dense-table .mat-row.summary-row, kpi-page .mat-table.large.upsale .mat-row.summary-row, kpi-page .mat-table.large.concluded-by-lawyer .mat-row.summary-row, kpi-page .mat-table.large.lawyers-cases-list .mat-row.summary-row, kpi-page .mat-table.large.lawyers-hearings-list .mat-row.summary-row, kpi-page .mat-table.large.calls-list .mat-row.summary-row, kpi-page .mat-table.large.jivo-list .mat-row.summary-row, kpi-page .mat-table.large.delegated-contracts-list .mat-row.summary-row, kpi-page .mat-table.large.head-of-lawyers .mat-row.summary-row, kpi-page .mat-table.large.summary-kpi-list .mat-row.summary-row, kpi-page .mat-table.large.potential-clients .mat-row.summary-row, kpi-page .mat-table.large.ask-lawyer .mat-row.summary-row, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-row.summary-row, kpi-page .mat-table.large.sms-feedback-list .mat-row.summary-row, kpi-page .mat-table.large.delegated-fairness-list .mat-row.summary-row, kpi-page .mat-table.large.delegated-metrics-list .mat-row.summary-row {
  background: rgba(0, 0, 0, 0.03);
}

kpi-page .mat-table.large.kpi-dense-table .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.upsale .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.concluded-by-lawyer .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.lawyers-cases-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.lawyers-hearings-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.calls-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.jivo-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.delegated-contracts-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.head-of-lawyers .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.summary-kpi-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.potential-clients .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.ask-lawyer .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.sms-feedback-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.delegated-fairness-list .mat-row.summary-row .mat-cell, kpi-page .mat-table.large.delegated-metrics-list .mat-row.summary-row .mat-cell {
  font-weight: 600;
  cursor: default;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status), kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-container {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-button {
  text-align: right;
  white-space: normal;
}

kpi-page .mat-table.large.kpi-dense-table .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.upsale .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.concluded-by-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-cases-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-hearings-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.calls-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.jivo-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-contracts-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.head-of-lawyers .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.potential-clients .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.ask-lawyer .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.sms-feedback-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-fairness-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-metrics-list .mat-header-cell:not(.mat-column-title):not(.mat-column-fio):not(.mat-column-manager_name):not(.mat-column-name):not(.mat-column-online_role):not(.mat-column-status) .mat-sort-header-arrow {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

kpi-page .mat-table.large.kpi-dense-table .mat-sort-header-arrow, kpi-page .mat-table.large.upsale .mat-sort-header-arrow, kpi-page .mat-table.large.concluded-by-lawyer .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-cases-list .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-hearings-list .mat-sort-header-arrow, kpi-page .mat-table.large.calls-list .mat-sort-header-arrow, kpi-page .mat-table.large.jivo-list .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-contracts-list .mat-sort-header-arrow, kpi-page .mat-table.large.head-of-lawyers .mat-sort-header-arrow, kpi-page .mat-table.large.summary-kpi-list .mat-sort-header-arrow, kpi-page .mat-table.large.potential-clients .mat-sort-header-arrow, kpi-page .mat-table.large.ask-lawyer .mat-sort-header-arrow, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-sort-header-arrow, kpi-page .mat-table.large.sms-feedback-list .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-fairness-list .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-metrics-list .mat-sort-header-arrow {
  -webkit-transform: none !important;
  transform: none !important;
}

kpi-page .mat-table.large.kpi-dense-table .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.upsale .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.concluded-by-lawyer .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-cases-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.lawyers-hearings-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.calls-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.jivo-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-contracts-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.head-of-lawyers .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.summary-kpi-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.potential-clients .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.ask-lawyer .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.sms-feedback-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-fairness-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow, kpi-page .mat-table.large.delegated-metrics-list .mat-sort-header-sorted > .mat-sort-header-container > .mat-sort-header-arrow {
  opacity: 1 !important;
}

kpi-page .mat-table.large.kpi-dense-table .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.kpi-dense-table .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.upsale .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.upsale .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.concluded-by-lawyer .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.lawyers-cases-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.lawyers-hearings-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.calls-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.calls-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.jivo-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.jivo-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.delegated-contracts-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.head-of-lawyers .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.head-of-lawyers .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.summary-kpi-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.summary-kpi-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.potential-clients .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.potential-clients .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.ask-lawyer .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.ask-lawyer .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.sms-feedback-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.sms-feedback-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.delegated-fairness-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-fio .mat-sort-header-container, kpi-page .mat-table.large.delegated-metrics-list .mat-column-title .mat-sort-header-container,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-fio .mat-sort-header-container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  max-width: 100%;
}

kpi-page .mat-table.large.kpi-dense-table .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.kpi-dense-table .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.kpi-dense-table .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.kpi-dense-table .mat-column-name.mat-header-cell, kpi-page .mat-table.large.upsale .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.upsale .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.upsale .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.upsale .mat-column-name.mat-header-cell, kpi-page .mat-table.large.concluded-by-lawyer .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-name.mat-header-cell, kpi-page .mat-table.large.lawyers-cases-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.lawyers-hearings-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.calls-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.calls-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.calls-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.calls-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.jivo-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.jivo-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.jivo-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.jivo-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.delegated-contracts-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.delegated-contracts-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.head-of-lawyers .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.head-of-lawyers .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.head-of-lawyers .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.head-of-lawyers .mat-column-name.mat-header-cell, kpi-page .mat-table.large.summary-kpi-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.summary-kpi-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.summary-kpi-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.summary-kpi-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.potential-clients .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.potential-clients .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.potential-clients .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.potential-clients .mat-column-name.mat-header-cell, kpi-page .mat-table.large.ask-lawyer .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.ask-lawyer .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.ask-lawyer .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.ask-lawyer .mat-column-name.mat-header-cell, kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.sms-feedback-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.sms-feedback-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.sms-feedback-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.sms-feedback-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.delegated-fairness-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.delegated-fairness-list .mat-column-name.mat-header-cell, kpi-page .mat-table.large.delegated-metrics-list .mat-column-title.mat-header-cell,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-fio.mat-header-cell,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-manager_name.mat-header-cell,
kpi-page .mat-table.large.delegated-metrics-list .mat-column-name.mat-header-cell {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

kpi-page .mat-table.large.calls-list .mat-column-kpi, kpi-page .mat-table.large.jivo-list .mat-column-kpi {
  max-width: 130px;
}

kpi-page .mat-table.large.jivo-list .mat-column-first_response_kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 156px;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  max-width: 156px;
  min-width: 156px;
}

kpi-page .mat-table.large.jivo-list .mat-column-rate_kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 146px;
  -ms-flex: 0 0 146px;
  flex: 0 0 146px;
  max-width: 146px;
  min-width: 146px;
}

kpi-page .mat-table.large.jivo-list .mat-column-missed_kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 174px;
  -ms-flex: 0 0 174px;
  flex: 0 0 174px;
  max-width: 174px;
  min-width: 174px;
}

kpi-page .mat-table.large.jivo-list .mat-column-first_response_kpi.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.jivo-list .mat-column-rate_kpi.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.jivo-list .mat-column-missed_kpi.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.sms-feedback-list .mat-column-kpi,
kpi-page .mat-table.large.sms-feedback-list .mat-column-activity {
  max-width: 120px;
}

kpi-page .mat-table.large.head-of-lawyers .mat-column-payments_kpi,
kpi-page .mat-table.large.head-of-lawyers .mat-column-terminations_kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  max-width: 220px;
  min-width: 220px;
}

kpi-page .mat-table.large.head-of-lawyers .mat-column-payments_kpi.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.head-of-lawyers .mat-column-terminations_kpi.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.kpi-typical-tasks-list .mat-column-kpi {
  max-width: 120px;
}

kpi-page .mat-table.large.delegated-contracts-list .mat-column-contracts {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  max-width: 200px;
  min-width: 200px;
}

kpi-page .mat-table.large.delegated-contracts-list .mat-column-contracts.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-fio {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  min-width: 200px;
  max-width: none;
  text-align: left !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-fio),
kpi-page .mat-table.large.summary-kpi-list .mat-cell:not(.mat-column-fio) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-fio) .mat-sort-header-container {
  margin-left: auto;
}

kpi-page .mat-table.large.summary-kpi-list .mat-header-cell:not(.mat-column-fio) .mat-sort-header-button {
  text-align: right !important;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-mango_grade {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  max-width: 110px;
  min-width: 110px;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-potentials_grade {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 135px;
  -ms-flex: 0 0 135px;
  flex: 0 0 135px;
  max-width: 135px;
  min-width: 135px;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-sms_grade {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95px;
  -ms-flex: 0 0 95px;
  flex: 0 0 95px;
  max-width: 95px;
  min-width: 95px;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-terminations_grade {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  min-width: 120px;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-payments_grade {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
  max-width: 105px;
  min-width: 105px;
}

kpi-page .mat-table.large.summary-kpi-list .mat-column-mango_grade.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.summary-kpi-list .mat-column-potentials_grade.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.summary-kpi-list .mat-column-sms_grade.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.summary-kpi-list .mat-column-terminations_grade.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.summary-kpi-list .mat-column-payments_grade.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.potential-clients .mat-column-kpi, kpi-page .mat-table.large.ask-lawyer .mat-column-kpi {
  max-width: 140px;
}

kpi-page .mat-table.large.upsale .mat-header-row,
kpi-page .mat-table.large.upsale .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

kpi-page .mat-table.large.upsale .mat-header-cell,
kpi-page .mat-table.large.upsale .mat-cell {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.upsale .mat-column-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  min-width: 200px;
  max-width: none;
}

kpi-page .mat-table.large.upsale .mat-column-eff {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  min-width: 80px;
}

kpi-page .mat-table.large.upsale .mat-column-trf {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 105px;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
  max-width: 105px;
  min-width: 105px;
}

kpi-page .mat-table.large.upsale .mat-column-kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 145px;
  -ms-flex: 0 0 145px;
  flex: 0 0 145px;
  max-width: 145px;
  min-width: 145px;
}

kpi-page .mat-table.large.upsale .mat-column-average_check {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

kpi-page .mat-table.large.upsale .mat-column-average_check.mat-header-cell, kpi-page .mat-table.large.upsale .mat-column-average_check.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

kpi-page .mat-table.large.upsale .mat-column-expected_average_payment {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .mat-table.large.upsale .mat-column-kpi_payments {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 280px;
  -ms-flex: 0 0 280px;
  flex: 0 0 280px;
  max-width: 280px;
  min-width: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
}

kpi-page .mat-table.large.upsale .mat-column-kpi_payments.mat-header-cell, kpi-page .mat-table.large.upsale .mat-column-kpi_payments.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
}

kpi-page .mat-table.large.upsale .mat-column-eff.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.upsale .mat-column-trf.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.upsale .mat-column-kpi.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.upsale .mat-column-expected_average_payment.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.upsale .mat-column-average_check.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.upsale .mat-column-kpi_payments.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-header-row,
kpi-page .mat-table.large.concluded-by-lawyer .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-cell {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 140px;
  -ms-flex: 1 1 140px;
  flex: 1 1 140px;
  min-width: 140px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 12px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-expected_average_payment,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-real_average_payment {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 184px;
  -ms-flex: 0 0 184px;
  flex: 0 0 184px;
  max-width: 184px;
  min-width: 184px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-expected_average_payment {
  padding-left: 12px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-real_average_payment {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 12px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_spb,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_vks_spb,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_region,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  min-width: 120px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_spb.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_vks_spb.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_region.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi_spb {
  padding-left: 12px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-kpi {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 12px;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-non_potential_percent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
  min-width: 150px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-non_potential_percent.mat-header-cell {
  overflow: hidden;
}

kpi-page .mat-table.large.concluded-by-lawyer .mat-column-non_potential_percent.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.lawyers-cases-list .mat-column-kpi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
  min-width: 150px;
}

kpi-page .mat-table.large.lawyers-cases-list .mat-column-terminations_percent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 130px;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  max-width: 130px;
  min-width: 130px;
}

kpi-page .mat-table.large.lawyers-cases-list .mat-column-late_percent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 170px;
  -ms-flex: 0 0 170px;
  flex: 0 0 170px;
  max-width: 170px;
  min-width: 170px;
}

kpi-page .mat-table.large.lawyers-cases-list .mat-column-kpi.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-terminations_percent.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-cases-list .mat-column-late_percent.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-title {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  min-width: 220px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_hearings_per_client {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 124px;
  -ms-flex: 0 0 124px;
  flex: 0 0 124px;
  max-width: 124px;
  min-width: 124px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_duration_days {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 114px;
  -ms-flex: 0 0 114px;
  flex: 0 0 114px;
  max-width: 114px;
  min-width: 114px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_coeff {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 126px;
  -ms-flex: 0 0 126px;
  flex: 0 0 126px;
  max-width: 126px;
  min-width: 126px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-total_clients,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-total_hearings {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 104px;
  -ms-flex: 0 0 104px;
  flex: 0 0 104px;
  max-width: 104px;
  min-width: 104px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-win_rate {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  min-width: 120px;
}

kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_hearings_per_client.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_duration_days.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-avg_coeff.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-total_clients.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-total_hearings.mat-header-cell .mat-sort-header-button,
kpi-page .mat-table.large.lawyers-hearings-list .mat-column-win_rate.mat-header-cell .mat-sort-header-button {
  white-space: nowrap !important;
}

kpi-page .mat-table.large.calls-list .mat-row:last-of-type .mat-cell, kpi-page .mat-table.large.jivo-list .mat-row:last-of-type .mat-cell, kpi-page .mat-table.large.delegated-contracts-list .mat-row:last-of-type .mat-cell {
  font-weight: 600;
  cursor: default;
}

kpi-page .concluded-table-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 20px;
  margin: 0 0 12px;
  padding: 10px 16px;
  background: #fff;
}

kpi-page .concluded-table-toolbar .toolbar-label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

kpi-page .upsale-table-scroll,
kpi-page .concluded-table-scroll,
kpi-page .lawyers-cases-table-scroll,
kpi-page .lawyers-hearings-table-scroll,
kpi-page .kpi-table-scroll,
kpi-page .delegated-analytics-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 16px);
  max-width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .upsale-table-scroll > .mat-table.large.shadow-block,
kpi-page .concluded-table-scroll > .mat-table.large.shadow-block,
kpi-page .lawyers-cases-table-scroll > .mat-table.large.shadow-block,
kpi-page .lawyers-hearings-table-scroll > .mat-table.large.shadow-block,
kpi-page .kpi-table-scroll > .mat-table.large.shadow-block,
kpi-page .delegated-analytics-scroll > .mat-table.large.shadow-block {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

kpi-page .grid.summary {
  padding: 0 24px;
}

kpi-page .grid.summary .row .col {
  font-weight: 600;
  cursor: default;
}

kpi-page .grid.summary .row .col.column-kpi {
  max-width: 160px;
}

kpi-page .grid.summary .row .col.column-expected_average {
  max-width: 180px;
}

kpi-page .grid.summary .row .col.column-real_average {
  max-width: 180px;
}

kpi-page .grid.summary .row .col.column-eff {
  max-width: 160px;
}

kpi-page .grid.summary .row .col.kpi_spb, kpi-page .grid.summary .row .col.kpi_vks_spb, kpi-page .grid.summary .row .col.kpi_region {
  max-width: 120px;
}

kpi-page .grid.summary .row .col.column-trf {
  max-width: 180px;
}

kpi-page .grid.summary .row .col.column-kpi_payments {
  max-width: 160px;
}

kpi-page .datatable-row-detail {
  width: 100%;
  overflow: hidden;
}

kpi-page .datatable-row-detail .list {
  overflow-y: scroll;
  overflow-x: auto;
  height: 100%;
  padding-left: 45px;
  -webkit-box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0;
  margin-bottom: 0;
}

kpi-page .datatable-row-detail .list ion-item-group {
  position: relative;
}

kpi-page .datatable-row-detail .list ion-item-group ion-item-divider {
  margin-top: 0;
}

kpi-page .datatable-row-detail .list ion-item-group ion-item-divider ion-label {
  font-size: 1.2rem;
}

kpi-page .datatable-row-detail .list ion-item-group .list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  overflow: visible;
}

kpi-page .datatable-row-detail .list ion-item-group .list .item {
  background-color: #f5f5f5;
  padding-left: 0;
}

kpi-page .datatable-row-detail .list ion-item-group .list .item .col {
  white-space: nowrap;
}

kpi-page .datatable-row-detail .list ion-item-group .list .item .col p {
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
  width: 100%;
}

kpi-page .datatable-row-detail .list ion-item-group .list .item .col a {
  display: inline;
}

kpi-page .results-count {
  display: inline-block;
  padding: 8px 0;
  color: #999;
  font-size: 14px;
}

kpi-page ion-item-group.shadow-block {
  margin-bottom: 8px;
}

kpi-page ion-item-group.shadow-block ion-item-divider {
  border-bottom: 0;
  font-weight: 500;
  text-align: left;
}

kpi-page ion-item-group.shadow-block .client-tasks.tasklist {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #fff;
}

kpi-page ion-item-group.shadow-block .client-tasks.tasklist ion-label {
  white-space: normal;
}

kpi-page ion-item-group.shadow-block .client-tasks.tasklist ion-grid {
  padding: 0;
}

typical-tasks-completed-list .small-content-wrapper,
potential-clients-kpi-list .small-content-wrapper,
ask-lawyer-kpi-list .small-content-wrapper,
consultant-kpi-concluded-list .small-content-wrapper,
manager-kpi-call-concluded-list .small-content-wrapper,
manager-kpi-sms-feedback-list .small-content-wrapper,
manager-kpi-upsale-list .small-content-wrapper,
upsale-clients-list .small-content-wrapper,
manager-kpi-jivo-list .small-content-wrapper,
lawyers-cases-kpi-list .small-content-wrapper,
hearings-kpi-list .small-content-wrapper,
delegated-contracts-list .small-content-wrapper,
manager-kpi-call-list .small-content-wrapper {
  margin-left: -7px;
  padding-left: 7px;
  padding-right: 7px;
}

typical-tasks-completed-list .small-content-wrapper .item-divider,
typical-tasks-completed-list .small-content-wrapper ion-item-divider,
potential-clients-kpi-list .small-content-wrapper .item-divider,
potential-clients-kpi-list .small-content-wrapper ion-item-divider,
ask-lawyer-kpi-list .small-content-wrapper .item-divider,
ask-lawyer-kpi-list .small-content-wrapper ion-item-divider,
consultant-kpi-concluded-list .small-content-wrapper .item-divider,
consultant-kpi-concluded-list .small-content-wrapper ion-item-divider,
manager-kpi-call-concluded-list .small-content-wrapper .item-divider,
manager-kpi-call-concluded-list .small-content-wrapper ion-item-divider,
manager-kpi-sms-feedback-list .small-content-wrapper .item-divider,
manager-kpi-sms-feedback-list .small-content-wrapper ion-item-divider,
manager-kpi-upsale-list .small-content-wrapper .item-divider,
manager-kpi-upsale-list .small-content-wrapper ion-item-divider,
upsale-clients-list .small-content-wrapper .item-divider,
upsale-clients-list .small-content-wrapper ion-item-divider,
manager-kpi-jivo-list .small-content-wrapper .item-divider,
manager-kpi-jivo-list .small-content-wrapper ion-item-divider,
lawyers-cases-kpi-list .small-content-wrapper .item-divider,
lawyers-cases-kpi-list .small-content-wrapper ion-item-divider,
hearings-kpi-list .small-content-wrapper .item-divider,
hearings-kpi-list .small-content-wrapper ion-item-divider,
delegated-contracts-list .small-content-wrapper .item-divider,
delegated-contracts-list .small-content-wrapper ion-item-divider,
manager-kpi-call-list .small-content-wrapper .item-divider,
manager-kpi-call-list .small-content-wrapper ion-item-divider {
  border-bottom: 0;
}

typical-tasks-completed-list .mat-tab-body-content,
potential-clients-kpi-list .mat-tab-body-content,
ask-lawyer-kpi-list .mat-tab-body-content,
consultant-kpi-concluded-list .mat-tab-body-content,
manager-kpi-call-concluded-list .mat-tab-body-content,
manager-kpi-sms-feedback-list .mat-tab-body-content,
manager-kpi-upsale-list .mat-tab-body-content,
upsale-clients-list .mat-tab-body-content,
manager-kpi-jivo-list .mat-tab-body-content,
lawyers-cases-kpi-list .mat-tab-body-content,
hearings-kpi-list .mat-tab-body-content,
delegated-contracts-list .mat-tab-body-content,
manager-kpi-call-list .mat-tab-body-content {
  padding-left: 10px;
  padding-right: 10px;
}

typical-tasks-completed-list .mat-tab-header,
potential-clients-kpi-list .mat-tab-header,
ask-lawyer-kpi-list .mat-tab-header,
consultant-kpi-concluded-list .mat-tab-header,
manager-kpi-call-concluded-list .mat-tab-header,
manager-kpi-sms-feedback-list .mat-tab-header,
manager-kpi-upsale-list .mat-tab-header,
upsale-clients-list .mat-tab-header,
manager-kpi-jivo-list .mat-tab-header,
lawyers-cases-kpi-list .mat-tab-header,
hearings-kpi-list .mat-tab-header,
delegated-contracts-list .mat-tab-header,
manager-kpi-call-list .mat-tab-header {
  padding-left: 10px;
  padding-right: 10px;
}

typical-tasks-completed-list .mat-tab-body-wrapper,
potential-clients-kpi-list .mat-tab-body-wrapper,
ask-lawyer-kpi-list .mat-tab-body-wrapper,
consultant-kpi-concluded-list .mat-tab-body-wrapper,
manager-kpi-call-concluded-list .mat-tab-body-wrapper,
manager-kpi-sms-feedback-list .mat-tab-body-wrapper,
manager-kpi-upsale-list .mat-tab-body-wrapper,
upsale-clients-list .mat-tab-body-wrapper,
manager-kpi-jivo-list .mat-tab-body-wrapper,
lawyers-cases-kpi-list .mat-tab-body-wrapper,
hearings-kpi-list .mat-tab-body-wrapper,
delegated-contracts-list .mat-tab-body-wrapper,
manager-kpi-call-list .mat-tab-body-wrapper {
  display: block;
  max-height: 65vh;
  overflow: auto;
}

/* TRE-629: upsale modal — единая сетка отступов (gutter 12px) */
upsale-clients-list {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .upsale-dialog-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .upsale-dialog-header .mat-dialog-title {
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

upsale-clients-list .upsale-dialog-header .upsale-details-toggle {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  font-size: 1.2rem;
  color: #546e7a;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

upsale-clients-list .mat-tab-body-wrapper {
  max-height: none !important;
  height: auto !important;
  overflow: hidden !important;
  max-width: 100%;
}

upsale-clients-list .mat-tab-body {
  overflow: hidden !important;
  max-width: 100%;
  position: relative;
}

upsale-clients-list .mat-tab-body-content {
  overflow: hidden !important;
  max-width: 100%;
  max-height: none !important;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .small-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 65vh;
  height: 65vh;
  min-height: 0;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden !important;
}

upsale-clients-list .upsale-tab-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .upsale-tab-summary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 8px 12px;
  border-radius: 4px;
  background: #f5f7fa;
  border: 1px solid #e0e4ea;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
  color: #37474f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow-wrap: break-word;
  word-wrap: break-word;
}

upsale-clients-list .upsale-tab-summary span span {
  font-weight: 500;
  color: #546e7a;
}

upsale-clients-list .upsale-tab-summary .upsale-summary-hint {
  margin: 6px 0 0;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.35;
  color: #78909c;
}

upsale-clients-list .upsale-details-legend {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0 8px;
  padding: 6px 12px 8px;
  font-size: 1.15rem;
  line-height: 1.45;
  font-weight: 400;
  color: #546e7a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .upsale-tab-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list .upsale-tab-scroll ion-list,
upsale-clients-list .upsale-tab-scroll ion-item-group,
upsale-clients-list .upsale-tab-scroll ion-list.list {
  max-width: 100%;
  overflow: visible !important;
}

upsale-clients-list ion-item-group.shadow-block ion-item-divider.item-divider,
upsale-clients-list ion-item-group.shadow-block ion-item-divider {
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-weight: 600;
  color: #37474f;
}

upsale-clients-list desktop-upsale-kpi-item {
  display: block;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-kpi-item {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-kpi-item.padded {
  padding-left: 12px;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-kpi-item:not(.has-details-open) {
  padding-bottom: 0;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-kpi-item:not(.has-details-open) desktop-client-item .item.item .item-inner.item-inner {
  border-bottom: 0 !important;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-kpi-item.has-details-open {
  padding-bottom: 6px;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 12px 2px;
  font-size: 1.2rem;
  line-height: 1.35;
  color: #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta > span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 6px 4px 0;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 1.15rem;
  line-height: 1.3;
  vertical-align: middle;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta > span:last-child {
  margin-right: 0;
}

upsale-clients-list desktop-upsale-kpi-item .type-badge {
  background: #e8eef5;
  color: #2c4a6e;
  font-weight: 600;
}

upsale-clients-list desktop-upsale-kpi-item .type-badge[data-type='agreement'] {
  background: #e8f5e9;
  color: #2e5a32;
}

upsale-clients-list desktop-upsale-kpi-item .type-badge[data-type='new_client'] {
  background: #e3f2fd;
  color: #1565c0;
}

upsale-clients-list desktop-upsale-kpi-item .type-badge[data-type='debt_payment'] {
  background: #fff3e0;
  color: #e65100;
}

upsale-clients-list desktop-upsale-kpi-item .type-badge[data-type='attempt'] {
  background: #f5f5f5;
  color: #757575;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .money {
  font-weight: 600;
  white-space: nowrap;
  background: #eceff1;
  color: #37474f;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .money.payment {
  background: #eceff1;
  color: #37474f;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .money.payment:before {
  content: 'ДП:';
  margin-right: 4px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .money.check {
  background: #e8f5e9;
  color: #1b5e20;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .money.check:before {
  content: 'СЧ:';
  margin-right: 4px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-meta .weight,
upsale-clients-list desktop-upsale-kpi-item .upsale-meta .link-mode {
  background: #fafafa;
  color: #607d8b;
  font-weight: 500;
}

upsale-clients-list desktop-upsale-kpi-item desktop-client-item .item.item .item-inner.item-inner {
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}

upsale-clients-list desktop-upsale-kpi-item desktop-client-item .item.item .item-inner.item-inner .label {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 0;
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-block {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-parts {
  list-style: none;
  margin: 0;
  padding: 4px 12px 0;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #455a64;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 4px;
  margin: 0;
  padding: 4px 0 4px 12px;
  border-left: 2px solid #cfd8dc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part + .upsale-money-part {
  margin-top: 2px;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.excluded-check .part-amount {
  text-decoration: line-through;
  opacity: 0.65;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.excluded-payments {
  opacity: 0.75;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.priority-done {
  border-left-color: rgba(189, 189, 189, 0.5);
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.priority-open {
  border-left-color: rgba(229, 57, 53, 0.5);
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.priority-open .part-amount {
  color: #c62828;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-total .part-label {
  font-weight: 600;
  color: #607d8b;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-total .part-trailing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
  gap: 8px;
  min-width: 0;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-total .weight {
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #78909c;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-total .part-amount {
  margin-left: 0;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-kpi-share {
  opacity: 0.9;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-kpi-share .part-label {
  font-weight: 500;
  color: #78909c;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-section {
  list-style: none;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #90a4ae;
  padding: 8px 0 4px;
  border: none;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-section.out-of-check, upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-section.payments-only {
  margin-top: 6px;
  color: #ef6c00;
}

upsale-clients-list desktop-upsale-kpi-item .upsale-money-part.upsale-money-section.ignored {
  margin-top: 6px;
  color: #b0bec5;
}

upsale-clients-list desktop-upsale-kpi-item .part-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  color: #607d8b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

upsale-clients-list desktop-upsale-kpi-item .part-label .part-kind {
  font-weight: 600;
  margin-right: 6px;
  color: #78909c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

upsale-clients-list desktop-upsale-kpi-item .part-label a {
  color: #212121 !important;
  text-decoration: none !important;
  font-weight: 500;
}

upsale-clients-list desktop-upsale-kpi-item .part-label a:hover {
  text-decoration: underline !important;
}

upsale-clients-list desktop-upsale-kpi-item .part-label > span:not(.part-kind) {
  color: #607d8b;
}

upsale-clients-list desktop-upsale-kpi-item .part-amount-wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

upsale-clients-list desktop-upsale-kpi-item .part-amount {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

upsale-clients-list desktop-upsale-kpi-item .part-reason,
upsale-clients-list desktop-upsale-kpi-item .part-unpaid {
  color: #c62828;
  font-size: 1.1rem;
  white-space: nowrap;
}

upsale-clients-list desktop-upsale-kpi-item .part-unpaid {
  font-weight: 500;
}

upsale-clients-list desktop-upsale-kpi-item .part-exclusions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4px 6px;
  max-width: 100%;
  text-align: left;
}

upsale-clients-list desktop-upsale-kpi-item .part-exclusions .exclusion-chip {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 6px;
  border-radius: 2px;
  background: #fff3e0;
  color: #e65100;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
}

upsale-clients-list desktop-upsale-kpi-item .part-exclusions .part-reason {
  white-space: normal;
}

upsale-clients-list desktop-upsale-kpi-item .part-flags {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 48px;
}

upsale-clients-list desktop-upsale-kpi-item .part-flags .flag {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 22px;
  height: 18px;
  padding: 0 3px;
  line-height: 18px;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: 2px;
  margin: 0 0 0 2px;
}

upsale-clients-list desktop-upsale-kpi-item .part-flags .flag:first-child {
  margin-left: 0;
}

upsale-clients-list desktop-upsale-kpi-item .part-flags .flag.ok {
  background: #c8e6c9;
  color: #1b5e20;
}

upsale-clients-list desktop-upsale-kpi-item .part-flags .flag.no {
  background: #ffcdd2;
  color: #b71c1c;
}

upsale-clients-list desktop-upsale-kpi-item .no-client {
  padding: 4px 12px;
  color: #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 039: concluded modal — визуально как upsale modal (gutter/chips/nested list) */
consultant-kpi-concluded-list {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list .mat-tab-body-wrapper {
  max-height: none !important;
  height: auto !important;
  overflow: hidden !important;
  max-width: 100%;
}

consultant-kpi-concluded-list .mat-tab-body {
  overflow: hidden !important;
  max-width: 100%;
}

consultant-kpi-concluded-list .mat-tab-body-content {
  overflow: hidden !important;
  max-width: 100%;
  max-height: none !important;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list .small-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 65vh;
  height: 65vh;
  min-height: 0;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden !important;
}

consultant-kpi-concluded-list .concluded-tab-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list .concluded-tab-summary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 8px 12px;
  border-radius: 4px;
  background: #f5f7fa;
  border: 1px solid #e0e4ea;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
  color: #37474f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow-wrap: break-word;
  word-wrap: break-word;
}

consultant-kpi-concluded-list .concluded-tab-summary span span {
  font-weight: 500;
  color: #546e7a;
}

consultant-kpi-concluded-list .concluded-tab-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list .concluded-tab-scroll ion-list,
consultant-kpi-concluded-list .concluded-tab-scroll ion-item-group,
consultant-kpi-concluded-list .concluded-tab-scroll ion-list.list {
  max-width: 100%;
  overflow: visible !important;
}

consultant-kpi-concluded-list .concluded-loading-more {
  padding: 10px 12px 16px;
  font-size: 1.2rem;
  color: #90a4ae;
  text-align: center;
}

consultant-kpi-concluded-list ion-item-group.shadow-block ion-item-divider.item-divider,
consultant-kpi-concluded-list ion-item-group.shadow-block ion-item-divider {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item {
  display: block;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-kpi-item {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-kpi-item:not(.has-nested) {
  padding-bottom: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-kpi-item:not(.has-nested) .concluded-main desktop-meeting-item:last-child .item.item .item-inner.item-inner {
  border-bottom: 0 !important;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-kpi-item.has-nested {
  padding-bottom: 6px;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 12px 2px;
  font-size: 1.2rem;
  line-height: 1.35;
  color: #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 6px 4px 0;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 1.15rem;
  line-height: 1.3;
  vertical-align: middle;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span:last-child {
  margin-right: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .type-badge {
  background: #e8eef5;
  color: #2c4a6e;
  font-weight: 600;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .type-badge[data-bucket='spb'] {
  background: #e3f2fd;
  color: #1565c0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .type-badge[data-bucket='vks_spb'] {
  background: #f3e5f5;
  color: #6a1b9a;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .type-badge[data-bucket='regions'] {
  background: #fff3e0;
  color: #e65100;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta .meta-muted {
  background: #fafafa;
  color: #607d8b;
  font-weight: 500;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta .meta-warn {
  background: #fff8e1;
  color: #f57f17;
  font-weight: 600;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  margin: 0 0 4px 0;
  margin-left: 8px;
  padding: 2px 0 2px 0;
  background: transparent;
  border-radius: 0;
  vertical-align: middle;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #607d8b;
  font-size: 1.15rem;
  line-height: 1.35;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta .part-kind {
  font-weight: 600;
  margin-right: 6px;
  color: #78909c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta a {
  color: #212121 !important;
  font-weight: 500;
  text-decoration: none !important;
  margin-right: 6px;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta a:hover {
  text-decoration: underline !important;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta .part-title {
  color: #212121;
  font-weight: 500;
  margin-right: 6px;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-meta > span.concluded-meta-potential .part-label--meta .part-sub {
  margin-left: 6px;
  color: #78909c;
  font-size: 1.1rem;
  font-weight: 400;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item.has-meta-potential .concluded-meta {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item.has-meta-potential .concluded-meta .type-badge,
consultant-kpi-concluded-list desktop-concluded-kpi-item.has-meta-potential .concluded-meta .meta-warn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-client-item,
consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item {
  display: block;
  max-width: 100%;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-client-item .item.item .item-inner.item-inner,
consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item .item-inner.item-inner {
  border-top: 0;
  border-bottom: 1px solid #dedede !important;
  padding-left: 0;
  padding-right: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-client-item .item.item .item-inner.item-inner .label,
consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item .item-inner.item-inner .label {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 0;
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item {
  position: relative;
  padding-left: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item:before {
  display: block !important;
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  margin: auto;
  border-width: 3px !important;
  border-left: 3px solid #d6e9f9;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item[late]:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-main desktop-meeting-item .item.item[late][unused]:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-list {
  list-style: none;
  margin: 0;
  padding: 4px 12px 0;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #455a64;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin: 0;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row + .concluded-nested-row {
  margin-top: 2px;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row .part-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 0 0 12px;
  border-left: 2px solid #cfd8dc;
  line-height: 1.35;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row[data-kind='meeting'] .part-label {
  border-left-width: 3px;
  border-left-color: #d6e9f9;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row[data-kind='potential'][data-is-hot='true'] .part-label {
  border-left-color: rgba(251, 192, 45, 0.5);
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row[data-kind='potential'][data-is-hurry='true'] .part-label {
  border-left-color: rgba(229, 57, 53, 0.5);
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row[data-kind='client'][data-is-terminating='true'] .part-label {
  border-left-color: rgba(229, 57, 53, 0.5);
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .concluded-nested-row .part-amount-wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label {
  min-width: 0;
  color: #607d8b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label .part-kind {
  font-weight: 600;
  margin-right: 6px;
  color: #78909c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label a {
  color: #212121 !important;
  text-decoration: none !important;
  font-weight: 500;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label a:hover {
  text-decoration: underline !important;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label > span:not(.part-kind):not(.part-sub) {
  color: #212121;
  font-weight: 500;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-label .part-sub {
  margin-left: 6px;
  color: #78909c;
  font-size: 1.1rem;
  font-weight: 400;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-amount-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 8px;
  max-width: 100%;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-terminate {
  background: #fff8e1;
  color: #f57f17;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.2;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-no-incoming {
  background: #eceff1;
  color: #78909c;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.2;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
}

consultant-kpi-concluded-list desktop-concluded-kpi-item .part-amount {
  justify-self: end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #1b5e20;
}

delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-client-item .item.item .item-inner.item-inner,
delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-meeting-item .item.item .item-inner.item-inner,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-client-item .item.item .item-inner.item-inner,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-meeting-item .item.item .item-inner.item-inner {
  border-bottom: 0 !important;
  background-image: none !important;
}

delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-delegated-contract-item .item.item:after,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-delegated-contract-item .item.item:after {
  display: none !important;
}

delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-delegated-contract-item button.delegated-compact-row.item .item-inner.item-inner,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list desktop-delegated-contract-item button.delegated-compact-row.item .item-inner.item-inner {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
}

delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-client-item + desktop-delegated-contract-item,
delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-meeting-item + desktop-delegated-contract-item,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-client-item + desktop-delegated-contract-item,
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-meeting-item + desktop-delegated-contract-item {
  border-top: 1px solid #dedede;
}

delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-delegated-contract-item:not(:last-child),
.delegated-contracts-list-dialog delegated-contracts-list .small-content-wrapper ion-item-group.shadow-block ion-list > desktop-delegated-contract-item:not(:last-child) {
  border-bottom: 1px solid #dedede;
}

/* Delegated contracts analytics styles moved to kpi-delegated-contracts-tab.scss */
.hearings-contract-type-panel .select-all-checkbox,
.hearings-select-panel .select-all-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  margin: 0;
  cursor: pointer;
}

.hearings-contract-type-panel .select-all-checkbox .mat-checkbox-layout,
.hearings-select-panel .select-all-checkbox .mat-checkbox-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 48px;
  margin: 0;
  cursor: pointer;
}

.hearings-contract-type-panel .select-all-checkbox .mat-checkbox-inner-container,
.hearings-select-panel .select-all-checkbox .mat-checkbox-inner-container {
  margin-right: 12px;
}

.hearings-contract-type-panel .select-all-checkbox .mat-checkbox-label,
.hearings-select-panel .select-all-checkbox .mat-checkbox-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
  line-height: 48px;
  cursor: pointer;
}

/* === Group Titles for Manager Tables === */
.group-title {
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0 12px 0;
  padding: 8px 12px;
  border-left: 4px solid #1976d2;
}

.group-title.group-remote {
  border-left-color: #1976d2;
  background-color: #e3f2fd;
  color: #0d47a1;
}

.group-title.group-fallback {
  border-left-color: #ef6c00;
  background-color: #fff3e0;
  color: #e65100;
}

.group-title.group-unavailable {
  border-left-color: #9e9e9e;
  background-color: #f5f5f5;
  color: #616161;
}

.unavailable-table {
  opacity: 0.7;
}

.unavailable-table .mat-cell {
  color: #9e9e9e !important;
}

.delegated-metrics-list .mat-row.unavailable-row {
  opacity: 0.6;
  background-color: #fafafa;
}

.delegated-metrics-list .mat-row.unavailable-row .mat-cell {
  color: #9e9e9e !important;
}

.full-width {
  width: 100%;
}

.hearings-filter-width {
  width: 320px;
}

kpi-page form[cab-form-container] {
  position: -webkit-sticky;
  position: sticky;
  z-index: 101;
  top: 0;
  opacity: 1;
  background: #f9fafb;
}

kpi-page form[cab-form-container] .filters {
  background: #f9fafb;
}

kpi-page form[cab-form-container] .filters.grid {
  margin-left: -28px;
  margin-right: -28px;
  width: calc(100% + 56px);
  position: -webkit-sticky;
  position: sticky;
}

kpi-page form[cab-form-container] .filters.grid .row .col {
  padding-left: 0;
  padding-right: 0;
}

kpi-page form[cab-form-container] .filters.grid .row .col .mat-form-field {
  width: calc(100% - 48px);
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 4px;
  margin-top: 12px;
}

kpi-page form[cab-form-container] .filters.grid .row .col .mat-form-field:after {
  bottom: -4px;
}

kpi-page form[cab-form-container] .filters.grid .row .col .mat-form-field .mat-form-field-infix {
  width: 100%;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter {
  width: calc(100% - 48px);
  max-width: calc(100% - 48px);
  margin: 8px 24px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .mat-form-field.hearings-type-field {
  width: 100%;
  margin: 0;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .mat-form-field.hearings-type-field:after {
  bottom: 0;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .hearings-type-chips {
  display: block;
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .hearings-type-chips .mat-chip-list-wrapper {
  margin: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .hearings-type-chips .hearings-type-chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  min-height: 26px;
  height: 26px;
  line-height: 24px;
  padding: 0 4px 0 8px;
  margin: 0 6px 6px 0;
  max-width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #eceff1;
  color: #455a64;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .hearings-type-chips .hearings-type-chip .hearings-type-chip-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

kpi-page form[cab-form-container] .filters.grid .row .col .hearings-type-filter .hearings-type-chips .hearings-type-chip .mat-chip-remove {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.7;
  margin: 0 0 0 2px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}

.hearings-select-panel {
  max-height: 50vh !important;
}

kpi-delegated-contracts-tab .delegated-main-table {
  margin-top: 16px;
  margin-bottom: 0;
}

kpi-delegated-contracts-tab .delegated-main-table .kpi-table-scroll .mat-table.large {
  margin-bottom: 0;
}

kpi-delegated-contracts-tab .delegated-analytics-panel {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 32px;
}

kpi-delegated-contracts-tab .delegated-analytics-block + .delegated-analytics-block {
  margin-top: 32px;
  padding-top: 8px;
}

.delegated-section-hint {
  margin: -4px 0 12px;
  font-size: 13px;
  color: #757575;
  line-height: 1.4;
}

.subsection-title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}

.delegated-analytics-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.delegated-table-block {
  min-width: 0;
}

.delegated-metrics-offline-title {
  margin-top: 24px !important;
}

.delegated-error {
  color: #c62828;
  padding: 8px 0;
  margin: 0;
}

.section-loading {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
}

.no-data-message {
  padding: 16px;
  text-align: center;
  color: #9e9e9e;
  font-style: italic;
  background-color: #fafafa;
  margin-bottom: 12px;
  border-radius: 4px;
}

.section-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 12px;
  color: #424242;
}

.delegated-analytics-scroll {
  border-radius: 4px;
  margin-bottom: 0;
}

.delegated-analytics-scroll .mat-table.large.shadow-block {
  background: #fff;
}

.delegated-contracts-list,
.delegated-fairness-list,
.delegated-metrics-list {
  width: 100%;
  display: block;
}

.delegated-contracts-list .mat-header-row,
.delegated-contracts-list .mat-row,
.delegated-fairness-list .mat-header-row,
.delegated-fairness-list .mat-row,
.delegated-metrics-list .mat-header-row,
.delegated-metrics-list .mat-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.delegated-contracts-list .mat-row:hover,
.delegated-fairness-list .mat-row:hover,
.delegated-metrics-list .mat-row:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.delegated-contracts-list .mat-header-cell,
.delegated-contracts-list .mat-cell,
.delegated-fairness-list .mat-header-cell,
.delegated-fairness-list .mat-cell,
.delegated-metrics-list .mat-header-cell,
.delegated-metrics-list .mat-cell {
  border-bottom: none;
}

.delegated-contracts-list .mat-header-cell:not(:first-of-type),
.delegated-contracts-list .mat-cell:not(:first-of-type),
.delegated-fairness-list .mat-header-cell:not(:first-of-type),
.delegated-fairness-list .mat-cell:not(:first-of-type),
.delegated-metrics-list .mat-header-cell:not(:first-of-type),
.delegated-metrics-list .mat-cell:not(:first-of-type) {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

.delegated-contracts-list .mat-header-cell:first-of-type,
.delegated-contracts-list .mat-cell:first-of-type,
.delegated-fairness-list .mat-header-cell:first-of-type,
.delegated-fairness-list .mat-cell:first-of-type,
.delegated-metrics-list .mat-header-cell:first-of-type,
.delegated-metrics-list .mat-cell:first-of-type {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.delegated-fairness-list {
  width: 100%;
  min-width: 1000px;
}

.delegated-fairness-list .mat-header-row,
.delegated-fairness-list .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.delegated-fairness-list .mat-column-manager_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  flex: 1 1 220px;
  min-width: 200px;
  max-width: none;
}

.delegated-fairness-list .mat-column-coeff {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 96px;
  -ms-flex: 0 0 96px;
  flex: 0 0 96px;
  min-width: 92px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.delegated-fairness-list .mat-column-coeff.mat-header-cell, .delegated-fairness-list .mat-column-coeff.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-fairness-list .mat-column-plan,
.delegated-fairness-list .mat-column-actual {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  min-width: 76px;
}

.delegated-fairness-list .mat-column-delta {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 84px;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  min-width: 80px;
}

.delegated-fairness-list .mat-column-status {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 112px !important;
  -ms-flex: 0 0 112px !important;
  flex: 0 0 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-fairness-list .mat-column-status.mat-header-cell, .delegated-fairness-list .mat-column-status.mat-cell {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 112px !important;
  -ms-flex: 0 0 112px !important;
  flex: 0 0 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-fairness-list .mat-column-status.mat-header-cell {
  white-space: nowrap;
}

.delegated-fairness-list .mat-column-status .status-badge {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  font-size: 11px;
  padding: 3px 5px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.delegated-fairness-list .mat-column-vacation_days,
.delegated-fairness-list .mat-column-manual_contracts {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 84px;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  min-width: 80px;
}

.delegated-fairness-list .mat-header-cell {
  white-space: normal;
  line-height: 1.2;
}

.delegated-metrics-list {
  min-width: 640px;
  width: 100%;
}

.delegated-metrics-list.online {
  min-width: 920px;
}

.delegated-metrics-list .mat-header-row,
.delegated-metrics-list .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.delegated-metrics-list .mat-column-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  flex: 1 1 220px;
  min-width: 200px;
  white-space: normal;
  line-height: 1.3;
}

.delegated-metrics-list .mat-column-online_role {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  min-width: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-metrics-list .mat-column-online_role.mat-header-cell, .delegated-metrics-list .mat-column-online_role.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-metrics-list .mat-column-last_contract_at {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 155px;
  -ms-flex: 0 0 155px;
  flex: 0 0 155px;
  min-width: 140px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-metrics-list .mat-column-last_contract_at.mat-header-cell, .delegated-metrics-list .mat-column-last_contract_at.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-metrics-list .mat-column-final_weight {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 128px;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px;
  min-width: 120px;
}

.delegated-metrics-list .mat-column-final_weight.mat-header-cell {
  white-space: nowrap;
}

.delegated-metrics-list .mat-column-today {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 72px;
  -ms-flex: 0 0 72px;
  flex: 0 0 72px;
  min-width: 64px;
}

.role-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 11px;
  display: inline-block;
}

.role-badge.role-remote {
  background-color: #e3f2fd;
  color: #1976d2;
}

.role-badge.role-fallback {
  background-color: #fff3e0;
  color: #ef6c00;
}

.role-badge.role-office {
  background-color: #f5f5f5;
  color: #616161;
}

.weight-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.weight-badge.weight-high {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.weight-badge.weight-medium {
  background-color: #fffde7;
  color: #f9a825;
}

.weight-badge.weight-warn {
  background-color: #fff3e0;
  color: #ef6c00;
}

.weight-badge.weight-reserve {
  background-color: #f5f5f5;
  color: #9e9e9e;
}

.weight-badge.weight-null {
  background-color: #f5f5f5;
  color: #9e9e9e;
}

.unavailable-reason {
  font-size: 11px;
  color: #c62828;
  margin-top: 2px;
  margin-left: 0;
  display: block;
}

.delta-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.delta-badge.delta-normal {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.delta-badge.delta-critical-red {
  color: #c62828;
  font-weight: 600;
}

.delta-badge.delta-critical-blue {
  color: #1976d2;
  font-weight: 600;
}

.status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.status-badge.status-normal {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.status-badge.status-overloaded {
  background-color: #fff3e0;
  color: #ef6c00;
}

.status-badge.status-underloaded {
  background-color: #e3f2fd;
  color: #1976d2;
}

.status-badge.status-blocked {
  background-color: #ffebee;
  color: #c62828;
  font-weight: 600;
}

.manager-name-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.platform-core .kpi-grade-settings-modal .modal-wrapper {
  max-width: 1080px;
  left: calc(50vw - (1080px / 2));
}

kpi-grade-settings .grade-settings-form {
  padding: 12px 20px 20px;
}

kpi-grade-settings .grade-settings-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

kpi-grade-settings .metric-group {
  min-width: 0;
  padding: 0 20px;
}

kpi-grade-settings .metric-group:first-child {
  padding-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

kpi-grade-settings .metric-group:last-child {
  padding-right: 0;
}

kpi-grade-settings .group-title {
  margin: 0 0 10px;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.87);
}

kpi-grade-settings .metric-card {
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  border: none;
}

kpi-grade-settings .metric-card:last-child {
  margin-bottom: 0;
}

kpi-grade-settings .metric-title {
  margin: 0 0 6px;
  padding: 0;
  border: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.65);
}

kpi-grade-settings .range-table {
  width: 100%;
}

kpi-grade-settings .range-table-head,
kpi-grade-settings .range-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 24px minmax(0, 1fr);
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

kpi-grade-settings .range-table-head {
  margin: 0 0 4px;
  padding: 0 0 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

kpi-grade-settings .range-table-head .col-grade,
kpi-grade-settings .range-table-head .col-min,
kpi-grade-settings .range-table-head .col-max {
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.2;
}

kpi-grade-settings .range-table-head .col-min,
kpi-grade-settings .range-table-head .col-max {
  text-align: center;
}

kpi-grade-settings .range-row {
  min-height: 36px;
  padding: 3px 0;
}

kpi-grade-settings .range-sep {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  color: rgba(0, 0, 0, 0.38);
  font-size: 14px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

kpi-grade-settings .grade-chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 8px 0 6px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}

kpi-grade-settings .grade-swatch {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8px;
  -ms-flex: 0 0 8px;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

kpi-grade-settings .grade-chip[grade='1'] {
  background-color: rgba(56, 142, 60, 0.1);
  color: #388e3c;
  border-color: rgba(56, 142, 60, 0.2);
}

kpi-grade-settings .grade-chip[grade='2'] {
  background-color: rgba(251, 192, 45, 0.1);
  color: #f9a825;
  border-color: rgba(251, 192, 45, 0.25);
}

kpi-grade-settings .grade-chip[grade='3'] {
  background-color: rgba(229, 57, 53, 0.1);
  color: #e53935;
  border-color: rgba(229, 57, 53, 0.2);
}

kpi-grade-settings .max-wrap {
  position: relative;
  width: 100%;
  min-width: 0;
}

kpi-grade-settings .max-infinity {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.38);
}

kpi-grade-settings .range-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  height: 32px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  text-align: center;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.87);
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

kpi-grade-settings .range-input::-webkit-outer-spin-button, kpi-grade-settings .range-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 0;
  height: 0;
}

kpi-grade-settings .range-input:focus {
  border-color: rgba(25, 118, 210, 0.55);
  outline: none;
}

kpi-delegated-contracts-tab .delegated-main-table {
  margin-top: 16px;
  margin-bottom: 0;
}

kpi-delegated-contracts-tab .delegated-main-table .kpi-table-scroll .mat-table.large {
  margin-bottom: 0;
}

kpi-delegated-contracts-tab .delegated-analytics-panel {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 32px;
}

kpi-delegated-contracts-tab .delegated-analytics-block + .delegated-analytics-block {
  margin-top: 32px;
  padding-top: 8px;
}

.delegated-section-hint {
  margin: -4px 0 12px;
  font-size: 13px;
  color: #757575;
  line-height: 1.4;
}

.subsection-title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}

.delegated-analytics-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.delegated-table-block {
  min-width: 0;
}

.delegated-metrics-offline-title {
  margin-top: 24px !important;
}

.delegated-error {
  color: #c62828;
  padding: 8px 0;
  margin: 0;
}

.section-loading {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
}

.no-data-message {
  padding: 16px;
  text-align: center;
  color: #9e9e9e;
  font-style: italic;
  background-color: #fafafa;
  margin-bottom: 12px;
  border-radius: 4px;
}

.section-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 12px;
  color: #424242;
}

.delegated-analytics-scroll {
  border-radius: 4px;
  margin-bottom: 0;
}

.delegated-analytics-scroll .mat-table.large.shadow-block {
  background: #fff;
}

.delegated-contracts-list,
.delegated-fairness-list,
.delegated-metrics-list {
  width: 100%;
  display: block;
}

.delegated-contracts-list .mat-header-row,
.delegated-contracts-list .mat-row,
.delegated-fairness-list .mat-header-row,
.delegated-fairness-list .mat-row,
.delegated-metrics-list .mat-header-row,
.delegated-metrics-list .mat-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.delegated-contracts-list .mat-row:hover,
.delegated-fairness-list .mat-row:hover,
.delegated-metrics-list .mat-row:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.delegated-contracts-list .mat-header-cell,
.delegated-contracts-list .mat-cell,
.delegated-fairness-list .mat-header-cell,
.delegated-fairness-list .mat-cell,
.delegated-metrics-list .mat-header-cell,
.delegated-metrics-list .mat-cell {
  border-bottom: none;
}

.delegated-contracts-list .mat-header-cell:not(:first-of-type),
.delegated-contracts-list .mat-cell:not(:first-of-type),
.delegated-fairness-list .mat-header-cell:not(:first-of-type),
.delegated-fairness-list .mat-cell:not(:first-of-type),
.delegated-metrics-list .mat-header-cell:not(:first-of-type),
.delegated-metrics-list .mat-cell:not(:first-of-type) {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

.delegated-contracts-list .mat-header-cell:first-of-type,
.delegated-contracts-list .mat-cell:first-of-type,
.delegated-fairness-list .mat-header-cell:first-of-type,
.delegated-fairness-list .mat-cell:first-of-type,
.delegated-metrics-list .mat-header-cell:first-of-type,
.delegated-metrics-list .mat-cell:first-of-type {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.delegated-fairness-list {
  width: 100%;
  min-width: 1000px;
}

.delegated-fairness-list .mat-header-row,
.delegated-fairness-list .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.delegated-fairness-list .mat-column-manager_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  flex: 1 1 220px;
  min-width: 200px;
  max-width: none;
}

.delegated-fairness-list .mat-column-coeff {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 96px;
  -ms-flex: 0 0 96px;
  flex: 0 0 96px;
  min-width: 92px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.delegated-fairness-list .mat-column-coeff.mat-header-cell, .delegated-fairness-list .mat-column-coeff.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  padding-right: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-fairness-list .mat-column-plan,
.delegated-fairness-list .mat-column-actual {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  min-width: 76px;
}

.delegated-fairness-list .mat-column-delta {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 84px;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  min-width: 80px;
}

.delegated-fairness-list .mat-column-status {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 112px !important;
  -ms-flex: 0 0 112px !important;
  flex: 0 0 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-fairness-list .mat-column-status.mat-header-cell, .delegated-fairness-list .mat-column-status.mat-cell {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 112px !important;
  -ms-flex: 0 0 112px !important;
  flex: 0 0 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-fairness-list .mat-column-status.mat-header-cell {
  white-space: nowrap;
}

.delegated-fairness-list .mat-column-status .status-badge {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  font-size: 11px;
  padding: 3px 5px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.delegated-fairness-list .mat-column-vacation_days,
.delegated-fairness-list .mat-column-manual_contracts {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 84px;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  min-width: 80px;
}

.delegated-fairness-list .mat-header-cell {
  white-space: normal;
  line-height: 1.2;
}

.delegated-metrics-list {
  min-width: 640px;
  width: 100%;
}

.delegated-metrics-list.online {
  min-width: 920px;
}

.delegated-metrics-list .mat-header-row,
.delegated-metrics-list .mat-row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.delegated-metrics-list .mat-column-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  flex: 1 1 220px;
  min-width: 200px;
  white-space: normal;
  line-height: 1.3;
}

.delegated-metrics-list .mat-column-online_role {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  min-width: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-metrics-list .mat-column-online_role.mat-header-cell, .delegated-metrics-list .mat-column-online_role.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-metrics-list .mat-column-last_contract_at {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 155px;
  -ms-flex: 0 0 155px;
  flex: 0 0 155px;
  min-width: 140px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
}

.delegated-metrics-list .mat-column-last_contract_at.mat-header-cell, .delegated-metrics-list .mat-column-last_contract_at.mat-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  padding-left: 14px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delegated-metrics-list .mat-column-final_weight {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 128px;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px;
  min-width: 120px;
}

.delegated-metrics-list .mat-column-final_weight.mat-header-cell {
  white-space: nowrap;
}

.delegated-metrics-list .mat-column-today {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 72px;
  -ms-flex: 0 0 72px;
  flex: 0 0 72px;
  min-width: 64px;
}

.role-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 11px;
  display: inline-block;
}

.role-badge.role-remote {
  background-color: #e3f2fd;
  color: #1976d2;
}

.role-badge.role-fallback {
  background-color: #fff3e0;
  color: #ef6c00;
}

.role-badge.role-office {
  background-color: #f5f5f5;
  color: #616161;
}

.weight-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.weight-badge.weight-high {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.weight-badge.weight-medium {
  background-color: #fffde7;
  color: #f9a825;
}

.weight-badge.weight-warn {
  background-color: #fff3e0;
  color: #ef6c00;
}

.weight-badge.weight-reserve {
  background-color: #f5f5f5;
  color: #9e9e9e;
}

.weight-badge.weight-null {
  background-color: #f5f5f5;
  color: #9e9e9e;
}

.unavailable-reason {
  font-size: 11px;
  color: #c62828;
  margin-top: 2px;
  margin-left: 0;
  display: block;
}

.delta-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.delta-badge.delta-normal {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.delta-badge.delta-critical-red {
  color: #c62828;
  font-weight: 600;
}

.delta-badge.delta-critical-blue {
  color: #1976d2;
  font-weight: 600;
}

.status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.status-badge.status-normal {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.status-badge.status-overloaded {
  background-color: #fff3e0;
  color: #ef6c00;
}

.status-badge.status-underloaded {
  background-color: #e3f2fd;
  color: #1976d2;
}

.status-badge.status-blocked {
  background-color: #ffebee;
  color: #c62828;
  font-weight: 600;
}

.manager-name-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

lawyer-capacity-page chart {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 20px;
  height: 100%;
  width: 100%;
}

@-webkit-keyframes cardEnter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes cardEnter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cardLeave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes cardLeave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

login-page {
  /* -- login paper styles ------------------------------ */
  /* -- font styles ------------------------------------- */
}

login-page input:-webkit-autofill,
login-page input:-webkit-autofill:hover,
login-page input:-webkit-autofill:focus input:-webkit-autofill,
login-page textarea:-webkit-autofill,
login-page textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
login-page select:-webkit-autofill,
login-page select:-webkit-autofill:hover,
login-page select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
}

login-page .block-ui-wrapper {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

login-page .container {
  min-height: 100%;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-wrap: wrap;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: inherit;
  position: relative;
}

login-page .content {
  background: #85b767;
  position: relative;
}

login-page .content:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background: #85b767;
  background: -webkit-gradient(linear, left top, left bottom, from(#a7cb71), color-stop(50%, #85b767), to(#1b6642));
  background: linear-gradient(180deg, #a7cb71 0%, #85b767 50%, #1b6642 100%);
  background-repeat: no-repeat;
  opacity: 0;
}

login-page .content.ready:before {
  -webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
  animation: cardEnter 0.75s ease-in-out 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

login-page .content .scroll-content {
  background: transparent;
}

login-page .logo-preview {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0;
  -ms-flex: 1 1 auto;
  color: white;
  position: relative;
  width: 172px;
  height: 172px;
  width: 216px;
  height: 216px;
  width: 196px;
  height: 196px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

login-page .logo-preview .subhead {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

login-page .subhead {
  font-size: 19px;
  font-weight: 400;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.1;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: center;
}

login-page .login-spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: auto;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

login-page .login-spinner .spinner {
  width: 100%;
  height: 100%;
  position: relative;
}

login-page .login-spinner .spinner .double-bounce1,
login-page .login-spinner .spinner .double-bounce2,
login-page .login-spinner .spinner .double-bounce3 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: 3s ease-in-out infinite sk-bounce;
  animation: 3s ease-in-out infinite sk-bounce;
}

login-page .login-spinner .spinner .double-bounce2 {
  -webkit-animation-delay: -333ms;
  animation-delay: -333ms;
}

login-page .login-spinner .spinner .double-bounce3 {
  -webkit-animation-delay: -999ms;
  animation-delay: -999ms;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

login-page .signin-card {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0;
  -ms-flex: 1 1 auto;
  opacity: 0;
  color: white;
}

login-page .signin-card.ready {
  -webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
  animation: cardEnter 0.75s ease-in-out 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

login-page .signin-card {
  max-width: 350px;
  width: 90%;
  border-radius: 3px;
  margin: 20px auto;
  padding: 0;
  background-color: transparent;
  position: absolute;
  bottom: 5vh;
  left: 0;
  right: 0;
  padding-bottom: inherit;
  margin: 0 auto;
}

login-page .signin-card form {
  border-radius: 3px;
  padding: 24px 24px 0 24px;
  background-color: rgba(0, 0, 0, 0.4);
}

login-page .signin-card form .mat-form-field {
  width: 100%;
  color: white;
}

login-page .signin-card form .mat-form-field .mat-input-element {
  caret-color: rgba(255, 255, 255, 0.42);
}

login-page .signin-card form .mat-form-field .mat-form-field-label,
login-page .signin-card form .mat-form-field .mat-error,
login-page .signin-card form .mat-form-field .mat-hint {
  font-size: 0.86em;
}

login-page .signin-card form .mat-form-field .mat-hint {
  color: rgba(255, 255, 255, 0.42);
}

login-page .signin-card form .mat-form-field:not(.mat-focused) .mat-hint {
  display: none;
}

login-page .signin-card form .mat-form-field .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.42);
}

login-page .signin-card form .mat-focused .mat-form-field-label {
  color: #0c343d;
  color: #2399b3;
  color: rgba(118, 173, 99, 0.6);
}

login-page .signin-card form .mat-form-field-ripple {
  background-color: #2399b3;
  background-color: rgba(118, 173, 99, 0.6);
}

login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-form-field-label,
login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-error,
login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f88981;
  color: rgba(241, 134, 126, 0.72);
}

login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-form-field-underline,
login-page .signin-card form .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
  background-color: rgba(241, 134, 126, 0.72);
}

login-page .signin-card ion-list {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-top: 0px !important;
}

login-page .signin-card ion-label,
login-page .signin-card .item.item p {
  font-size: 1.6rem;
}

login-page .signin-card .label {
  margin-bottom: 16px;
  margin-top: 0;
  margin-right: 0;
}

login-page .signin-card .mat-input-element:focus {
  outline: none;
  border: none;
}

login-page .signin-card .button-wrapper {
  margin-left: -24px;
  margin-right: -24px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  background-color: rgba(0, 0, 0, 0.6);
  background-color: rgba(118, 173, 99, 0.6);
}

login-page .signin-card .button-wrapper .mat-button {
  min-width: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100%;
}

login-page .signin-card .button-wrapper .mat-button[disabled] {
  color: rgba(255, 255, 255, 0.26);
}

login-page .signin-card .item {
  background: transparent;
  min-height: unset !important;
  padding-left: 0;
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

login-page .signin-card .item .input-cover {
  display: none;
}

login-page .signin-card .item input {
  margin-left: 0;
  margin-right: 0;
}

login-page .signin-card .item .item-inner {
  border-bottom: none;
  border-top: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding-right: 0;
}

login-page .signin-card .item.item-ios {
  padding-left: 0 !important;
}

login-page .signin-card input.text-input {
  color: white;
  outline: none !important;
}

login-page .signin-card input.text-input::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}

login-page .signin-card input.text-input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}

login-page .signin-card input.text-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}

login-page .signin-card input.text-input:-ms-input-placeholder {
  color: white;
  opacity: 1;
}

login-page .signin-card input.text-input:-webkit-autofill, login-page .signin-card input.text-input:-webkit-autofill:hover,
login-page .signin-card input.text-input:-webkit-autofill:focus input:-webkit-autofill {
  color: white;
}

login-page .signin-card input.text-input::-moz-focus-inner {
  outline: none;
  border: none;
}

login-page .signin-card label {
  color: white;
}

login-page .signin-card .logo-image,
login-page .signin-card h1,
login-page .signin-card p {
  text-align: center;
  color: inherit;
}

login-page .display1 {
  font-size: 28px;
  font-weight: 100;
  line-height: 1.2;
  text-transform: inherit;
  letter-spacing: inherit;
}

login-page .subhead {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: inherit;
  letter-spacing: inherit;
}

ion-nav.authenticated login-page .signin-card {
  -webkit-animation: cardLeave 0.3s ease-in-out 0s;
  animation: cardLeave 0.3s ease-in-out 0s;
}

.platform-core ion-nav page-mail-sms-statuses.ion-page .scroll-content {
  overflow-y: auto;
}

page-mail-sms-statuses mat-sidenav {
  width: 420px;
  max-width: 90vw;
}

page-mail-sms-statuses mat-sidenav button.close {
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 2;
}

page-mail-sms-statuses mat-sidenav form {
  position: relative;
  z-index: 0;
  width: 410px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

page-mail-sms-statuses mat-sidenav form .col .mat-form-field {
  width: 100%;
}

page-mail-sms-statuses mat-sidenav form .col .mat-form-field .mat-form-field-suffix {
  position: absolute;
  right: 12px;
  bottom: 28px;
}

page-mail-sms-statuses .filter-button {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 222;
}

page-mail-sms-statuses .filter-button[data-count]:before {
  content: attr(data-count);
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  padding: 0.2rem 0.5rem;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.15rem;
  line-height: 1.24rem;
  text-transform: none;
  vertical-align: bottom;
  border-radius: 50px;
  text-shadow: 0 1p 8px #0a0202;
  background-color: rgba(214, 53, 53, 0.8);
}

page-mail-sms-statuses .filter-button[data-count='']:before {
  padding: 0;
}

page-mail-sms-statuses mat-sidenav-content ion-scroll {
  height: 100%;
}

page-mail-sms-statuses mat-sidenav-content ion-content {
  height: 100%;
  background: transparent;
}

.isDesktop meeting-page .sticky-buttons {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: var(--offset);
  z-index: 202;
  text-align: right;
  height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  --offset: 0;
}

.isDesktop meeting-page .sticky-buttons .button {
  margin-right: -15px;
  margin-top: 0;
  margin-bottom: 0;
  height: 42px;
}

.isDesktop meeting-page .sticky-buttons > span {
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
  margin-right: 10px;
  line-height: 42px;
  height: 42px;
  color: #888;
}

.isDesktop meeting-page .sticky-buttons > span[icon-left] .icon {
  font-size: 1em;
}

meeting-page p span.block {
  display: block;
  line-height: 1.6;
}

meeting-page ion-row[align-items-stretch] ion-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

meeting-page ion-row[align-items-stretch] ion-col ion-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

meeting-page .contacts-info mat-icon.fi,
meeting-page .contacts-info .mat-icon {
  vertical-align: sub;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: help;
  line-height: 19px;
  margin-right: 5px;
  width: 16px;
}

meeting-page .contacts-info .mat-icon.sms-status {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 19px;
}

.platform-android meeting-page .item.phone-item {
  min-height: 86px;
}

.platform-ios meeting-page .item.phone-item {
  min-height: 80px;
}

meeting-page .item.phone-item ion-note {
  display: block;
  color: #666;
  line-height: 16px;
}

meeting-page .item.phone-item ion-note mat-icon.fi,
meeting-page .item.phone-item ion-note .mat-icon {
  line-height: 14px;
  font-size: 14px;
  width: 14px;
}

.platform-mobile meeting-page .list .item-block:last-of-type {
  border-bottom: 1px solid #dedede;
}

.platform-mobile meeting-page .list .item-block:last-of-type .item-inner {
  border-bottom: none;
}

meeting-page .grid[no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

meeting-page .grid[no-h-padding] > .row {
  padding-right: 0;
  padding-left: 0;
}

meeting-page .grid[no-h-padding] > .row > .col:nth-child(2n-1) {
  padding-left: 0;
}

meeting-page .grid[no-h-padding] > .row > .col:nth-child(2n) {
  padding-right: 0;
}

meeting-page .grid[no-h-padding] > .row > .col[col-12]:not([col-md-6]) {
  padding-left: 0;
  padding-right: 0;
}

meeting-page .grid[no-h-padding] > .row > .col > .grid {
  padding: 0;
}

meetings-page .desktop ion-item-divider .label {
  color: #888;
}

meetings-page .desktop ion-item-divider.today .label {
  font-weight: normal;
  color: #000;
}

.isDesktop meetings-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop meetings-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

my-cases-page [complex-header] .toolbar-md ion-title {
  max-width: calc(100% - 96px);
}

.isDesktop cases-page .item.item p,
.isDesktop cases-page ion-label {
  font-size: 1.4rem;
}

.isDesktop cases-page ion-content.desktop.content-md {
  background: #f9fafb;
}

.isDesktop cases-page ion-content.desktop.content-md .scroll-content {
  background: inherit;
}

.platform-core .new-client-agreement-modal .modal-wrapper {
  height: 620px;
  top: calc(50vh - (620px / 2));
}

@media (max-height: 799px) {
  .platform-core .new-client-agreement-modal .modal-wrapper {
    height: 90vh;
    top: calc(50vh - (90vh / 2));
  }
}

.platform-core .new-contract-modal .modal-wrapper {
  max-height: 560px;
  top: calc(50vh - (560px / 2));
}

@media screen and (min-width: 768px) and (min-height: 600px) {
  .md ion-modal.new-execution-proceeding-modal .modal-wrapper {
    top: calc(50vh - (35% / 2));
    left: calc(50vw - (860px / 2));
    width: 65%;
    height: 75%;
    max-width: 860px;
    max-height: 320px;
  }
}

new-meeting-page button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

new-meeting-page .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

new-meeting-page .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

new-meeting-page .mat-error a {
  vertical-align: baseline;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

new-meeting-page [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.platform-mobile new-meeting-page ion-buttons[item-end] {
  margin-right: 0;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.platform-mobile new-meeting-page ion-buttons[item-end] .grid {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.platform-mobile new-meeting-page ion-buttons[item-end] .grid .row {
  height: 45px;
}

.platform-core .new-meeting-modal .modal-wrapper {
  max-height: 550px;
  top: calc(50vh - (550px / 2));
}

new-potential-client ion-footer {
  background: #fbfbfb;
}

new-potential-client .client-name {
  text-decoration: none;
}

new-potential-client button.add-phone-button {
  position: absolute;
  bottom: -10px;
  right: 0;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row .col.buttons {
  height: 100%;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .inner-content-wrapper {
  padding-bottom: 0;
}

new-potential-client .combined-list-section .mat-input-element .options-with-checkbox.hide-top-line:first-of-type {
  margin-top: 0;
}

new-potential-client .mat-input-wrapper.mat-form-field-wrapper {
  min-height: 60px;
}

new-potential-client .mat-error a {
  vertical-align: baseline;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row.generated-row {
  padding-right: 0;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom] {
  padding-bottom: 6.125px;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-bottom]:after {
  left: 0;
  right: 0;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-bottom] {
  margin-bottom: 6.125px;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[margin-top] {
  margin-top: 6.125px;
}

new-potential-client [cab-form-container] cab-form-combined-list-section .combined-list-section .grid .row[padding-top] {
  padding-top: 4px;
}

.platform-mobile new-potential-client ion-buttons[item-end] {
  margin-right: 0;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.platform-mobile new-potential-client ion-buttons[item-end] .grid {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.platform-mobile new-potential-client ion-buttons[item-end] .grid .row {
  height: 45px;
}

.platform-core .new-potential-client-task-modal .modal-wrapper {
  max-height: 470px;
  top: calc(50vh - (470px / 2));
}

.platform-core .new-spending .modal-wrapper {
  top: calc(50% - (320px / 2));
  left: calc(50% - (500px / 2));
  width: 500px;
  height: 320px;
}

.platform-core .new-task-modal .modal-wrapper {
  max-height: 620px;
  top: calc(50vh - (620px / 2));
}

new-typical-task,
edit-typical-task-page,
new-typical-task-page,
.new-typical-task-modal,
.edit-typical-task-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

new-typical-task ion-content.task-card.desktop,
new-typical-task .typical-task-modal-content,
edit-typical-task-page ion-content.task-card.desktop,
edit-typical-task-page .typical-task-modal-content,
new-typical-task-page ion-content.task-card.desktop,
new-typical-task-page .typical-task-modal-content,
.new-typical-task-modal ion-content.task-card.desktop,
.new-typical-task-modal .typical-task-modal-content,
.edit-typical-task-modal ion-content.task-card.desktop,
.edit-typical-task-modal .typical-task-modal-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  width: 100%;
}

new-typical-task ion-content.task-card.desktop > .scroll-content,
new-typical-task .typical-task-modal-content > .scroll-content,
edit-typical-task-page ion-content.task-card.desktop > .scroll-content,
edit-typical-task-page .typical-task-modal-content > .scroll-content,
new-typical-task-page ion-content.task-card.desktop > .scroll-content,
new-typical-task-page .typical-task-modal-content > .scroll-content,
.new-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.new-typical-task-modal .typical-task-modal-content > .scroll-content,
.edit-typical-task-modal ion-content.task-card.desktop > .scroll-content,
.edit-typical-task-modal .typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  padding: 0;
}

new-typical-task ion-footer,
edit-typical-task-page ion-footer,
new-typical-task-page ion-footer,
.new-typical-task-modal ion-footer,
.edit-typical-task-modal ion-footer {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 10;
}

.typical-task-modal-content > .scroll-content {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

form[cab-form-container].typical-task-form,
.typical-task-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

.form-system-note {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 8px 24px 4px;
  padding: 8px 12px;
  color: #3b5998;
  font-size: 13px;
  line-height: 18px;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-tabs-wrap {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-header {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
  background: #fff;
  z-index: 2;
}

.typical-form-tabs .mat-tab-label {
  height: 42px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.72;
}

.typical-form-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

.typical-form-tabs .mat-ink-bar {
  background-color: #3b5998;
}

.typical-form-tabs .mat-tab-body-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.typical-form-tabs .mat-tab-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body.mat-tab-body-active {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  overflow: hidden;
}

.typical-form-tabs .mat-tab-body-content {
  height: 100%;
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.typical-form-tabs .mat-tab-body-content .typical-tab-scroll {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}

.typical-tab-scroll {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll > .ps,
.typical-tab-scroll.ps .ps__content,
.typical-tab-scroll > .ps > .ps-content,
.typical-tab-scroll.ps > .ps-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 4px 0 72px;
  width: 100% !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typical-tab-scroll .ps__rail-x {
  opacity: 0;
}

.typical-tab-scroll .ps__rail-y {
  right: 0 !important;
  left: auto !important;
  width: 8px;
  opacity: 0;
  z-index: 3;
}

.typical-tab-scroll .ps__rail-y .ps__thumb-y {
  right: 1px;
  width: 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.22);
}

.typical-tab-scroll.ps.ps--scrolling-y > .ps__rail-y,
.typical-tab-scroll:hover .ps__rail-y {
  opacity: 1;
}

.typical-form-banner {
  margin: 10px 24px 16px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 18px;
  color: #3b5998;
  background: rgba(59, 89, 152, 0.06);
  border: 1px solid rgba(59, 89, 152, 0.16);
  width: calc(100% - 48px);
}

.typical-form-banner a {
  color: #3b5998;
  text-decoration: underline;
  font-weight: 500;
}

.tab-invalid-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: #e53935;
}

.unique-owner-name {
  opacity: 0.65;
  font-size: 12px;
}

.typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.typical-checkbox-row .mat-checkbox {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  max-width: calc(100% - 28px);
}

.typical-checkbox-row .mat-checkbox-layout {
  max-width: 100%;
  white-space: normal;
}

.typical-task-form cab-form-checkbox-list-section .mat-input-element .typical-checkbox-row .mat-checkbox {
  width: auto !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.typical-checkbox-help {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 6px 0 0 6px;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.38);
  cursor: help;
  pointer-events: auto;
}

.typical-checkbox-help:hover {
  color: rgba(59, 89, 152, 0.85);
}

.client-action-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 0 4px;
}

.client-action-item--open {
  margin: 8px 0 12px;
  padding: 8px 12px 12px;
  background: #f7f8fb;
  border: 1px solid #e3e6ee;
  border-radius: 6px;
}

.client-action-item:not(.client-action-item--open) + .client-action-item:not(.client-action-item--open) {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.client-action-item__head {
  padding-right: 4px;
}

.client-action-rule-card {
  margin-top: 6px;
}

.client-action-rule {
  margin-top: 8px;
  padding: 6px 10px 8px;
  background: #fff;
  border: 1px solid #e8ebf2;
  border-radius: 4px;
}

.client-action-rule:first-child {
  margin-top: 0;
}

.client-action-rule .generated-row {
  margin: 0;
}

.client-action-rule .grid > .row:after,
.client-action-rule .grid > .row.generated-row:after {
  display: none !important;
}

.client-action-rule__caption {
  margin: 2px 0 4px;
  padding: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__modifiers {
  display: block;
  margin-top: 2px;
  padding: 8px 10px 2px;
  background: #f4f6fa;
  border-radius: 4px;
}

.client-action-rule__modifiers .typical-checkbox-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
}

.client-action-rule__modifiers .mat-checkbox {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: calc(100% - 28px);
  margin: 0 !important;
  font-size: 12px;
  line-height: 18px;
  pointer-events: auto;
}

.client-action-rule__modifiers .mat-checkbox-layout {
  white-space: normal;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.client-action-rule__modifiers .mat-checkbox-label {
  font-size: 12px;
  line-height: 18px;
  color: #334155;
  white-space: normal;
}

.client-action-rule__modifiers .typical-checkbox-help {
  margin-top: 2px;
  font-size: 16px;
}

.client-action-rule__modifiers-label {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.client-action-rule__bonus {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.client-action-rule-card__add {
  margin-top: 10px;
}

.autotask-chain-list {
  width: 100%;
}

.autotask-chain-item {
  margin-top: 10px;
}

.autotask-chain-item:first-child {
  margin-top: 0;
}

.popover-filter-modal .header ion-toolbar.toolbar-md.modal-header {
  height: auto;
}

.tasks-filter .toolbar-ios {
  height: 64px;
  padding-top: 20px;
}

.tasks-filter .toolbar-ios .segment-ios {
  top: 20px;
}

.ios .toolbar .searchbar-ios .searchbar-input {
  margin-top: 0;
}

.ios .toolbar .searchbar-ios {
  height: 36px;
  min-height: 36px;
}

.ios .tasks-filter .toolbar-ios .segment-ios {
  max-width: calc(100% - 68px);
  margin-right: auto;
  margin-left: 16px;
}

.ios .tasks-filter .toolbar-ios .segment-button {
  max-width: 50%;
}

.example-radio-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.example-radio-button {
  margin: 5px;
}

.example-selected-value {
  margin: 15px 0;
}

.popover-wrapper .mat-tab-label {
  height: 44px;
  opacity: 1;
  color: white;
}

.popover-wrapper .mat-tab-label-container {
  background-color: #37474f;
}

.popover-wrapper .mat-tab-group .mat-ink-bar {
  bottom: 3px;
  background-color: white;
}

.popover-wrapper .mat-tab-group:after {
  left: 0;
  top: 39px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMV…h/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: '';
}

.platform-core .popover-md.filter ion-backdrop {
  opacity: 0.2;
}

.platform-core .popover-md.filter .popover-content {
  max-height: 60vh;
}

.platform-core .popover-md.filter .popover-content .mat-tab-body-wrapper {
  max-height: calc(60vh - 52px);
}

.platform-core ion-nav potential-clients-archive-page.ion-page .scroll-content {
  overflow-y: auto;
}

potential-clients-archive-page .bar-button .icon.swap {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

potential-clients-archive-page mat-sidenav button.close {
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 2;
}

potential-clients-archive-page mat-sidenav form {
  position: relative;
  z-index: 0;
  width: 410px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

potential-clients-archive-page mat-sidenav form .col .mat-form-field {
  width: 100%;
}

potential-clients-archive-page mat-sidenav form .col .mat-form-field .mat-form-field-suffix {
  position: absolute;
  right: 12px;
  bottom: 28px;
}

potential-clients-archive-page .filter-button {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 222;
}

potential-clients-archive-page .filter-button[data-count]:before {
  content: attr(data-count);
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  padding: 0.2rem 0.5rem;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.15rem;
  line-height: 1.24rem;
  text-transform: none;
  vertical-align: bottom;
  border-radius: 50px;
  text-shadow: 0 1p 8px #0a0202;
  background-color: rgba(214, 53, 53, 0.8);
}

potential-clients-archive-page .filter-button[data-count='']:before {
  padding: 0;
}

potential-clients-archive-page mat-sidenav-content ion-scroll {
  height: 100%;
}

potential-clients-archive-page mat-sidenav-content ion-content {
  height: 100%;
  background: transparent;
}

close-potential-client-task,
success-archive {
  display: block;
  padding-bottom: 5px;
}

close-potential-client-task .mat-dialog-title,
success-archive .mat-dialog-title {
  margin-bottom: 5px;
  padding-left: 0.9rem;
}

potential-client-page .contacts-info mat-icon.fi,
potential-client-page .contacts-info .mat-icon {
  vertical-align: sub;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: help;
  line-height: 19px;
  margin-right: 5px;
  width: 16px;
}

potential-client-page .contacts-info .mat-icon.sms-status {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 19px;
}

.platform-mobile potential-client-page .item.phone-item {
  min-height: 68px;
}

potential-client-page .item.phone-item ion-note {
  display: block;
  color: #666;
  line-height: 16px;
}

potential-client-page .item.phone-item ion-note mat-icon.fi,
potential-client-page .item.phone-item ion-note .mat-icon {
  line-height: 14px;
  font-size: 14px;
  width: 14px;
}

.isDesktop potential-client-page ion-item-group.shadow-block.info.hide-shadow:after {
  display: none;
}

.isDesktop potential-client-page ion-item-group.shadow-block.info > .list {
  background-color: #f9fafb;
}

.isDesktop potential-client-page ion-item-group.shadow-block.info > .list > .grid {
  padding: 0;
}

.isDesktop potential-client-page .list ion-item-group.shadow-block .item.item-divider {
  min-height: 45px;
}

potential-client-page .grid[no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

potential-client-page .grid[no-h-padding] > .row {
  padding-right: 0;
  padding-left: 0;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md.item-block .input-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

potential-client-page .grid[no-h-padding] > .row > .col:nth-child(2n-1) {
  padding-left: 0;
}

potential-client-page .grid[no-h-padding] > .row > .col:nth-child(2n) {
  padding-right: 0;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md.item-block .label {
  color: #888;
}

potential-client-page .grid[no-h-padding] > .row > .col a.item-md.item-block .label {
  color: #222;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md p {
  color: #222;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md p.small-margin {
  margin-bottom: 10px;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md p.small-margin:last-of-type {
  margin-bottom: 0;
}

potential-client-page .grid[no-h-padding] > .row > .col .item-md p a {
  color: inherit;
  text-decoration: none;
}

potential-client-page .grid[no-h-padding] > .row > .col[col-12]:not([col-md-6]) {
  padding-left: 0;
  padding-right: 0;
}

potential-client-page .grid[no-h-padding] > .row > .col > .grid {
  padding: 0;
}

potential-client-page .grid[no-h-padding] > .row:first-child > .col[col-12]:first-child {
  padding-top: 0;
}

.platform-core ion-nav potential-clients-page.ion-page .scroll-content {
  overflow-y: auto;
}

potential-clients-page .bar-button .icon.swap {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

potential-clients-page mat-sidenav button.close {
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 2;
}

potential-clients-page mat-sidenav form {
  position: relative;
  z-index: 0;
  width: 410px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

potential-clients-page mat-sidenav form .col .mat-form-field {
  width: 100%;
}

potential-clients-page mat-sidenav form .col .mat-form-field .mat-form-field-suffix {
  position: absolute;
  right: 12px;
  bottom: 28px;
}

potential-clients-page .filter-button {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 222;
}

potential-clients-page .filter-button[data-count]:before {
  content: attr(data-count);
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  padding: 0.2rem 0.5rem;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.15rem;
  line-height: 1.24rem;
  text-transform: none;
  vertical-align: bottom;
  border-radius: 50px;
  text-shadow: 0 1p 8px #0a0202;
  background-color: rgba(214, 53, 53, 0.8);
}

potential-clients-page .filter-button[data-count='']:before {
  padding: 0;
}

potential-clients-page mat-sidenav-content ion-scroll {
  height: 100%;
}

potential-clients-page mat-sidenav-content ion-content {
  height: 100%;
  background: transparent;
}

.spinner-container {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.spinner-container.center {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.spinner-container.center ion-spinner {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

ion-segment.segment-ios.large .segment-button {
  max-width: 150px;
}

refuse-reasons-page .label-md,
refuse-reasons-page ion-label {
  margin: 0;
}

refuse-reasons-page .item-block {
  color: #666;
}

refuse-reasons-page .item-block div.buttons {
  background: transparent;
  position: absolute;
  right: 10px;
  z-index: 1;
  margin: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
}

refuse-reasons-page .item-block div.buttons button {
  float: right;
  margin-right: 0;
  margin-top: 7px;
  margin-bottom: 7px;
}

refuse-reasons-page .item-block div.buttons button.delete {
  color: #d63535;
}

refuse-reasons-page .item-block div.buttons:before {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}

refuse-reasons-page .item-block:hover div.buttons {
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
}

refuse-reasons-page .item-block:hover div.buttons:before {
  opacity: 1;
}

refuse-reasons-page [state='fired'] ion-label {
  border-left: 2px solid red;
  padding-left: 10px;
}

refuse-reasons-page [state='hired'] ion-label {
  border-left: 2px solid green;
  padding-left: 10px;
}

refuse-reasons-page [isHot='yes'] {
  background: #ffe082 !important;
}

refuse-reasons-page ion-col > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

refuse-reasons-page .desktop ion-col > span {
  display: inline-block;
  white-space: normal;
  overflow: visible;
  width: auto;
}

refuse-reasons-page table {
  display: table;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

refuse-reasons-page table tr {
  position: relative;
  height: 36px;
  vertical-align: middle;
}

refuse-reasons-page table tr:hover {
  background-color: #e7e7e7;
}

refuse-reasons-page table tr:hover .buttons {
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
}

refuse-reasons-page table tr:hover .buttons::before {
  opacity: 1;
}

refuse-reasons-page table tr .buttons {
  position: absolute;
  height: inherit;
  right: 0px;
  padding-right: 10px;
  z-index: 1;
  background: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
}

refuse-reasons-page table tr .buttons::before {
  width: 20px;
  height: 100%;
  position: absolute;
  left: -20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}

refuse-reasons-page table thead tr {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

refuse-reasons-page table tfoot td {
  font-weight: bold;
  color: #333;
}

refuse-reasons-page table td,
refuse-reasons-page table th {
  padding: 0 16px;
  text-align: left;
}

refuse-reasons-page table td {
  position: relative;
  vertical-align: middle;
  height: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
}

reports-page ion-item-divider .grid {
  padding: 0;
  padding-left: 10px;
}

reports-page ion-item-divider .grid .row .col {
  padding: 5px 10px;
}

page-search-client .mat-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-search-client .mat-radio-group .item {
  padding-left: 0;
}

page-search-client .mat-radio-group .label {
  margin-top: 6px;
  margin-bottom: 6px;
  width: 100%;
}

page-search-client .mat-radio-group .label .mat-radio-button {
  padding-left: 16px;
  width: 100%;
}

page-search-client .mat-radio-group .label .mat-radio-button h3 {
  margin-bottom: 0;
}

page-search-client .mat-radio-group .label .mat-radio-button p {
  line-height: 15px;
  margin-bottom: 0;
  color: #666;
}

page-search-client .mat-radio-group .label .mat-radio-button p small {
  vertical-align: baseline;
  color: #737373;
}

task-page {
  /* Desktop stack is display:contents; size vars + tops live on this wrapper. */
}

task-page .client-alert-stack--mobile {
  --client-alert-collapsed-height: 36px;
  --client-alert-peek-height: 36px;
  --client-alert-card-padding-top: 8px;
  --client-alert-card-padding-x: 12px;
  --client-alert-card-padding-bottom: 8px;
  --client-alert-stack-base: 0px;
  --client-alert-debt-size: 0px;
  --client-alert-court-size: 0px;
  --client-alert-poa-size: 0px;
  --client-alert-kyc-size: 0px;
  --client-alert-stack-total: calc(
		var(--client-alert-debt-size) + var(--client-alert-court-size) + var(--client-alert-poa-size) +
			var(--client-alert-kyc-size)
	);
  --client-sticky-list-top: var(--client-alert-stack-total, 0px);
  margin: 0;
  padding: 0;
  display: contents;
}

task-page .client-alert-stack--mobile client-debt-header,
task-page .client-alert-stack--mobile client-court-participation-warning,
task-page .client-alert-stack--mobile client-power-of-attorney-warning,
task-page .client-alert-stack--mobile client-case-kyc-only-warning {
  display: block;
  margin: 0;
  padding: 0;
}

task-page .client-alert-stack--mobile client-debt-header {
  top: var(--client-alert-stack-base, 0px);
}

task-page .client-alert-stack--mobile client-court-participation-warning {
  top: calc(var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px));
}

task-page .client-alert-stack--mobile client-power-of-attorney-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px));
}

task-page .client-alert-stack--mobile client-case-kyc-only-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px) + var(--client-alert-poa-size, 0px));
}

task-page .client-alert-stack--mobile client-debt-header {
  background-color: #d63535;
}

task-page .client-alert-stack--mobile client-court-participation-warning {
  background-color: #c46323;
}

task-page .client-alert-stack--mobile client-power-of-attorney-warning {
  background-color: #d63535;
}

task-page .client-alert-stack--mobile client-case-kyc-only-warning {
  background-color: #c46323;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner,
task-page .client-alert-stack--mobile client-debt-header .alert-banner__full,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full {
  margin: 0;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
task-page .client-alert-stack--mobile client-debt-header .card,
task-page .client-alert-stack--mobile client-debt-header ion-card.card,
task-page .client-alert-stack--mobile client-debt-header ion-card.card-ios,
task-page .client-alert-stack--mobile client-debt-header ion-card.card-md,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
task-page .client-alert-stack--mobile client-court-participation-warning .card,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-ios,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card.card-md,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-ios,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card-md {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

task-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content,
task-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-ios,
task-page .client-alert-stack--mobile client-debt-header ion-card-content.card-content-md,
task-page .client-alert-stack--mobile client-debt-header .card-content-ios,
task-page .client-alert-stack--mobile client-debt-header .card-content-md,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-ios,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card-content.card-content-md,
task-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
task-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-ios,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card-content.card-content-md,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md {
  padding: var(--client-alert-card-padding-top) var(--client-alert-card-padding-x) var(--client-alert-card-padding-bottom) !important;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner__full p,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner__full p + p,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__full p + p,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__full p + p {
  margin-top: 4px !important;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner__short,
task-page .client-alert-stack--mobile client-debt-header .card,
task-page .client-alert-stack--mobile client-debt-header ion-card.card,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short,
task-page .client-alert-stack--mobile client-court-participation-warning .card,
task-page .client-alert-stack--mobile client-court-participation-warning ion-card.card,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card,
task-page .client-alert-stack--mobile client-power-of-attorney-warning ion-card.card,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .card,
task-page .client-alert-stack--mobile client-case-kyc-only-warning ion-card.card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

task-page .client-alert-stack--mobile client-debt-header .alert-banner__short-text,
task-page .client-alert-stack--mobile client-court-participation-warning .alert-banner__short-text,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .alert-banner__short-text,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .alert-banner__short-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  max-height: 20px;
}

task-page .client-alert-stack--mobile client-debt-header .card-content-ios,
task-page .client-alert-stack--mobile client-debt-header .card-content-md,
task-page .client-alert-stack--mobile client-debt-header .card-content,
task-page .client-alert-stack--mobile client-court-participation-warning .card-content-ios,
task-page .client-alert-stack--mobile client-court-participation-warning .card-content-md,
task-page .client-alert-stack--mobile client-court-participation-warning .card-content,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-ios,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content-md,
task-page .client-alert-stack--mobile client-power-of-attorney-warning .card-content,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-ios,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content-md,
task-page .client-alert-stack--mobile client-case-kyc-only-warning .card-content {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

task-page .content-wrapper {
  --client-alert-collapsed-height: 36px;
  --client-alert-peek-height: 36px;
  --client-alert-card-padding-top: 8px;
  --client-alert-card-padding-x: 12px;
  --client-alert-card-padding-bottom: 8px;
  --client-alert-stack-base: 0px;
  --client-alert-debt-size: 0px;
  --client-alert-court-size: 0px;
  --client-alert-poa-size: 0px;
  --client-alert-kyc-size: 0px;
  --client-alert-stack-total: calc(
		var(--client-alert-debt-size) + var(--client-alert-court-size) + var(--client-alert-poa-size) +
			var(--client-alert-kyc-size)
	);
  --client-alert-pinned-size: 0px;
  --client-pinned-label-size: 0px;
  --client-sticky-list-top: calc(var(--client-alert-stack-total) + var(--client-alert-pinned-size));
  /*
	 * client-alert-stack uses display:contents so sticky banners stay layout siblings of the
	 * tab lists. Selectors like `.content-wrapper > * { max-width: 1280px }` therefore miss
	 * the banner hosts (they are DOM grandchildren). Constrain them to the same content column.
	 */
}

task-page .content-wrapper client-debt-header {
  top: var(--client-alert-stack-base, 0px);
}

task-page .content-wrapper client-court-participation-warning {
  top: calc(var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px));
}

task-page .content-wrapper client-power-of-attorney-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px));
}

task-page .content-wrapper client-case-kyc-only-warning {
  top: calc( var(--client-alert-stack-base, 0px) + var(--client-alert-debt-size, 0px) + var(--client-alert-court-size, 0px) + var(--client-alert-poa-size, 0px));
}

task-page .content-wrapper client-debt-header {
  background-color: #d63535;
}

task-page .content-wrapper client-court-participation-warning {
  background-color: #c46323;
}

task-page .content-wrapper client-power-of-attorney-warning {
  background-color: #d63535;
}

task-page .content-wrapper client-case-kyc-only-warning {
  background-color: #c46323;
}

task-page .content-wrapper.client-alert-stack--tap-expanded {
  --client-alert-tap-fade-duration: 200ms;
}

task-page .content-wrapper.client-alert-stack--tap-expanded client-debt-header.desktop .alert-banner__full,
task-page .content-wrapper.client-alert-stack--tap-expanded client-court-participation-warning.desktop .alert-banner__full,
task-page .content-wrapper.client-alert-stack--tap-expanded client-power-of-attorney-warning.desktop .alert-banner__full {
  -webkit-transition: opacity var(--client-alert-tap-fade-duration) ease;
  transition: opacity var(--client-alert-tap-fade-duration) ease;
}

task-page .content-wrapper.client-alert-stack--tap-expanded client-debt-header.desktop.is-collapsed.is-expanded .alert-banner__full,
task-page .content-wrapper.client-alert-stack--tap-expanded client-court-participation-warning.desktop.is-collapsed.is-expanded .alert-banner__full,
task-page .content-wrapper.client-alert-stack--tap-expanded client-power-of-attorney-warning.desktop.is-collapsed.is-expanded .alert-banner__full {
  opacity: 1;
}

task-page .content-wrapper client-debt-header,
task-page .content-wrapper client-court-participation-warning,
task-page .content-wrapper client-power-of-attorney-warning,
task-page .content-wrapper client-case-kyc-only-warning {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

task-page mobile-text-list-item.transfers .grid {
  padding: 0;
}

task-page mobile-text-list-item.transfers .grid .row {
  padding: 0;
}

task-page mobile-text-list-item.transfers .grid .row .col {
  padding-top: 0;
  padding-bottom: 0;
}

task-page mobile-text-list-item.transfers .grid .row .col:first-child {
  padding-left: 0;
}

task-page mobile-text-list-item.transfers .grid .row .col:last-child {
  padding-right: 0;
}

task-page mobile-text-list-item.transfers .grid .row .col.pre-icon [name='return-right'] {
  font-size: 0.76em;
  margin-top: 4px;
  margin-left: 2px;
}

task-page mobile-text-list-item.transfers .grid .row .col small {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 8px;
}

task-page mobile-text-list-item.transfers .grid .row .col small > time {
  display: block;
  font-weight: bolder;
}

task-page mobile-text-list-item.transfers .grid .row .col small > span {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #666;
}

task-page mobile-text-list-item.transfers .grid .row:last-child .col small {
  margin-bottom: 0;
}

task-page .grid.transfers {
  padding: 0;
}

task-page .grid.transfers .row {
  padding: 0;
}

task-page .grid.transfers .row .col {
  padding-top: 0;
  padding-bottom: 0;
}

task-page .grid.transfers .row .col:first-child {
  padding-left: 0;
}

task-page .grid.transfers .row .col:last-child {
  padding-right: 0;
}

task-page .grid.transfers .row .col.pre-icon [name='return-right'] {
  font-size: 0.76em;
  margin-top: 4px;
  margin-left: 2px;
}

task-page .grid.transfers .row .col small {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 4px;
}

task-page .grid.transfers .row .col small > time {
  display: block;
  font-weight: bolder;
}

task-page .grid.transfers .row .col small > span {
  font-size: 1.4rem;
  color: #222;
}

task-page .grid.transfers .row:last-child .col small {
  margin-bottom: 0;
}

task-page .profile-button {
  min-height: 40px !important;
}

task-page .profile-button p {
  margin-bottom: 0;
}

task-page p a {
  color: inherit;
}

task-page [PriorityId]:before {
  display: none;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: 2px solid rgba(0, 191, 255, 0.5);
  border-width: 3px !important;
}

task-page [PriorityId='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

task-page ion-item.on-vacation {
  position: relative;
}

task-page ion-item.on-vacation:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: 3px solid rgba(229, 57, 53, 0.5);
}

task-page [PriorityId='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

task-page [PriorityId='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

task-page [PriorityId='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

task-page ion-content.task-card:not(.desktop) ion-item[track] {
  position: relative;
}

task-page ion-content.task-card:not(.desktop) ion-item[track]:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: 3px solid rgba(0, 191, 255, 0.5);
  z-index: 2;
}

task-page ion-content.task-card:not(.desktop) ion-item[track='1']:before {
  border-left-color: rgba(229, 57, 53, 0.5);
}

task-page ion-content.task-card:not(.desktop) ion-item[track='2']:before {
  border-left-color: rgba(251, 192, 45, 0.5);
}

task-page ion-content.task-card:not(.desktop) ion-item[track='3']:before {
  border-left-color: rgba(56, 142, 60, 0.5);
}

task-page ion-content.task-card:not(.desktop) ion-item[track='4']:before {
  border-left-color: rgba(189, 189, 189, 0.5);
}

task-page ion-content.task-card:not(.desktop) ion-item[track='4'] p {
  color: rgba(34, 34, 34, 0.3);
}

task-page ion-content.task-card:not(.desktop) ion-item.on-vacation,
task-page ion-content.task-card:not(.desktop) .vacation-note {
  cursor: default;
}

task-page ion-content.task-card:not(.desktop) .vacation-note {
  display: block;
  margin-top: 4px;
  color: rgba(229, 57, 53, 0.9);
  line-height: 1.3;
}

task-page [PriorityId='1'] ion-label {
  border-left: 2px solid red;
  padding-left: 10px;
}

task-page [PriorityId='2'] ion-label {
  border-left: 2px solid yellow;
  padding-left: 10px;
}

task-page [PriorityId='3'] ion-label {
  border-left: 2px solid green;
  padding-left: 10px;
}

task-page [PriorityId='4'] ion-label {
  border-left: 2px solid lightgrey;
  padding-left: 10px;
}

task-page [PriorityId='4'].item .type,
task-page [PriorityId='4'].item p {
  color: rgba(34, 34, 34, 0.3);
}

task-page .desktop ion-item.on-vacation {
  cursor: help;
}

task-page .desktop .profile-button p {
  white-space: nowrap;
}

task-page .desktop.task-card .person .profile-button p,
task-page .desktop .item.item p {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-top: 0.2em;
}

task-page .desktop .content-wrapper .item.item-divider.item-divider-md {
  min-height: 64px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 0;
}

task-page .desktop .content-wrapper .item.item-divider.item-divider-md .label {
  height: 100%;
}

task-page .desktop .content-wrapper .item.item-divider.item-divider-md .label .profile-button {
  padding-bottom: 5px;
}

task-page [nopadding] {
  padding: 0;
}

task-page [nopadding] .row {
  padding: 0;
}

task-page [nopadding] .row .col {
  padding: 0;
}

task-page .desktop [PriorityId] {
  padding-left: 0;
}

task-page .desktop [PriorityId]:before {
  display: block;
}

task-page .desktop [PriorityId] ion-label {
  padding-left: 16px;
  border-left: 0;
}

task-page .desktop [no-h-padding] {
  padding-right: 0;
  padding-left: 0;
}

task-page .desktop [no-h-padding] .row {
  padding-right: 0;
  padding-left: 0;
}

task-page .desktop [no-h-padding] .row .col:first-child {
  padding-left: 0;
}

task-page .desktop [no-h-padding] .row .col:last-child {
  padding-right: 0;
}

task-page .desktop [no-h-padding] .row .col .item-md p {
  color: #222;
}

task-page .desktop [no-h-padding] .row .col p[state='fired'] {
  text-decoration: line-through;
}

task-page .task-card ion-label {
  min-width: 85px;
}

task-page .task-card ion-label > p {
  margin-top: 4px;
  white-space: normal;
}

task-page .task-card .debt {
  padding: 0.6em;
  background: #d63535;
}

task-page .task-card .debt p,
task-page .task-card .debt span {
  color: white;
}

task-page .task-card .debt p:last-child {
  margin-bottom: 0;
}

task-page .task-card .bonus {
  padding: 0;
  padding-left: 16px;
}

task-page .task-card .bonus ion-row {
  padding: 0;
}

task-page .task-card .bonus ion-row .item {
  padding-left: 0;
}

task-page .task-card .bonus ion-row ion-col {
  padding-top: 0;
  padding-bottom: 0;
}

task-page .task-card .bonus ion-row ion-col ion-datetime {
  padding-bottom: 5px;
}

task-page .task-card .person {
  padding-left: 0;
  padding-right: 0;
}

task-page .task-card .person ion-label {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

task-page .task-card .person .profile-button {
  position: relative;
  display: block;
  text-align: left;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

task-page .task-card .person .profile-button:hover:not(.disable-hover) {
  background: transparent;
}

task-page .task-card .person .profile-button p {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

task-page .task-card .person .profile-button .item-inner {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: none;
  padding-right: 16px;
  border-bottom: 0;
}

task-page .task-card .person .profile-button .item-inner > p {
  display: inline-block;
  font-size: 16px;
}

task-page .task-card small > ion-icon {
  margin-right: 0.2em;
}

task-page .toolbar-title div {
  float: left;
}

task-page .toolbar-title .avatar {
  margin: 0 0 0 5px;
  width: 36px;
  height: 36px;
}

task-page .toolbar-title .avatar img {
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  display: block;
  width: 100%;
}

task-page .toolbar-title .name {
  font-size: 17px;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
  margin: 0 0 0 8px;
  overflow: hidden;
}

task-page .toolbar-title .status {
  display: block;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}

task-page .profile-button {
  height: auto;
  white-space: normal;
  line-height: 2rem;
}

task-page p[item-end].error {
  padding-right: 5px;
}

task-page p.error {
  color: #d63535;
}

task-page .md .task-card .bonus-cell, task-page .ios .task-card .bonus-cell {
  padding-left: 0;
}

task-page .md .task-card .bonus ion-row ion-col.bonus-cell, task-page .ios .task-card .bonus ion-row ion-col.bonus-cell {
  padding-left: 0;
}

task-page .transfers-toggle-link {
  color: #03151a;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

task-page .transfers-toggle-link:hover {
  text-decoration: underline;
  opacity: 0.8;
}

task-page .transfers-toggle-link:active {
  opacity: 0.6;
}

task-page .hidden-indicator {
  color: #888;
  font-style: italic;
}

typical-tasks-page {
  --page-bottom-overlay-offset: calc(20px + var(--delegate-contract-widget-footer-height, 0px));
}

typical-tasks-page ion-content.typical-tasks-content .scroll-content {
  padding-bottom: max(var(--player-footer-height), var(--page-bottom-overlay-offset, 0px));
}

typical-tasks-page typical-task-list {
  display: block;
}

typical-tasks-page .content-wrapper {
  min-height: 0;
}

typical-tasks-page .content-wrapper:not(.content-wrapper--combined) {
  height: 100%;
}

typical-tasks-page .content-wrapper--combined {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  height: auto;
}

typical-tasks-page .map-panel {
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
  overflow: hidden;
}

typical-tasks-page .editor-panel {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  min-height: 650px;
  max-height: 50vh;
  overflow: auto;
}

typical-tasks-page .gu-hide {
  display: none !important;
}

typical-tasks-page .gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

typical-tasks-page .gu-transit {
  opacity: 0.2;
}

typical-tasks-page .typical-subtasks {
  display: block;
}

typical-tasks-page .typical-subtasks.gu-over {
  height: auto;
  min-height: 34px;
  overflow: visible;
  background: rgba(0, 150, 136, 0.06);
}

.typical-root-task.gu-mirror,
desktop-typical-task-item.gu-mirror,
ion-item-group.gu-mirror {
  position: fixed !important;
  z-index: 9999 !important;
  margin: 0 !important;
  pointer-events: none !important;
  opacity: 0.8;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.export-btn {
  text-transform: none;
}

xls-export [complex-header] .bar-button,
xls-export [complex-header] .export-datapicker button {
  color: white !important;
}

xls-export [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons[left] {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

xls-export [complex-header].desktop .export-datapicker {
  margin-right: 10px;
  margin-left: -1px;
}

xls-export [complex-header].desktop .toolbar-md .toolbar-content .header-wrapper ion-buttons close-button.custom-button {
  position: absolute;
  right: -6px;
  top: 0;
}
