@charset "UTF-8";/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-sm .btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.popover {
  display: none;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
  margin-top: 8px;
}

/* ReactQuill Editor Styles */
.ck-editor-container {
  margin-bottom: 2rem;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.ck-editor-container .ql-container {
  height: auto !important;
  min-height: 150px;
  border: none;
  font-family: inherit;
}
.ck-editor-container .ql-container .ql-editor {
  min-height: 150px;
  padding: 12px;
  line-height: 1.5;
}
.ck-editor-container .ql-container .ql-editor.ql-blank::before {
  font-style: italic;
  color: #aaa;
}
.ck-editor-container .ql-toolbar {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f8f9fa;
}
.ck-editor-container .ql-toolbar .ql-formats {
  margin-right: 15px;
}
.ck-editor-container .ql-toolbar .ql-formats:last-child {
  margin-right: 0;
}
.ck-editor-container .ql-toolbar button {
  border: none;
  border-radius: 3px;
  margin: 2px;
  padding: 5px;
}
.ck-editor-container .ql-toolbar button:hover {
  background-color: #e9ecef;
}
.ck-editor-container .ql-toolbar button.ql-active {
  background-color: #007bff;
  color: white;
}
.ck-editor-container .ql-toolbar .ql-picker {
  border: none;
  border-radius: 3px;
  margin: 2px;
}
.ck-editor-container .ql-toolbar .ql-picker .ql-picker-label {
  border: none;
  padding: 5px 8px;
}
.ck-editor-container .ql-toolbar .ql-picker .ql-picker-label:hover {
  background-color: #e9ecef;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ck-editor-container {
    margin-bottom: 1.5rem;
  }
  .ck-editor-container .ql-toolbar .ql-formats {
    margin-right: 8px;
  }
  .ck-editor-container .ql-toolbar button, .ck-editor-container .ql-toolbar .ql-picker {
    margin: 1px;
  }
  .ck-editor-container .ql-container .ql-editor {
    min-height: 120px;
    padding: 10px;
  }
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.AssetLinkModalItem {
  padding: 18px 24px;
  border-bottom: 1px solid #ebe9e7;
}

.AssetLinkModalItem .MuiFormControlLabel-label {
  font-weight: 500;
  font-size: 18px;
}

.AssetLinkModalItem__Title--selected .MuiFormControlLabel-label {
  color: #0000ff;
}

.AssetLinkModalItem__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AssetLinkModalItem__Info {
  display: grid;
  grid-template-columns: 2fr 0.5fr 0.9fr 0.3fr 1fr;
  column-gap: 20px;
}

.AssetLinkModalItem__InfoCell {
  display: flex;
  flex-direction: column;
}

.AssetLinkModalItem__InfoHeader {
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  display: flex;
  align-items: center;
}

.AssetLinkModalItem__InfoValue {
  word-break: break-word;
}

.AssetLinkModalItem__PreviewButton {
  flex-shrink: 0;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.AssetLinkModal {
  padding: 18px;
  font-family: Akzidenz, Roboto, sans-serif;
}

.AssetLinkModal .MuiTypography-root {
  font-family: Akzidenz, Roboto, sans-serif;
}

.AssetLinkModal__Inner {
  min-width: 600px;
}

.AssetLinkModal .AssetLinkModal__Content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.AssetLinkModal__InfiniteScroll {
  overflow: hidden !important;
}

.AssetLinkModal__InfiniteScrollProgressLoader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}

.AssetLinkModal__MainLoader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.AssetLinkModal__SearchContainer {
  padding: 18px 24px;
  border: 1px solid #ebe9e7;
  background: rgba(218, 232, 229, 0.5);
}

.AssetLinkModal__SearchInput {
  width: 100%;
}

.AssetLinkModal__SearchInput [class^=MuiInput-input] {
  font-size: 18px;
}

.AssetLinkModal__NoResults {
  font-size: 18px;
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    /* autoprefixer: off */
    display: block;
    max-width: 100%;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: fill-available; }
  .ReactCrop--crop-invisible .ReactCrop__image {
    opacity: 0.5; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
  .ReactCrop__drag-handle {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (max-width: 768px), (pointer: coarse) {
    .ReactCrop__drag-handle {
      width: 17px;
      height: 17px; }
    .ReactCrop .ord-nw {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-n {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-ne {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-e {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-se {
      margin-bottom: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-s {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-sw {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-w {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop__drag-bar.ord-n {
      height: 14px;
      margin-top: -7px; }
    .ReactCrop__drag-bar.ord-e {
      width: 14px;
      margin-right: -7px; }
    .ReactCrop__drag-bar.ord-s {
      height: 14px;
      margin-bottom: -7px; }
    .ReactCrop__drag-bar.ord-w {
      width: 14px;
      margin-left: -7px; } }
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.DefaultButton {
  justify-content: center;
  border-radius: 6px !important;
  outline: none;
}

.DefaultButton:focus, .DefaultButton:active {
  outline: none !important;
  box-shadow: none !important;
}

.DefaultButton:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35) !important;
  outline-offset: 2px !important;
}

.DefaultButton-contained.primary {
  background-color: #1414c8;
  border: 1px solid #1414c8;
  color: #ffffff;
}

.DefaultButton-contained.primary:hover {
  background-color: #0f0f9a;
  border-color: #0f0f9a;
}

.DefaultButton-contained.primary:disabled {
  background-color: #918f8d;
  border-color: #918f8d;
  color: #ffffff;
  cursor: not-allowed;
}

.DefaultButton-contained.secondary {
  background-color: #ebe9e7;
  border: 1px solid #ebe9e7;
  color: #191715;
}

.DefaultButton-contained.secondary:hover {
  background-color: #d4d0cb;
  border-color: #d4d0cb;
}

.DefaultButton-contained.secondary:disabled {
  background-color: #918f8d;
  border-color: #918f8d;
  color: #ffffff;
  cursor: not-allowed;
}

.DefaultButton-contained.danger {
  border: 1px solid #a0003c;
  background-color: #a0003c;
  color: #ffffff;
}

.DefaultButton-contained.danger:hover {
  background-color: #6d0029;
  border-color: #6d0029;
}

.DefaultButton-contained.danger:disabled {
  background-color: #918f8d;
  border-color: #918f8d;
  color: #ffffff;
  cursor: not-allowed;
}

.DefaultButton-outlined.primary {
  background-color: transparent;
  border: 1px solid #1414c8;
  color: #1414c8;
}

.DefaultButton-outlined.primary:hover {
  background-color: rgba(20, 20, 200, 0.1);
}

.DefaultButton-outlined.danger {
  background-color: transparent;
  border: 1px solid #a0003c;
  color: #a0003c;
}

.DefaultButton-outlined.danger:hover {
  background-color: rgba(160, 0, 60, 0.1);
}

.DefaultButton p {
  font-family: Akzidenz;
  text-transform: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}.BioPageSelectionModal__SearchContainer {
  padding: 0 24px;
  margin-bottom: 16px;
}
.BioPageSelectionModal__SearchInput {
  width: 100%;
}
.BioPageSelectionModal__Content {
  min-height: 300px;
  max-height: 400px;
  overflow-y: auto;
}
.BioPageSelectionModal__MainLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.BioPageSelectionModal__NoResults {
  text-align: center;
  color: #666;
  padding: 40px 20px;
  font-style: italic;
}
.BioPageSelectionModal__PagesList {
  padding: 0;
}
.BioPageSelectionModal__PageItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.BioPageSelectionModal__PageItem:hover {
  background-color: #f5f5f5;
  border-color: #1976d2;
}
.BioPageSelectionModal__PageItem--selected {
  background-color: #e3f2fd;
  border-color: #1976d2;
  box-shadow: 0 2px 4px rgba(25, 118, 210, 0.2);
}
.BioPageSelectionModal__PageInfo {
  flex: 1;
}
.BioPageSelectionModal__PageTitle {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}
.BioPageSelectionModal__PageMeta {
  font-size: 12px;
  color: #666;
}
.BioPageSelectionModal__PageActions {
  margin-left: 12px;
}.UserInformationAndActions__BioPageField {
  margin-top: 16px;
  width: 100%;
}
.UserInformationAndActions__BioPageField .profile-paper-hr {
  margin: 13px 0;
}
.UserInformationAndActions__BioPageField .profile-paper-data-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.UserInformationAndActions__BioPageInfo {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 8px;
}
.UserInformationAndActions__BioPageContent {
  flex: 1;
}
.UserInformationAndActions__BioPageContent span {
  font-weight: 500;
  color: #333;
}
.UserInformationAndActions__BioPageActions {
  margin-left: 8px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ModalContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1600;
}

.ModalContainer__Inner {
  min-width: 420px;
  max-width: 80vw;
  min-height: 156px;
  max-height: 80vh;
  background-color: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
  overflow: hidden;
}

.ModalContainer__Inner__Header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 28px;
  border-bottom: 1px solid #e2e8f0;
}

.ModalContainer__Inner__Header__TextContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.ModalContainer__Inner__Header__TextContainer h3 {
  font-size: 1.25rem;
  color: #161616;
  font-family: "AkzidenzGroteskStd-Md";
  margin: 0;
  line-height: 1.4;
}

.ModalContainer__Inner__Header__TextContainer p {
  font-size: 0.95rem;
  color: #64748b;
  font-family: "AkzidenzGroteskStd";
  margin: 0;
  line-height: 1.6;
}

.ModalContainer__Inner__Header__CloseIcon {
  cursor: pointer;
  color: #475569;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.ModalContainer__Inner__Header__CloseIcon__Disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ModalContainer__Inner__Header__CloseIcon:hover {
  color: #111827;
  background-color: #f1f5f9;
}

.ModalContainer__Inner__Content {
  padding: 24px 28px;
}

.ModalContainer__Inner__Content span {
  font-family: "AkzidenzGroteskStd";
  font-size: 0.95rem;
  line-height: 1.5;
  color: #475569;
}

.ModalContainer__Inner__Actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 28px;
  border-top: 1px solid #e2e8f0;
  background-color: #f8fafc;
}

.ModalContainer__Inner__Actions button {
  font-size: 0.95rem;
  line-height: 1;
  height: 42px;
  padding: 0 18px;
  font-family: "AkzidenzGroteskStd-Md";
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  border: 1px solid transparent;
}

.ModalContainer__Inner__Actions__Delete {
  background-color: transparent;
  color: #dc2626;
  border: 1px solid rgba(220, 38, 38, 0.6);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ModalContainer__Inner__Actions__Delete i {
  font-size: 0.95rem;
}

.ModalContainer__Inner__Actions__Delete:hover:not(:disabled) {
  background-color: rgba(220, 38, 38, 0.08);
  border-color: #dc2626;
  color: #b91c1c;
}

.ModalContainer__Inner__Actions__Delete:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ModalContainer__Inner__Actions__RightButtons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.ModalContainer__Inner__Actions__Cancel {
  background-color: transparent;
  border-color: #cbd5e1;
  color: #475569;
}

.ModalContainer__Inner__Actions__Cancel:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ModalContainer__Inner__Actions__Cancel:hover:not(:disabled) {
  background-color: #f1f5f9;
  border-color: #94a3b8;
  color: #1f2937;
}

.ModalContainer__Inner__Actions__Confirm {
  background-color: #00a896;
  border-color: #00a896;
  color: #ffffff;
}

.ModalContainer__Inner__Actions__Confirm:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ModalContainer__Inner__Actions__Confirm:hover:not(:disabled) {
  background-color: #007f72;
  border-color: #007f72;
}

.ModalContainer__Inner__Actions .button-wrapper {
  position: relative;
  display: inline-block;
}

.ModalContainer__Inner__Actions .spinner-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ModalContainer__Inner__Actions .spinner-overlay .MuiCircularProgress-root {
  color: #464646;
}

.ModalContainer__Inner:focus-visible {
  outline: none;
}

.ModalContainer__Inner__Content--tall {
  min-height: 300px;
}.CustomDropdowns {
  width: 100%;
  display: flex;
  align-items: center;
}
.CustomDropdowns .ValueContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.CustomDropdowns .DropdownValueContainer {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px;
  border-radius: 4px;
}
.CustomDropdowns .DropdownValueTimerContainer {
  display: flex;
  align-items: center;
  gap: 2px;
}.GroupChip {
  height: auto !important;
  white-space: break-spaces !important;
}
.GroupChip--Label {
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: break-spaces !important;
  word-break: break-all !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.switch-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ebe9e7;
  border-radius: 4px;
}

.switch-button .android-switch {
  padding: 10px;
  display: flex;
  align-items: center;
}

.switch-button .android-switch .MuiSwitch-track {
  border-radius: 10px;
  width: 32px;
}

.switch-button .android-switch .MuiSwitch-track::before, .switch-button .android-switch .MuiSwitch-track::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
}

.switch-button .android-switch .MuiSwitch-track::before {
  left: 4px;
}

.switch-button .android-switch .MuiSwitch-track::after {
  right: 4px;
}

.switch-button .android-switch .MuiSwitch-thumb {
  box-shadow: none;
  margin: 4px 3px;
}

.switch-button .android-switch .Mui-checked + .MuiSwitch-track {
  background-color: #ffffff !important;
  opacity: 1 !important;
}

.switch-button .android-switch .Mui-checked .MuiSwitch-thumb {
  background-color: #32c8c8 !important;
}

.switch-button.small .android-switch .MuiSwitch-track {
  width: 26px;
  height: 12px;
}

.switch-button.small .android-switch .MuiSwitch-thumb {
  width: 8px;
  height: 8px;
  margin: 6px 3px 5.5px 3px;
}

.switch-button.small .android-switch .Mui-checked {
  transform: translateX(14px);
}

.switch-button.medium .android-switch .MuiSwitch-track {
  width: 32px;
  height: 16px;
}

.switch-button.medium .android-switch .MuiSwitch-thumb {
  width: 12px;
  height: 12px;
}

.switch-button.medium .android-switch .Mui-checked {
  transform: translateX(16px);
}

.switch-button.large .android-switch .MuiSwitch-track {
  width: 46px;
  height: 18px;
}

.switch-button.large .android-switch .MuiSwitch-thumb {
  width: 14px;
  height: 14px;
  margin: 3px 3px 3px 3px;
}

.switch-button p {
  color: #191715;
  font-family: Akzidenz;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-right: 10px;
}

.switch-button svg {
  margin-right: 0.625rem;
}

.checked {
  background-color: #32c8c8 !important;
}

.checked .MuiSwitch-thumb,
.checked .MuiSwitch-track {
  color: #ebe9e7;
  background-color: #ebe9e7 !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.IconButton {
  justify-content: center;
  border-radius: 4px;
  margin: 4px;
  padding: 6px 12px 6px 8px;
  min-width: 80px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

.IconButton--no-label {
  padding: 8px !important;
  min-width: 40px;
}

.IconButton--no-label span {
  margin: 0;
}

.IconButton--no-icon {
  padding: 6px 12px !important;
  min-width: 80px;
}

.IconButton--no-icon .MuiButton-startIcon,
.IconButton--no-icon .MuiButton-endIcon {
  display: none;
}

.IconButton--no-icon .MuiButton-startIcon {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.IconButton--no-icon .MuiButton-endIcon {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.IconButton p {
  font-family: Akzidenz;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: none;
}

.IconButton-contained.primary {
  background-color: #1414c8;
  border: 1px solid #1414c8;
  color: #ffffff;
}

.IconButton-contained.primary:hover {
  background-color: #0f0f9a;
  border-color: #0f0f9a;
}

.IconButton-contained.primary:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-contained.secondary {
  background-color: #ebe9e7;
  border: 1px solid #ebe9e7;
  color: #191715;
}

.IconButton-contained.secondary:hover {
  background-color: #d4d0cb;
  border-color: #d4d0cb;
}

.IconButton-contained.secondary:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-contained.danger {
  border: 1px solid #a0003c;
  background-color: #a0003c;
  color: #ffffff;
}

.IconButton-contained.danger:hover {
  background-color: #6d0029;
  border-color: #6d0029;
}

.IconButton-contained.danger:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-contained.light {
  border: 1px solid #dae8e5;
  background-color: #dae8e5;
  color: #000;
}

.IconButton-contained.light:hover {
  background-color: #bbd4cf;
  border-color: #bbd4cf;
}

.IconButton-contained.light:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-contained.dark {
  border: 1px solid #000;
  background-color: #000;
  color: #ffffff;
}

.IconButton-contained.dark:hover {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

.IconButton-contained.dark:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-contained.tertiary {
  background-color: #32c8c8;
  border: 1px solid #32c8c8;
  color: #ffffff;
}

.IconButton-contained.tertiary:hover {
  background-color: #289f9f;
  border-color: #289f9f;
}

.IconButton-contained.tertiary:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.primary {
  background-color: transparent;
  border: 1px solid #1414c8;
  color: #1414c8;
}

.IconButton-outlined.primary:hover {
  background-color: rgba(20, 20, 200, 0.1);
}

.IconButton-outlined.primary:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.secondary {
  background-color: transparent;
  border: 1px solid #172624;
  color: #191715;
}

.IconButton-outlined.secondary:hover {
  background-color: rgba(235, 233, 231, 0.1);
}

.IconButton-outlined.secondary:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.danger {
  background-color: transparent;
  border: 1px solid #a0003c;
  color: #a0003c;
}

.IconButton-outlined.danger:hover {
  background-color: rgba(160, 0, 60, 0.1);
}

.IconButton-outlined.danger:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.danger p {
  color: #a0003c;
}

.IconButton-outlined.light {
  background-color: transparent;
  border: 1px solid #dae8e5;
  color: #dae8e5;
}

.IconButton-outlined.light:hover {
  background-color: rgba(218, 232, 229, 0.1);
}

.IconButton-outlined.light:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.dark {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}

.IconButton-outlined.dark:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.IconButton-outlined.dark:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton-outlined.tertiary {
  background-color: transparent;
  border: 1px solid #32c8c8;
  color: #32c8c8;
}

.IconButton-outlined.tertiary:hover {
  background-color: rgba(50, 200, 200, 0.1);
}

.IconButton-outlined.tertiary:disabled {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

.IconButton:focus, .IconButton:active {
  outline: none;
  box-shadow: none;
}

.IconButton:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 2px;
}

.IconButton .MuiButton-startIcon {
  margin-left: 0;
  margin-right: 4px;
}

.IconButton .MuiButton-endIcon {
  margin-right: 0;
  margin-left: 4px;
}.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
.react-clock {
  display: block;
  position: relative;
}

.react-clock,
.react-clock *,
.react-clock *:before,
.react-clock *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-clock__face {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid black;
  border-radius: 50%;
}

.react-clock__hand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__hand__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__mark__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark__number {
  position: absolute;
  left: -40px;
  width: 80px;
  text-align: center;
}

.react-clock__second-hand__body {
  background-color: red;
}
.react-datetime-picker {
  display: inline-flex;
  position: relative;
}

.react-datetime-picker,
.react-datetime-picker *,
.react-datetime-picker *:before,
.react-datetime-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-datetime-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-datetime-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}

.react-datetime-picker__inputGroup {
  min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
}

.react-datetime-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}

.react-datetime-picker__inputGroup__divider,
.react-datetime-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-datetime-picker__inputGroup__input {
  min-width: 0.54em;
  height: calc(100% - 2px);
  position: relative;
  padding: 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,
.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.react-datetime-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-datetime-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-datetime-picker__inputGroup__amPm {
  font: inherit;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.react-datetime-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-datetime-picker__button:enabled {
  cursor: pointer;
}

.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,
.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon {
  stroke: #0078d7;
}

.react-datetime-picker__button:disabled .react-datetime-picker__button__icon {
  stroke: #6d6d6d;
}

.react-datetime-picker__button svg {
  display: inherit;
}

.react-datetime-picker__calendar,
.react-datetime-picker__clock {
  z-index: 1;
}

.react-datetime-picker__calendar--closed,
.react-datetime-picker__clock--closed {
  display: none;
}

.react-datetime-picker__calendar {
  width: 350px;
  max-width: 100vw;
}

.react-datetime-picker__calendar .react-calendar {
  border-width: thin;
}

.react-datetime-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
}
.DateTimePickerInputContainer {
  display: flex;
  flex-direction: column;
  width: 180px;
  font-family: "Akzidenz";
}
.DateTimePickerInputContainer .DateTimePickerInputLabel {
  padding-bottom: 4px;
}
.DateTimePickerInputContainer .DateTimePickerInputLabel p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.DateTimePickerInputContainer .DateTimePickerInputContent {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  border-radius: 8px;
  border: 1px solid #32c8c8;
  height: 38px;
  max-height: 38px;
}
.DateTimePickerInputContainer .DateTimePickerInputContent fieldset {
  border: none;
}
.DateTimePickerInputContainer .DateTimePickerInputContent .react-calendar__tile--active {
  background-color: #1414c8;
}
.DateTimePickerInputContainer .DateTimePickerInputContent .DateTimePickerInput {
  flex: 1;
  justify-content: center;
  align-items: center;
}
.DateTimePickerInputContainer .DateTimePickerInputContent .DateTimePickerInput div {
  height: 36px;
}

.react-datetime-picker__wrapper {
  border: none !important;
}.DefaultInputContainer {
  display: flex;
  flex-direction: column;
  min-width: 260px;
  margin-right: 10px;
  font-family: "Akzidenz";
}
.DefaultInputContainer .Mui-disabled:before {
  border-bottom-style: initial !important;
}
.DefaultInputContainer .DefaultInputLabel {
  padding-bottom: 4px;
}
.DefaultInputContainer .DefaultInputLabel p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.DefaultInputContainer .DefaultInputArrow {
  margin-left: 10px;
}
.DefaultInputContainer .DefaultInputContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin: 0px;
  border-radius: 8px;
  border: 1px solid #32c8c8;
  max-height: 32px;
}
.DefaultInputContainer .DefaultInputContent fieldset {
  border: none;
}
.DefaultInputContainer .DefaultInputContent .DefaultInput {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 2px 0;
}.SelectInputContainer {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  font-family: Akzidenz;
}
.SelectInputContainer .SelectInputLabel {
  padding-bottom: 4px;
  font-family: Akzidenz;
}
.SelectInputContainer .SelectInputLabel p {
  font-size: 14px;
  font-style: normal;
  line-height: 1rem;
  font-family: AkzidenzGroteskStd-Md;
}
.SelectInputContainer .react-select-wrapper {
  display: inline-block;
}
.SelectInputContainer .react-select-container {
  display: flex;
  flex: 1;
  width: auto;
  min-width: 160px;
}
.SelectInputContainer .react-select-container .react-select__control {
  display: flex;
  flex: 1;
  width: auto;
  border: 1px solid #32c8c8;
  border-radius: 8px;
  padding: 0px 8px;
  flex-direction: row-reverse;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.SelectInputContainer .react-select-container .react-select__control--is-focused {
  border-color: #32c8c8 !important;
  box-shadow: 0 0 0 1px #32c8c8 !important;
}
.SelectInputContainer .react-select-container .react-select__control:hover {
  border-color: #32c8c8 !important;
  box-shadow: 0 0 0 2px rgba(50, 200, 200, 0.2) !important;
}
.SelectInputContainer .react-select-container .react-select__menu .react-select__option:hover {
  background-color: #f0f0f0;
  color: #333;
}
.SelectInputContainer .react-select-container .react-select__menu .react-select__option:hover {
  background-color: #f0f0f0;
  color: #333;
}
.SelectInputContainer .react-select-container .react-select__indicator-separator {
  display: none;
}
.SelectInputContainer .react-select-container .react-select__dropdown-indicator {
  color: currentColor;
  padding: 0;
}
.SelectInputContainer .react-select-container .react-select__option--is-focused {
  background-color: #d2f4f4 !important;
  color: #333 !important;
}
.SelectInputContainer .react-select-container .react-select__option--is-selected {
  background-color: #32c8c8 !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.InputContainer {
  display: flex;
  flex-direction: column;
  min-width: 260px;
  font-family: "Akzidenz";
}

.InputContainer .Mui-disabled:before {
  border-bottom-style: initial !important;
}

.InputContainer .InputLabel {
  padding-bottom: 4px;
}

.InputContainer .InputLabel p {
  font-size: 12px;
  font-style: normal;
  line-height: 1rem;
  font-family: "AkzidenzGroteskStd" !important;
}

.InputContainer .InputContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin: 0px;
  border-radius: 4px;
  border: 1px solid #32c8c8;
  padding: 4px 8px;
  max-height: 32px;
}

.InputContainer .InputContent fieldset {
  border: none;
}

.InputContainer .InputContent .Input {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 2px 0;
}

.InputContainer .InputContent .Input .MuiInput-input {
  font-family: "AkzidenzGroteskStd" !important;
  line-height: 0.5rem !important;
  padding-bottom: 0;
  color: #191715;
}

.InputContainer .InputContent .MuiInputBase-root.MuiInput-root::after,
.InputContainer .InputContent .MuiInputBase-root.MuiInput-root::before {
  display: none;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.CardText {
  justify-content: center;
  border-radius: 4px;
  padding: 8px 12px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.CardText p {
  font-family: Akzidenz;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.CardText-contained.primary {
  background-color: #1414c8;
  border: 1px solid #1414c8;
  color: #ffffff;
}

.CardText-contained.danger {
  background-color: #a0003c;
  border: 1px solid #a0003c;
  color: #ffffff;
}

.CardText-contained.dark {
  border: 1px solid #000;
  background-color: #000;
  color: #ffffff;
}

.CardText-outlined.primary {
  background-color: transparent;
  border: 1px solid #1414c8;
  color: #1414c8;
}

.CardText-outlined.light {
  background-color: #ffffff;
  border: 1px solid #000;
  color: #000;
}

.CardText-outlined.danger {
  background-color: transparent;
  border: 1px solid #a0003c;
  color: #a0003c;
}.modal-container__modal-title {
  font-family: "Akzidenz" !important;
  font-size: 18px !important;
  font-weight: bold !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.Modal {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: "none";
}

.Modal .ModalContainer {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  outline: none;
  margin: 0;
  padding: 0;
  border-radius: 14px;
  min-width: 60%;
}

.Modal .ModalContainer .ModalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}

.Modal .ModalContainer .ModalHeader .ModalTitle {
  color: #191715;
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.Modal .ModalContainer .ModalBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  padding: 20px 12px;
}

.Modal .ModalContainer .ModalFooter {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 16px;
  gap: 12px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}.GroupColumnTemplate__Container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}
.GroupColumnTemplate__Container .PatientGroups__GroupChip {
  margin-bottom: 0;
}
.GroupColumnTemplate__Container .AddToGroupButton {
  background-color: white;
  border: 1px solid #d7d5d3;
  border-radius: 1.125rem;
  padding: 4px 12px;
  cursor: pointer;
  height: 1.75rem;
  font-family: "AkzidenzGroteskStd-Md";
}.ClinicColumnTemplate__Container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0;
}
.ClinicColumnTemplate__Container .ClinicsContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ClinicColumnTemplate__Container .ClinicChip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
  border-radius: 16px;
  padding: 4px 8px 4px 12px;
  gap: 8px;
}
.ClinicColumnTemplate__Container .ClinicChip .RemoveClinicButton {
  padding: 2px;
  margin-left: -4px;
  margin-right: -4px;
}
.ClinicColumnTemplate__Container .ClinicChip .RemoveClinicButton:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.ClinicColumnTemplate__Container .ClinicChip .RemoveClinicButton:focus {
  outline: none;
}
.ClinicColumnTemplate__Container .ClinicChip .RemoveClinicButton svg {
  width: 16px;
  height: 16px;
}
.ClinicColumnTemplate__Container .AddToClinicButton {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ClinicColumnTemplate__Container .AddToClinicButton button:focus {
  outline: none;
}
.ClinicColumnTemplate__Container .AddToClinicButton:hover {
  opacity: 0.8;
}

.AddClinicModal__SelectContainer {
  width: 50vw;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AddClinicModal__SelectContainer .SelectInput {
  flex: 1;
  min-height: 0;
  width: 100%;
}.DroppedFileContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.DroppedFileContainer__Progress {
  width: 100%;
}
.DroppedFileContainer__Preview {
  cursor: pointer;
}
.DroppedFileContainer__Preview img,
.DroppedFileContainer__Preview video,
.DroppedFileContainer__Preview iframe,
.DroppedFileContainer__Preview svg {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 8px;
}.ChatPreviewContainer {
  width: calc(80vw - 2.5rem);
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ChatPreviewContainer__Content {
  width: 100%;
  height: 100%;
}
.ChatPreviewContainer__Content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ChatPreviewContainer__Content video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ChatPreviewContainer__Content iframe {
  width: 100%;
  height: 100%;
  border: none;
}.DroppedFilesListContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  max-width: 360px;
  max-height: 75vh;
  overflow: auto;
}.CustomDropdowns {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
}
.CustomDropdowns .ValueContainer {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.CustomDropdowns .DropdownValueContainer {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 4px;
}
.CustomDropdowns .DropdownValueTimerContainer {
  display: flex;
  align-items: center;
  gap: 2px;
}.SelectWithCheckbox .select-with-checkbox__control {
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 38px;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
}
.SelectWithCheckbox .select-with-checkbox__control:hover {
  border: 1px solid #ccc;
}
.SelectWithCheckbox .select-with-checkbox__control--is-focused .select-with-checkbox__dropdown-indicator,
.SelectWithCheckbox .select-with-checkbox__control--is-focused .select-with-checkbox__clear-indicator {
  color: #999999;
}
.SelectWithCheckbox .select-with-checkbox__dropdown-indicator, .SelectWithCheckbox .select-with-checkbox__clear-indicator {
  color: #cccccc;
}
.SelectWithCheckbox .select-with-checkbox__dropdown-indicator:hover, .SelectWithCheckbox .select-with-checkbox__clear-indicator:hover {
  color: #999999;
}
.SelectWithCheckbox .select-with-checkbox__value-container {
  padding: 2px 8px;
  padding-right: 0;
  height: 38px;
  cursor: pointer;
  width: 100%;
}
.SelectWithCheckbox .select-with-checkbox__value-container input {
  margin-top: 3px;
  cursor: pointer;
}
.SelectWithCheckbox .select-with-checkbox__value-display {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.SelectWithCheckbox .select-with-checkbox__selected-value {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1;
  background-color: #e6e6e6;
  padding: 3px 6px 0 6px;
  border-radius: 2px;
  height: 29px;
}
.SelectWithCheckbox .select-with-checkbox__selected-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  padding-top: 3px;
  line-height: 1rem;
}
.SelectWithCheckbox .select-with-checkbox__selected-id {
  flex-shrink: 0;
  font-size: 0.9em;
  font-size: 1rem;
  padding-top: 2px;
}
.SelectWithCheckbox .select-with-checkbox__count-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 29px;
  padding: 0 6px;
  background-color: #e0e0e0;
  color: #424242;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
.SelectWithCheckbox .select-with-checkbox__menu {
  margin-top: 8px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.SelectWithCheckbox .select-with-checkbox__menu-list {
  padding: 0;
  margin: 0;
}
.SelectWithCheckbox .select-with-checkbox__option {
  padding: 8px 12px;
}
.SelectWithCheckbox .select-with-checkbox__option:hover {
  background-color: #f0f0f0;
}
.SelectWithCheckbox .select-with-checkbox__option--is-focused {
  background-color: #f0f0f0;
}
.SelectWithCheckbox .select-with-checkbox__placeholder {
  color: #757575;
  padding-top: 6px;
}
.SelectWithCheckbox__Option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  height: 42px;
  width: 100%;
  box-sizing: border-box;
}
.SelectWithCheckbox__Option__Checkbox {
  margin-right: 8px;
  flex-shrink: 0;
}
.SelectWithCheckbox__Option__Label {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  line-height: 1.2;
  gap: 4px;
  padding-top: 6px;
}
.SelectWithCheckbox__Option__Name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SelectWithCheckbox__Option__Id {
  flex-shrink: 0;
  font-size: 0.9em;
  font-size: 1rem;
}.FiltersBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 6px 6px 0 6px;
  background: #32c8c8;
  border-radius: 6px;
  margin-bottom: 12px;
  position: relative;
  z-index: 10;
}
.FiltersBar__LineBreak {
  width: 100%;
}
.FiltersBar__FiltersGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  order: 1;
}
.FiltersBar__FilterContainer {
  margin-bottom: 6px;
}
.FiltersBar__FilterContainer:has(.FiltersBar__Filter__ResetFilters) {
  order: 2;
  margin-left: auto;
}
.FiltersBar__Filter__ResetFilters {
  background: #fff;
  border: none;
  cursor: pointer;
  color: #000;
  font-family: Akzidenz;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 4px;
  height: 36px;
  padding: 0 12px;
  white-space: nowrap;
}
.FiltersBar__Filter__ResetFilters:focus {
  outline: none;
}
.FiltersBar__Filter--text {
  border: none;
  box-sizing: border-box;
  height: auto;
  margin-right: 0;
  border-radius: 4px;
  overflow: hidden;
}
.FiltersBar__Filter--text input,
.FiltersBar__Filter--text div {
  line-height: initial !important;
  letter-spacing: initial !important;
  font-size: initial !important;
  font-family: Akzidenz !important;
}
.FiltersBar__Filter--text input {
  padding: 7px 0 7px;
}
.FiltersBar__Filter--text .search-icon {
  position: relative;
  top: 2px;
}
.FiltersBar__Filter--text input::placeholder {
  color: #808080;
  opacity: 1;
}
.FiltersBar__Filter--text .SearchInput__Input {
  background: white;
  height: 38px;
  margin: 0 !important;
  padding: 0 0.5rem;
}
.FiltersBar__Filter--text .SearchInput__Input:before, .FiltersBar__Filter--text .SearchInput__Input:after {
  display: none !important;
}
.FiltersBar .SearchSelect {
  min-width: 200px;
  width: auto;
  background: white;
  border-radius: 4px;
  font-family: Akzidenz;
}
.FiltersBar .SearchSelect--is-multi {
  min-width: 200px;
  width: auto;
}
.FiltersBar .SearchSelect .Select__control {
  border-bottom: none;
}
.FiltersBar .SearchSelect .Select__value-container {
  padding: 2px 8px;
}
.FiltersBar .SearchSelect .Select__menu {
  z-index: 5;
}
.FiltersBar .SearchSelect .Select__single-value,
.FiltersBar .SearchSelect .Select__option {
  font-family: Akzidenz;
  letter-spacing: initial;
  line-height: initial;
}
.FiltersBar .DatePickerWithOptions {
  margin: 0;
}
.FiltersBar .DatePickerWithOptions .DatePickerWithOptions__Select {
  background: white;
  border-radius: 4px;
}
.FiltersBar .DatePickerWithOptions .DatePickerWithOptions__Select:before, .FiltersBar .DatePickerWithOptions .DatePickerWithOptions__Select:after {
  display: none;
}
.FiltersBar .DatePickerWithOptions .DatePickerWithOptions__SelectMenu {
  height: 38px;
  padding-bottom: 0;
  padding-left: 8px;
  display: flex;
  align-items: center;
}
.FiltersBar .DatePickerWithOptions .DatePickerWithOptions__SelectMenuIcon {
  top: 8px;
}
.FiltersBar__FilterNotImplemented {
  border-radius: 4px;
  background: white;
  padding: 0 10px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.FiltersBar__FilterContainer {
  min-width: 278px;
}.ChannelItemSelect {
  display: flex;
  gap: 5px;
  flex-direction: column;
  width: 100%;
}
.ChannelItemSelect > * {
  flex-grow: 1;
}.ChannelItemMultipleSelect {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.ChannelItemMultipleSelect__Item {
  display: flex;
  gap: 10px;
  align-items: center;
}.CsvUserImportResultModal {
  font-family: Akzidenz, Roboto, sans-serif;
}
.CsvUserImportResultModal__ImportFinishedMessage {
  font-size: 1.1em;
  margin-bottom: 16px;
}
.CsvUserImportResultModal__ImportStatus {
  margin-bottom: 16px;
  line-height: 22px;
}
.CsvUserImportResultModal__ImportStatus span {
  font-weight: 500;
}
.CsvUserImportResultModal__Error {
  font-size: 16px;
}
.CsvUserImportResultModal__Error span {
  font-weight: 500;
}
.CsvUserImportResultModal table td,
.CsvUserImportResultModal table th {
  font-family: Akzidenz, Roboto, sans-serif;
}.CSVImporter_TextButton{display:block;margin:0;border:1px solid gray;padding:.4em 1em .5em;border-radius:.4em;background:#f0f0f0;font-size:inherit;color:#000;cursor:pointer}.CSVImporter_TextButton:hover:not(:disabled){background:#d7d7d7}.CSVImporter_TextButton:disabled{opacity:.25;cursor:default}
.CSVImporter_IconButton{display:flex;align-items:center;justify-content:center;margin:0;width:3em;height:3em;border:0;padding:0;border-radius:50%;background:transparent;font-size:inherit;color:#000;cursor:pointer}.CSVImporter_IconButton:hover:not(:disabled){background:rgba(128,128,128,.25)}.CSVImporter_IconButton:disabled{cursor:default}.CSVImporter_IconButton[data-small=true]{width:2em;height:2em}.CSVImporter_IconButton[data-focus-only=true]{opacity:0;pointer-events:none}.CSVImporter_IconButton[data-focus-only=true]:focus{opacity:1}.CSVImporter_IconButton>span{display:block;width:1.75em;height:1.75em;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.CSVImporter_IconButton>span[data-type=back]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Ij48L3BhdGg+PC9zdmc+")}.CSVImporter_IconButton>span[data-type=forward]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eiI+PC9wYXRoPjwvc3ZnPg==")}.CSVImporter_IconButton>span[data-type=replay]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDVWMUw3IDZsNSA1VjdjMy4zMSAwIDYgMi42OSA2IDZzLTIuNjkgNi02IDYtNi0yLjY5LTYtNkg0YzAgNC40MiAzLjU4IDggOCA4czgtMy41OCA4LTgtMy41OC04LTgtOHoiPjwvcGF0aD48L3N2Zz4=")}.CSVImporter_IconButton>span[data-type=arrowBack]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6Ij48L3BhdGg+PC9zdmc+")}.CSVImporter_IconButton>span[data-type=close]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiPjwvcGF0aD48L3N2Zz4=")}.CSVImporter_IconButton:disabled>span{opacity:.25}.CSVImporter_IconButton[data-small=true]>span{font-size:.75em}
.CSVImporter_ImporterFrame{border:1px solid gray;padding:1.2em;border-radius:.4em;background:#fff}.CSVImporter_ImporterFrame__header{display:flex;align-items:center;margin-top:-1em;margin-bottom:.2em;margin-left:-1em}.CSVImporter_ImporterFrame__headerTitle{padding-bottom:.1em;overflow:hidden;font-size:1.15em;color:#202020;text-overflow:ellipsis;white-space:nowrap}.CSVImporter_ImporterFrame__headerCrumbSeparator{flex:none;display:flex;margin-right:.5em;margin-left:.5em;font-size:1.2em;opacity:.5}.CSVImporter_ImporterFrame__headerCrumbSeparator>span{display:block;width:1em;height:1em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eiI+PC9wYXRoPjwvc3ZnPg==");background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.CSVImporter_ImporterFrame__headerSubtitle{flex:none;padding-bottom:.1em;font-size:1.15em;color:#202020}.CSVImporter_ImporterFrame__footer{display:flex;align-items:center;margin-top:1.2em}.CSVImporter_ImporterFrame__footerFill{flex:1 1 0}.CSVImporter_ImporterFrame__footerError{flex:none;line-height:.8;color:#c00000;word-break:break-word}.CSVImporter_ImporterFrame__footerSecondary{flex:none;display:flex;margin-left:1em}.CSVImporter_ImporterFrame__footerNext{flex:none;display:flex;margin-left:1em}
.CSVImporter_FileSelector{border:.25em dashed #000;padding:4em;border-radius:.4em;background:#f0f0f0;text-align:center;color:#202020;cursor:pointer}.CSVImporter_FileSelector[data-active=true]{background:#d7d7d7;transition:background .1s ease-out}
.CSVImporter_FormatErrorMessage{display:flex;align-items:center;padding:.5em 1em;border-radius:.4em;background:#f0f0f0;color:#c00000}.CSVImporter_FormatErrorMessage>span{flex:1 1 0;margin-right:1em;width:0;word-break:break-word}
.CSVImporter_FormatRawPreview__scroll{margin-bottom:1.2em;height:6em;overflow:auto;border-radius:.4em;background:#404040;color:#f0f0f0}.CSVImporter_FormatRawPreview__pre{margin:0;padding:.5em 1em;line-height:1.25;font-size:1.15em}.CSVImporter_FormatRawPreview__pre>aside{display:inline-block;margin-left:.2em;padding:0 .25em;border-radius:.2em;background:#fff;font-size:.75em;color:gray;opacity:.75}
.CSVImporter_FormatDataRowPreview{max-height:12em;min-height:6em;border:1px solid gray;overflow:scroll}.CSVImporter_FormatDataRowPreview__table{width:100%;border-spacing:0;border-collapse:collapse}.CSVImporter_FormatDataRowPreview__table>thead>tr>th{font-style:italic;font-weight:normal;color:gray}.CSVImporter_FormatDataRowPreview__table>thead>tr>th,.CSVImporter_FormatDataRowPreview__table>tbody>tr>td{border-right:1px solid rgba(128,128,128,.5);padding:.5em .5em;line-height:1;font-size:.75em;white-space:nowrap}.CSVImporter_FormatDataRowPreview__table>thead>tr>th:last-child,.CSVImporter_FormatDataRowPreview__table>tbody>tr>td:last-child{border-right:none}.CSVImporter_FormatDataRowPreview__table>thead+tbody>tr:first-child>td,.CSVImporter_FormatDataRowPreview__table>tbody>tr+tr>td{padding-top:0}
.CSVImporter_FileStep__header{display:flex;align-items:center;margin-bottom:.5em;font-size:1.15em;color:gray}.CSVImporter_FileStep__headerToggle{display:flex;align-items:center;margin-top:-0.5em;margin-bottom:-0.5em;margin-left:1.5em;color:#202020;cursor:pointer}.CSVImporter_FileStep__headerToggle>input[type=checkbox]{margin-right:.5em;width:1.2em;height:1.2em;cursor:pointer}.CSVImporter_FileStep__mainPendingBlock{display:flex;align-content:center;justify-content:center;padding:2em;color:gray}
.CSVImporter_ColumnDragCard{position:relative;z-index:0;padding:.5em .75em;border-radius:.4em;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.25);cursor:default}.CSVImporter_ColumnDragCard[data-draggable=true]{cursor:grab;touch-action:none}.CSVImporter_ColumnDragCard[data-dummy=true]{border-radius:0;background:#f0f0f0;box-shadow:none;opacity:.5;user-select:none}.CSVImporter_ColumnDragCard[data-error=true]{background:rgba(192,0,0,.25);color:#202020}.CSVImporter_ColumnDragCard[data-shadow=true]{background:#f0f0f0;box-shadow:none;color:rgba(32,32,32,.25)}.CSVImporter_ColumnDragCard[data-drop-indicator=true]{box-shadow:0 1px 2px rgba(0,0,0,.5);color:#000}.CSVImporter_ColumnDragCard__cardHeader{margin-top:-0.25em;margin-right:-0.5em;margin-bottom:.25em;margin-left:-0.5em;height:1.5em;font-weight:bold;color:gray}.CSVImporter_ColumnDragCard__cardHeader>b{display:flex;align-items:center;justify-content:center;height:100%;background:#f0f0f0;line-height:1}.CSVImporter_ColumnDragCard__cardHeader>var{display:block;margin-bottom:-1px;width:1px;height:1px;overflow:hidden}.CSVImporter_ColumnDragCard__cardPaper[data-draggable=true]:hover .CSVImporter_ColumnDragCard__cardHeader,.CSVImporter_ColumnDragCard__cardPaper[data-dragged=true] .CSVImporter_ColumnDragCard__cardHeader{color:#000}.CSVImporter_ColumnDragCard__cardValue{margin-top:.25em;overflow:hidden;line-height:1.25em;font-size:.75em;text-overflow:ellipsis;white-space:nowrap}.CSVImporter_ColumnDragCard__cardValue[data-header=true]{text-align:center;font-style:italic;color:gray}.CSVImporter_ColumnDragCard__cardValue+div{margin-top:0}.CSVImporter_ColumnDragCard[data-shadow=true]>.CSVImporter_ColumnDragCard__cardValue[data-header=true]{color:rgba(128,128,128,.25)}
.CSVImporter_ColumnDragObject__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:none;pointer-events:none}.CSVImporter_ColumnDragObject__positioner{position:absolute;top:0;left:0;min-width:8em;width:0;height:0}.CSVImporter_ColumnDragObject__holder{position:absolute;top:-0.75em;left:-0.75em;width:100%;opacity:.9}
.CSVImporter_ColumnDragSourceArea{display:flex;margin-top:.5em;margin-bottom:1em}.CSVImporter_ColumnDragSourceArea__control{flex:none;display:flex;align-items:center}.CSVImporter_ColumnDragSourceArea__page{position:relative;flex:1 1 0;display:flex;padding-top:.5em;padding-left:.5em}.CSVImporter_ColumnDragSourceArea__pageIndicator{position:absolute;top:-0.5em;right:0;left:0;text-align:center;font-size:.75em}.CSVImporter_ColumnDragSourceArea__pageFiller{flex:1 1 0;margin-right:.5em}.CSVImporter_ColumnDragSourceArea__box{position:relative;flex:1 1 0;margin-right:.5em;width:0}.CSVImporter_ColumnDragSourceArea__boxAction{position:absolute;top:0;right:0;z-index:1}
.CSVImporter_ColumnDragTargetArea{display:flex;flex-wrap:wrap;align-items:flex-start}.CSVImporter_ColumnDragTargetArea__box{flex-basis:25%;flex-grow:0;flex-shrink:1;width:0;padding-top:1em;padding-right:1em}.CSVImporter_ColumnDragTargetArea__boxLabel{margin-bottom:.25em;font-weight:bold;color:#202020;word-break:break-word}.CSVImporter_ColumnDragTargetArea__boxLabel>b{margin-left:.25em;color:#c00000}.CSVImporter_ColumnDragTargetArea__boxValue{position:relative;z-index:0}.CSVImporter_ColumnDragTargetArea__boxValueAction{position:absolute;top:0;right:0;z-index:1}.CSVImporter_ColumnDragTargetArea__boxPlaceholderHelp{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:98%;padding:.5em;text-align:center;color:gray}
.CSVImporter_ProgressDisplay{padding:2em}.CSVImporter_ProgressDisplay__status{text-align:center;font-size:1.15em;color:#202020}.CSVImporter_ProgressDisplay__status.-pending{color:gray}.CSVImporter_ProgressDisplay__count{text-align:right;font-size:1em;color:gray}.CSVImporter_ProgressDisplay__count>var{display:inline-block;width:1px;height:1px;overflow:hidden;opacity:0}.CSVImporter_ProgressDisplay__progressBar{position:relative;width:100%;height:.5em;background:#f0f0f0}.CSVImporter_ProgressDisplay__progressBarIndicator{position:absolute;top:0;left:0;width:0;height:100%;background:#202020;transition:width .2s ease-out}
.CSVImporter_Importer{box-sizing:border-box;line-height:1.4}.CSVImporter_Importer *{box-sizing:border-box}body.CSVImporter_dragging{-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=index.css.map */.Footer {
  height: 35px;
  min-height: 35px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  font-family: Akzidenz, serif;
  color: var(--footer-copyright-color);
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .Footer {
    padding: 0 0 0 40px;
    height: 25px;
    min-height: 25px;
    align-items: flex-end;
  }
}.DataCard__Card {
  margin: 8px 12px;
  border-radius: 15%;
  border: 1px solid #dae8e5;
  padding: 10px;
  text-align: left;
  background-color: #dae8e5;
}
.DataCard__Icon {
  margin-top: -10px;
}
.DataCard__PercentageWrapper {
  margin-top: 5px;
  display: flex;
  gap: 10px;
}
.DataCard__Percentage {
  font-size: 20px;
  font-family: "AkzidenzGroteskBE-LightEx";
}
.DataCard__Number {
  font-size: 12px;
  font-family: "AkzidenzGroteskStd-Light";
  display: flex;
  align-items: center;
  gap: 2px;
}
.DataCard__Header {
  font-size: 12px;
  font-family: "AkzidenzGroteskStd-Light";
}
.DataCard__IconWrapper svg {
  width: 9px;
  height: 9px;
}.GroupPrescribeExaminationModal .PromFormModal__ExaminationStartImmediately {
  display: none;
}.select-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.select-field-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}

.select-field {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: black;
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  outline: none;
  padding: 8px;
}

.select-field__control {
  box-shadow: none !important;
}

.select-field__control--is-focused {
  border-color: black !important;
  box-shadow: none;
}

.select-field__control--is-disabled {
  background-color: #ffffff !important;
}

.select-field__single-value {
  color: #191715 !important;
}

.select-field__indicator {
  padding: 6px 8px 6px 8px !important;
}

.select-field__multi-value {
  margin: 0 !important;
  margin-top: -4px !important;
}

.select-field__multi-value__label {
  padding-bottom: 0 !important;
}

.select-field-loading {
  padding-right: 8px !important;
  color: black !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.l-title-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(20px);
  letter-spacing: rem(2.25px);
}

.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(30px);
  letter-spacing: rem(0.8px);
}

.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(1.33px);
  line-height: rem(1.33px);
  font-weight: 700;
}

.m-title-font {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(26px);
  letter-spacing: rem(0.8px);
}

.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(12px);
  letter-spacing: rem(1.5px);
}

.selected-value {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.selected-value__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
}

.selected-value__remove {
  font-size: 1rem;
  cursor: pointer;
}

.selected-value__avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: #32c8c8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-value__name {
  display: flex;
  flex-direction: column;
}

.selected-value__name strong {
  font-size: 1rem;
  font-family: AkzidenzGroteskBe-Md;
  line-height: 1.125rem;
}

.selected-value__name__user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}

.selected-value__name__user-info span,
.selected-value__name__user-info a {
  font-size: 0.75rem;
  line-height: 1.25rem;
  height: 1rem;
  font-family: AkzidenzGroteskStd;
}

.selected-value__name__user-info a {
  color: blue;
  text-decoration: underline;
  margin-top: -3px;
}

.selected-value__user-type {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-family: AkzidenzGroteskStd;
  color: #918f8d;
}.suggested-value {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.suggested-value span {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: -4px;
}
.suggested-value svg {
  cursor: pointer;
  font-size: 0.8rem;
}.manager-select-icon {
  margin-top: 0.3rem;
}.patient-select-icon {
  margin-top: 0.3rem;
}

.linked-accounts-visibility-checkbox {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: -2px;
  z-index: 999;
}
.linked-accounts-visibility-checkbox span {
  font-family: "AkzidenzGroteskStd-Md";
  margin-bottom: -2px;
}
.linked-accounts-visibility-checkbox svg {
  cursor: pointer;
  color: #ff0064;
}.input-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.l-title-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(20px);
  letter-spacing: rem(2.25px);
}

.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(30px);
  letter-spacing: rem(0.8px);
}

.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(1.33px);
  line-height: rem(1.33px);
  font-weight: 700;
}

.m-title-font {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(26px);
  letter-spacing: rem(0.8px);
}

.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(12px);
  letter-spacing: rem(1.5px);
}

.button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 2rem;
  padding: 0 1rem;
  transition: 0.2s all;
  border-radius: 4px;
  outline: none;
}

.button-container__confirm {
  background-color: #191715;
  color: white;
}

.button-container__cancel {
  background-color: #ebe9e7;
  color: #191715;
}.button-text {
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: "AkzidenzGroteskStd-Md";
  margin: 0;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.date-field-container {
  position: relative;
  font-family: "AkzidenzGroteskStd";
}

.date-field {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: black;
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  outline: none;
  padding: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.2rem;
  outline: none;
  background: none;
}

.date-field button {
  background: none !important;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.6rem;
}

.date-field div {
  display: flex;
  align-items: center;
  flex-direction: row;
  white-space: nowrap;
  margin-bottom: -4px;
}

.date-field::placeholder {
  color: #9a9a9a;
}

.date-field:focus {
  border-color: black !important;
  outline: none !important;
}

.date-field-time-zone {
  padding-top: 0.25rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #696765;
}

.date-field-time-zone strong {
  font-family: "AkzidenzGroteskStd-Md";
}

.date-picker-container {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 1000;
  background-color: white;
  border: 1px solid #ebe9e7;
  border-radius: 4px;
  padding: 1rem;
}

.date-picker-container .PrivatePickersSlideTransition-root {
  min-height: 210px;
}

.date-picker-container .date-picker-guide-text {
  font-size: 1rem;
  color: #191715;
  font-family: "AkzidenzGroteskStd-Md";
  text-align: center;
}

.date-picker-buttons {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: flex-end;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.input-field {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: black !important;
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  outline: none;
  padding: 8px;
  height: 32px;
}

.input-field::placeholder {
  color: #9a9a9a;
}

.input-field__filled {
  border-color: #000;
}

.input-field:focus {
  border-color: black;
}

.input-field:disabled {
  background-color: #ffffff;
  color: #191715 !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.textarea-field {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: black;
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  outline: none;
  padding: 8px;
  resize: none;
  height: 5.75rem;
}

.textarea-field::placeholder {
  color: #9a9a9a;
}

.textarea-field__filled {
  border-color: #000;
}

.textarea-field:focus {
  border-color: black;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.time-field {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: black;
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  outline: none;
  padding: 8px;
  height: 32px;
}

.time-field::placeholder {
  color: #9a9a9a;
}

.time-field:focus {
  border-color: black;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.external-info-item-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.external-info-item-container__item {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}

.external-info-item-container__item p {
  font-family: AkzidenzGroteskStd;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #191715;
}

.external-info-item-container__item span {
  font-family: AkzidenzGroteskStd-Md;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #191715;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.external-info-container {
  margin-top: -10px;
}

.external-info-container label {
  font-family: AkzidenzGroteskStd-Md;
  font-size: 0.625rem;
  line-height: 0.625rem;
  font-weight: 500;
  color: #191715;
}

.external-info-container__content {
  padding: 1.25rem;
  border: 1px solid #ebe9e7;
  border-radius: 0.25rem;
}

.external-info-container__content__items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.l-title-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(20px);
  letter-spacing: rem(2.25px);
}

.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(30px);
  letter-spacing: rem(0.8px);
}

.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(1.33px);
  line-height: rem(1.33px);
  font-weight: 700;
}

.m-title-font {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(26px);
  letter-spacing: rem(0.8px);
}

.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(12px);
  letter-spacing: rem(1.5px);
}

.duration-container {
  background-color: #dae8e5;
  font-size: 14px;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 4px;
  color: #191715;
  font-family: AkzidenzGroteskStd;
  white-space: nowrap;
  height: 32px;
}

.duration-container span {
  font-family: AkzidenzGroteskBE-Md;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.book-meeting-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20.5px;
  padding: 0 1.25rem;
}

.book-meeting-form .UserForm__Field {
  margin-top: 0 !important;
  min-height: 56.5px;
}

.book-meeting-form .UserForm__Field .UserForm__FieldLabel {
  margin-left: 40px;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  font-size: 0.625rem;
  line-height: 0.625rem;
  color: #23211f;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Md;
}

.book-meeting-form .UserForm__Field .UserForm__FieldLabel span {
  display: none;
}

.book-meeting-form .UserForm__Field .MuiFormLabel-focused {
  display: none;
}

.book-meeting-form .UserForm__Field .Field__ExternalControl {
  margin-top: 0 !important;
}

.book-meeting-form .patient-select-field .FormError--active {
  margin-top: -1.625rem;
}

.book-meeting-form .manager-select-field,
.book-meeting-form .patient-select-field {
  margin-bottom: 20px;
}

.book-meeting-form .default-height-field {
  min-height: 32px !important;
}

.book-meeting-form .default-height-field .UserForm__FieldLabel {
  margin-left: 0;
}

.book-meeting-form .default-height-field .FormError {
  padding-left: 0;
}

.book-meeting-form .FormError {
  padding-left: 2.5rem;
}

.book-meeting-form__additional-fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 0 0 2.5rem;
}

.date-time-field {
  min-height: 75px;
}

.date-time-input-container {
  width: 772px;
  align-items: flex-start;
}

@media (max-width: 1066px) {
  .date-time-input-container {
    flex-direction: column;
  }
  .date-time-input-container .duration-container {
    margin-left: 42px;
  }
}

@media (max-width: 768px) {
  .date-time-input-container .duration-container {
    margin-left: 36px;
  }
}

.date-time-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
}

.date-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
  width: 530px;
}

@media (max-width: 788px) {
  .date-container {
    width: 100%;
    flex-direction: column;
  }
}

.time-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
}

.time-container hr {
  min-width: 12px !important;
  height: 1px;
  background-color: black;
}

.select-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.GroupUsersTable .WUK-Table {
  height: 350px;
  border-color: #d7d5d3;
}

.GroupUsersTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.GroupUsersTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.GroupUsersTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.UsersGroupHistory .WUK-Table {
  height: 300px;
  border-color: #d7d5d3;
}

.UsersGroupHistory .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.UsersGroupHistory .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.UsersGroupHistory .WUK-Table .MuiDataGrid-main {
  background: #fff;
}.shared-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.shared-modal {
  background: white;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
.shared-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  font-size: 24px;
  font-weight: bold;
  color: #6b7280;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.shared-modal__close:hover {
  background: #f3f4f6;
  color: #374151;
}

.shared-modal-datepicker {
  width: 398px;
  padding-top: 18px;
  padding-left: 14px;
  padding-right: 14px;
}
.shared-modal-datepicker .shared-datepicker {
  padding-top: 20px;
}
.shared-modal-datepicker__title {
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
  padding-left: 0.833em;
  padding-right: 0.833em;
  margin-bottom: 10px;
  color: #000;
}
.shared-modal-datepicker__body {
  padding-bottom: 20px;
}
.shared-modal-datepicker__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  padding-left: 0.833em;
  padding-right: 0.833em;
  padding-bottom: 20px;
}

.shared-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 36px;
  border: 1px solid transparent;
}
.shared-btn--primary {
  background: #1f2937;
  color: white;
  border-color: #1f2937;
}
.shared-btn--primary:hover {
  background: #111827;
  border-color: #111827;
}
.shared-btn--secondary {
  background: #f3f4f6;
  color: #374151;
  border-color: #d1d5db;
}
.shared-btn--secondary:hover {
  background: #e5e7eb;
  border-color: #9ca3af;
}
.shared-btn--primary {
  background: #3b82f6;
  color: white;
  border-color: #3b82f6;
}
.shared-btn--primary:hover {
  background: #2563eb;
  border-color: #2563eb;
}
.shared-btn--cancel {
  background: #ef4444;
  color: white;
  border-color: #ef4444;
}
.shared-btn--cancel:hover {
  background: #dc2626;
  border-color: #dc2626;
}
.shared-btn--confirm {
  background: #22c55e;
  color: white;
  border-color: #22c55e;
}
.shared-btn--confirm:hover {
  background: #16a34a;
  border-color: #16a34a;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
.shared-datepicker {
  width: 100%;
  display: flex;
}
.shared-datepicker .rdrCalendarWrapper {
  display: flex;
}
.shared-datepicker .rdrMonth {
  width: 100%;
}
.shared-modal-datepicker .shared-datepicker .rdrMonth {
  min-height: 342px;
}
@media (max-width: 768px) {
  .shared-modal-datepicker .shared-datepicker .rdrMonth {
    min-height: 300px;
  }
}
.shared-datepicker .rdrDay {
  height: 4.1em;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrDay {
    height: 3.5em;
  }
}
.shared-datepicker .rdrInRange {
  background-color: #e1e1e1;
}
.shared-datepicker .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span {
  color: #000000;
}
.shared-datepicker .rdrStartEdge {
  border-right: 2px solid transparent;
}
.shared-datepicker .rdrEndEdge {
  border-left: 2px solid transparent;
}
.shared-datepicker .rdrStartEdge.rdrEndEdge {
  border: 0;
}
.shared-datepicker .rdrStartEdge,
.shared-datepicker .rdrEndEdge {
  background-color: #f3f4f6;
}
.shared-datepicker .rdrStartEdge::after,
.shared-datepicker .rdrEndEdge::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  background-color: #000000;
}
.shared-datepicker .rdrStartEdge .rdrDayNumber span,
.shared-datepicker .rdrEndEdge .rdrDayNumber span {
  color: #ffffff !important;
  position: relative;
  z-index: 1;
}
.shared-datepicker .rdrDayInPreview,
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayInPreview,
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayHovered,
.shared-datepicker .rdrDayEndPreview {
  border-color: #000000;
}
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayStartOfWeek .rdrDayInPreview,
.shared-datepicker .rdrDayStartOfWeek .rdrDayEndPreview,
.shared-datepicker .rdrDayStartOfMonth .rdrDayInPreview,
.shared-datepicker .rdrDayStartOfMonth .rdrDayEndPreview {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.shared-datepicker .rdrDayStartPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfWeek .rdrDayInPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfWeek .rdrDayEndPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfMonth .rdrDayInPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfMonth .rdrDayEndPreview .rdrDayNumber {
  color: #fff !important;
}
.shared-datepicker .rdrDayEndPreview,
.shared-datepicker .rdrDayEndOfWeek .rdrDayInPreview,
.shared-datepicker .rdrDayEndOfWeek .rdrDayStartPreview,
.shared-datepicker .rdrDayEndOfMonth .rdrDayInPreview {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.shared-datepicker .rdrDayToday .rdrDayNumber span:after,
.shared-datepicker .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after {
  background-color: #000000;
}
.shared-datepicker .rdrNextButton i,
.shared-datepicker .rdrPprevButton i {
  display: none;
}
.shared-datepicker .rdrNextPrevButton {
  width: 32px;
  height: 32px;
  background-color: #f3f4f6;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrNextPrevButton {
    width: 26px;
    height: 26px;
  }
}
.shared-datepicker .rdrNextButton {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjOUQ5RkFCIj4KICA8cGF0aAogICAgZD0iTTguMjkzIDUuMjkzYTEgMSAwIDAxMS40MTQgMGw2IDZhMSAxIDAgMDEwIDEuNDE0bC02IDZhMSAxIDAgMDEtMS40MTQtMS40MTRMMTMuNTg2IDEyIDguMjkzIDYuNzA3YTEgMSAwIDAxMC0xLjQxNHoiPgogIDwvcGF0aD4KPC9zdmc+");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrNextButton {
    background-size: 20px 20px;
  }
}
.shared-datepicker .rdrPprevButton {
  position: relative;
}
.shared-datepicker .rdrPprevButton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotateZ(180deg);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjOUQ5RkFCIj4KICA8cGF0aAogICAgZD0iTTguMjkzIDUuMjkzYTEgMSAwIDAxMS40MTQgMGw2IDZhMSAxIDAgMDEwIDEuNDE0bC02IDZhMSAxIDAgMDEtMS40MTQtMS40MTRMMTMuNTg2IDEyIDguMjkzIDYuNzA3YTEgMSAwIDAxMC0xLjQxNHoiPgogIDwvcGF0aD4KPC9zdmc+");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrPprevButton::before {
    background-size: 20px 20px;
  }
}
.shared-datepicker .rdrMonthAndYearPickers select {
  padding: 0;
  background: none;
  font-weight: 400;
  font-size: 16px;
}
.shared-datepicker .rdrWeekDay {
  font-size: 10px;
  color: #000000;
}
.shared-datepicker .rdrDayNumber {
  font-size: 17px;
  font-weight: 400;
  color: #333333 !important;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrDayNumber {
    font-size: 14px;
  }
}
.shared-datepicker .rdrDayNumber span {
  color: #333333 !important;
}
.shared-datepicker .rdrDay .rdrStartEdge ~ .rdrDayNumber span,
.shared-datepicker .rdrDay .rdrEndEdge ~ .rdrDayNumber span {
  color: #ffffff !important;
}
.shared-datepicker .rdrMonthAndYearWrapper {
  height: auto;
  padding-top: 15px;
  padding-bottom: 17px;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrMonthAndYearWrapper {
    font-size: 15px;
  }
}
.shared-datepicker--not-selected .rdrSelected,
.shared-datepicker--not-selected .rdrInRange,
.shared-datepicker--not-selected .rdrStartEdge,
.shared-datepicker--not-selected .rdrEndEdge {
  background: #ffffff;
}.shared-datepicker-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  transition: all 0.2s ease;
  min-height: 36px;
  min-width: 140px;
  justify-content: flex-start;
}
.shared-datepicker-button:hover:not(:disabled) {
  border-color: #9ca3af;
  background: #f9fafb;
}
.shared-datepicker-button:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.shared-datepicker-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.shared-datepicker-button__icon {
  color: #6b7280;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.shared-datepicker-button__text {
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  flex: 1;
  text-align: left;
}.shared-datepicker {
  width: 100%;
  display: flex;
}
.shared-datepicker .rdrCalendarWrapper {
  display: flex;
}
.shared-datepicker .rdrMonth {
  width: 100%;
}
.shared-modal-datepicker .shared-datepicker .rdrMonth {
  min-height: 342px;
}
@media (max-width: 768px) {
  .shared-modal-datepicker .shared-datepicker .rdrMonth {
    min-height: 300px;
  }
}
.shared-datepicker .rdrDay {
  height: 4.1em;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrDay {
    height: 3.5em;
  }
}
.shared-datepicker .rdrSelected {
  background-color: #f3f4f6;
}
.shared-datepicker .rdrSelected::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  background-color: #000000;
}
.shared-datepicker .rdrSelected .rdrDayNumber span {
  color: #ffffff !important;
  position: relative;
  z-index: 1;
}
.shared-datepicker .rdrDayInPreview,
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayInPreview,
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayHovered,
.shared-datepicker .rdrDayEndPreview {
  border-color: #000000;
}
.shared-datepicker .rdrDayStartPreview,
.shared-datepicker .rdrDayStartOfWeek .rdrDayInPreview,
.shared-datepicker .rdrDayStartOfWeek .rdrDayEndPreview,
.shared-datepicker .rdrDayStartOfMonth .rdrDayInPreview,
.shared-datepicker .rdrDayStartOfMonth .rdrDayEndPreview {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.shared-datepicker .rdrDayStartPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfWeek .rdrDayInPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfWeek .rdrDayEndPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfMonth .rdrDayInPreview .rdrDayNumber,
.shared-datepicker .rdrDayStartOfMonth .rdrDayEndPreview .rdrDayNumber {
  color: #fff !important;
}
.shared-datepicker .rdrDayEndPreview,
.shared-datepicker .rdrDayEndOfWeek .rdrDayInPreview,
.shared-datepicker .rdrDayEndOfWeek .rdrDayStartPreview,
.shared-datepicker .rdrDayEndOfMonth .rdrDayInPreview {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.shared-datepicker .rdrDayToday .rdrDayNumber span:after {
  background-color: #000000;
}
.shared-datepicker .rdrNextButton i,
.shared-datepicker .rdrPprevButton i {
  display: none;
}
.shared-datepicker .rdrNextPrevButton {
  width: 32px;
  height: 32px;
  background-color: #f3f4f6;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrNextPrevButton {
    width: 26px;
    height: 26px;
  }
}
.shared-datepicker .rdrNextButton {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjOUQ5RkFCIj4KICA8cGF0aAogICAgZD0iTTguMjkzIDUuMjkzYTEgMSAwIDAxMS40MTQgMGw2IDZhMSAxIDAgMDEwIDEuNDE0bC02IDZhMSAxIDAgMDEtMS40MTQtMS40MTRMMTMuNTg2IDEyIDguMjkzIDYuNzA3YTEgMSAwIDAxMC0xLjQxNHoiPgogIDwvcGF0aD4KPC9zdmc+");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrNextButton {
    background-size: 20px 20px;
  }
}
.shared-datepicker .rdrPprevButton {
  position: relative;
}
.shared-datepicker .rdrPprevButton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotateZ(180deg);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjOUQ5RkFCIj4KICA8cGF0aAogICAgZD0iTTguMjkzIDUuMjkzYTEgMSAwIDAxMS40MTQgMGw2IDZhMSAxIDAgMDEwIDEuNDE0bC02IDZhMSAxIDAgMDEtMS40MTQtMS40MTRMMTMuNTg2IDEyIDguMjkzIDYuNzA3YTEgMSAwIDAxMC0xLjQxNHoiPgogIDwvcGF0aD4KPC9zdmc+");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrPprevButton::before {
    background-size: 20px 20px;
  }
}
.shared-datepicker .rdrMonthAndYearPickers select {
  padding: 0;
  background: none;
  font-weight: 400;
  font-size: 16px;
}
.shared-datepicker .rdrWeekDay {
  font-size: 10px;
  color: #000000;
}
.shared-datepicker .rdrDayNumber {
  font-size: 17px;
  font-weight: 400;
  color: #333333 !important;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrDayNumber {
    font-size: 14px;
  }
}
.shared-datepicker .rdrDayNumber span {
  color: #333333 !important;
}
.shared-datepicker .rdrDay .rdrSelected ~ .rdrDayNumber span {
  color: #ffffff !important;
}
.shared-datepicker .rdrMonthAndYearWrapper {
  height: auto;
  padding-top: 15px;
  padding-bottom: 17px;
}
@media (max-width: 768px) {
  .shared-datepicker .rdrMonthAndYearWrapper {
    font-size: 15px;
  }
}.ScoresListCell {
  border: none;
  padding: 0;
  width: 100%;
}
.ScoresListCell .ExpansionBlock__title {
  min-height: 10px;
}
.ScoresListCell .ExpansionBlock__item--collapsed {
  max-height: initial;
}
.ScoresListCell .CellContent__scoreValueTitle {
  font-size: 16px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.AssetToUpload {
  padding: 20px;
  border: 1px solid #ebe9e7;
  font-family: Akzidenz, Roboto, sans-serif;
}

.AssetToUpload .ProgressBar__Filler {
  box-shadow: none;
}

.AssetToUpload--error .AssetToUpload__Title {
  color: #ff0064;
}

.AssetToUpload--error .AssetToUpload__TitleIcon {
  cursor: pointer;
  fill: #ff0064;
}

.AssetToUpload--error .ProgressBar__Filler {
  background: #ff0064;
}

.AssetToUpload__Title {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
  font-weight: 400;
}

.AssetToUpload__TitleText {
  flex-grow: 1;
  align-self: center;
  display: flex;
  flex-wrap: wrap;
}

.AssetToUpload__TitleTextName {
  font-weight: 500;
  margin-right: 20px;
}

.AssetToUpload__Title .AssetToUpload--errorText {
  white-space: nowrap;
}

.AssetToUpload__TitleIcon {
  margin-right: 10px;
}

.AssetToUpload__DeleteIcon {
  cursor: pointer;
  color: black;
}

.AssetToUpload__DeleteIcon:hover {
  color: #413f3d;
}

.AssetToUpload__ProgressBar .ProgressBar__Background {
  height: 4px;
  border: 0;
  box-shadow: none;
}

.AssetToUpload__ProgressBar .ProgressBar__Label {
  display: none;
}

.AssetToUpload__Form {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
}

.AssetToUpload__Form > * {
  flex-grow: 1;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.AssetsUploadModal {
  font-family: Akzidenz, Roboto, sans-serif;
}

.AssetsUploadModal__Inner {
  width: 800px;
  min-height: calc(100vh - 100px);
}

.AssetsUploadModal .AssetsUploadModal__Content {
  padding: 0;
}

.AssetsUploadModal__Dropzone {
  background: rgba(218, 232, 229, 0.5);
  padding: 40px;
  text-align: center;
}

.AssetsUploadModal__DropzoneInnerText {
  font-size: 18px;
  font-weight: 500;
}

.AssetsUploadModal .AssetsUploadModal__DropzoneActive {
  background: #009688;
}

.AssetsUploadModal__Error {
  padding: 10px 20px;
  color: #ff0064;
}

.AssetsUploadModal .LanguageSwitcher--disabled {
  color: #bfbfbf;
}

.AssetsUploadModal--not-contains-dropped-assets .AssetsUploadModal__Content {
  display: flex;
}

.AssetsUploadModal--not-contains-dropped-assets .AssetsUploadModal__Dropzone {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.NotationFooter {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  height: 34px;
  margin: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}.NotationHeader {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: end;
}
.NotationHeader svg[data-testId=CloseIcon] {
  cursor: pointer;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ql-container {
  font-family: "Akzidenz" !important;
}

.ql-container .ql-toolbar {
  font-family: Akzidenz;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 !important;
}

.ql-container .ql-toolbar .ql-menu {
  background-color: #d7d5d3;
  padding: 6px 2px;
  border-radius: 4px;
}

.ql-container .ql-editor p,
.ql-container .ql-editor ul,
.ql-container .ql-editor ol,
.ql-container .ql-editor li {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.15px;
}

.ql-container .ql-editor em {
  font-family: "Akzidenz", sans-serif;
  font-style: italic;
}

.ql-container .ql-editor a {
  color: #00f;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.15px;
  text-decoration-line: underline;
}

.ql-container .ql-editor .ql-size-small {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.18px;
}

.ql-container .ql-editor .ql-size-large {
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.23px;
}

.ql-container .ql-editor .ql-size-huge {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.3px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.DynamicTableContainer {
  background-color: white;
  color: var(--color-text-primary, #374151);
  margin: var(--space-3, 24px) 0;
  border-radius: var(--radius-sm, 6px);
  border: 1px solid var(--color-neutral-border, #E5E7EB);
  box-shadow: none !important;
}

.DynamicTableContainer .MuiTable-root {
  border-collapse: separate;
  border-spacing: 0;
}

.DynamicTableContainer .MuiTableCell-head {
  font-weight: 600;
  background-color: var(--color-neutral-bg, #F9FAFB);
  color: var(--color-text-primary, #374151);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: var(--space-2, 16px);
  border-bottom: 1px solid var(--color-neutral-border, #E5E7EB);
}

.DynamicTableContainer .MuiTableCell-head:first-child {
  border-top-left-radius: var(--radius-sm, 6px);
}

.DynamicTableContainer .MuiTableCell-head:last-child {
  border-top-right-radius: var(--radius-sm, 6px);
}

.DynamicTableContainer .MuiTableCell-body {
  padding: var(--space-2, 16px);
  font-size: 14px;
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
}

.DynamicTableContainer .MuiTableCell-body:last-child {
  padding-right: var(--space-2, 16px);
}

.DynamicTableContainer .MuiTableRow-root {
  height: 44px;
}

.DynamicTableContainer .MuiTableRow-root:hover {
  background-color: var(--color-hover-bg, #F3F4F6);
}

.DynamicTableContainer .MuiTableRow-root:last-child .MuiTableCell-body {
  border-bottom: none;
}

.DynamicTableContainer p,
.DynamicTableContainer td,
.DynamicTableContainer th {
  font-family: Akzidenz;
}

.DynamicTableContainer .MuiIconButton-root {
  padding: 4px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  min-width: auto;
  width: auto;
  height: auto;
  transition: all var(--motion-duration-fast, 120ms) var(--motion-easing, cubic-bezier(0.4, 0, 0.2, 1));
}

.DynamicTableContainer .MuiIconButton-root:hover {
  background-color: transparent;
  box-shadow: none;
  transform: none;
}

.DynamicTableContainer .MuiIconButton-root:active {
  box-shadow: none;
  transform: none;
}

.DynamicTableContainer .MuiIconButton-root.primary {
  color: #000000;
}

.DynamicTableContainer .MuiIconButton-root.primary:hover {
  background-color: transparent;
}

.DynamicTableContainer .MuiIconButton-root.secondary {
  color: #000000;
}

.DynamicTableContainer .MuiIconButton-root.secondary:hover {
  background-color: transparent;
}

.DynamicTableContainer .MuiIconButton-root.success {
  color: #6B7280;
}

.DynamicTableContainer .MuiIconButton-root.success:hover {
  background-color: transparent;
}

.DynamicTableContainer .MuiIconButton-root.danger {
  color: #000000;
}

.DynamicTableContainer .MuiIconButton-root.danger:hover {
  background-color: transparent;
}

.DynamicTableContainer .MuiIconButton-root.warning {
  color: #000000;
}

.DynamicTableContainer .MuiIconButton-root.warning:hover {
  background-color: transparent;
}

.DynamicTableContainer .MuiTextField-root .MuiInputBase-root {
  font-size: 14px;
  border-radius: var(--radius-sm, 6px);
}

.DynamicTableContainer .MuiTextField-root .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary, #1414c8);
}

.DynamicTableContainer .MuiTextField-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary, #1414c8);
  border-width: 2px;
}

.DynamicTableContainer .empty-table-state {
  text-align: center;
  padding: var(--space-4, 32px);
  color: var(--color-text-secondary, #4B5563);
}

.DynamicTableContainer .empty-table-state .empty-icon {
  font-size: 48px;
  margin-bottom: var(--space-2, 16px);
  opacity: 0.5;
}

.DynamicTableContainer .empty-table-state .empty-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: var(--space-1, 8px);
}

.DynamicTableContainer .empty-table-state .empty-description {
  font-size: 14px;
  opacity: 0.7;
}.subtabsManager {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.subtabsManagerHeader {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 16px;
}
.subtabsManagerHeader .fieldSelectContainer {
  flex: 1;
}
.subtabsManagerConfigSection {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.subtabsManagerForm {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.subtabsManagerSection {
  margin-bottom: var(--space-4);
  flex-shrink: 0;
}
.subtabsManagerSectionTitle {
  margin-bottom: var(--space-2) !important;
  color: var(--color-text-primary) !important;
  font-size: 16px;
  font-weight: 600;
  font-family: Akzidenz;
}
.subtabsManagerSectionDescription {
  margin-bottom: var(--space-2) !important;
  color: var(--color-text-secondary) !important;
  font-size: 14px;
  line-height: 1.5;
  font-family: Akzidenz;
}
.subtabsManagerNameContainer {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}
.subtabsManagerNameInput {
  flex: 1;
}
.subtabsManagerDefaultCheckbox {
  display: flex;
  align-items: center;
}
.subtabsManagerDefaultCheckbox .MuiFormControlLabel-root {
  margin: 0;
  display: flex;
  align-items: center;
}
.subtabsManagerDefaultCheckbox .MuiFormControlLabel-root .MuiFormControlLabel-label {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  font-family: Akzidenz;
  margin-left: 4px;
}
.subtabsManagerDefaultCheckbox .MuiFormControlLabel-root .MuiCheckbox-root {
  padding: 4px;
  color: var(--color-primary);
}
.subtabsManagerDefaultCheckbox .MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked {
  color: var(--color-primary);
}
.subtabsManagerDefaultCheckbox .MuiFormControlLabel-root .MuiCheckbox-root .MuiSvgIcon-root {
  font-size: 1.2rem;
}
.subtabsManagerCheckboxInput {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--color-primary);
}
.subtabsManagerCheckboxLabel {
  font-size: 14px;
  color: var(--color-text-secondary);
  cursor: pointer;
  user-select: none;
  font-family: Akzidenz;
  margin: 0;
}
.subtabsManagerFieldsSection {
  flex: 1;
  min-height: 0;
}
.subtabsManagerFieldsContainer {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.subtabsManagerEmptyFields {
  text-align: center;
  color: var(--color-text-secondary);
  background: var(--color-neutral-bg);
  border-radius: var(--radius-sm);
  border: 1px dashed var(--color-neutral-border);
  font-family: Akzidenz;
}
.subtabsManagerFieldsList {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  flex: 1;
  min-height: 0;
}
.subtabsManagerFieldItem {
  padding: var(--space-2);
  border: 1px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
  background: white;
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.subtabsManagerFieldItem h6 {
  font-family: Akzidenz;
}
.subtabsManagerFieldItem:hover {
  box-shadow: var(--elevation-default);
}
.subtabsManagerFieldTitle {
  margin-bottom: var(--space-1) !important;
  font-weight: 500;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-family: Akzidenz;
}
.subtabsManagerFieldTitleEnabled {
  color: var(--color-primary);
}
.subtabsManagerFieldBadge {
  margin-left: var(--space-1);
  padding: 2px var(--space-1);
  background: #28a745;
  color: white;
  border-radius: 12px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: Akzidenz;
}
.subtabsManagerFieldNoValues {
  color: var(--color-text-secondary) !important;
  font-style: italic;
  font-size: 14px;
  font-family: Akzidenz;
}
.subtabsManagerList {
  width: 100%;
}
.subtabsManagerListContent {
  width: 100%;
}
.subtabsManagerContent {
  width: 100%;
}

@media (max-width: 768px) {
  .subtabsManagerForm {
    padding: var(--space-2);
    max-width: 100%;
  }
  .subtabsManagerList {
    padding: var(--space-2);
  }
  .subtabsManagerNameContainer {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
  }
  .subtabsManagerFieldItem {
    padding: var(--space-2);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .subtabsManagerFieldBadge {
    font-weight: 700;
  }
}
@media print {
  .subtabsManagerForm, .subtabsManagerList {
    padding: 0;
    max-width: none;
  }
  .subtabsManagerFieldsSection {
    max-height: none;
    overflow: visible;
  }
  .subtabsManagerFieldItem {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}:root {
  --color-primary: #1414c8;
  --color-danger: #d92d20;
  --color-neutral-border: #e5e7eb;
  --color-neutral-bg: #f9fafb;
  --color-accent-surface: #eef2ff;
  --color-text-primary: #374151;
  --color-text-secondary: #4b5563;
  --color-hover-bg: #f3f4f6;
  --radius-sm: 6px;
  --radius-lg: 12px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --elevation-default: var(--shadow-1);
  --elevation-hover: var(--shadow-2);
  --elevation-active: var(--shadow-3);
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 160ms;
  --motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --color-focus: #1414c8;
  --color-outline-neutral: #cbd5e1;
  --color-outline-danger: #d92d20;
}

.settingsModal {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-4);
}
.settingsModal .settingsFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--color-neutral-border);
  flex-shrink: 0;
  background-color: white;
}
.settingsModal .settingsFooter .settingsFooterLeft {
  display: flex;
  gap: var(--space-2);
}
.settingsModal .settingsFooter .settingsFooterRight {
  display: flex;
  gap: var(--space-2);
}
.settingsModal .settingsFooter .MuiButtonBase-root {
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModal .settingsFooter .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModal .settingsFooter .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}

.settingsModalContent:focus {
  outline: none !important;
}

.settingsModalContent {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 640px;
  max-height: 90vh;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-4);
  animation: modalEnter var(--motion-duration-normal) var(--motion-easing);
  overflow: hidden;
}
.settingsModalContent .section-heading {
  font-family: Akzidenz !important;
}
@keyframes modalEnter {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.settingsModalContent .settingsModalTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4) var(--space-4) var(--space-3);
  border-bottom: 1px solid var(--color-neutral-border);
  font-family: Akzidenz !important;
  flex-shrink: 0;
  background-color: white;
}
.settingsModalContent .settingsModalTitleContainer h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  font-family: Akzidenz;
}
.settingsModalContent .settingsModalTitleContainer .close-icon {
  cursor: pointer;
  padding: var(--space-1);
  border-radius: var(--radius-sm);
  transition: background-color var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .settingsModalTitleContainer .close-icon:hover {
  background-color: var(--color-hover-bg);
}
.settingsModalContent .settingsBody {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.settingsModalContent .settingsBody .MuiTabs-root {
  flex-shrink: 0;
  width: 100%;
  border-bottom: 1px solid var(--color-neutral-border);
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTabs-flexContainer {
  width: 100%;
  display: flex;
  justify-content: stretch;
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTab-root {
  font-size: 14px;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Md;
  text-transform: none;
  color: var(--color-text-secondary);
  flex: 1;
  min-width: 0;
  max-width: none;
  width: 100%;
  padding: var(--space-3) var(--space-2);
  border-radius: 0;
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTab-root span {
  font-family: AkzidenzGroteskStd-Md;
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTab-root:hover {
  background-color: var(--color-hover-bg);
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTab-root.Mui-selected {
  color: var(--color-primary);
  background-color: transparent;
}
.settingsModalContent .settingsBody .MuiTabs-root .MuiTabs-indicator {
  background-color: var(--color-primary);
  height: 2px;
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] {
  width: 100% !important;
  border-bottom: 1px solid var(--color-neutral-border);
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTabs-flexContainer] {
  width: 100% !important;
  display: flex !important;
  justify-content: stretch !important;
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTab-root] {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-family: AkzidenzGroteskStd-Md !important;
  text-transform: none;
  padding: var(--space-3) var(--space-2);
  border-radius: 0;
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTab-root] span {
  font-family: AkzidenzGroteskStd-Md !important;
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTab-root]:hover {
  background-color: var(--color-hover-bg);
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTab-root][class*=Mui-selected] {
  background-color: transparent !important;
}
.settingsModalContent .settingsBody [class*=MuiTabs-root] [class*=MuiTabs-indicator] {
  background-color: var(--color-primary) !important;
  height: 2px;
}
.settingsModalContent .settingsBodyContent {
  flex: 1;
  padding: var(--space-3) var(--space-4);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.settingsModalContent .settingsBodyFields, .settingsModalContent .settingsBodyValues {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.settingsModalContent .settingsBodySwitchOptions {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-3) 0;
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-neutral-border);
}
.settingsModalContent .settingsBodySwitchOptions .switchOption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settingsModalContent .settingsBodySwitchOptions .switchOption label {
  font-size: 14px;
  color: var(--color-text-primary);
  font-weight: 500;
}
.settingsModalContent .settingsBodyAddField {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--space-3);
}
.settingsModalContent .settingsBodySelectContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-neutral-border);
  gap: var(--space-3);
}
.settingsModalContent .settingsBodyFieldValues {
  display: flex;
  flex-direction: row;
  gap: var(--space-2);
  width: 100%;
  align-items: flex-end;
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root {
  flex: 1;
  min-width: 0;
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiInputLabel-root {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root {
  border-radius: var(--radius-sm);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled {
  background-color: var(--color-neutral-bg);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-neutral-border);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root {
  height: 40px;
  min-width: 96px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary {
  border: 1px solid var(--color-outline-neutral);
  background-color: white;
  color: var(--color-text-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary:hover {
  background-color: white;
  border-color: #94a3b8;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodyFieldInput {
  flex: 1;
}
.settingsModalContent .settingsBodyFieldButtons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root {
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodySelectField {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  gap: 8px;
}
.settingsModalContent .settingsBodySelectField .fieldSelectContainer {
  flex: 1;
  min-width: 240px;
}
.settingsModalContent .settingsBodySelectField .fieldSelectContainer .SelectInputContainer,
.settingsModalContent .settingsBodySelectField .fieldSelectContainer .MuiFormControl-root {
  width: 100%;
  margin: 0;
}
.settingsModalContent .settingsBodySelectField .fieldActions {
  display: flex;
  gap: var(--space-1);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root {
  height: 40px;
  min-width: 96px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
  border: none;
  cursor: pointer;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.primary {
  background-color: var(--color-primary);
  color: white;
  border: 1px solid var(--color-primary);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.primary:hover {
  background-color: #1010a0;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.primary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.secondary {
  border: 1px solid var(--color-outline-neutral);
  background-color: white;
  color: var(--color-text-primary);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.secondary:hover {
  background-color: white;
  border-color: #94a3b8;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.danger {
  border: 1px solid var(--color-outline-danger);
  background-color: white;
  color: var(--color-outline-danger);
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.danger:hover {
  background-color: white;
  color: #b91c1c;
  border-color: #b91c1c;
}
.settingsModalContent .settingsBodySelectField .fieldActions .MuiButtonBase-root.danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .addingContainer {
  display: flex;
  justify-content: flex-end;
}
.settingsModalContent .addingContainer .MuiButtonBase-root {
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .addingContainer .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .addingContainer .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .sectionHeading {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-family: AkzidenzGroteskStd-Md;
}
.settingsModalContent .fieldPropertiesPanel {
  animation: fadeInUp var(--motion-duration-normal) var(--motion-easing);
  font-family: Akzidenz;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.settingsModalContent .buttonGroup {
  display: flex;
  gap: var(--space-1);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root {
  height: 40px;
  min-width: 96px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
  border: none;
  cursor: pointer;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.primary {
  background-color: var(--color-primary);
  color: white;
  border: 1px solid var(--color-primary);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.primary:hover {
  background-color: #1010a0;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.primary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.secondary {
  border: 1px solid var(--color-outline-neutral);
  background-color: white;
  color: var(--color-text-primary);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.secondary:hover {
  background-color: white;
  border-color: #94a3b8;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.danger {
  border: 1px solid var(--color-outline-danger);
  background-color: white;
  color: var(--color-outline-danger);
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.danger:hover {
  background-color: white;
  color: #b91c1c;
  border-color: #b91c1c;
}
.settingsModalContent .buttonGroup .MuiButtonBase-root.danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodySelectContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-neutral-border);
  gap: var(--space-3);
}
.settingsModalContent .settingsBodyFieldValues {
  display: flex;
  flex-direction: row;
  gap: var(--space-2);
  width: 100%;
  align-items: flex-end;
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root {
  flex: 1;
  min-width: 0;
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiInputLabel-root {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root {
  border-radius: var(--radius-sm);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled {
  background-color: var(--color-neutral-bg);
}
.settingsModalContent .settingsBodyFieldValues .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-neutral-border);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root {
  height: 40px;
  min-width: 96px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary {
  border: 1px solid var(--color-outline-neutral);
  background-color: white;
  color: var(--color-text-primary);
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary:hover {
  background-color: white;
  border-color: #94a3b8;
}
.settingsModalContent .settingsBodyFieldValues .MuiButtonBase-root.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}
.settingsModalContent .settingsBodyFieldButtons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--space-2);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root {
  box-shadow: var(--elevation-default);
  transition: all var(--motion-duration-fast) var(--motion-easing);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:hover {
  box-shadow: var(--elevation-hover);
  transform: translateY(-1px);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:active {
  box-shadow: var(--elevation-active);
  transform: translateY(0);
}
.settingsModalContent .settingsBodyFieldButtons .MuiButtonBase-root:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
  box-shadow: none;
}

.settingsBodySwitchOptions .switchOption .switch-button {
  background-color: transparent !important;
  border-radius: 0;
  padding: 0;
}
.settingsBodySwitchOptions .switchOption .switch-button .android-switch .Mui-checked + .MuiSwitch-track {
  background-color: #32c8c8 !important;
  opacity: 0.3 !important;
}

@media (max-width: 768px) {
  .settingsModal {
    padding: var(--space-2);
  }
  .settingsModal .settingsModalContent {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
  }
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.NotationTags {
  display: flex;
  border: 1px solid #d7d5d3;
  padding: 4px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.NotationTags svg {
  margin: 2px 2px;
  cursor: pointer;
  color: #d7d5d3;
}

.NotationTags .SelectedTag.STARRED {
  color: #1414c8 !important;
}

.NotationTags .SelectedTag.WARNING {
  color: #a0003c !important;
}

.NotationTags .SelectedTag.ATTENTION {
  color: #f5aa0a !important;
}.Attachment {
  display: flex;
  padding: 6px 12px;
  align-items: center;
  gap: 12px;
  background-color: #dae8e5;
  border-radius: 4px;
  width: fit-content;
  cursor: pointer;
}

.AttachmentThumbnail {
  height: 40px;
  object-fit: contain;
  border-radius: 4px;
  margin-right: 0;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.selectBox {
  height: 60px;
  background-color: #7fd9d9;
}

.Notation {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Notation .NotationModalBody {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.NotationContent {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  background-color: #fff;
  position: relative;
}

.NotationContent .quill {
  overflow-x: auto;
  max-height: calc(100vh - 50vh);
  padding-bottom: 50px;
}

.NotationContent .DateTimePickerInputContainer {
  margin-right: 10px;
}

.NotationContent:focus {
  outline: none !important;
}

.NotationMenu {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 0 60px;
}

.NotationMenu .SelectInputContainer,
.NotationMenu .DateTimePickerInputContainer {
  padding-top: 10px;
}

.NotationsAttachmentsContainer {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 60px;
}

.NoteContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.NoteContainer .ql-toolbar {
  margin: 10px 60px;
  gap: 10px;
  padding: 0;
}

.NoteContainer .ql-toolbar .ql-menu {
  margin: 0;
}

.NoteContainer .quill {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.NoteContainer .quill .ql-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.NoteContainer .quill .ql-editor {
  padding: 0 60px;
}

.NotationId {
  display: flex;
  background-color: black;
  border-radius: 4px;
  align-items: center;
  margin-right: 10px;
}

.NotationId p {
  margin: 10px 8px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.NotationsFieldsSettingsContainer {
  display: flex;
  align-items: flex-end;
}

.NotationsFieldsSettingsContainer__FilterBar {
  background-color: #fff;
  padding: 6px;
  border-radius: 4px;
  cursor: pointer;
}

.NotationsFieldsSettingsContainer .NotationsFieldsSettings {
  display: flex;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  background: #32c8c8;
  width: 38px;
  height: 38px;
  cursor: pointer;
}

.NotationsFieldsSettingsContainer .NotationsFieldsSettings:hover {
  background: #289f9f;
}

.NotationsFieldsSettingsContainer .NotationsFieldsSettings svg {
  color: #fff;
}

.SelectPatient {
  width: 260px;
}

.AttachmentModalFooter {
  display: flex;
  gap: 10px;
}

.AttachmentModalContent {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 20vh;
}

.NotationsCopyModal {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: "none";
}

.NotationsCopyModal .NotationsCopyContainer {
  border-radius: 14px;
  width: 90%;
  background-color: #ffffff;
}

.NotationsCopyModal .NotationsCopyContainer .NotationsCopyHeader {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 20px;
  gap: 20px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationsCopyHeader .NotationsModalTitle {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody {
  display: flex;
  flex-direction: column;
  padding: 12px 20px;
  gap: 20px;
  overflow-y: auto;
  height: 70vh;
  border-top: 1px solid #e6e6e6;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .SelectPatientContainer .SelectPatient {
  width: 100%;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopySwitchContainer {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopyLabel {
  font-family: "AkzidenzGroteskBE-Md";
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.4px;
  flex-direction: row;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopySelectNotationsLabelContainer {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopySublabel {
  font-family: "AkzidenzGroteskBE-Md";
  margin-left: 4px;
  color: #bcbcbc;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopyFieldsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopyFieldsContainer .DateTimePickerInputContainer {
  padding-top: 10px;
  margin-right: 10px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationsCopyFieldsContainer .SelectInputContainer {
  padding-top: 10px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationCheckbox .mui-checked {
  color: #0000ff;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationCopyContainer {
  display: flex;
  flex-direction: row;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyBody .NotationCopyContainer .NotationViewCard {
  flex: 1;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter button {
  font-family: Akzidenz;
  border: none;
  text-transform: none;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .CancelButton {
  font-family: Akzidenz;
  border-radius: 4px;
  background: #ebe9e7;
  color: #191715;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .ConfirmButton {
  font-family: Akzidenz;
  border-radius: 4px;
  background: #0000ff;
  color: #ffffff;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .ConfirmButton:disabled {
  background: #918f8d;
  cursor: not-allowed;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .CopyProgress {
  margin-bottom: 16px;
  width: 100%;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .CopyProgress .ProgressStats {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .CopyProgress .ProgressStats .ProgressStats--success {
  color: #4caf50;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .CopyProgress .ProgressStats .ProgressStats--error {
  color: #f44336;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies {
  margin: 16px 0;
  padding: 16px;
  background-color: #fff3f3;
  border-radius: 4px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies .FailedCopiesTitle {
  color: #d32f2f;
  margin-bottom: 8px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies .FailedCopiesList {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 16px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies .FailedCopiesList .FailedCopyItem {
  padding: 8px;
  border-bottom: 1px solid #ffcdd2;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies .FailedCopiesList .FailedCopyItem:last-child {
  border-bottom: none;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .FailedCopies .RetryButton {
  margin-top: 8px;
}

.NotationsCopyModal .NotationsCopyContainer .NotationCopyFooter .ButtonsContainer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ConfirmationModal {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ConfirmationModal .ConfirmationContainer {
  border-radius: 14px;
  background-color: #ffffff;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationHeader {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  gap: 20px;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationHeader .ConfirmationTitle {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 18px;
  font-weight: 500;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody {
  max-height: 50vh;
  padding: 12px 20px;
  gap: 20px;
  overflow-y: auto;
  border-top: 1px solid #e6e6e6;
  font-family: Akzidenz;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody .ConfirmationLabel {
  font-family: "AkzidenzGroteskBE-Md";
  color: #000;
  font-size: 18px;
  font-weight: bold;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody .PatientLabel {
  font-family: Akzidenz;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody .PatientContainer {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody button {
  font-family: Akzidenz;
  border: none;
  text-transform: none;
  background-color: #c9dedb;
  outline: none;
  color: #000;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationBody ul li {
  font-size: 16px;
  margin: 5px 0;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationFooter {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  gap: 12px;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationFooter button {
  font-family: Akzidenz;
  border: none;
  text-transform: none;
  outline: none;
  color: #000000;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationFooter .CancelButton {
  background: #ebe9e7;
  color: #191715;
}

.ConfirmationModal .ConfirmationContainer .ConfirmationFooter .ConfirmButton {
  background-color: #c9dedb;
}

.NotationCopyColumns {
  width: 100%;
  display: flex;
  gap: 16px;
}

.NotationCopyColumns .FailedCopies {
  flex: 1;
  padding: 16px;
  background-color: #fff3f3;
  border-radius: 4px;
  flex-direction: row;
}

.NotationCopyColumns .FailedCopies .FailedCopiesHeader {
  display: flex;
  flex-direction: column;
}

.NotationCopyColumns .FailedCopies .FailedCopiesTitle {
  color: #d32f2f;
  margin-bottom: 8px;
}

.NotationCopyColumns .FailedCopies .FailedCopiesList {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 16px;
}

.NotationCopyColumns .FailedCopies .RetryButton {
  margin-top: 8px;
}

.NotationCopyColumns .ButtonsContainer {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
}

.AssetAttachmentContainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.AssetAttachmentContainer .AssetAttachmentSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}

.AssetAttachmentContainer .AssetAttachmentDivider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 8px 0;
}

.AssetAttachmentContainer .AssetAttachmentDivider span {
  padding: 0 16px;
  background: white;
  color: #666;
  font-size: 14px;
  z-index: 1;
}

.AssetAttachmentContainer .AssetAttachmentDivider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--border-color);
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.Page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.Page__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #ebe9e7;
  margin-bottom: 0.75rem;
}

.Page__HeaderTitle {
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 24px;
  letter-spacing: 0.02em;
}

.Page__Content {
  padding: 0 20px;
}

.Page__Inner {
  flex-grow: 1;
  padding: 0;
}

.Page__Tabs {
  margin-bottom: 24px;
  padding: 0 20px;
}

.Page__Tabs .MuiTabs-flexContainer {
  gap: 16px !important;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 960px) and (max-width: 1300px) {
  .Page__Tabs .MuiTabs-flexContainer {
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

@media screen and (min-width: 600px) and (max-width: 961px) {
  .Page__Tabs .MuiTabs-flexContainer {
    flex-wrap: wrap;
    gap: 5px 18px;
  }
}

@media screen and (max-width: 599px) {
  .Page__Tabs .MuiTabs-flexContainer {
    flex-wrap: wrap;
    gap: 5px 18px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1300px) {
  .Page__Tabs .MuiTabs-indicator {
    display: none;
  }
}

@media screen and (min-width: 600px) and (max-width: 961px) {
  .Page__Tabs .MuiTabs-indicator {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .Page__Tabs .MuiTabs-indicator {
    display: none;
  }
}

.NewPatientProfile .Page__Tabs {
  padding: 0;
}.SelectionActionsSplitter {
  border-left: 1px solid white;
  margin: 6px 2px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ClinicsDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px );
  border-color: #d7d5d3;
}

.ClinicsDataTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.ClinicsDataTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.ClinicsDataTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ClientsPage .StaffDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px );
  border-color: #d7d5d3;
}

.ClientsPage .StaffDataTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.ClientsPage .StaffDataTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.ClientsPage .StaffDataTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}.ConsentFormsPage .ConsentFormsManager__HeaderTitle {
  display: none;
}.AssetEditModal {
  font-family: Akzidenz, Roboto, sans-serif;
}
.AssetEditModal .AssetEditModal__DialogActions {
  justify-content: space-between;
}
.AssetEditModal .AssetEditModal__RightButtons button {
  margin: 0 4px;
}
.AssetEditModal .AssetEditModal__Input {
  margin-top: 8px;
}
.AssetEditModal__Meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  row-gap: 20px;
}
.AssetEditModal__ReadonlyValue {
  margin-top: 8px;
}
.AssetEditModal .AssetPreview {
  width: 100%;
  height: 100%;
}
.AssetEditModal .AssetPreview .AssetPreview__TitleLabel,
.AssetEditModal .AssetPreview .AssetPreview__Title {
  display: none;
}
.AssetEditModal .AssetPreview .AssetPreview__Item {
  width: 100%;
  height: 100%;
}
.AssetEditModal .AssetPreview .AssetPreview__Image {
  height: auto;
  border-radius: 0;
}.AssetsDataTable__OpenFileLink {
  display: flex;
  align-items: center;
  gap: 6px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.NewAssetsPage .TableWithDataSource {
  height: calc( 100vh - 130px - 62px - 35px );
  border-color: #d7d5d3;
}

.NewAssetsPage .TableWithDataSource .TableWithDataSource__Table {
  border-radius: 4px;
}

.NewAssetsPage .TableWithDataSource .WUK-Table__Header {
  background: #fff;
}

.NewAssetsPage .TableWithDataSource .MuiDataGrid-main {
  background: #fff;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.PatientsDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px );
  border-color: #d7d5d3;
}

.PatientsDataTable .WUK-Table .PatientsDataTable__Table {
  border-radius: 4px;
}

.PatientsDataTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.PatientsDataTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}

.PatientsDataTable .WUK-Table .MuiDataGrid-row:hover {
  background-color: #fff !important;
}

.PatientsDataTable .WUK-Table .Mui-hovered {
  background-color: #fff !important;
}

.PatientsDataTable .WUK-Table .MuiDataGrid-cell:hover {
  background-color: #ebe9e7;
}

.PatientsDataTable__SearchInput {
  margin-right: 0;
}.HealoPatientsDataTable .PatientsDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px - 36px );
}
.HealoPatientsDataTable .NavigationTabs {
  margin-bottom: 10px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.TerminatedPatientsDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px );
  border-color: #d7d5d3;
}

.TerminatedPatientsDataTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.TerminatedPatientsDataTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.TerminatedPatientsDataTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}.HealoAddUserForm .UserForm__Field--clinic {
  display: none;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.GroupsTable .WUK-Table {
  height: calc( 100vh - 68px - 35px - 62px );
  border-color: #d7d5d3;
}

.GroupsTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.GroupsTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.GroupsTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}

.GroupsTable .GroupChip {
  margin-top: 5px;
  margin-bottom: 5px;
}.ClinicEntityUsersDataTable {
  padding-left: 20px;
  padding-right: 20px;
}
.ClinicEntityUsersDataTable .WUK-Table {
  height: calc(100vh - 35px - 62px - 55px);
}
.ClinicEntityUsersDataTable .company-sub-header {
  background: white;
  padding-left: 0;
}.PickUsersToGroupModal {
  font-family: Akzidenz, Roboto, sans-serif;
}
.PickUsersToGroupModal__Content {
  min-width: 600px;
}
.PickUsersToGroupModal__PatientSelect {
  margin-bottom: 20px;
}
.PickUsersToGroupModal__PatientSelect .Select__menu {
  z-index: 5;
}
.PickUsersToGroupModal__UsersTable {
  height: 400px;
}
.PickUsersToGroupModal__SelectedUsersCount {
  margin-right: 10px;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.UserProms .WUK-Table {
  height: calc( 100vh - 130px - 35px - 10px );
  border-color: #d7d5d3;
}

.UserProms .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.UserProms .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.UserProms .WUK-Table .MuiDataGrid-main {
  background: #fff;
}

.UserProms .WUK-Table .MuiDataGrid-root .MuiDataGrid-cell {
  padding: 10px;
}

.UserProms .WUK-Table .MuiDataGrid-root .MuiDataGrid-cell:last-child {
  border-right: none;
}

.UserProms .WUK-Table .MuiDataGrid-root .MuiDataGrid-columnHeader:last-child {
  border-right: none;
}

.UserProms__DataCards {
  background-color: #dae8e5;
  display: inline-flex;
  border-radius: 10px;
  margin: 0 0 20px 0;
}

.UserProms .ExtendedTable__Cell--status {
  padding-left: 15px;
}

.UserProms .CellContent__scoreValue {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}

.UserProms .CellContent__scoreValue .CellContent__scoreValueTitle {
  flex: 1;
}

.UserProms .CellContent__scoreValue .CellContent__scoreValueData {
  display: flex;
  justify-content: center;
  flex-basis: 40px;
  font-size: 18px;
  font-family: "AkzidenzGroteskBE-Md";
}.GroupPatientsTab .WUK-Table {
  height: calc( 100vh - 130px - 35px - 10px );
}.CalendarPagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.CalendarPagination__Info {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
.CalendarPagination__Controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.CalendarPagination__Button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d0d0d0;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.CalendarPagination__Button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #a0a0a0;
}
.CalendarPagination__Button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.CalendarPagination__Button .b-fa {
  font-size: 12px;
  color: #333;
}
.CalendarPagination__Pages {
  display: flex;
  align-items: center;
  gap: 4px;
}
.CalendarPagination__PageButton {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d0d0d0;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
}
.CalendarPagination__PageButton:hover:not(:disabled):not(.CalendarPagination__PageButton--Active) {
  background: #f5f5f5;
  border-color: #a0a0a0;
}
.CalendarPagination__PageButton:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.CalendarPagination__PageButton--Active {
  background: #1976d2;
  border-color: #1976d2;
  color: #fff;
  cursor: default;
}
.CalendarPagination__Ellipsis {
  padding: 0 4px;
  color: #999;
  font-size: 14px;
}
@media (max-width: 768px) {
  .CalendarPagination {
    padding: 12px 16px;
  }
  .CalendarPagination__Info {
    font-size: 12px;
  }
  .CalendarPagination__Button, .CalendarPagination__PageButton {
    min-width: 28px;
    height: 28px;
    font-size: 12px;
  }
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.CalendarView__Toolbar {
  display: flex;
  align-items: center;
  padding: 0 0 0.75rem 0;
  gap: 1.25rem;
  background-color: transparent;
  flex-wrap: wrap;
}

.CalendarView__Toolbar h1 {
  font-family: Akzidenz;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.CalendarView__Toolbar button {
  font-family: Akzidenz;
  outline: none;
  background-color: transparent;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  padding: 0.5rem 0.75rem;
  height: 32px;
  cursor: pointer;
}

.CalendarView__Toolbar__Pagination {
  display: flex;
  align-items: center;
  gap: 0;
}

.CalendarView__Toolbar__Pagination__Button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  color: #191715;
  cursor: pointer;
}

.CalendarView__Toolbar__Pagination__Button:hover {
  background-color: transparent;
  border: none;
}

.CalendarView__Toolbar__TodayButton {
  border: 1px solid #b9b7b5;
  color: #191715;
  text-transform: capitalize;
  border-radius: 4px;
  cursor: pointer;
}

.CalendarView__Toolbar__TodayButton:hover {
  background-color: transparent;
}

.CalendarView__Toolbar__AddButton {
  background-color: #191715 !important;
  border: none !important;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.CalendarView__Toolbar__AddButton:hover {
  background-color: #191715;
}

.CalendarView__Toolbar__ViewButton {
  text-transform: capitalize !important;
  color: #191715 !important;
  border-color: #ebe9e7 !important;
}

.CalendarView__Toolbar__ViewButton__Active {
  color: blue !important;
}

.CalendarView__Toolbar__ZoomControls {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border: 1px solid #ebe9e7;
  border-radius: 4px;
  background: #fafafa;
}

.CalendarView__Toolbar__ZoomButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #b9b7b5;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s;
  color: #191715;
  padding: 0;
}

.CalendarView__Toolbar__ZoomButton:hover:not(:disabled) {
  background: #f0f0f0;
  border-color: #918f8d;
  color: #191715;
}

.CalendarView__Toolbar__ZoomButton:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.CalendarView__Toolbar__ZoomButton .b-fa {
  font-size: 14px;
}

.CalendarView__Toolbar__ZoomLevel {
  min-width: 45px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #191715;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.CalendarTooltip {
  max-width: 450px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #2c3e50;
}
.CalendarTooltip__DateTimeSection {
  padding: 12px 16px;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}
.CalendarTooltip__DateTime {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.CalendarTooltip__Clickable {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.CalendarTooltip__Clickable:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background-color: rgba(248, 249, 250, 0.8);
  border-radius: 8px;
}
.CalendarTooltip__DateTimeItem {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #495057;
}
.CalendarTooltip__DateTimeItem .b-fa {
  color: #6c757d;
  font-size: 0.9rem;
  width: 16px;
}
.CalendarTooltip__Duration {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  background: #e3f2fd;
  color: #1976d2;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.CalendarTooltip__Section {
  padding: 16px;
  border-bottom: 1px solid #e9ecef;
}
.CalendarTooltip__Section:last-child {
  border-bottom: none;
}
.CalendarTooltip__SectionTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.CalendarTooltip__SectionTitle .b-fa {
  font-size: 0.9rem;
}
.CalendarTooltip__SectionContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.CalendarTooltip__InfoRow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
.CalendarTooltip__InfoRow .b-fa {
  color: #adb5bd;
  font-size: 0.875rem;
  width: 16px;
}
.CalendarTooltip__InfoLabel {
  color: #6c757d;
  min-width: fit-content;
}
.CalendarTooltip__InfoValue {
  color: #212529;
  font-weight: 500;
}
.CalendarTooltip__BookingType {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-left: 4px;
}
.CalendarTooltip__ArrivalBadge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
.CalendarTooltip__ArrivalBadge--arrived {
  background: #e8f5e9;
  color: #2e7d32;
}
.CalendarTooltip__ArrivalBadge--arrived .b-fa {
  font-size: 0.75rem;
}
.CalendarTooltip__ArrivalBadge--not-arrived {
  background: #fff3e0;
  color: #e65100;
}
.CalendarTooltip__ArrivalBadge--not-arrived .b-fa {
  font-size: 0.75rem;
}
.CalendarTooltip__DescriptionText {
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
}
.CalendarTooltip__Location .CalendarTooltip__InfoValue {
  color: #1976d2;
  cursor: pointer;
  text-decoration: underline;
}
.CalendarTooltip__Location .CalendarTooltip__InfoValue:hover {
  color: #1565c0;
}
.CalendarTooltip__VideoSection {
  padding: 16px;
}
.CalendarTooltip__VideoCard {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.CalendarTooltip__VideoCard .b-fa-video {
  color: #667eea;
  font-size: 1.2rem;
}
.CalendarTooltip__VideoCard span {
  flex: 1;
  font-size: 0.9rem;
  font-weight: 500;
  color: #212529;
}
.CalendarTooltip__VideoCard--unavailable {
  background: #ffebee;
}
.CalendarTooltip__VideoCard--unavailable .b-fa-video-slash {
  color: #c62828;
}
.CalendarTooltip__VideoCard--unavailable span {
  color: #c62828;
}
.CalendarTooltip__VideoContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.CalendarTooltip__VideoContent > div:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #212529;
}
.CalendarTooltip__VideoLinkRow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.CalendarTooltip__VideoUrl {
  font-size: 0.8rem;
  color: #0000ff;
  word-break: break-all;
  line-height: 1.3;
  text-decoration: none;
  flex: 1;
}
.CalendarTooltip__VideoUrl:hover {
  text-decoration: underline;
}
.CalendarTooltip__CopyButton {
  background: transparent;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  color: #6c757d;
  transition: all 0.2s ease;
  border-radius: 4px;
}
.CalendarTooltip__CopyButton:hover {
  background: #f0f0f0;
  color: #0000ff;
}
.CalendarTooltip__CopyButton--copied {
  color: #28a745;
}
.CalendarTooltip__CopyButton--copied .b-fa-copy::before {
  content: "";
}
.CalendarTooltip__ParticipantsList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.CalendarTooltip__Participant {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.CalendarTooltip__Participant:hover {
  background: #e9ecef;
  transform: translateX(4px);
}
.CalendarTooltip__ParticipantAvatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 0.85rem;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.CalendarTooltip__ParticipantInfo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.CalendarTooltip__ParticipantHeader {
  display: flex;
  align-items: center;
  gap: 8px;
}
.CalendarTooltip__ParticipantName {
  font-size: 0.9rem;
  font-weight: 500;
  color: #212529;
  text-decoration: none;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  transition: color 0.2s ease;
}
.CalendarTooltip__ParticipantName:hover {
  color: #667eea;
  text-decoration: underline;
}
.CalendarTooltip__ParticipantTitle {
  font-size: 0.75rem;
  color: #6c757d;
  background: #e9ecef;
  padding: 2px 6px;
  border-radius: 4px;
}
.CalendarTooltip__ParticipantDetails {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: #6c757d;
}
.CalendarTooltip__ParticipantSSN {
  font-family: monospace;
}
.CalendarTooltip__ParticipantDivider {
  color: #dee2e6;
}
.CalendarTooltip__ParticipantEmail {
  color: #0066cc;
  text-decoration: none;
  transition: all 0.2s ease;
}
.CalendarTooltip__ParticipantEmail:hover {
  text-decoration: underline;
  color: #0052a3;
}
.CalendarTooltip__ParticipantStatus {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 2px;
}
.CalendarTooltip__ParticipantStatus--confirmed {
  color: #28a745;
}
.CalendarTooltip__ParticipantStatus--pending {
  color: #ffc107;
}
.CalendarTooltip__ParticipantStatus--declined {
  color: #dc3545;
}
.CalendarTooltip__ErrorSection {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #ffebee;
  color: #c62828;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0 0 12px 12px;
}
.CalendarTooltip__ErrorSection .b-fa {
  font-size: 1rem;
}
.AgendaEventDetails__ParticipantsStatus {
  display: contents;
}
.AgendaEventDetails__ParticipantsStatusName {
  cursor: pointer;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shimmer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.tooltip-container {
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  display: flex;
  border-radius: 4px;
  border: 1px solid #b9b7b5;
  background: #fff;
}

.tooltip-header {
  display: flex;
  flex-direction: row;
}

.tooltip-date {
  color: #23211f;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tooltip-value-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.tooltip-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 30px;
}

.tooltip-value {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.tooltip-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
}

.tooltip-name {
  color: #918f8d;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tooltip-value {
  color: #23211f;
  leading-trim: both;
  text-edge: cap;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tooltip-unity {
  padding-left: 2px;
  color: #918f8d;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}.apexcharts-menu-item.exportCSV {
  display: none;
}.NewAlertsTable .WUK-Table {
  height: calc( 100vh - 68px - 35px - 106px );
}
.NewAlertsTable .WUK-Table__Header {
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #d7d5d3;
  border-bottom: none;
}
.NewAlertsTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
  border: 1px solid #d7d5d3;
}.ChannelPrescription__Preview {
  width: calc(80vw - 2rem);
  max-height: 80vh;
  height: 100%;
}
.ChannelPrescription__Preview__Loading {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ChannelPrescription__Preview .MuiButton-startIcon {
  color: white;
}
.ChannelPrescription__Preview .switch-button {
  background-color: white !important;
  margin-left: -0.625rem;
}
.ChannelPrescription__Preview .switch-button .android-switch span {
  color: white;
}
.ChannelPrescription__Preview .switch-button .Mui-checked + .MuiSwitch-track {
  background-color: blue !important;
  opacity: 1 !important;
}
.ChannelPrescription__Preview .switch-button .Mui-checked .MuiSwitch-thumb {
  background-color: white !important;
}.ChannelsContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 260px);
}
.ChannelsContainer .NewPrescription {
  margin-left: auto;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}
.ChannelsContainer__Loading {
  margin: auto;
}
.ChannelsContainer .PatientChannels__Channels {
  overflow-y: auto;
  height: calc(100vh - 320px);
}
.ChannelsContainer .PatientChannels .switch-button {
  margin-left: -8px;
  background-color: white !important;
}
.ChannelsContainer .PatientChannels .switch-button .Mui-checked + .MuiSwitch-track {
  background-color: blue !important;
  opacity: 1 !important;
}
.ChannelsContainer .PatientChannels .switch-button .Mui-checked .MuiSwitch-thumb {
  background-color: white !important;
}.BioPageViewer__IconWrapper {
  display: inline-flex;
  align-items: center;
}
.BioPageViewer__IconButton {
  color: #1976d2 !important;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.BioPageViewer__IconButton:hover {
  opacity: 1;
  background-color: rgba(25, 118, 210, 0.04) !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.NotationViewCard {
  border-radius: 8px;
  border: 1px solid #d7d5d3;
  background: white;
  padding: 20px;
}

.NotationViewCard .NoteContainer {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.NotationViewCard .NoteContainer .ql-editor {
  padding: 0 !important;
  font-family: "Akzidenz";
}

.NotationViewCard .NoteHeader {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.NotationViewCard .NoteExpands {
  display: flex;
  flex-direction: row;
}

.NotationViewCard .NoteContainer {
  display: flex;
}

.NotationViewCard .AttachmentsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.NotationViewCard .NoteFields {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.NotationViewCard .NoteFields .NoteField {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  border: 1px solid #32c8c8;
  padding: 4px 12px;
  line-height: 12px;
  font-size: 0.875rem;
}

.NotationViewCard .NoteFields .NoteField .Field {
  color: #918f8d;
}

.NotationViewCard .NoteFields .NoteField .Value {
  color: black;
}

.NotationViewCard .ql-editor {
  padding: 12px 0;
  font-family: "Akzidenz";
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.NewPatientProfileHeader {
  min-height: 4.5rem;
  background-color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem;
  gap: 2rem;
  border: 1px solid #ebe9e7;
}

.NewPatientProfileHeader__Settings {
  height: 2rem;
  width: 2rem;
  color: #918f8d;
}

.NewPatientProfileHeader__Settings .MuiSvgIcon-fontSizeMedium {
  font-size: 2rem !important;
  cursor: pointer;
}

.NewPatientProfileHeader__Actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

.NewPatientProfileHeader__Actions .ActionButton {
  border-color: #d7d5d3;
  height: 40px;
}

.NewPatientProfileHeader__Actions .switch-button.LinkedAccount {
  width: fit-content;
  background-color: transparent !important;
  border: 1px solid #d7d5d3;
}

.NewPatientProfileHeader__Actions .switch-button.LinkedAccount.isChecked {
  border: 1px solid #32c8c8;
}

.NewPatientProfileHeader__Actions .switch-button.LinkedAccount .Mui-checked + .MuiSwitch-track {
  background-color: #32c8c8 !important;
}

.NewPatientProfileHeader__Actions .switch-button.LinkedAccount .Mui-checked .MuiSwitch-thumb {
  background-color: #fff !important;
}

.NewPatientProfileHeader .NewButton {
  font-size: 0.875rem;
  font-family: Akzidenz;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: none;
  display: flex;
  align-items: center;
  height: 2.5rem;
}

.NewPatientProfileHeader .NewButton:hover {
  background-color: transparent;
}

.NewPatientProfileHeader .NewButton.NewButton__red:hover {
  background-color: #a0003c;
}

.NewPatientProfileHeader .NewButton.NewButton__black:hover {
  background-color: #413f3d;
}

.NewPatientProfileHeader .NewButton.NewButton__green:hover {
  background-color: #32c8c8;
}

.NewPatientProfileHeader .NewButton:focus {
  outline: none;
}.LinkAccountModalContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.LinkAccountModalContainer .InputContent {
  max-height: 2.375rem;
}
.LinkAccountModalContainer .InputLabel {
  padding-bottom: 4px;
}
.LinkAccountModalContainer .InputLabel p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.LinkAccountModalContainer .SelectInputContainer {
  margin: 0;
}
.LinkAccountModalContainer .SelectInputContainer .react-select__control {
  border-radius: 4px;
}
.LinkAccountModalContainer__select .Select__control {
  border-color: #32c8c8 !important;
}
.LinkAccountModalContainer__select .Select__single-value {
  top: 1rem;
  font-family: "AkzidenzGroteskStd" !important;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.LinkedAccountCard__Container {
  width: 100%;
  padding: 1.25rem;
  border: 1px solid #32c8c8;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.LinkedAccountCard__Container__Relationship-Header {
  width: 100%;
}

.LinkedAccountCard__Container__Relationship-Header__Container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px;
  font-family: "AkzidenzGroteskStd" !important;
}

.LinkedAccountCard__Container__Relationship-Header__Container strong {
  font-family: "AkzidenzGroteskStd-Md" !important;
}

.LinkedAccountCard__Container__Relationship-Header__Container p {
  line-height: 3px !important;
}

.LinkedAccountCard__Container__Relationship-Header__Container div {
  width: fit-content !important;
  margin: 0;
}

.LinkedAccountCard__Container__Relationship-Header hr {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  background-color: #d7d5d3;
}

.LinkedAccountCard__Container__Content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 0.5rem;
}

.LinkedAccountCard__Container__Content__Infos {
  cursor: pointer;
  width: 100%;
}

.LinkedAccountCard__Container__Content__Actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
}

.LinkedAccountCard__Container__Content__Actions .UnlinkAccountButton {
  border: 1px solid #a0003c;
}

.LinkedAccountCard__Container__Content__Actions__Bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.LinkedAccountCard__Container__Content__Actions__Bottom__Status {
  color: #918f8d;
}

.LinkedAccountCard__Container__Content__Actions__Bottom .switch-button.LinkedAccount {
  width: fit-content;
  background-color: transparent !important;
  border: 1px solid #d7d5d3;
}

.LinkedAccountCard__Container__Content__Actions__Bottom .switch-button.LinkedAccount.isChecked {
  border: 1px solid #32c8c8;
}

.LinkedAccountCard__Container__Content__Actions__Bottom .switch-button.LinkedAccount .Mui-checked + .MuiSwitch-track {
  background-color: #32c8c8 !important;
}

.LinkedAccountCard__Container__Content__Actions__Bottom .switch-button.LinkedAccount .Mui-checked .MuiSwitch-thumb {
  background-color: #fff !important;
}

.profile-paper-data-title {
  width: 100% !important;
  margin: auto;
  position: relative;
}

.profile-paper-data-title .profile-paper-data-info span {
  font-family: "AkzidenzGroteskStd" !important;
  border-radius: 3.75rem;
  border: 1px solid black;
  padding: 4px 10px;
  color: black;
  line-height: 1rem;
  background-color: white;
  word-break: keep-all;
}

.profile-paper-data-title .profile-paper-data-info div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  border: 1px solid #d7d5d3;
  border-radius: 50%;
}

.profile-paper-data-title .profile-paper-data-info div svg {
  width: 1rem;
  color: black;
  height: 1rem;
  cursor: pointer;
}

.is3PAccount {
  background-color: #edf3f2;
}

.profile-paper-data .profile-paper-data-title {
  font-family: "AkzidenzGroteskStd" !important;
}

.profile-paper-data .profile-paper-data-info {
  font-family: "AkzidenzGroteskStd-Md" !important;
}.LinkedAccounts {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.LinkedAccounts .UserInformation__Header {
  border-bottom: none !important;
}
.LinkedAccounts .UserInformation__TitleContainer {
  height: 2.125rem;
}
.LinkedAccounts .profile-paper-data-container {
  gap: 1.25rem;
  padding: 0 !important;
  height: 100%;
}
.LinkedAccounts .LinkAccountButton {
  border: 1px solid #32c8c8;
}
.LinkedAccounts .LinkAccountButton svg {
  fill: #32c8c8;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.custom-field-modal {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}

.custom-field-modal__description {
  font-size: 14px;
  color: #6d6b69;
  line-height: 1.5;
}

.custom-field-modal__form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.custom-field-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.custom-field-modal__field label {
  font-size: 14px;
  font-weight: 600;
  color: #475569;
}

.custom-field-modal__field input,
.custom-field-modal__field textarea,
.custom-field-modal__field select {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  background-color: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-field-modal__field input::placeholder,
.custom-field-modal__field textarea::placeholder,
.custom-field-modal__field select::placeholder {
  color: #9ca3af;
}

.custom-field-modal__field input:hover,
.custom-field-modal__field textarea:hover,
.custom-field-modal__field select:hover {
  border-color: #cbd5e1;
}

.custom-field-modal__field input:focus,
.custom-field-modal__field textarea:focus,
.custom-field-modal__field select:focus {
  border-color: #00a896;
  box-shadow: 0 0 0 4px rgba(0, 168, 150, 0.12);
  outline: none;
}

.custom-field-modal__field input:disabled,
.custom-field-modal__field textarea:disabled,
.custom-field-modal__field select:disabled {
  color: #94a3b8;
  background-color: #f8fafc;
}

.custom-field-modal__field textarea {
  min-height: 96px;
  resize: vertical;
}

.custom-field-modal__helper, .custom-field-modal__error {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #dc3545;
  margin-top: 4px;
}

.custom-field-modal__checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
}

.custom-field-modal__checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #475569;
}

.custom-field-modal__checkbox input {
  width: 16px;
  height: 16px;
  accent-color: #00a896;
  border-radius: 4px;
}

.custom-field-modal .InputContainer,
.custom-field-modal .SelectInputContainer {
  min-width: 100%;
  font-family: AkzidenzGroteskStd, -apple-system, system-ui, sans-serif;
  margin-right: 0;
}

.custom-field-modal .InputContainer .InputLabel {
  padding-bottom: 6px;
}

.custom-field-modal .InputContainer .InputLabel p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #475569;
}

.custom-field-modal .InputContainer .InputContent {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background-color: #ffffff;
  max-height: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.custom-field-modal .InputContainer .InputContent:hover {
  border-color: #cbd5e1;
}

.custom-field-modal .InputContainer .InputContent:focus-within {
  border-color: #00a896;
  box-shadow: 0 0 0 4px rgba(0, 168, 150, 0.12);
}

.custom-field-modal .InputContainer .InputContent .MuiInput-root {
  width: 100%;
}

.custom-field-modal .InputContainer .InputContent .MuiInput-input {
  font-size: 14px;
  line-height: 1.5;
  padding: 0;
  color: #1f2937;
}

.custom-field-modal .InputContainer .InputContent .MuiInput-input::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

.custom-field-modal .InputContainer .InputContent .MuiInputBase-root.Mui-disabled {
  color: #94a3b8;
}

.custom-field-modal .InputContainer .InputContent .MuiInput-input.Mui-disabled {
  color: #94a3b8;
}

.custom-field-modal .SelectInputContainer .SelectInputLabel {
  padding-bottom: 6px;
}

.custom-field-modal .SelectInputContainer .SelectInputLabel p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #475569;
}

.custom-field-modal .SelectInputContainer .react-select__control {
  min-height: 46px;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 0 8px;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-field-modal .SelectInputContainer .react-select__control:hover {
  border-color: #cbd5e1 !important;
}

.custom-field-modal .SelectInputContainer .react-select__control--is-focused {
  border-color: #00a896 !important;
  box-shadow: 0 0 0 4px rgba(0, 168, 150, 0.12) !important;
}

.custom-field-modal .SelectInputContainer .react-select__value-container {
  padding: 4px 0;
  gap: 6px;
}

.custom-field-modal .SelectInputContainer .react-select__single-value {
  font-size: 14px;
  color: #1f2937;
}

.custom-field-modal .SelectInputContainer .react-select__placeholder {
  color: #9ca3af;
  font-size: 14px;
}

.custom-field-modal .SelectInputContainer .react-select__dropdown-indicator {
  color: #475569;
}

.custom-field-modal .SelectInputContainer .react-select__menu {
  border-radius: 8px;
  padding: 4px 0;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.custom-field-modal .SelectInputContainer .react-select__option--is-focused {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

.custom-field-modal .SelectInputContainer .react-select__option--is-selected {
  background-color: #00a896 !important;
  color: #ffffff !important;
}

.custom-field-modal .has-error .react-select__control {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.12) !important;
}

.custom-field-modal__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 10px;
  background-color: #f8fafc;
}

.custom-field-modal__toggle-label {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}

.modal-card, .modal-container__create-field-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 24px 40px rgba(15, 23, 42, 0.16);
  width: min(95vw, 560px);
  max-height: 92vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.modal-card--compact {
  width: min(95vw, 480px);
}

.modal-card--medium {
  width: min(95vw, 560px);
}

.modal-card--wide {
  width: min(95vw, 860px);
  min-height: 500px;
}

.modal-card--flush {
  padding: 0;
}

.modal-card__content, .modal-container__create-field-modal__content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
  flex: 1;
}

@media (max-width: 480px) {
  .modal-card__content, .modal-container__create-field-modal__content {
    padding: 24px;
    gap: 20px;
  }
}

.modal-card__header, .modal-container__create-field-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.modal-card__title, .modal-container__modal-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #161616;
}

.modal-card__description, .modal-container__modal-description {
  font-size: 14px;
  color: #6d6b69;
  line-height: 1.5;
}

.modal-card__form, .modal-container__create-field-modal__form,
.modal-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.modal-card__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.modal-card__field label {
  font-size: 14px;
  font-weight: 600;
  color: #34322f;
}

.modal-card__field input,
.modal-card__field select,
.modal-card__field textarea {
  border: 1px solid #d7d5d3;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #161616;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ffffff;
  width: 100%;
}

.modal-card__field textarea {
  min-height: 80px;
  resize: vertical;
}

.modal-card__field input:focus,
.modal-card__field select:focus,
.modal-card__field textarea:focus {
  border-color: #00a896;
  box-shadow: none;
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 0;
}

.modal-card__field select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #4d4b49 50%), linear-gradient(135deg, #4d4b49 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px), calc(100% - 42px) 50%;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
}

.modal-card__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 10px;
  background-color: #f7f7f7;
}

.modal-card__toggle .modal-card__toggle-label {
  font-size: 14px;
  font-weight: 600;
  color: #161616;
}

.modal-card__helper, .error-message {
  font-size: 12px;
  color: #dc3545;
}

.modal-card__actions, .modal-container__create-field-modal__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  padding-top: 20px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.modal-card__actions .IconButton, .modal-container__create-field-modal__actions .IconButton {
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-height: 40px !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.modal-card__actions .IconButton .MuiButton-startIcon, .modal-container__create-field-modal__actions .IconButton .MuiButton-startIcon,
.modal-card__actions .IconButton .MuiButton-endIcon,
.modal-container__create-field-modal__actions .IconButton .MuiButton-endIcon {
  margin: 0 !important;
}

.modal-card__actions .IconButton p, .modal-container__create-field-modal__actions .IconButton p {
  font-size: 14px;
  font-weight: 500;
}

.modal-card__actions .IconButton.IconButton-outlined, .modal-container__create-field-modal__actions .IconButton.IconButton-outlined {
  border-color: #d7d5d3 !important;
  color: #34322f !important;
  background-color: #ffffff !important;
}

.modal-card__actions .IconButton.IconButton-outlined:hover, .modal-container__create-field-modal__actions .IconButton.IconButton-outlined:hover {
  border-color: #32c8c8 !important;
  color: #32c8c8 !important;
  background-color: rgba(50, 200, 200, 0.1) !important;
}

.modal-card__actions .IconButton.IconButton-contained.tertiary, .modal-container__create-field-modal__actions .IconButton.IconButton-contained.tertiary {
  background-color: #32c8c8 !important;
  border-color: #32c8c8 !important;
  color: #ffffff !important;
  padding-inline: 22px !important;
}

.modal-card__actions .IconButton.IconButton-contained.tertiary:hover, .modal-container__create-field-modal__actions .IconButton.IconButton-contained.tertiary:hover, .modal-card__actions .IconButton.IconButton-contained.tertiary.MuiButton-root:hover {
  background-color: #e0f7f7 !important;
  border-color: #e0f7f7 !important;
  color: #ffffff !important;
}

.modal-card__close-button, .modal-container__close-button {
  margin: 0 !important;
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background-color: transparent !important;
  color: #4d4b49 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.modal-card__close-button .MuiButton-startIcon, .modal-container__close-button .MuiButton-startIcon,
.modal-card__close-button .MuiButton-endIcon,
.modal-container__close-button .MuiButton-endIcon {
  margin: 0 !important;
}

.modal-card__close-button:hover, .modal-container__close-button:hover {
  background-color: rgba(50, 200, 200, 0.1) !important;
  border-color: rgba(50, 200, 200, 0.3) !important;
  color: #32c8c8 !important;
}

.modal-card__section-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.modal-card__section-header-title {
  font-size: 16px;
  font-weight: 600;
  color: #161616;
}

.modal-card__section-header-subtitle {
  font-size: 14px;
  color: #6d6b69;
}

.modal-card__scroll {
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 4px;
}

.modal-card__tabs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-card__tabs .MuiTabs-root {
  min-height: 0;
}

.modal-card__tabs .MuiTab-root {
  text-transform: none;
  font-weight: 600;
  color: #6d6b69;
}

.modal-card__tabs .MuiTab-root.Mui-selected {
  color: #32c8c8;
}

.modal-card__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.modal-card__divider {
  height: 1px;
  background: rgba(15, 23, 42, 0.08);
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.sections-manager-modal {
  width: min(80vw, 860px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sections-manager {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sections-manager__tabs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sections-manager__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 4px;
}

.sections-manager__subtitle {
  font-size: 14px;
  color: #4d4b49;
  line-height: 1.5;
}

.sections-manager__toolbar-actions {
  display: flex;
  gap: 12px;
}

.sections-manager__items,
.sections-manager__standalone-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sections-manager__item,
.sections-manager__standalone-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  background: #f9f9f7;
}

.sections-manager__item-info,
.sections-manager__standalone-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sections-manager__item-title {
  font-size: 16px;
  font-weight: 600;
  color: #161616;
}

.sections-manager__item-meta,
.sections-manager__standalone-meta {
  font-size: 14px;
  color: #4d4b49;
}

.sections-manager__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  color: #161616;
  font-size: 12px;
  font-weight: 500;
}

.sections-manager__actions,
.sections-manager__standalone-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sections-manager__icon-button {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
  color: #161616;
}

.sections-manager__icon-button:hover {
  background: rgba(15, 23, 42, 0.05);
}

.sections-manager__icon-button.Mui-disabled {
  opacity: 0.4;
  background: rgba(15, 23, 42, 0.04);
}

.sections-manager__pending-banner {
  background-color: #e8f4ff;
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.sections-manager__pending-text {
  font-weight: 600;
  color: #161616;
}

.sections-manager__pending-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sections-manager__pending-indicator {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 12px;
  background-color: #e8f4ff;
  color: #32c8c8;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 8px;
}

.sections-manager__standalone-item--pending {
  background-color: #f8fbff;
  border-color: #32c8c8;
}

.sections-manager__empty {
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px dashed rgba(15, 23, 42, 0.2);
  background: rgba(15, 23, 42, 0.02);
  font-size: 14px;
  color: #4d4b49;
}

.sections-manager__standalone-select {
  width: 240px;
}

.section-tabs {
  background: #ebe9e7;
  padding: 4px;
  border-radius: 12px;
}

.section-tabs__container {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.section-tabs__tab {
  appearance: none;
  outline: none;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  background: transparent;
  color: #71717a;
  font-family: AkzidenzGroteskStd;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: all 0.2s ease;
}

.section-tabs__tab:focus, .section-tabs__tab:active {
  outline: none;
  box-shadow: none;
}

.section-tabs__tab:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 2px;
}

.section-tabs__tab:hover {
  background: #ffffff;
  color: #18181b;
  border-color: #d1d5db;
  box-shadow: none;
}

.section-tabs__tab.section-tabs__tab--active {
  background: #ffffff;
  color: #18181b;
  border-color: #94a3b8;
  box-shadow: none;
}

.section-tabs__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #e5e7eb;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
}

.sections-manager__loading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sections-manager__standalone-select .SelectInputContainer {
  margin: 0;
}

@media (max-width: 600px) {
  .sections-manager__item,
.sections-manager__standalone-item {
    flex-direction: column;
    align-items: stretch;
  }

  .sections-manager__actions,
.sections-manager__standalone-actions {
    justify-content: flex-end;
  }

  .sections-manager__standalone-select {
    width: 100%;
  }
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.UserInformation.patient-custom-fields .UserInformation__Header {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.patient-custom-fields .profile-paper-data-info {
  overflow: visible !important;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;
}
.patient-custom-fields .profile-paper-data-container {
  height: auto;
  overflow-x: hidden;
}
.patient-custom-fields .custom-fields-header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.patient-custom-fields__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.patient-custom-fields__header-actions > * {
  flex-shrink: 0;
}
.patient-custom-fields__header-actions > .patient-custom-fields__account-controls {
  flex-shrink: 1;
}
.patient-custom-fields__header-badges {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.patient-custom-fields__header-badges .Badge {
  font-size: 14px;
}
.patient-custom-fields__header-buttons {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.patient-custom-fields__account-controls {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 0;
}
.patient-custom-fields__account-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.patient-custom-fields__account-control-label {
  font-size: 14px;
  font-weight: 500;
  color: #34322f;
}
.patient-custom-fields__account-control-content {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.patient-custom-fields .PatientCustomFields__AddButton,
.patient-custom-fields .PatientCustomFields__SettingsButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 1px solid #d1d5db !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 6px !important;
}
.patient-custom-fields .PatientCustomFields__AddButton p,
.patient-custom-fields .PatientCustomFields__SettingsButton p {
  color: inherit !important;
}
.patient-custom-fields .PatientCustomFields__AddButton svg,
.patient-custom-fields .PatientCustomFields__SettingsButton svg {
  color: inherit !important;
}
.patient-custom-fields .PatientCustomFields__AddButton:hover, .patient-custom-fields .PatientCustomFields__AddButton.MuiButton-root:hover,
.patient-custom-fields .PatientCustomFields__SettingsButton:hover,
.patient-custom-fields .PatientCustomFields__SettingsButton.MuiButton-root:hover {
  background-color: #f3f4f6 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
.patient-custom-fields .PatientCustomFields__AddButton:hover p,
.patient-custom-fields .PatientCustomFields__AddButton:hover svg, .patient-custom-fields .PatientCustomFields__AddButton.MuiButton-root:hover p,
.patient-custom-fields .PatientCustomFields__AddButton.MuiButton-root:hover svg,
.patient-custom-fields .PatientCustomFields__SettingsButton:hover p,
.patient-custom-fields .PatientCustomFields__SettingsButton:hover svg,
.patient-custom-fields .PatientCustomFields__SettingsButton.MuiButton-root:hover p,
.patient-custom-fields .PatientCustomFields__SettingsButton.MuiButton-root:hover svg {
  color: #0f172a !important;
}
.patient-custom-fields .PatientCustomFields__AddButton:focus-visible,
.patient-custom-fields .PatientCustomFields__SettingsButton:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 2px;
}
.patient-custom-fields .PatientCustomFields__AddButton {
  padding: 0.35rem 0.9rem !important;
}
.patient-custom-fields .PatientCustomFields__SettingsButton {
  padding: 6px !important;
  min-width: 36px !important;
  width: 36px !important;
}
.patient-custom-fields .PatientCustomFields__SettingsButton .MuiButton-startIcon,
.patient-custom-fields .PatientCustomFields__SettingsButton .MuiButton-endIcon {
  margin: 0 !important;
}
.patient-custom-fields .custom-fields-unsaved-indicator {
  padding: 0.5rem 1rem;
  margin: 0.75rem 0 0 0;
  background-color: #e8f3ff;
  border: 1px solid #90caf9;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #1e3a8a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.patient-custom-fields .custom-fields-unsaved-indicator::before {
  content: "⚠";
  font-size: 1rem;
  flex-shrink: 0;
}
.patient-custom-fields .custom-fields-loading {
  text-align: center;
  padding: 2rem;
  color: #918f8d;
  font-style: italic;
}
.patient-custom-fields .no-custom-fields {
  text-align: center;
  padding: 2rem;
}
.patient-custom-fields .no-custom-fields .no-custom-fields-text {
  margin: 0 0 1rem 0;
  color: #918f8d;
  font-size: 0.875rem;
}
.patient-custom-fields .global-field-indicator {
  padding: 0.125rem 0.375rem;
  background-color: #191715;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 12px;
  font-weight: normal;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.patient-custom-fields .profile-paper-data-info:not(:has(input, textarea, label)) {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  overflow: visible;
  padding: 0;
  line-height: 1.5;
}
.patient-custom-fields .custom-field-input {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-family: AkzidenzGroteskStd;
  font-weight: 500;
  background-color: transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  min-height: auto;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.patient-custom-fields .custom-field-input:focus {
  outline: none;
  background-color: #e3f2fd;
  border-color: #90caf9;
}
.patient-custom-fields .custom-field-input.has-changes {
  background-color: #e3f2fd;
  border-color: #90caf9;
}
.patient-custom-fields .custom-field-input::placeholder {
  color: #918f8d;
  font-weight: normal;
}
.patient-custom-fields .custom-field-empty::placeholder {
  color: #918f8d;
  font-weight: normal;
  font-size: 14px;
  opacity: 0.5;
}
.patient-custom-fields .custom-field-textarea {
  resize: none;
  overflow: hidden;
  min-height: 24px;
  line-height: 1.4;
  padding: 4px 8px;
}
.patient-custom-fields .custom-field-textarea:focus {
  overflow: auto;
}
.patient-custom-fields .custom-field-checkbox {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 4px 8px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  flex-shrink: 0;
}
.patient-custom-fields .custom-field-checkbox.has-changes {
  background-color: #e3f2fd;
  border-color: #90caf9;
}
.patient-custom-fields .custom-field-checkbox input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #00a896;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.patient-custom-fields .custom-field-checkbox .checkbox-label {
  font-size: 14px;
  font-family: AkzidenzGroteskStd;
  font-weight: 500;
  color: #161616;
  user-select: none;
  white-space: normal;
  word-wrap: break-word;
}
.patient-custom-fields .profile-paper-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-family: AkzidenzGroteskStd, sans-serif;
  color: #161616;
  font-size: 14px;
  line-height: 1.5;
}
.patient-custom-fields .profile-paper-data-title {
  font-weight: 500;
  font-size: 14px;
  font-family: AkzidenzGroteskStd, sans-serif;
  text-transform: none;
  color: #475569;
}
.patient-custom-fields .profile-paper-data-info {
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  font-weight: 400;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.patient-custom-fields .profile-paper-data-info--placeholder {
  color: #9ca3af;
  font-style: normal;
}
.patient-custom-fields .custom-field-email-link {
  color: #0f6ad8;
  text-decoration: none;
  font-weight: 500;
}
.patient-custom-fields .custom-field-email-link:hover {
  text-decoration: underline;
}
.patient-custom-fields .patient-field-row {
  position: relative;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  min-height: auto;
}
.patient-custom-fields .patient-field-row + .patient-field-row {
  margin-top: 4px;
}
.patient-custom-fields .patient-field-row:hover {
  background-color: #f5f5f5;
}
.patient-custom-fields .patient-field-row--edited {
  background-color: #e8f3ff;
  border-color: #bcd7ff;
}
.patient-custom-fields .patient-field-row--editing {
  background-color: #e3f2fd;
  border-color: #90caf9;
}
.patient-custom-fields .patient-field-row__body {
  display: grid;
  grid-template-columns: 180px 1fr auto;
  gap: 12px;
  width: 100%;
  align-items: start;
}
.patient-custom-fields .patient-field-row__label {
  grid-column: 1;
  font-weight: 500;
  font-size: 14px;
  font-family: AkzidenzGroteskStd, sans-serif;
  text-transform: none;
  color: #475569;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 6px;
}
.patient-custom-fields .patient-field-row__content {
  grid-column: 2;
  color: #111827;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;
  min-width: 0;
}
.patient-custom-fields .patient-field-row__inline-actions {
  grid-column: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: end;
}
.patient-custom-fields .patient-field-row__edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid transparent;
  background-color: transparent;
  color: #4b5563;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.patient-custom-fields .patient-field-row__edit-button svg {
  font-size: 18px;
}
.patient-custom-fields .patient-field-row__edit-button:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.patient-custom-fields .patient-field-row__edit-button:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.4);
  outline-offset: 2px;
}
.patient-custom-fields .patient-field-row__edit-button--confirm {
  background-color: #00a896;
  border-color: #00a896;
  color: #ffffff;
}
.patient-custom-fields .patient-field-row__edit-button--confirm:hover {
  background-color: #00897b;
  border-color: #00897b;
}
.patient-custom-fields .patient-field-row__edit-button--cancel {
  border-color: #e5e7eb;
  color: #6b7280;
}
.patient-custom-fields .patient-field-row__edit-button--cancel:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
  color: #374151;
}
.patient-custom-fields .patient-field-row__diff {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 12px;
  color: #6b7280;
}
.patient-custom-fields .patient-field-row__diff-arrow {
  font-weight: 600;
  color: #4b5563;
}
.patient-custom-fields .patient-field-row__diff-value--previous {
  text-decoration: line-through;
  color: #9ca3af;
}
.patient-custom-fields .patient-field-row__diff-value--next {
  font-weight: 600;
  color: #111827;
}
.patient-custom-fields .patient-field-action-tray {
  grid-column: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  justify-self: end;
}
.patient-custom-fields .patient-field-action-tray--visible {
  opacity: 1;
  pointer-events: auto;
}
.patient-custom-fields .patient-field-action-tray__button {
  padding: 4px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  color: #4b5563 !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}
.patient-custom-fields .patient-field-action-tray__button svg {
  font-size: 18px !important;
}
.patient-custom-fields .patient-field-action-tray__button:hover {
  background-color: #f3f4f6 !important;
  color: #1f2937 !important;
}
.patient-custom-fields .patient-field-action-tray__button:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.4) !important;
  outline-offset: 2px !important;
}
.patient-custom-fields .pending-changes-banner {
  margin: 20px;
  background-color: #e8f4ff;
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.patient-custom-fields .pending-changes-banner__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.patient-custom-fields .pending-changes-banner__summary {
  font-size: 0.95rem;
  font-weight: 600;
  color: #161616;
}
.patient-custom-fields .pending-changes-banner__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.patient-custom-fields .pending-changes-banner__button {
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.patient-custom-fields .pending-changes-banner__button--primary {
  background-color: #32c8c8;
  color: #ffffff;
  border-color: #32c8c8;
}
.patient-custom-fields .pending-changes-banner__button--primary:disabled {
  background-color: #918f8d;
  border-color: #918f8d;
  cursor: not-allowed;
  opacity: 0.6;
}
.patient-custom-fields .pending-changes-banner__button--primary:not(:disabled):hover {
  background-color: #2aa7a7;
  border-color: #2aa7a7;
}
.patient-custom-fields .pending-changes-banner__button--secondary {
  background-color: #ffffff;
  border-color: #918f8d;
  color: #34322f;
}
.patient-custom-fields .pending-changes-banner__button--secondary:hover {
  background-color: #ebe9e7;
}
.patient-custom-fields .pending-changes-banner__toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  color: #4d4b49;
  padding: 4px;
}
.patient-custom-fields .pending-changes-banner__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.patient-custom-fields .pending-changes-banner__item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 12px 16px;
}
.patient-custom-fields .pending-changes-banner__item-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.patient-custom-fields .pending-changes-banner__item-label {
  font-weight: 600;
  color: #161616;
}
.patient-custom-fields .pending-changes-banner__item-diff {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
.patient-custom-fields .pending-changes-banner__item-value--previous {
  text-decoration: line-through;
  color: #4d4b49;
}
.patient-custom-fields .pending-changes-banner__item-value--next {
  font-weight: 600;
  color: #161616;
}
.patient-custom-fields .pending-changes-banner__item-arrow {
  font-weight: 600;
  color: #34322f;
}
.patient-custom-fields .pending-changes-banner__item-discard {
  border: 1px solid #918f8d;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 0.8rem;
  background: #ffffff;
  color: #34322f;
  cursor: pointer;
  transition: background 0.2s ease;
}
.patient-custom-fields .pending-changes-banner__item-discard:hover {
  background: #ebe9e7;
}
.patient-custom-fields .hidden-fields-panel {
  margin-top: 24px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.patient-custom-fields .hidden-fields-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.patient-custom-fields .hidden-fields-panel__summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #161616;
}
.patient-custom-fields .hidden-fields-panel__summary-icon {
  color: #32c8c8;
  font-size: 18px;
}
.patient-custom-fields .hidden-fields-panel__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  color: #32c8c8;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 4px 6px;
}
.patient-custom-fields .hidden-fields-panel__toggle:hover {
  color: #289f9f;
}
.patient-custom-fields .hidden-fields-panel__caret {
  display: inline-block;
  transition: transform 0.2s ease;
}
.patient-custom-fields .hidden-fields-panel__caret--up {
  transform: rotate(180deg);
}
.patient-custom-fields .hidden-fields-panel__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.patient-custom-fields .hidden-fields-panel__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.65);
}
.patient-custom-fields .hidden-fields-panel__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.patient-custom-fields .hidden-fields-panel__item-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.patient-custom-fields .hidden-fields-panel__label {
  font-weight: 600;
  color: #161616;
}
.patient-custom-fields .hidden-fields-panel__badge {
  background: rgba(50, 200, 200, 0.15);
  color: #32c8c8;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}
.patient-custom-fields .hidden-fields-panel__value {
  font-size: 0.9rem;
  color: #34322f;
  word-break: break-word;
}
.patient-custom-fields .hidden-fields-panel__show {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #32c8c8;
  border-radius: 12px;
  padding: 6px 14px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #32c8c8;
  background: transparent;
  cursor: pointer;
}
.patient-custom-fields .hidden-fields-panel__show:hover {
  background: rgba(50, 200, 200, 0.08);
}
.patient-custom-fields .hidden-fields-panel__show:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.patient-custom-fields .hidden-fields-panel__show-icon {
  font-size: 16px;
}
.patient-custom-fields .shared-datepicker-button {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
  font-family: AkzidenzGroteskStd !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  min-height: auto !important;
  border-radius: 4px !important;
}
.patient-custom-fields .shared-datepicker-button:hover {
  background-color: #f3f4f6 !important;
  border-color: #cbd5e1 !important;
}
.patient-custom-fields .shared-datepicker-button.has-changes, .patient-custom-fields .shared-datepicker-button:focus {
  background-color: #e3f2fd !important;
  border-color: #90caf9 !important;
}
.patient-custom-fields .custom-fields-actions-container {
  padding: 1rem 1.5rem;
}
.patient-custom-fields .custom-fields-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.patient-custom-fields .custom-fields-actions .custom-fields-save-button,
.patient-custom-fields .custom-fields-actions .custom-fields-discard-button {
  flex: 1;
  min-width: 140px;
}
.patient-custom-fields .custom-fields-actions .custom-fields-save-button {
  padding: 0.75rem 1.5rem;
  background-color: #00a896;
  color: #ffffff;
  border: 1px solid #00a896;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "AkzidenzGroteskStd-Md";
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.patient-custom-fields .custom-fields-actions .custom-fields-save-button:hover:not(:disabled) {
  background-color: #00897b;
  border-color: #00897b;
}
.patient-custom-fields .custom-fields-actions .custom-fields-save-button:disabled {
  background-color: #d1d5db;
  border-color: #d1d5db;
  cursor: not-allowed;
  opacity: 0.6;
}
.patient-custom-fields .custom-fields-actions .custom-fields-discard-button {
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  color: #191715;
  border: 1px solid #918f8d;
  border-radius: 4px;
  font-size: 0.875rem;
  font-family: "AkzidenzGroteskStd-Md";
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.patient-custom-fields .custom-fields-actions .custom-fields-discard-button:hover:not(:disabled) {
  background-color: #ebe9e7;
  border-color: #918f8d;
}
.patient-custom-fields .custom-fields-actions .custom-fields-discard-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.patient-custom-fields .section-tabs {
  background: #ebe9e7;
  padding: 4px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.patient-custom-fields .section-tabs__container {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.patient-custom-fields .section-tabs .section-tabs__tab {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none !important;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  min-height: 36px;
  min-width: auto;
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: AkzidenzGroteskStd;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  line-height: 1.5;
  color: #71717a;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.patient-custom-fields .section-tabs .section-tabs__tab:hover {
  background: #ffffff;
  color: #18181b;
  border-color: #d1d5db;
  box-shadow: none;
}
.patient-custom-fields .section-tabs .section-tabs__tab:focus, .patient-custom-fields .section-tabs .section-tabs__tab:active {
  outline: none !important;
  box-shadow: none !important;
}
.patient-custom-fields .section-tabs .section-tabs__tab:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 2px;
}
.patient-custom-fields .section-tabs .section-tabs__tab.section-tabs__tab--active {
  background: #ffffff;
  color: #18181b;
  border-color: #94a3b8;
  box-shadow: none;
}
.patient-custom-fields .section-tabs .section-tabs__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e5e7eb;
  color: #1f2937;
  font-size: 14px;
  height: 18px;
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-weight: 500;
}
.custom-fields-panel .custom-field-input.has-error,
.custom-fields-panel .custom-field-textarea.has-error,
.patient-custom-fields .custom-field-input.has-error,
.patient-custom-fields .custom-field-textarea.has-error {
  border-color: #ff0000 !important;
  outline-color: #ff0000 !important;
}
.custom-fields-panel .custom-field-error-message,
.patient-custom-fields .custom-field-error-message {
  margin-top: 4px;
  font-size: 12px;
  color: #ff0000;
}
.hidden-fields-container {
  padding-left: 24px;
  padding-right: 24px;
}.CustomDropdowns {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  font-size: 14px;
}
.CustomDropdowns .ValueContainer {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.CustomDropdowns .DropdownValueContainer {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 4px;
}
.CustomDropdowns .DropdownValueTimerContainer {
  display: flex;
  align-items: center;
  gap: 2px;
}.PatientGroups__GroupChip__Container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
  font-size: 14px;
}
.PatientGroups__GroupChip__Container .CloseButton {
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem;
  color: #000;
}

.AddToGroupButton {
  background-color: white;
  border: 1px solid #d7d5d3;
  border-radius: 1.125rem;
  padding: 4px 12px;
  cursor: pointer;
  height: 1.75rem;
  font-size: 14px;
}.profile-section-tabs {
  background: #ebe9e7;
  padding: 4px;
  border-radius: 8px;
  margin: 0 20px 16px 20px;
  width: fit-content;
  border-top: none;
}

.profile-section-tabs__wrapper {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.profile-section-tabs__button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  min-height: 36px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: AkzidenzGroteskStd, -apple-system, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  color: #71717a;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.profile-section-tabs__button:focus, .profile-section-tabs__button:active {
  outline: none !important;
  box-shadow: none !important;
}
.profile-section-tabs__button:focus-visible {
  outline: 2px solid rgba(0, 168, 150, 0.35);
  outline-offset: 2px;
}
.profile-section-tabs__button:hover {
  background-color: #ffffff;
  color: #18181b;
  border-color: #d1d5db;
  box-shadow: none;
}
.profile-section-tabs__button--active {
  background-color: #ffffff;
  color: #18181b;
  border-color: #94a3b8;
  box-shadow: none;
}
.profile-section-tabs__button--active:focus, .profile-section-tabs__button--active:focus-visible {
  outline: none !important;
}
.profile-section-tabs__button--add {
  border: 1px dashed rgba(52, 50, 47, 0.35);
  padding: 6px 14px;
  color: #34322f;
  background-color: transparent;
}
.profile-section-tabs__button--add:focus, .profile-section-tabs__button--add:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.profile-section-tabs__button--add:hover {
  background-color: rgba(50, 200, 200, 0.08);
  color: #18181b;
  box-shadow: none;
}
.profile-section-tabs__button--add:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: transparent;
  box-shadow: none;
}

.profile-section-tabs__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background-color: #e5e7eb;
  color: #1f2937;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.DynamicDropdownsContainer {
  display: flex;
  flex-direction: row;
}

.DynamicDropdownsTableContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.DynamicDropdownsTableContents {
  max-height: 450px;
  color: white;
  overflow: "auto";
  margin: 10px 0;
}

.DynamicDropdownsTableContents .MuiTableCell-head {
  font-weight: bold;
  background-color: #ebe9e7;
}

.DynamicDropdownsTableContents p,
.DynamicDropdownsTableContents td,
.DynamicDropdownsTableContents th {
  font-family: Akzidenz;
}

.DynamicDropdownsTableContents .primary {
  margin: 8px;
  color: #1414c8;
  transition: background-color 0.3s;
}

.DynamicDropdownsTableContents .secondary {
  color: #ebe9e7 !important;
}

.DynamicDropdownsTableContents .success {
  color: #ebe9e7 !important;
}

.DynamicDropdownsTableContents .danger {
  color: #a0003c !important;
}

.DynamicDropdownsTableContents .light {
  color: #dae8e5;
}

.DynamicDropdownsTableContents .dark {
  color: #000;
}

.ColorPickerContainer {
  display: flex;
  flex: 1;
  justify-content: center;
  height: 100%;
}.VisibilityTogglesContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.VisibilityTogglesContents {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.VisibilityToggles {
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.TogglesContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}.DropdownsPage {
  background-color: #fff;
  padding: 35px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.DropdownsPage .SelectContainer {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 10px;
}
.DropdownsPage .SelectContainer .IconButton {
  height: 38px;
}
.DropdownsPage .RenameContainer {
  display: flex;
  gap: 10px;
}
.DropdownsPage .DropdownsHeader {
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex-direction: column;
  gap: 15px;
}
.DropdownsPage .DropdownsHeader .DropdownsAddContainer {
  display: flex;
  justify-content: end;
}
.DropdownsPage .DropdownsInput {
  display: flex;
  justify-content: end;
  flex-direction: row;
  gap: 15px;
}
.DropdownsPage .DropdownsPageFooter {
  display: flex;
  justify-content: end;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.CustomerSettingsPage .StaffDataTable .WUK-Table {
  height: calc( 100vh - 130px - 35px - 62px );
  border-color: #d7d5d3;
}

.CustomerSettingsPage .StaffDataTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.CustomerSettingsPage .StaffDataTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.CustomerSettingsPage .StaffDataTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}.PatientsPage .ExtendedTable__PaginationContainer--Top .ExtendedTable__Pagination {
  display: none;
}.TreeItemActions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.TreeItemActions__IconContainer {
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 250ms ease;
  background-color: transparent;
  opacity: 0.5;
}
.TreeItemActions__IconContainer:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}

.Collapse svg {
  transition: transform 250ms ease;
}
.Collapse.collapsed svg {
  transform: rotate(-90deg);
}.Wrapper {
  list-style: none;
  box-sizing: border-box;
  padding-left: var(--spacing);
  margin-bottom: -1px;
}
.Wrapper.clone {
  display: inline-block;
  pointer-events: none;
  padding: 0;
  padding-left: 10px;
  padding-top: 5px;
}
.Wrapper.clone .TreeItem {
  --vertical-padding: 5px;
  padding-right: 24px;
  border-radius: 4px;
  box-shadow: 0px 15px 15px 0 rgba(34, 33, 81, 0.1);
}
.Wrapper.ghost.indicator {
  opacity: 1;
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
}
.Wrapper.ghost.indicator .TreeItem {
  position: relative;
  padding: 0;
  height: 8px;
  border-color: #2389ff;
  background-color: #56a1f8;
}
.Wrapper.ghost.indicator .TreeItem:before {
  position: absolute;
  left: -8px;
  top: -4px;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #2389ff;
  background-color: #ffffff;
}
.Wrapper.ghost.indicator .TreeItem > * {
  /* Items are hidden using height and opacity to retain focus */
  opacity: 0;
  height: 0;
}
.Wrapper.ghost:not(.indicator) {
  opacity: 0.5;
}
.Wrapper.ghost .TreeItem > * {
  box-shadow: none;
  background-color: transparent;
}

.TreeItem-container {
  --vertical-padding: 10px;
  padding: var(--vertical-padding) 10px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #222;
  box-sizing: border-box;
}

.TreeItem {
  position: relative;
  display: flex;
  align-items: center;
}

.Text {
  flex-grow: 1;
  padding-left: 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 36px;
  padding-top: 0.375rem;
}

.Count {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #2389ff;
  font-size: 0.8rem;
  font-weight: 600;
  color: #fff;
}

.disableInteraction {
  pointer-events: none;
}

.disableSelection .Text,
.disableSelection .Count,
.clone .Text,
.clone .Count {
  user-select: none;
  -webkit-user-select: none;
}

.Collapse svg {
  transition: transform 250ms ease;
}
.Collapse.collapsed svg {
  transform: rotate(-90deg);
}.toolbox-item-container {
  min-width: 320px;
  width: 100%;
  padding: 1.125rem;
  border-radius: 0.25rem;
  border: 1px solid #d7d5d3;
  cursor: grab;
  background-color: #fff;
}
.toolbox-item-container h1 {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 1.25rem;
  line-height: 1rem;
}
.toolbox-item-container__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ql-container {
  height: 55vh;
}

.ql-snow .ql-editor::-webkit-scrollbar {
  width: 12px;
}

.ql-snow .ql-editor::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.ql-snow .ql-editor::-webkit-scrollbar-thumb {
  background: #d7d5d3;
  border-radius: 6px;
  border: 3px solid transparent;
}

.ql-snow .ql-editor::-webkit-scrollbar-thumb:hover {
  background: #d7d5d3;
}

.ql-snow .ql-editor {
  scrollbar-color: #d7d5d3 #f5f5f5;
  scrollbar-width: thin;
  font-family: "Akzidenz";
}

.ql-snow .ql-editor p {
  font-size: 16px !important;
}

.ql-snow {
  border: none !important;
}

.ql-toolbar {
  display: flex;
  align-items: center;
  border-radius: 8px;
}

.ql-toolbar .ql-menu {
  background-color: #d7d5d3;
  padding: 6px 2px;
  width: 638px;
  margin-right: 10px;
  border-radius: 4px;
  font-family: "Akzidenz";
}

@media (max-width: 639px) {
  .ql-toolbar .ql-menu {
    width: 100%;
  }
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.ProtocolsTable .WUK-Table {
  height: calc( 100vh - 68px - 35px - 62px );
  border-color: #d7d5d3;
}

.ProtocolsTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}

.ProtocolsTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}

.ProtocolsTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}.TerminatedPage .WUK-Table {
  height: calc( 100vh - 68px - 35px - 62px );
}.WUK-Table {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.WUK-Table .MuiDataGrid-main {
  font-family: Akzidenz;
  border-left: 1px solid #ebe9e7;
  border-right: 1px solid #ebe9e7;
  border-bottom: 1px solid #ebe9e7;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders {
  background-color: #f6f5f0;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-pinnedColumnHeaders {
  background-color: #f6f5f0;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeadersInner {
  font-family: Akzidenz;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover {
  background-color: #ebe9e7;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:last-child {
  border-right: none;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-pinnedColumns .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root {
  color: #0000ff;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-row {
  font-family: Akzidenz;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-row:hover {
  background-color: #ebe9e7;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-row.Mui-selected, .WUK-Table .MuiDataGrid-main .MuiDataGrid-row.Mui-selected.Mui-hovered {
  background-color: #ffffff;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-row.Mui-selected:hover, .WUK-Table .MuiDataGrid-main .MuiDataGrid-row.Mui-selected.Mui-hovered:hover {
  background-color: #ebe9e7;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiSvgIcon-root {
  color: #b9b7b5;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiSvgIcon-root.WUK-Table__AscIcon {
  font-size: 14px;
  color: #b9b7b5;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiSvgIcon-root.WUK-Table__DesIcon {
  font-size: 14px;
  color: #b9b7b5;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiSvgIcon-root.WUK-Table__UnsIcon {
  font-size: 14px;
  color: #b9b7b5;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiIconButton-root:hover {
  background-color: transparent;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover {
  background-color: #ebe9e7;
  border-right: 1px solid #ebe9e7;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiDataGrid-cell {
  border-right: 1px solid #ebe9e7;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiDataGrid-cell:last-child {
  border-right: none;
}
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiSvgIcon-root,
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiSvgIcon-root.WUK-Table__AscIcon,
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiSvgIcon-root.WUK-Table__DesIcon,
.WUK-Table .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:hover .MuiSvgIcon-root.WUK-Table__UnsIcon {
  color: #191715;
}
.WUK-Table .MuiDataGrid-main .MuiAvatar-root {
  height: 30px;
  width: 30px;
}
.WUK-Table__Header {
  display: flex;
  border: 1px solid #ebe9e7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: Akzidenz;
}
.WUK-Table__HeaderLeftSide {
  flex-grow: 1;
  display: flex;
  gap: 20px;
  align-items: center;
  padding-left: calc(50px / 2 - 24px / 2);
}
.WUK-Table__Actions {
  border-left: 1px solid #ebe9e7;
  border-right: 1px solid #ebe9e7;
  padding: 8px calc(50px / 2 - 24px / 2);
  font-family: Akzidenz;
  display: flex;
  align-items: center;
  background: #0000ff;
}
.WUK-Table__ActionsButtons {
  display: flex;
  gap: 12px;
}
.WUK-Table__Table {
  flex-grow: 1;
}
.WUK-Table__SelectionCount {
  margin-right: 12px;
  color: white;
}
.WUK-Table .MuiDataGrid-columnHeaders,
.WUK-Table .MuiDataGrid-root {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.WUK-Table .MuiDataGrid-root {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-color: transparent;
}
.WUK-Table .MuiTablePagination-toolbar {
  min-height: 35px;
}
.WUK-Table .MuiTablePagination-selectLabel,
.WUK-Table .MuiTablePagination-displayedRows {
  margin-top: 0;
  margin-bottom: 0;
}
.WUK-Table__ColumnsPanel .MuiFormControlLabel-root .MuiTypography-root {
  font-family: Akzidenz;
}
.WUK-Table__ColumnsPanel .MuiButton-text,
.WUK-Table__ColumnsPanel .MuiFormLabel-root,
.WUK-Table__ColumnsPanel .MuiInputBase-input {
  font-family: Akzidenz;
}
.WUK-Table__ClearSelection {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.WUK-Table .WUK-Table__ClearSelectionButton {
  color: #ffffff;
}

.WUK-TableToolbar .WUK-RadioSelect {
  margin-right: 32px;
}
.WUK-TableToolbar .WUK-TableToolbar__PageCount {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.WUK-TableToolbar .MuiPagination-root {
  display: flex;
  align-items: center;
}
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-page,
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-ellipsis {
  display: none;
}
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-previousNext svg {
  fill: #b9b7b5;
}
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-previousNext:hover {
  background-color: #ffffff;
}
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-previousNext:hover svg {
  fill: #191715;
}
.WUK-TableToolbar .MuiPagination-ul .MuiPaginationItem-previousNext.Mui-disabled svg {
  fill: #d7d5d3;
}

.WUK-Table__ColumnMenu.MuiList-root .MuiMenuItem-root {
  font-family: Akzidenz;
}

.WUK-M-Tabs .MuiTabs-flexContainer {
  gap: 32px;
}
.WUK-M-Tabs.MuiTabs-root {
  min-height: 38px;
}
.WUK-M-Tabs .WUK-M-Tab.Mui-focusVisible .MuiTouchRipple-root {
  display: block;
}
.WUK-M-Tabs .TabComponent__PrimaryCount {
  font-size: 10px;
  background: #191715;
  border-radius: 2px;
  margin-right: 4px;
  padding: 2px 6px;
  color: white;
}
.WUK-M-Tabs .TabComponent__SecondaryCount {
  font-size: 10px;
  border-radius: 20px;
  padding: 2px 8px;
  margin-left: 4px;
  background: #0000ff;
  color: white;
}
.WUK-M-Tabs .WUK-M-Tab {
  font-family: Akzidenz;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 4px;
  align-items: flex-start;
  min-width: auto;
  justify-content: flex-end;
  color: #191715;
  min-height: 30px;
}
.WUK-M-Tabs .WUK-M-Tab.Mui-selected {
  color: #0000ff;
}
.WUK-M-Tabs .WUK-M-Tab .MuiTouchRipple-root {
  display: none;
  top: auto;
  height: 4px;
  background-color: #0000ff38;
}
.WUK-M-Tabs .WUK-M-Tab .MuiTouchRipple-ripple {
  display: none;
}
.WUK-M-Tabs .MuiTabs-indicator {
  background-color: #0000ff;
}

.WUK-Title {
  font-family: Akzidenz;
  font-size: 24px;
  margin-bottom: 24px;
  letter-spacing: 0.02em;
}

.WUK-Button.MuiButtonBase-root {
  text-transform: none;
  font-family: Akzidenz;
  box-shadow: none;
}
.WUK-Button.MuiButtonBase-root:hover {
  box-shadow: none;
}
.WUK-Button.MuiButton-contained.MuiButtonBase-root {
  border: none;
}
.WUK-Button.MuiButton-contained.MuiButtonBase-root:hover {
  border: none;
}
.WUK-Button.MuiButton-containedPrimary {
  background: #191715;
  color: #ebe9e7;
}
.WUK-Button.MuiButton-containedPrimary:hover {
  background: #373533;
}
.WUK-Button.MuiButton-containedSecondary {
  background: #ebe9e7;
  color: #191715;
}
.WUK-Button.MuiButton-containedSecondary:hover {
  background: #d7d5d3;
}
.WUK-Button.MuiButton-containedError {
  background: #ffeaef;
  color: #a0003c;
}
.WUK-Button.MuiButton-containedError:hover {
  background: #f9ced8;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-red {
  background: #a0003c;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-red:hover {
  background: #8f0034;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-blue {
  background: #0000ff;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-blue:hover {
  background: #0000f5;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkblue {
  background: #1414c8;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkblue:hover {
  background: #1212ba;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-aquamarine {
  background: #007878;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-aquamarine:hover {
  background: #006666;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkgrey {
  background: #413f3d;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkgrey:hover {
  background: #353331;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkergrey {
  background: #23211f;
  color: #ffffff;
}
.WUK-Button.MuiButton-contained.WUK-Button--color-darkergrey:hover {
  background: #201f1d;
}
.WUK-Button.MuiButton-outlinedPrimary {
  background: white;
  border-color: #191715;
  color: #191715;
}
.WUK-Button.MuiButton-outlinedPrimary:hover {
  background: #ebe9e7;
  border-color: #191715;
}
.WUK-Button.MuiButton-outlinedInfo {
  border-color: #d7d5d3;
  color: #191715;
}
.WUK-Button.MuiButton-outlinedInfo:hover {
  background: #ebe9e7;
  border-color: #d7d5d3;
}
.WUK-Button.MuiButton-textPrimary {
  color: #191715;
}
.WUK-Button.MuiButton-textSecondary {
  color: #413f3d;
}
.WUK-Button.MuiButton-textError {
  color: #a0003c;
}
.WUK-Button.MuiButton-text.WUK-Button--color-red {
  color: #a0003c;
}
.WUK-Button.MuiButton-text.WUK-Button--color-blue {
  color: #0000ff;
}
.WUK-Button.MuiButton-text.WUK-Button--color-darkblue {
  color: #1414c8;
}
.WUK-Button.MuiButton-text.WUK-Button--color-aquamarine {
  color: #007878;
}
.WUK-Button.MuiButton-text.WUK-Button--color-darkgrey {
  color: #413f3d;
}
.WUK-Button.MuiButton-text.WUK-Button--color-darkergrey {
  color: #23211f;
}
.WUK-Button.MuiButton-text.WUK-Button--color-text-white {
  color: #ffffff;
}

.SidebarNavigation {
  width: 60px;
  background-color: #dae8e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 4px 10px;
  height: 100%;
  font-family: Akzidenz, serif;
  font-style: normal;
  font-weight: 400;
  min-height: 720px;
}
.SidebarNavigation--compressed .SidebarNavigation__Item,
.SidebarNavigation--compressed .SidebarNavigation__ItemFull {
  height: 32px;
}
.SidebarNavigation--compressed .SidebarNavigation__Clinic {
  margin-bottom: 5px;
}
.SidebarNavigation--compressed .SidebarNavigation__UserSettingsItem {
  margin-bottom: 0;
}
.SidebarNavigation__Clinic {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.SidebarNavigation__Clinic:hover .SidebarNavigation__ClinicText {
  opacity: 0;
}
.SidebarNavigation__ClinicItem, .SidebarNavigation__ClinicItemFullLogo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SidebarNavigation__ClinicItem {
  position: relative;
  background: white;
  margin-bottom: 8px;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.SidebarNavigation__ClinicItemContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SidebarNavigation__ClinicItemImage {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.SidebarNavigation__ClinicItem--initializing .SidebarNavigation__ClinicItemFull {
  visibility: hidden;
}
.SidebarNavigation__ClinicItem--initialized .SidebarNavigation__ClinicItemFull {
  visibility: visible;
  transition-property: background;
  transition-duration: 0.3s;
}
.SidebarNavigation__ClinicItem--initialized .SidebarNavigation__ClinicItemFullText {
  transition-duration: 0.3s;
  transition-property: width, margin-left;
}
.SidebarNavigation__ClinicItemFull {
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: white;
  overflow: hidden;
}
.SidebarNavigation__ClinicItemFullText {
  white-space: nowrap;
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.SidebarNavigation__ClinicItemFullSwitchIcon {
  margin-left: 8px;
  margin-right: 12px;
}
.SidebarNavigation__ClinicItemFullSwitchIconPlaceholder {
  width: 12px;
}
.SidebarNavigation__ClinicItemFull:hover {
  background: white;
}
.SidebarNavigation__Navigation {
  display: flex;
  flex-grow: 2;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.SidebarNavigation__Item {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  position: relative;
  width: 100%;
  color: black;
  text-decoration: none;
}
.SidebarNavigation__Item--selected {
  background: white;
  border-radius: 4px;
}
.SidebarNavigation__ItemIconContainer, .SidebarNavigation__ItemFullIconContainer {
  position: relative;
  display: flex;
  align-items: center;
}
.SidebarNavigation__ItemCounter, .SidebarNavigation__ItemFullCounter {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background: #0000ff;
  color: white;
  border-radius: 8px;
  font-size: 10px;
  min-width: 15px;
  min-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.SidebarNavigation__ItemCounterValue, .SidebarNavigation__ItemFullCounterValue {
  padding: 0 2px;
}
.SidebarNavigation__ItemFull {
  display: flex;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  background: #dae8e5;
  border-radius: 4px;
  padding-left: 14px;
  padding-right: 14px;
  visibility: hidden;
}
.SidebarNavigation__ItemFull--initializing {
  margin-left: 8px;
}
.SidebarNavigation__ItemFull--initialized {
  visibility: visible;
  transition: background 0.3s;
}
.SidebarNavigation__ItemFull--initialized .SidebarNavigation__ItemFullLabel {
  width: 0;
  margin-left: 0;
  transition-property: width, margin-left;
  transition-duration: 0.3s;
}
.SidebarNavigation__ItemFull--initialized:hover {
  background: white;
}
.SidebarNavigation__ItemFullLabel {
  margin-left: 8px;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
}
.SidebarNavigation__ItemFull--selected {
  background: white;
}
.SidebarNavigation__UserSettings {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SidebarNavigation__UserSettings:hover .SidebarNavigation__UserSettingsText {
  opacity: 0;
}
.SidebarNavigation__UserSettingsItem, .SidebarNavigation__UserSettingsItemFullLogo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  position: relative;
}
.SidebarNavigation__UserSettingsItem {
  position: relative;
  margin-bottom: 10px;
  color: black;
  text-decoration: none;
}
.SidebarNavigation__UserSettingsItemContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SidebarNavigation__UserSettingsItemImage {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.SidebarNavigation__UserSettingsItem--initializing .SidebarNavigation__UserSettingsItemFull {
  visibility: hidden;
}
.SidebarNavigation__UserSettingsItem--initialized .SidebarNavigation__UserSettingsItemFull {
  visibility: visible;
}
.SidebarNavigation__UserSettingsItem--initialized .SidebarNavigation__UserSettingsItemFullText {
  transition-property: width, margin-left;
  transition-duration: 0.3s;
}
.SidebarNavigation__UserSettingsItemFull {
  position: absolute;
  display: flex;
  white-space: nowrap;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: white;
  overflow: hidden;
}
.SidebarNavigation__UserSettingsItemFullText {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.SidebarNavigation__UserSettingsIcon {
  margin-left: 8px;
  margin-right: 11px;
}
.SidebarNavigation__Exit {
  display: flex;
  justify-content: center;
  width: 100%;
}
.SidebarNavigation__LogoutItem {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.WUK-RadioSelect {
  position: relative;
  display: flex;
  align-items: center;
}

.WUK-RadioSelect__Value {
  font-family: Akzidenz;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  margin-right: 0;
  cursor: pointer;
}
.WUK-RadioSelect__Value .WUK-RadioSelect__ValueLabel {
  margin-right: 5px;
  font-size: 14px;
}
.WUK-RadioSelect__Value .WUK-RadioSelect__ValueFiled {
  font-size: 14px;
}

.WUK-RadioSelect__Main {
  height: 20px;
  padding: 0 5px;
}
.WUK-RadioSelect__Main:hover {
  background-color: #ebe9e7;
}
.WUK-RadioSelect__Main.MuiInputBase-root {
  min-width: 125px;
  border-radius: 4px;
  line-height: initial;
}
.WUK-RadioSelect__Main.MuiInputBase-root:before, .WUK-RadioSelect__Main.MuiInputBase-root:after {
  border: 0;
}
.WUK-RadioSelect__Main.MuiInputBase-root:hover:before {
  border-bottom: 0 !important;
}
.WUK-RadioSelect__Main .MuiSelect-select.MuiInput-input {
  font-family: Akzidenz;
  font-size: 14px;
  min-height: auto;
}
.WUK-RadioSelect__Main .MuiSelect-select.MuiInput-input:focus {
  background-color: transparent;
}
.WUK-RadioSelect__Main .MuiSelect-select.MuiInput-input .MuiTypography-root {
  text-align: right;
}
.WUK-RadioSelect__Main .MuiSelect-select .MuiListItemIcon-root {
  display: none;
}
.WUK-RadioSelect__Main__CustomFiled {
  display: flex;
  align-items: center;
  font-family: Akzidenz;
  font-size: 14px;
  padding: 6px 12px;
  cursor: pointer;
}

.WUK-RadioSelect-Menu .MuiPaper-root {
  background-color: #ffffff;
  border: 1px solid #ebe9e7;
  box-shadow: none;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root {
  padding-top: 6px;
  padding-bottom: 6px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiListItemIcon-root {
  min-width: 16px;
  width: auto;
  margin-right: 12px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root {
  font-family: Akzidenz;
  font-size: 14px;
  padding: 6px 12px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover, .WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected:hover {
  background-color: #ffffff;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover .MuiListItemIcon-root .MuiSvgIcon-root.WUK-RadioSelectOptionIcon circle, .WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected:hover .MuiListItemIcon-root .MuiSvgIcon-root.WUK-RadioSelectOptionIcon circle {
  stroke: #191715;
  fill: #ebe9e7;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected {
  background-color: #ffffff;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected {
  font-weight: 800;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected.WUK-RadioSelect-MenuItem--customShown {
  font-weight: 400;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__Buttons.MuiMenuItem-root {
  padding: 8px 4px 4px 2px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__Buttons.MuiMenuItem-root button {
  margin: 0 4px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput {
  background-color: #ffffff;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput .MuiFormControl-root {
  width: 125px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput input {
  padding: 8px;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput input[type=number] {
  -moz-appearance: textfield;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput .WUK-RadioSelect__TextField.WUK-RadioSelect__TextField--error fieldset {
  border-color: #ff0064;
}
.WUK-RadioSelect-Menu .MuiPaper-root .MuiList-root .WUK-RadioSelect__CustomInput .MuiFormHelperText-root {
  font-size: 14px;
  margin-left: 0;
}/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAbvSURBVHic7dtdbBxXFQfw/9nZ3SRKwAP7UFFUQOoHqGnUoEAoNghX9tyxVcpD1X0J+WgiUQmpfUB5ACSgG1qJIKASqBIUIauqAbWseIlqb+bOWHVR6y0FKZBEqdIUQROIREGRx3FFvR/38ODZst3a3nE8Ywfv+T2t7hzdM3fle/bOnWtACCGEEEIIIYQQQgghhBBCCCGEEEIIIcRa0EbfgBDdFItFKwzDAa3175LuWylVAvBIR/MxrXUp6Vxx9dp4VyObVEdKKW591lonXgiVUg6AHzPzk9ls9meVSmUh6RzXkz179uQKhcIgM+8CACI6U6vVnp+enm6knXt4ePiuTCbzWQAwxlSDIHg57ZwroDAMnwKwz3XdBzzPG08hxzsTNprQG2lTjtd13WFmfghAP4A+AJcATFiW9YNKpfL3uP0kUliiX4SG1pqUUpx0wXJd9/PMXAGwPWq6yMyPz8/P/7xarf4nyVwt7QV4JWkU52i8YwBu6bh0wRhzJAiCF5POCQCDg4N2Pp//NYDRjkuTxph9QRCESeYrFov5ubm5R5n5AIAPtV1aYOb7BgYGTpZKJeO67lFmPsbM9/i+/8Ja8y6zylhOYquPXhsvAJRKpczMzMwTAIaJ6LFGo+HNzs5eKRQKNxPRAWb+CoAjWuvn4vS35skWFasxAAdbbUlOYqVUPwAPwI4lLr8J4KeWZT1eqVTmksoZ5d2QghUVKx/AlmVCFph5yPf9l5LMCwBKqUksFqszRHQcAJj5GwB2MfOE7/tfTDKf4zjHiejrAE4CuNhqZ+bf2rY9FYbhGBH92/O8o47j3Oj7/uUk86+3XhsvACilHmPmgW3btn3pxIkTVzuvj4yMfNoY85wxZiQIglPd+lvTZIuq5xiAQwCe6evr218ul5tr6bNd9GiiAbyvS+hFrfVHk8oLbEzBih4Dz+G9K6t3IaLXFhYWdib5eBh911UA8wBu1lq/CQBDQ0M3WJb1OoAdRPQZz/NeSSqnUuofAKpa6/vb26MfwacA7AdwFcCdWuu/JpU3yl1C91VHoquNXhvvyMjIx4wxr1iWtbNSqfxruTjHcR4AcMj3/bu79XnNe1hpFyvHcXYT0QS6FysASHR1tVEKhcIguhQrAGDm23K53BcATCWV27KsAWYGgPOtYgUAU1NT/1RKnQewxxjzOQCJFSwANwI4297QtmLfD+AtZr43m83OJ5iz3bGU+l1OT43XGFNk5mdXKlYAYNv2eBiG31dK3aS1vrRSbOZabqRYLFppFisAIKJxAB+MGf56krk30O64gZlMJnZsHMxsoo8fHxoauqHVHn3+BAAQUaxV57Xq2F54i5nvIaJXm81mYoX5etID491JRH/sFlQul5tEdMoYc3u32FUXrLYvObViBQDM/MQqwi8knX8jEJHpHrXIGJNo8WDm1spph2VZgeu6+5RSX7YsK8D/Xnb8Psmcnebm5h7G4uS9ysxutOH8VQC70sy7UTb7eImImTnWlgkzUyaT6fr3v6qC1fGL8EytVjuQRrECANu2fwHg1TixzPyXNO5hvTHz6VWE/znJ3L7vzxBRa9PzDmb+FYBfArgjajvd39+f9vGGKwACZh5te6mwmc8KburxMvO5TCbzqW5xxWLRArDbsqyu8z32HtZSxSrNM0Hlcrnpum6JmZ+NEb4pHglrtdrz+Xz+AoBbu4Ser9fra37d3YEBfBvAkq+XmfmbpVIp9grwWnie9zSAp9PMcT3Z7OPNZrO/aTQaf1BKfbd9X7RTGIaHmPlcnPNYsVZYSikOw7AB4CAzj/f19e1fjwOMnueVEeMxJJfLbYqCNT093TDGHAGw0qHYBQBH0vj+Pc+bYOb3HFRk5nHf9yeTzgfgMhF9uEvMTQD+71/vR3pqvJOTk28AeBJAeXR09P1LxbiuuxfA9wB8LU6fsVdYrUOhtm0fTusxcAlMRN+KziUt5SqAM3v37r00OZnGfFp/QRC86DjOUCaTGWPm2zoun8fiIbuZtPLX6/UH8/n8rQDuippertfrD6aRKyqOR5VS81ji8Z+IbmfmgwB+mEb+9dZr4wWA/v7+R6rV6k+azeYpx3EezeVyJ7dv335lfn7+lkajcZCZDzPzYd/3/xSnv9gFq3UuaR2LFQDA87xAKVUB8BEAZ6N9nrNEdEZr/TcArLVOPG8aJ9jj8n3/pcHBwZ1btmx5519zmPl0vV5/Ie2V7fT09Nujo6Nus9kcA4CtW7ce1lq/nUYu27a/Mzs7CyI6gMVX/u/CzJeZ+Ue2bcc9pb1aXc8lJZms18YLANE2wkOu694N4OFGo3E8DMMPAHiDiCaY+ZOb4YCsEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhEjYfwGO+b5dFNs4OgAAAABJRU5ErkJggg==');background-image:linear-gradient(transparent,transparent),url('/assets/spritesheet-DpIxuf5L.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAA8CAYAAAC6nMS5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA16SURBVHic7d1/jBxneQfw7zNzvotdn+9sVQkxoRKoammBqqpbk6uT5mLfvHPn42yn1VFRVCEhoFH5IYpoSaUCKi1NcGkcfrbCVRFKEwG2aHLn83pmLvY2CTqT1AmCOBE0EOT4B0nBPw/snb2dp3/sLr6s77i923dud/a+H8ny7tzMo8f3eud99p133gGIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiFYGaXYCRETUPMYYrWe/MAzZX2QQ27d5OpqdABFROxgZGVlz5cqVrzuOc18QBJPNzofsYvvSYrVcgTVftZ2l6npgYODXHMc5oKoHHcfZHQTB2WbnRETpGRkZWVMoFA6IyO2qutX3/R1Z64TnO8fWOwLSzti+mSKDg4M3l0qlnSJyG4CbAFwP4ByAlwE8paoPX3fddcH4+PjP00yk5QqsrDPGvAZAHsBrReRNqvpeY8x/iMg9QRCcaXJ6ZIHv+xtUdReAHQBej/IHGABOAnhORMY6OjoempiYONe0JC3zPM84jjOqqrfi6r/3RQCPAdgXhmHUvOyaa3R01L1w4cJBALdVNq1W1THP87woir7ZzNyocWzf7PA8b4uI7E6S5A9Frqknb6j8eZOIvKNQKPzU9/1/dhznvlwuV0gjn5YbFapW09Vqu/Z9K9u2bdsNruvmUe50axUAfMV13X/I5XInlzcze2x/28lCu1b19fWt7u7u/hCAvwGwboHdL6jq7unp6T1TU1OXlyG9VAwODv5mkiR7Ady6wK6Plkqldz/yyCPfX468bBkaGuqamZm5E8DbReQNANYscMiLIrI1CILnZ280xrwHwL+hck4VkacBDLTS6HVaIxWt/Blm+zauldu3atOmTas2bNjwWRG5s7LplKp+VUQOuq77/bVr17589uzZ9SKy0XGcAVUdFZE/qOx7zHXdXWn0yy31i6sMw/4MyF6BZYy5XlWPiMhvL7BrrKpfcxznE7Uf4ixYqQWW53kbATw060NZr28nSbJzcnLyRBp5pcnzvNtE5CEAvXUecg7ArjAMH00xLWuGhoZuKpVKEwB+p85DXnRd9/ZcLvcDAOjv778un88XAChwtRMWkW+jxTpfYOV1wGxfO1q1fav6+vpWr1u3blxVtwH4uar+/fT09OcW+mJrjBkBcC+AXwdwBoAJw/AZm7m1zC+uUlyNA9g6189buZH7+/t/tbOz8wiANy7isKKqftV13U8eOnToe2nlZttKLLAqJ+qjAF69xBAnZ2Zmbj58+PApm3mlqTJydRTXFldHAUxVXvcBuLnm5+dU9c1RFP1v2jk2YmhoqKtUKj2B+jvfE0mS3D45OflD4OqcHADPh2H4F6h0wp7nva1YLOby+fz5dDKnerB9Vwzxff8BVX0bgFMAdoZheKzeg4eHh9cXi8WvAfAAvOC67ptzudz/WUvOVqBGVO7OmBCR/vn2adWOuL+/v7ezs3MSwKYlhkgAHBSRjwdB8JTF1FKx0gqsymXBxwH8XoOh/ieO41vz+fwVG3mlzRjzKF55WfA8gD8LwzA3ez/P87aLyIMAeqrbVDUfRdHty5Pp0hhjPgDgM9X3qnq/iNwPYM5RCdd1T1RPvLM63+q/ce/sTpiaj+27Mvi+f6eq/iuAi67r9uVyuWcXG6NSjB8B0KeqE1EUvcVWfk3v3OYZuXosjuPt+Xx+ull51WNgYKBHRKIlXDaaS6Kq+6Mo+lMLsVKz0gosz/M+KiKfsBTub8MwvMdSrNQYYzwAYc3m7bXFVZXv+8OqemD2NlUdiKLokbRybJQx5lsANlfefi4Mww/UedyvADgI4I9mbxeRDwdB8C92s0yHrc9wK3922b6Na+X2BYD+/v61nZ2dz6M8cX00DMP9S421ffv2V83MzDwHoNfmucuxEWSpslxcjYyMrHEcZ8xScQUAjoj8vqVYZIHv+xtE5MMWQ941PDy83mK8VIjIW2s2HZ2vuAKAIAgmADyxQIxWM3uu5J56DhgZGVkDYBw1nS+ApwB82VJeZAfbt82tWrXqPSgXV481UlwBwMGDB3+sqncDgIh81EZ+QBMLrKwXV5Uh5NoPYqMyN+m9nanqHVj4bsHF6InjeKfFeKmoLMUw+/2Ct6KLyOM1m2x/NmxbW30RhuGPFtp5jstGVU+JiNdqE57rEYahzB6lWOz7Fsf2be/2hYj8SeXlvTbiFYvFLwK4DOAWY8z1NmI2pcDKcnE1OjraWSgU9uPaD2LDRKSlJwavQCO2A4rIDtsxU7BxsQeoau2Jeak3BDTDL72kUm/n63neaFoJUkPYvm3G9/0NKN9gc7mrq6t2OsOSVGqPSQCuiAzaiLnsBVaWiysAuHDhwn4AQ2nEVtUfpBGXluwNKcRcaBmPVpDMfiMiW+o4pnafZM69MmYxnW9lsj9lCNs3m1T1tSjXL89aXo39WCX+62wEW9YCK+vFVcXLKcbmJcLW8qoUYmZhZOfFmvc3e563fb6djTFvwdUJxfPFyJx6O1/f999a6Xz5ZIwMYftm2o2Vv60+HUVETldeLnoUfy7LVmC1SXEFVf0YgFSeX5QkCQus9tfyIzsicnSObQ/6vj9cu71SXP1nPTGyplAo5FDT+arqk3Ecb5s9J0dV2flmENs3u0REgTmnJjRkVjwrd2Iuy3+adimuACCKotPGmC8A+GvLoZOZmZkXLMekBojIaVX9DcthTy+8S3MlSTIuIu+q2dyjqgeMMU8A+CYAUdUtAOa8izZJkvG081wG19xN5jjO4ByLTLrLlRBZxfbNrjMAICI3LrTjIlVHrqyMjKU+gtVOxVVVHMf/hHkWrGvAiawsQrlSqOqiF61rRkzbOjo6AsxfCG4G8FcAPvhLlih5qVgsWpl42kIyezcZ1YXtmy0/QvlqwG9V1i6zZRMAiIiV+dCpFljtWFwBQOUbzqcth+XlwdZjfRRGRMZsx7St8mT5zzcQ4r52+LKgqp9S1U8B+GTtZSPKPrZvdlXaagrAalU1NmJWCrVtAEqO4xyyETO1S4TtWlxVXbp06b7u7u6/BHCTjXiqygKrxYjIQ6p6L2Y9BqZB51etWtXyBRYAuK77hVKp9H5cnUxarzOu634xjZyWWxRFdzU7B0oP2zfbVPUbIrLFcZwPAfivRuOJyPtUdbWq5m09jzCVEax2L64AYGpq6rKq/qOteI7jsMBqMUEQnFXV3bbiqerdExMT52zFS1Mul7soIovugETkI7lc7mIaORERVRWLxS8BeElVb/F9v6EnR/i+f6Oq3gUAjuPYejSavQLLGKPVP4VC4Wd4ZXF1pKura7Bdiquq3t7efwfwnKVwLLBa0PT09B5U1kZp0BPFYvGzFuIsmyAI7kf5uWz1OhgEwTV3FLaoX5yLKosWLknNsZcayohsYvu2uUo98TEAUNW9vu8vad3CoaGhLlX9BoBeAONBEByxleNyLNPwWBzHOywvBtYS9u3bV1LVj1sKxwKrBU1NTV12XXcXgFMNhDmpqndkcF6SisifAzhRx76n4jh+Byzd3rwMjldfqOqSV+xPkmT2yvzH592RlhvbdwUIw3AvgAcArFPVcHBwcFHPBvZ9f0OpVDqA8qrwL8Rx/E6b+VkvsGqfZ9ROlwXnEkXRfgDfajCMXrx48Yc28iH7crncSVXdrKpPLvZYEXk6SZItURS1/PIMcwmC4KzjOCMAam9dn+0SgJ35fP4ny5SWDQ/Mer3HGLPoTtgYMyIiv3gOmqpmZfRuJWD7rgwax/G7UH7EzcYkSf7bGHNXX1/f6oUO9H1/Z+WcPoDysgw7bJ/DUl8Hq52LqwoVkb9T1WiRx8UoX158RlWfnJqaupxCbmRJFEWn+/r6buvu7v4ggI9g4Ynv50XknkKh8JkMjly9wqFDh77j+/6oqo4BqD1xXRaRPw6CwMZl1GXjuu6XSqXSOwH8LoD1AMaMMecA1PtF53WV4wCUC+menp699jOlpWD7rhz5fP5Kf3//UFdX132q+l4Ad3d3d7/fGPN1EZlQ1e/19PS8dPbs2fWu694kIgOqOqqqm4Dy4rKlUumOw4cPN3KVYk7WVkE1xsx5aSBLT+duhDEmQrkSnssZlIeXnxWRY6p6PI7j41nveFeq4eHh9XEc7xSRnQBej6t3kp5EuWh+OI7jh+dYsDDTfN/frKrjAKpPmv9pkiS7JicnH29mXku1devWV3d0dBxAuRNeMhF5ulgsjqRxgk7DfOfqxWr1czvbtzGt3r5zGRwc7FPV3ap6y0L7ishPAHx63bp1e/bt2xenkQ8LLEuMMZtE5JCqfhfAMwCeSZLkO2vWrDk+NjbGyZHUFjzP2yginwcAVX1fVi99Vo2OjnaeP3/+3SLydgBvBNBd56GXAHxXVR/s7e3dm9YJOg0rqQNm+y5dFtp3HmKM2QxgF8qr9b8GwA0AzgH4MYBjIjJ28eLFkFeOiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIhWgv8Hnffz4dmwY9cAAAAASUVORK5CYII=');background-image:linear-gradient(transparent,transparent),url('/assets/spritesheet-DpIxuf5L.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}/*!
 *
 * Bryntum Calendar 5.4.1
 *
 * Copyright(c) 2023 Bryntum AB
 * https://bryntum.com/contact
 * https://bryntum.com/license
 *
 */

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-group-state-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-theme-info:before {
  content: '{"name":"Stockholm"}';
}

.b-slidetoggle .b-slidetoggle-label,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label {
  text-transform: uppercase;
  font-size: 0.9em;
}
.b-slidetoggle .b-slidetoggle-label::before,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label::before {
  font-size: 1.1111111111em;
}

.b-popup > .b-panel-body-wrap > .b-bottom-toolbar {
  background: #f8f9fa;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-group-state-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-fa {
  font-family: var(--b-fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--b-fa-style, 900);
}

.b-fa,
.fas,
.b-fa-solid,
.far,
.b-fa-regular,
.fal,
.b-fa-light,
.fat,
.b-fa-thin,
.fad,
.b-fa-duotone,
.fab,
.b-fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--b-fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.b-fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.b-fa-xs {
  font-size: 0.75em;
}

.b-fa-sm {
  font-size: 0.875em;
}

.b-fa-1x {
  font-size: 1em;
}

.b-fa-2x {
  font-size: 2em;
}

.b-fa-3x {
  font-size: 3em;
}

.b-fa-4x {
  font-size: 4em;
}

.b-fa-5x {
  font-size: 5em;
}

.b-fa-6x {
  font-size: 6em;
}

.b-fa-7x {
  font-size: 7em;
}

.b-fa-8x {
  font-size: 8em;
}

.b-fa-9x {
  font-size: 9em;
}

.b-fa-10x {
  font-size: 10em;
}

.b-fa-fw, .b-fw-icon:before {
  text-align: center;
  width: 1.25em;
}

.b-fa-ul {
  list-style-type: none;
  margin-left: var(--b-fa-li-margin, 2.5em);
  padding-left: 0;
}
.b-fa-ul > li {
  position: relative;
}

.b-fa-li {
  left: calc(var(--b-fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--b-fa-li-width, 2em);
  line-height: inherit;
}

.b-fa-border {
  border-color: var(--b-fa-border-color, #eee);
  border-radius: var(--b-fa-border-radius, 0.1em);
  border-style: var(--b-fa-border-style, solid);
  border-width: var(--b-fa-border-width, 0.08em);
  padding: var(--b-fa-border-padding, 0.2em 0.25em 0.15em);
}

.b-fa-pull-left {
  float: left;
  margin-right: var(--b-fa-pull-margin, 0.3em);
}

.b-fa-pull-right {
  float: right;
  margin-left: var(--b-fa-pull-margin, 0.3em);
}

.b-fa-beat {
  animation-name: b-fa-beat;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}

.b-fa-bounce {
  animation-name: b-fa-bounce;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.b-fa-fade {
  animation-name: b-fa-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.b-fa-beat-fade {
  animation-name: b-fa-beat-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.b-fa-flip {
  animation-name: b-fa-flip;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}

.b-fa-shake {
  animation-name: b-fa-shake;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}

.b-fa-spin {
  animation-name: b-fa-spin;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 2s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}

.b-fa-spin-reverse {
  --b-fa-animation-direction: reverse;
}

.b-fa-pulse,
.b-fa-spin-pulse {
  animation-name: b-fa-spin;
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .b-fa-beat,
  .b-fa-bounce,
  .b-fa-fade,
  .b-fa-beat-fade,
  .b-fa-flip,
  .b-fa-pulse,
  .b-fa-shake,
  .b-fa-spin,
  .b-fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes b-fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--b-fa-beat-scale, 1.25));
  }
}
@keyframes b-fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--b-fa-bounce-start-scale-x, 1.1), var(--b-fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--b-fa-bounce-jump-scale-x, 0.9), var(--b-fa-bounce-jump-scale-y, 1.1)) translateY(var(--b-fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--b-fa-bounce-land-scale-x, 1.05), var(--b-fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--b-fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes b-fa-fade {
  50% {
    opacity: var(--b-fa-fade-opacity, 0.4);
  }
}
@keyframes b-fa-beat-fade {
  0%, 100% {
    opacity: var(--b-fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--b-fa-beat-fade-scale, 1.125));
  }
}
@keyframes b-fa-flip {
  50% {
    transform: rotate3d(var(--b-fa-flip-x, 0), var(--b-fa-flip-y, 1), var(--b-fa-flip-z, 0), var(--b-fa-flip-angle, -180deg));
  }
}
@keyframes b-fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes b-fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-fa-rotate-90 {
  transform: rotate(90deg);
}

.b-fa-rotate-180 {
  transform: rotate(180deg);
}

.b-fa-rotate-270 {
  transform: rotate(270deg);
}

.b-fa-flip-horizontal {
  transform: scale(-1, 1);
}

.b-fa-flip-vertical {
  transform: scale(1, -1);
}

.b-fa-flip-both,
.b-fa-flip-horizontal.b-fa-flip-vertical {
  transform: scale(-1, -1);
}

.b-fa-rotate-by {
  transform: rotate(var(--b-fa-rotate-angle, none));
}

.b-fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.b-fa-stack-1x,
.b-fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--b-fa-stack-z-index, auto);
}

.b-fa-stack-1x {
  line-height: inherit;
}

.b-fa-stack-2x {
  font-size: 2em;
}

.b-fa-inverse {
  color: var(--b-fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.b-fa-0::before {
  content: "\30 ";
}

.b-fa-1::before {
  content: "\31 ";
}

.b-fa-2::before {
  content: "\32 ";
}

.b-fa-3::before {
  content: "\33 ";
}

.b-fa-4::before {
  content: "\34 ";
}

.b-fa-5::before {
  content: "\35 ";
}

.b-fa-6::before {
  content: "\36 ";
}

.b-fa-7::before {
  content: "\37 ";
}

.b-fa-8::before {
  content: "\38 ";
}

.b-fa-9::before {
  content: "\39 ";
}

.b-fa-a::before {
  content: "A";
}

.b-fa-address-book::before {
  content: "\f2b9";
}

.b-fa-contact-book::before {
  content: "\f2b9";
}

.b-fa-address-card::before {
  content: "\f2bb";
}

.b-fa-contact-card::before {
  content: "\f2bb";
}

.b-fa-vcard::before {
  content: "\f2bb";
}

.b-fa-align-center::before {
  content: "\f037";
}

.b-fa-align-justify::before {
  content: "\f039";
}

.b-fa-align-left::before {
  content: "\f036";
}

.b-fa-align-right::before {
  content: "\f038";
}

.b-fa-anchor::before {
  content: "\f13d";
}

.b-fa-anchor-circle-check::before {
  content: "\e4aa";
}

.b-fa-anchor-circle-exclamation::before {
  content: "\e4ab";
}

.b-fa-anchor-circle-xmark::before {
  content: "\e4ac";
}

.b-fa-anchor-lock::before {
  content: "\e4ad";
}

.b-fa-angle-down::before {
  content: "\f107";
}

.b-fa-angle-left::before {
  content: "\f104";
}

.b-fa-angle-right::before {
  content: "\f105";
}

.b-fa-angle-up::before {
  content: "\f106";
}

.b-fa-angles-down::before {
  content: "\f103";
}

.b-fa-angle-double-down::before {
  content: "\f103";
}

.b-fa-angles-left::before {
  content: "\f100";
}

.b-fa-angle-double-left::before {
  content: "\f100";
}

.b-fa-angles-right::before {
  content: "\f101";
}

.b-fa-angle-double-right::before {
  content: "\f101";
}

.b-fa-angles-up::before {
  content: "\f102";
}

.b-fa-angle-double-up::before {
  content: "\f102";
}

.b-fa-ankh::before {
  content: "\f644";
}

.b-fa-apple-whole::before {
  content: "\f5d1";
}

.b-fa-apple-alt::before {
  content: "\f5d1";
}

.b-fa-archway::before {
  content: "\f557";
}

.b-fa-arrow-down::before {
  content: "\f063";
}

.b-fa-arrow-down-1-9::before {
  content: "\f162";
}

.b-fa-sort-numeric-asc::before {
  content: "\f162";
}

.b-fa-sort-numeric-down::before {
  content: "\f162";
}

.b-fa-arrow-down-9-1::before {
  content: "\f886";
}

.b-fa-sort-numeric-desc::before {
  content: "\f886";
}

.b-fa-sort-numeric-down-alt::before {
  content: "\f886";
}

.b-fa-arrow-down-a-z::before {
  content: "\f15d";
}

.b-fa-sort-alpha-asc::before {
  content: "\f15d";
}

.b-fa-sort-alpha-down::before {
  content: "\f15d";
}

.b-fa-arrow-down-long::before {
  content: "\f175";
}

.b-fa-long-arrow-down::before {
  content: "\f175";
}

.b-fa-arrow-down-short-wide::before {
  content: "\f884";
}

.b-fa-sort-amount-desc::before {
  content: "\f884";
}

.b-fa-sort-amount-down-alt::before {
  content: "\f884";
}

.b-fa-arrow-down-up-across-line::before {
  content: "\e4af";
}

.b-fa-arrow-down-up-lock::before {
  content: "\e4b0";
}

.b-fa-arrow-down-wide-short::before {
  content: "\f160";
}

.b-fa-sort-amount-asc::before {
  content: "\f160";
}

.b-fa-sort-amount-down::before {
  content: "\f160";
}

.b-fa-arrow-down-z-a::before {
  content: "\f881";
}

.b-fa-sort-alpha-desc::before {
  content: "\f881";
}

.b-fa-sort-alpha-down-alt::before {
  content: "\f881";
}

.b-fa-arrow-left::before {
  content: "\f060";
}

.b-fa-arrow-left-long::before {
  content: "\f177";
}

.b-fa-long-arrow-left::before {
  content: "\f177";
}

.b-fa-arrow-pointer::before {
  content: "\f245";
}

.b-fa-mouse-pointer::before {
  content: "\f245";
}

.b-fa-arrow-right::before {
  content: "\f061";
}

.b-fa-arrow-right-arrow-left::before {
  content: "\f0ec";
}

.b-fa-exchange::before {
  content: "\f0ec";
}

.b-fa-arrow-right-from-bracket::before {
  content: "\f08b";
}

.b-fa-sign-out::before {
  content: "\f08b";
}

.b-fa-arrow-right-long::before {
  content: "\f178";
}

.b-fa-long-arrow-right::before {
  content: "\f178";
}

.b-fa-arrow-right-to-bracket::before {
  content: "\f090";
}

.b-fa-sign-in::before {
  content: "\f090";
}

.b-fa-arrow-right-to-city::before {
  content: "\e4b3";
}

.b-fa-arrow-rotate-left::before {
  content: "\f0e2";
}

.b-fa-arrow-left-rotate::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-back::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-backward::before {
  content: "\f0e2";
}

.b-fa-undo::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-right::before {
  content: "\f01e";
}

.b-fa-arrow-right-rotate::before {
  content: "\f01e";
}

.b-fa-arrow-rotate-forward::before {
  content: "\f01e";
}

.b-fa-redo::before {
  content: "\f01e";
}

.b-fa-arrow-trend-down::before {
  content: "\e097";
}

.b-fa-arrow-trend-up::before {
  content: "\e098";
}

.b-fa-arrow-turn-down::before {
  content: "\f149";
}

.b-fa-level-down::before {
  content: "\f149";
}

.b-fa-arrow-turn-up::before {
  content: "\f148";
}

.b-fa-level-up::before {
  content: "\f148";
}

.b-fa-arrow-up::before {
  content: "\f062";
}

.b-fa-arrow-up-1-9::before {
  content: "\f163";
}

.b-fa-sort-numeric-up::before {
  content: "\f163";
}

.b-fa-arrow-up-9-1::before {
  content: "\f887";
}

.b-fa-sort-numeric-up-alt::before {
  content: "\f887";
}

.b-fa-arrow-up-a-z::before {
  content: "\f15e";
}

.b-fa-sort-alpha-up::before {
  content: "\f15e";
}

.b-fa-arrow-up-from-bracket::before {
  content: "\e09a";
}

.b-fa-arrow-up-from-ground-water::before {
  content: "\e4b5";
}

.b-fa-arrow-up-from-water-pump::before {
  content: "\e4b6";
}

.b-fa-arrow-up-long::before {
  content: "\f176";
}

.b-fa-long-arrow-up::before {
  content: "\f176";
}

.b-fa-arrow-up-right-dots::before {
  content: "\e4b7";
}

.b-fa-arrow-up-right-from-square::before {
  content: "\f08e";
}

.b-fa-external-link::before {
  content: "\f08e";
}

.b-fa-arrow-up-short-wide::before {
  content: "\f885";
}

.b-fa-sort-amount-up-alt::before {
  content: "\f885";
}

.b-fa-arrow-up-wide-short::before {
  content: "\f161";
}

.b-fa-sort-amount-up::before {
  content: "\f161";
}

.b-fa-arrow-up-z-a::before {
  content: "\f882";
}

.b-fa-sort-alpha-up-alt::before {
  content: "\f882";
}

.b-fa-arrows-down-to-line::before {
  content: "\e4b8";
}

.b-fa-arrows-down-to-people::before {
  content: "\e4b9";
}

.b-fa-arrows-left-right::before {
  content: "\f07e";
}

.b-fa-arrows-h::before {
  content: "\f07e";
}

.b-fa-arrows-left-right-to-line::before {
  content: "\e4ba";
}

.b-fa-arrows-rotate::before {
  content: "\f021";
}

.b-fa-refresh::before {
  content: "\f021";
}

.b-fa-sync::before {
  content: "\f021";
}

.b-fa-arrows-spin::before {
  content: "\e4bb";
}

.b-fa-arrows-split-up-and-left::before {
  content: "\e4bc";
}

.b-fa-arrows-to-circle::before {
  content: "\e4bd";
}

.b-fa-arrows-to-dot::before {
  content: "\e4be";
}

.b-fa-arrows-to-eye::before {
  content: "\e4bf";
}

.b-fa-arrows-turn-right::before {
  content: "\e4c0";
}

.b-fa-arrows-turn-to-dots::before {
  content: "\e4c1";
}

.b-fa-arrows-up-down::before {
  content: "\f07d";
}

.b-fa-arrows-v::before {
  content: "\f07d";
}

.b-fa-arrows-up-down-left-right::before {
  content: "\f047";
}

.b-fa-arrows::before {
  content: "\f047";
}

.b-fa-arrows-up-to-line::before {
  content: "\e4c2";
}

.b-fa-asterisk::before {
  content: "\*";
}

.b-fa-at::before {
  content: "\@";
}

.b-fa-atom::before {
  content: "\f5d2";
}

.b-fa-audio-description::before {
  content: "\f29e";
}

.b-fa-austral-sign::before {
  content: "\e0a9";
}

.b-fa-award::before {
  content: "\f559";
}

.b-fa-b::before {
  content: "B";
}

.b-fa-baby::before {
  content: "\f77c";
}

.b-fa-baby-carriage::before {
  content: "\f77d";
}

.b-fa-carriage-baby::before {
  content: "\f77d";
}

.b-fa-backward::before {
  content: "\f04a";
}

.b-fa-backward-fast::before {
  content: "\f049";
}

.b-fa-fast-backward::before {
  content: "\f049";
}

.b-fa-backward-step::before {
  content: "\f048";
}

.b-fa-step-backward::before {
  content: "\f048";
}

.b-fa-bacon::before {
  content: "\f7e5";
}

.b-fa-bacteria::before {
  content: "\e059";
}

.b-fa-bacterium::before {
  content: "\e05a";
}

.b-fa-bag-shopping::before {
  content: "\f290";
}

.b-fa-shopping-bag::before {
  content: "\f290";
}

.b-fa-bahai::before {
  content: "\f666";
}

.b-fa-baht-sign::before {
  content: "\e0ac";
}

.b-fa-ban::before {
  content: "\f05e";
}

.b-fa-cancel::before {
  content: "\f05e";
}

.b-fa-ban-smoking::before {
  content: "\f54d";
}

.b-fa-smoking-ban::before {
  content: "\f54d";
}

.b-fa-bandage::before {
  content: "\f462";
}

.b-fa-band-aid::before {
  content: "\f462";
}

.b-fa-barcode::before {
  content: "\f02a";
}

.b-fa-bars::before {
  content: "\f0c9";
}

.b-fa-navicon::before {
  content: "\f0c9";
}

.b-fa-bars-progress::before {
  content: "\f828";
}

.b-fa-tasks-alt::before {
  content: "\f828";
}

.b-fa-bars-staggered::before {
  content: "\f550";
}

.b-fa-reorder::before {
  content: "\f550";
}

.b-fa-stream::before {
  content: "\f550";
}

.b-fa-baseball::before {
  content: "\f433";
}

.b-fa-baseball-ball::before {
  content: "\f433";
}

.b-fa-baseball-bat-ball::before {
  content: "\f432";
}

.b-fa-basket-shopping::before {
  content: "\f291";
}

.b-fa-shopping-basket::before {
  content: "\f291";
}

.b-fa-basketball::before {
  content: "\f434";
}

.b-fa-basketball-ball::before {
  content: "\f434";
}

.b-fa-bath::before {
  content: "\f2cd";
}

.b-fa-bathtub::before {
  content: "\f2cd";
}

.b-fa-battery-empty::before {
  content: "\f244";
}

.b-fa-battery-0::before {
  content: "\f244";
}

.b-fa-battery-full::before {
  content: "\f240";
}

.b-fa-battery::before {
  content: "\f240";
}

.b-fa-battery-5::before {
  content: "\f240";
}

.b-fa-battery-half::before {
  content: "\f242";
}

.b-fa-battery-3::before {
  content: "\f242";
}

.b-fa-battery-quarter::before {
  content: "\f243";
}

.b-fa-battery-2::before {
  content: "\f243";
}

.b-fa-battery-three-quarters::before {
  content: "\f241";
}

.b-fa-battery-4::before {
  content: "\f241";
}

.b-fa-bed::before {
  content: "\f236";
}

.b-fa-bed-pulse::before {
  content: "\f487";
}

.b-fa-procedures::before {
  content: "\f487";
}

.b-fa-beer-mug-empty::before {
  content: "\f0fc";
}

.b-fa-beer::before {
  content: "\f0fc";
}

.b-fa-bell::before {
  content: "\f0f3";
}

.b-fa-bell-concierge::before {
  content: "\f562";
}

.b-fa-concierge-bell::before {
  content: "\f562";
}

.b-fa-bell-slash::before {
  content: "\f1f6";
}

.b-fa-bezier-curve::before {
  content: "\f55b";
}

.b-fa-bicycle::before {
  content: "\f206";
}

.b-fa-binoculars::before {
  content: "\f1e5";
}

.b-fa-biohazard::before {
  content: "\f780";
}

.b-fa-bitcoin-sign::before {
  content: "\e0b4";
}

.b-fa-blender::before {
  content: "\f517";
}

.b-fa-blender-phone::before {
  content: "\f6b6";
}

.b-fa-blog::before {
  content: "\f781";
}

.b-fa-bold::before {
  content: "\f032";
}

.b-fa-bolt::before {
  content: "\f0e7";
}

.b-fa-zap::before {
  content: "\f0e7";
}

.b-fa-bolt-lightning::before {
  content: "\e0b7";
}

.b-fa-bomb::before {
  content: "\f1e2";
}

.b-fa-bone::before {
  content: "\f5d7";
}

.b-fa-bong::before {
  content: "\f55c";
}

.b-fa-book::before {
  content: "\f02d";
}

.b-fa-book-atlas::before {
  content: "\f558";
}

.b-fa-atlas::before {
  content: "\f558";
}

.b-fa-book-bible::before {
  content: "\f647";
}

.b-fa-bible::before {
  content: "\f647";
}

.b-fa-book-bookmark::before {
  content: "\e0bb";
}

.b-fa-book-journal-whills::before {
  content: "\f66a";
}

.b-fa-journal-whills::before {
  content: "\f66a";
}

.b-fa-book-medical::before {
  content: "\f7e6";
}

.b-fa-book-open::before {
  content: "\f518";
}

.b-fa-book-open-reader::before {
  content: "\f5da";
}

.b-fa-book-reader::before {
  content: "\f5da";
}

.b-fa-book-quran::before {
  content: "\f687";
}

.b-fa-quran::before {
  content: "\f687";
}

.b-fa-book-skull::before {
  content: "\f6b7";
}

.b-fa-book-dead::before {
  content: "\f6b7";
}

.b-fa-bookmark::before {
  content: "\f02e";
}

.b-fa-border-all::before {
  content: "\f84c";
}

.b-fa-border-none::before {
  content: "\f850";
}

.b-fa-border-top-left::before {
  content: "\f853";
}

.b-fa-border-style::before {
  content: "\f853";
}

.b-fa-bore-hole::before {
  content: "\e4c3";
}

.b-fa-bottle-droplet::before {
  content: "\e4c4";
}

.b-fa-bottle-water::before {
  content: "\e4c5";
}

.b-fa-bowl-food::before {
  content: "\e4c6";
}

.b-fa-bowl-rice::before {
  content: "\e2eb";
}

.b-fa-bowling-ball::before {
  content: "\f436";
}

.b-fa-box::before {
  content: "\f466";
}

.b-fa-box-archive::before {
  content: "\f187";
}

.b-fa-archive::before {
  content: "\f187";
}

.b-fa-box-open::before {
  content: "\f49e";
}

.b-fa-box-tissue::before {
  content: "\e05b";
}

.b-fa-boxes-packing::before {
  content: "\e4c7";
}

.b-fa-boxes-stacked::before {
  content: "\f468";
}

.b-fa-boxes::before {
  content: "\f468";
}

.b-fa-boxes-alt::before {
  content: "\f468";
}

.b-fa-braille::before {
  content: "\f2a1";
}

.b-fa-brain::before {
  content: "\f5dc";
}

.b-fa-brazilian-real-sign::before {
  content: "\e46c";
}

.b-fa-bread-slice::before {
  content: "\f7ec";
}

.b-fa-bridge::before {
  content: "\e4c8";
}

.b-fa-bridge-circle-check::before {
  content: "\e4c9";
}

.b-fa-bridge-circle-exclamation::before {
  content: "\e4ca";
}

.b-fa-bridge-circle-xmark::before {
  content: "\e4cb";
}

.b-fa-bridge-lock::before {
  content: "\e4cc";
}

.b-fa-bridge-water::before {
  content: "\e4ce";
}

.b-fa-briefcase::before {
  content: "\f0b1";
}

.b-fa-briefcase-medical::before {
  content: "\f469";
}

.b-fa-broom::before {
  content: "\f51a";
}

.b-fa-broom-ball::before {
  content: "\f458";
}

.b-fa-quidditch::before {
  content: "\f458";
}

.b-fa-quidditch-broom-ball::before {
  content: "\f458";
}

.b-fa-brush::before {
  content: "\f55d";
}

.b-fa-bucket::before {
  content: "\e4cf";
}

.b-fa-bug::before {
  content: "\f188";
}

.b-fa-bug-slash::before {
  content: "\e490";
}

.b-fa-bugs::before {
  content: "\e4d0";
}

.b-fa-building::before {
  content: "\f1ad";
}

.b-fa-building-circle-arrow-right::before {
  content: "\e4d1";
}

.b-fa-building-circle-check::before {
  content: "\e4d2";
}

.b-fa-building-circle-exclamation::before {
  content: "\e4d3";
}

.b-fa-building-circle-xmark::before {
  content: "\e4d4";
}

.b-fa-building-columns::before {
  content: "\f19c";
}

.b-fa-bank::before {
  content: "\f19c";
}

.b-fa-institution::before {
  content: "\f19c";
}

.b-fa-museum::before {
  content: "\f19c";
}

.b-fa-university::before {
  content: "\f19c";
}

.b-fa-building-flag::before {
  content: "\e4d5";
}

.b-fa-building-lock::before {
  content: "\e4d6";
}

.b-fa-building-ngo::before {
  content: "\e4d7";
}

.b-fa-building-shield::before {
  content: "\e4d8";
}

.b-fa-building-un::before {
  content: "\e4d9";
}

.b-fa-building-user::before {
  content: "\e4da";
}

.b-fa-building-wheat::before {
  content: "\e4db";
}

.b-fa-bullhorn::before {
  content: "\f0a1";
}

.b-fa-bullseye::before {
  content: "\f140";
}

.b-fa-burger::before {
  content: "\f805";
}

.b-fa-hamburger::before {
  content: "\f805";
}

.b-fa-burst::before {
  content: "\e4dc";
}

.b-fa-bus::before {
  content: "\f207";
}

.b-fa-bus-simple::before {
  content: "\f55e";
}

.b-fa-bus-alt::before {
  content: "\f55e";
}

.b-fa-business-time::before {
  content: "\f64a";
}

.b-fa-briefcase-clock::before {
  content: "\f64a";
}

.b-fa-c::before {
  content: "C";
}

.b-fa-cake-candles::before {
  content: "\f1fd";
}

.b-fa-birthday-cake::before {
  content: "\f1fd";
}

.b-fa-cake::before {
  content: "\f1fd";
}

.b-fa-calculator::before {
  content: "\f1ec";
}

.b-fa-calendar::before {
  content: "\f133";
}

.b-fa-calendar-check::before {
  content: "\f274";
}

.b-fa-calendar-day::before {
  content: "\f783";
}

.b-fa-calendar-days::before {
  content: "\f073";
}

.b-fa-calendar-alt::before {
  content: "\f073";
}

.b-fa-calendar-minus::before {
  content: "\f272";
}

.b-fa-calendar-plus::before {
  content: "\f271";
}

.b-fa-calendar-week::before {
  content: "\f784";
}

.b-fa-calendar-xmark::before {
  content: "\f273";
}

.b-fa-calendar-times::before {
  content: "\f273";
}

.b-fa-camera::before {
  content: "\f030";
}

.b-fa-camera-alt::before {
  content: "\f030";
}

.b-fa-camera-retro::before {
  content: "\f083";
}

.b-fa-camera-rotate::before {
  content: "\e0d8";
}

.b-fa-campground::before {
  content: "\f6bb";
}

.b-fa-candy-cane::before {
  content: "\f786";
}

.b-fa-cannabis::before {
  content: "\f55f";
}

.b-fa-capsules::before {
  content: "\f46b";
}

.b-fa-car::before {
  content: "\f1b9";
}

.b-fa-automobile::before {
  content: "\f1b9";
}

.b-fa-car-battery::before {
  content: "\f5df";
}

.b-fa-battery-car::before {
  content: "\f5df";
}

.b-fa-car-burst::before {
  content: "\f5e1";
}

.b-fa-car-crash::before {
  content: "\f5e1";
}

.b-fa-car-on::before {
  content: "\e4dd";
}

.b-fa-car-rear::before {
  content: "\f5de";
}

.b-fa-car-alt::before {
  content: "\f5de";
}

.b-fa-car-side::before {
  content: "\f5e4";
}

.b-fa-car-tunnel::before {
  content: "\e4de";
}

.b-fa-caravan::before {
  content: "\f8ff";
}

.b-fa-caret-down::before {
  content: "\f0d7";
}

.b-fa-caret-left::before {
  content: "\f0d9";
}

.b-fa-caret-right::before {
  content: "\f0da";
}

.b-fa-caret-up::before {
  content: "\f0d8";
}

.b-fa-carrot::before {
  content: "\f787";
}

.b-fa-cart-arrow-down::before {
  content: "\f218";
}

.b-fa-cart-flatbed::before {
  content: "\f474";
}

.b-fa-dolly-flatbed::before {
  content: "\f474";
}

.b-fa-cart-flatbed-suitcase::before {
  content: "\f59d";
}

.b-fa-luggage-cart::before {
  content: "\f59d";
}

.b-fa-cart-plus::before {
  content: "\f217";
}

.b-fa-cart-shopping::before {
  content: "\f07a";
}

.b-fa-shopping-cart::before {
  content: "\f07a";
}

.b-fa-cash-register::before {
  content: "\f788";
}

.b-fa-cat::before {
  content: "\f6be";
}

.b-fa-cedi-sign::before {
  content: "\e0df";
}

.b-fa-cent-sign::before {
  content: "\e3f5";
}

.b-fa-certificate::before {
  content: "\f0a3";
}

.b-fa-chair::before {
  content: "\f6c0";
}

.b-fa-chalkboard::before {
  content: "\f51b";
}

.b-fa-blackboard::before {
  content: "\f51b";
}

.b-fa-chalkboard-user::before {
  content: "\f51c";
}

.b-fa-chalkboard-teacher::before {
  content: "\f51c";
}

.b-fa-champagne-glasses::before {
  content: "\f79f";
}

.b-fa-glass-cheers::before {
  content: "\f79f";
}

.b-fa-charging-station::before {
  content: "\f5e7";
}

.b-fa-chart-area::before {
  content: "\f1fe";
}

.b-fa-area-chart::before {
  content: "\f1fe";
}

.b-fa-chart-bar::before {
  content: "\f080";
}

.b-fa-bar-chart::before {
  content: "\f080";
}

.b-fa-chart-column::before {
  content: "\e0e3";
}

.b-fa-chart-gantt::before {
  content: "\e0e4";
}

.b-fa-chart-line::before {
  content: "\f201";
}

.b-fa-line-chart::before {
  content: "\f201";
}

.b-fa-chart-pie::before {
  content: "\f200";
}

.b-fa-pie-chart::before {
  content: "\f200";
}

.b-fa-chart-simple::before {
  content: "\e473";
}

.b-fa-check::before {
  content: "\f00c";
}

.b-fa-check-double::before {
  content: "\f560";
}

.b-fa-check-to-slot::before {
  content: "\f772";
}

.b-fa-vote-yea::before {
  content: "\f772";
}

.b-fa-cheese::before {
  content: "\f7ef";
}

.b-fa-chess::before {
  content: "\f439";
}

.b-fa-chess-bishop::before {
  content: "\f43a";
}

.b-fa-chess-board::before {
  content: "\f43c";
}

.b-fa-chess-king::before {
  content: "\f43f";
}

.b-fa-chess-knight::before {
  content: "\f441";
}

.b-fa-chess-pawn::before {
  content: "\f443";
}

.b-fa-chess-queen::before {
  content: "\f445";
}

.b-fa-chess-rook::before {
  content: "\f447";
}

.b-fa-chevron-down::before {
  content: "\f078";
}

.b-fa-chevron-left::before {
  content: "\f053";
}

.b-fa-chevron-right::before {
  content: "\f054";
}

.b-fa-chevron-up::before {
  content: "\f077";
}

.b-fa-child::before {
  content: "\f1ae";
}

.b-fa-child-dress::before {
  content: "\e59c";
}

.b-fa-child-reaching::before {
  content: "\e59d";
}

.b-fa-child-rifle::before {
  content: "\e4e0";
}

.b-fa-children::before {
  content: "\e4e1";
}

.b-fa-church::before {
  content: "\f51d";
}

.b-fa-circle::before {
  content: "\f111";
}

.b-fa-circle-arrow-down::before {
  content: "\f0ab";
}

.b-fa-arrow-circle-down::before {
  content: "\f0ab";
}

.b-fa-circle-arrow-left::before {
  content: "\f0a8";
}

.b-fa-arrow-circle-left::before {
  content: "\f0a8";
}

.b-fa-circle-arrow-right::before {
  content: "\f0a9";
}

.b-fa-arrow-circle-right::before {
  content: "\f0a9";
}

.b-fa-circle-arrow-up::before {
  content: "\f0aa";
}

.b-fa-arrow-circle-up::before {
  content: "\f0aa";
}

.b-fa-circle-check::before {
  content: "\f058";
}

.b-fa-check-circle::before {
  content: "\f058";
}

.b-fa-circle-chevron-down::before {
  content: "\f13a";
}

.b-fa-chevron-circle-down::before {
  content: "\f13a";
}

.b-fa-circle-chevron-left::before {
  content: "\f137";
}

.b-fa-chevron-circle-left::before {
  content: "\f137";
}

.b-fa-circle-chevron-right::before {
  content: "\f138";
}

.b-fa-chevron-circle-right::before {
  content: "\f138";
}

.b-fa-circle-chevron-up::before {
  content: "\f139";
}

.b-fa-chevron-circle-up::before {
  content: "\f139";
}

.b-fa-circle-dollar-to-slot::before {
  content: "\f4b9";
}

.b-fa-donate::before {
  content: "\f4b9";
}

.b-fa-circle-dot::before {
  content: "\f192";
}

.b-fa-dot-circle::before {
  content: "\f192";
}

.b-fa-circle-down::before {
  content: "\f358";
}

.b-fa-arrow-alt-circle-down::before {
  content: "\f358";
}

.b-fa-circle-exclamation::before {
  content: "\f06a";
}

.b-fa-exclamation-circle::before {
  content: "\f06a";
}

.b-fa-circle-h::before {
  content: "\f47e";
}

.b-fa-hospital-symbol::before {
  content: "\f47e";
}

.b-fa-circle-half-stroke::before {
  content: "\f042";
}

.b-fa-adjust::before {
  content: "\f042";
}

.b-fa-circle-info::before {
  content: "\f05a";
}

.b-fa-info-circle::before {
  content: "\f05a";
}

.b-fa-circle-left::before {
  content: "\f359";
}

.b-fa-arrow-alt-circle-left::before {
  content: "\f359";
}

.b-fa-circle-minus::before {
  content: "\f056";
}

.b-fa-minus-circle::before {
  content: "\f056";
}

.b-fa-circle-nodes::before {
  content: "\e4e2";
}

.b-fa-circle-notch::before {
  content: "\f1ce";
}

.b-fa-circle-pause::before {
  content: "\f28b";
}

.b-fa-pause-circle::before {
  content: "\f28b";
}

.b-fa-circle-play::before {
  content: "\f144";
}

.b-fa-play-circle::before {
  content: "\f144";
}

.b-fa-circle-plus::before {
  content: "\f055";
}

.b-fa-plus-circle::before {
  content: "\f055";
}

.b-fa-circle-question::before {
  content: "\f059";
}

.b-fa-question-circle::before {
  content: "\f059";
}

.b-fa-circle-radiation::before {
  content: "\f7ba";
}

.b-fa-radiation-alt::before {
  content: "\f7ba";
}

.b-fa-circle-right::before {
  content: "\f35a";
}

.b-fa-arrow-alt-circle-right::before {
  content: "\f35a";
}

.b-fa-circle-stop::before {
  content: "\f28d";
}

.b-fa-stop-circle::before {
  content: "\f28d";
}

.b-fa-circle-up::before {
  content: "\f35b";
}

.b-fa-arrow-alt-circle-up::before {
  content: "\f35b";
}

.b-fa-circle-user::before {
  content: "\f2bd";
}

.b-fa-user-circle::before {
  content: "\f2bd";
}

.b-fa-circle-xmark::before {
  content: "\f057";
}

.b-fa-times-circle::before {
  content: "\f057";
}

.b-fa-xmark-circle::before {
  content: "\f057";
}

.b-fa-city::before {
  content: "\f64f";
}

.b-fa-clapperboard::before {
  content: "\e131";
}

.b-fa-clipboard::before {
  content: "\f328";
}

.b-fa-clipboard-check::before {
  content: "\f46c";
}

.b-fa-clipboard-list::before {
  content: "\f46d";
}

.b-fa-clipboard-question::before {
  content: "\e4e3";
}

.b-fa-clipboard-user::before {
  content: "\f7f3";
}

.b-fa-clock::before {
  content: "\f017";
}

.b-fa-clock-four::before {
  content: "\f017";
}

.b-fa-clock-rotate-left::before {
  content: "\f1da";
}

.b-fa-history::before {
  content: "\f1da";
}

.b-fa-clone::before {
  content: "\f24d";
}

.b-fa-closed-captioning::before {
  content: "\f20a";
}

.b-fa-cloud::before {
  content: "\f0c2";
}

.b-fa-cloud-arrow-down::before {
  content: "\f0ed";
}

.b-fa-cloud-download::before {
  content: "\f0ed";
}

.b-fa-cloud-download-alt::before {
  content: "\f0ed";
}

.b-fa-cloud-arrow-up::before {
  content: "\f0ee";
}

.b-fa-cloud-upload::before {
  content: "\f0ee";
}

.b-fa-cloud-upload-alt::before {
  content: "\f0ee";
}

.b-fa-cloud-bolt::before {
  content: "\f76c";
}

.b-fa-thunderstorm::before {
  content: "\f76c";
}

.b-fa-cloud-meatball::before {
  content: "\f73b";
}

.b-fa-cloud-moon::before {
  content: "\f6c3";
}

.b-fa-cloud-moon-rain::before {
  content: "\f73c";
}

.b-fa-cloud-rain::before {
  content: "\f73d";
}

.b-fa-cloud-showers-heavy::before {
  content: "\f740";
}

.b-fa-cloud-showers-water::before {
  content: "\e4e4";
}

.b-fa-cloud-sun::before {
  content: "\f6c4";
}

.b-fa-cloud-sun-rain::before {
  content: "\f743";
}

.b-fa-clover::before {
  content: "\e139";
}

.b-fa-code::before {
  content: "\f121";
}

.b-fa-code-branch::before {
  content: "\f126";
}

.b-fa-code-commit::before {
  content: "\f386";
}

.b-fa-code-compare::before {
  content: "\e13a";
}

.b-fa-code-fork::before {
  content: "\e13b";
}

.b-fa-code-merge::before {
  content: "\f387";
}

.b-fa-code-pull-request::before {
  content: "\e13c";
}

.b-fa-coins::before {
  content: "\f51e";
}

.b-fa-colon-sign::before {
  content: "\e140";
}

.b-fa-comment::before {
  content: "\f075";
}

.b-fa-comment-dollar::before {
  content: "\f651";
}

.b-fa-comment-dots::before {
  content: "\f4ad";
}

.b-fa-commenting::before {
  content: "\f4ad";
}

.b-fa-comment-medical::before {
  content: "\f7f5";
}

.b-fa-comment-slash::before {
  content: "\f4b3";
}

.b-fa-comment-sms::before {
  content: "\f7cd";
}

.b-fa-sms::before {
  content: "\f7cd";
}

.b-fa-comments::before {
  content: "\f086";
}

.b-fa-comments-dollar::before {
  content: "\f653";
}

.b-fa-compact-disc::before {
  content: "\f51f";
}

.b-fa-compass::before {
  content: "\f14e";
}

.b-fa-compass-drafting::before {
  content: "\f568";
}

.b-fa-drafting-compass::before {
  content: "\f568";
}

.b-fa-compress::before {
  content: "\f066";
}

.b-fa-computer::before {
  content: "\e4e5";
}

.b-fa-computer-mouse::before {
  content: "\f8cc";
}

.b-fa-mouse::before {
  content: "\f8cc";
}

.b-fa-cookie::before {
  content: "\f563";
}

.b-fa-cookie-bite::before {
  content: "\f564";
}

.b-fa-copy::before {
  content: "\f0c5";
}

.b-fa-copyright::before {
  content: "\f1f9";
}

.b-fa-couch::before {
  content: "\f4b8";
}

.b-fa-cow::before {
  content: "\f6c8";
}

.b-fa-credit-card::before {
  content: "\f09d";
}

.b-fa-credit-card-alt::before {
  content: "\f09d";
}

.b-fa-crop::before {
  content: "\f125";
}

.b-fa-crop-simple::before {
  content: "\f565";
}

.b-fa-crop-alt::before {
  content: "\f565";
}

.b-fa-cross::before {
  content: "\f654";
}

.b-fa-crosshairs::before {
  content: "\f05b";
}

.b-fa-crow::before {
  content: "\f520";
}

.b-fa-crown::before {
  content: "\f521";
}

.b-fa-crutch::before {
  content: "\f7f7";
}

.b-fa-cruzeiro-sign::before {
  content: "\e152";
}

.b-fa-cube::before {
  content: "\f1b2";
}

.b-fa-cubes::before {
  content: "\f1b3";
}

.b-fa-cubes-stacked::before {
  content: "\e4e6";
}

.b-fa-d::before {
  content: "D";
}

.b-fa-database::before {
  content: "\f1c0";
}

.b-fa-delete-left::before {
  content: "\f55a";
}

.b-fa-backspace::before {
  content: "\f55a";
}

.b-fa-democrat::before {
  content: "\f747";
}

.b-fa-desktop::before {
  content: "\f390";
}

.b-fa-desktop-alt::before {
  content: "\f390";
}

.b-fa-dharmachakra::before {
  content: "\f655";
}

.b-fa-diagram-next::before {
  content: "\e476";
}

.b-fa-diagram-predecessor::before {
  content: "\e477";
}

.b-fa-diagram-project::before {
  content: "\f542";
}

.b-fa-project-diagram::before {
  content: "\f542";
}

.b-fa-diagram-successor::before {
  content: "\e47a";
}

.b-fa-diamond::before {
  content: "\f219";
}

.b-fa-diamond-turn-right::before {
  content: "\f5eb";
}

.b-fa-directions::before {
  content: "\f5eb";
}

.b-fa-dice::before {
  content: "\f522";
}

.b-fa-dice-d20::before {
  content: "\f6cf";
}

.b-fa-dice-d6::before {
  content: "\f6d1";
}

.b-fa-dice-five::before {
  content: "\f523";
}

.b-fa-dice-four::before {
  content: "\f524";
}

.b-fa-dice-one::before {
  content: "\f525";
}

.b-fa-dice-six::before {
  content: "\f526";
}

.b-fa-dice-three::before {
  content: "\f527";
}

.b-fa-dice-two::before {
  content: "\f528";
}

.b-fa-disease::before {
  content: "\f7fa";
}

.b-fa-display::before {
  content: "\e163";
}

.b-fa-divide::before {
  content: "\f529";
}

.b-fa-dna::before {
  content: "\f471";
}

.b-fa-dog::before {
  content: "\f6d3";
}

.b-fa-dollar-sign::before {
  content: "\$";
}

.b-fa-dollar::before {
  content: "\$";
}

.b-fa-usd::before {
  content: "\$";
}

.b-fa-dolly::before {
  content: "\f472";
}

.b-fa-dolly-box::before {
  content: "\f472";
}

.b-fa-dong-sign::before {
  content: "\e169";
}

.b-fa-door-closed::before {
  content: "\f52a";
}

.b-fa-door-open::before {
  content: "\f52b";
}

.b-fa-dove::before {
  content: "\f4ba";
}

.b-fa-down-left-and-up-right-to-center::before {
  content: "\f422";
}

.b-fa-compress-alt::before {
  content: "\f422";
}

.b-fa-down-long::before {
  content: "\f309";
}

.b-fa-long-arrow-alt-down::before {
  content: "\f309";
}

.b-fa-download::before {
  content: "\f019";
}

.b-fa-dragon::before {
  content: "\f6d5";
}

.b-fa-draw-polygon::before {
  content: "\f5ee";
}

.b-fa-droplet::before {
  content: "\f043";
}

.b-fa-tint::before {
  content: "\f043";
}

.b-fa-droplet-slash::before {
  content: "\f5c7";
}

.b-fa-tint-slash::before {
  content: "\f5c7";
}

.b-fa-drum::before {
  content: "\f569";
}

.b-fa-drum-steelpan::before {
  content: "\f56a";
}

.b-fa-drumstick-bite::before {
  content: "\f6d7";
}

.b-fa-dumbbell::before {
  content: "\f44b";
}

.b-fa-dumpster::before {
  content: "\f793";
}

.b-fa-dumpster-fire::before {
  content: "\f794";
}

.b-fa-dungeon::before {
  content: "\f6d9";
}

.b-fa-e::before {
  content: "E";
}

.b-fa-ear-deaf::before {
  content: "\f2a4";
}

.b-fa-deaf::before {
  content: "\f2a4";
}

.b-fa-deafness::before {
  content: "\f2a4";
}

.b-fa-hard-of-hearing::before {
  content: "\f2a4";
}

.b-fa-ear-listen::before {
  content: "\f2a2";
}

.b-fa-assistive-listening-systems::before {
  content: "\f2a2";
}

.b-fa-earth-africa::before {
  content: "\f57c";
}

.b-fa-globe-africa::before {
  content: "\f57c";
}

.b-fa-earth-americas::before {
  content: "\f57d";
}

.b-fa-earth::before {
  content: "\f57d";
}

.b-fa-earth-america::before {
  content: "\f57d";
}

.b-fa-globe-americas::before {
  content: "\f57d";
}

.b-fa-earth-asia::before {
  content: "\f57e";
}

.b-fa-globe-asia::before {
  content: "\f57e";
}

.b-fa-earth-europe::before {
  content: "\f7a2";
}

.b-fa-globe-europe::before {
  content: "\f7a2";
}

.b-fa-earth-oceania::before {
  content: "\e47b";
}

.b-fa-globe-oceania::before {
  content: "\e47b";
}

.b-fa-egg::before {
  content: "\f7fb";
}

.b-fa-eject::before {
  content: "\f052";
}

.b-fa-elevator::before {
  content: "\e16d";
}

.b-fa-ellipsis::before {
  content: "\f141";
}

.b-fa-ellipsis-h::before {
  content: "\f141";
}

.b-fa-ellipsis-vertical::before {
  content: "\f142";
}

.b-fa-ellipsis-v::before {
  content: "\f142";
}

.b-fa-envelope::before {
  content: "\f0e0";
}

.b-fa-envelope-circle-check::before {
  content: "\e4e8";
}

.b-fa-envelope-open::before {
  content: "\f2b6";
}

.b-fa-envelope-open-text::before {
  content: "\f658";
}

.b-fa-envelopes-bulk::before {
  content: "\f674";
}

.b-fa-mail-bulk::before {
  content: "\f674";
}

.b-fa-equals::before {
  content: "\=";
}

.b-fa-eraser::before {
  content: "\f12d";
}

.b-fa-ethernet::before {
  content: "\f796";
}

.b-fa-euro-sign::before {
  content: "\f153";
}

.b-fa-eur::before {
  content: "\f153";
}

.b-fa-euro::before {
  content: "\f153";
}

.b-fa-exclamation::before {
  content: "\!";
}

.b-fa-expand::before {
  content: "\f065";
}

.b-fa-explosion::before {
  content: "\e4e9";
}

.b-fa-eye::before {
  content: "\f06e";
}

.b-fa-eye-dropper::before {
  content: "\f1fb";
}

.b-fa-eye-dropper-empty::before {
  content: "\f1fb";
}

.b-fa-eyedropper::before {
  content: "\f1fb";
}

.b-fa-eye-low-vision::before {
  content: "\f2a8";
}

.b-fa-low-vision::before {
  content: "\f2a8";
}

.b-fa-eye-slash::before {
  content: "\f070";
}

.b-fa-f::before {
  content: "F";
}

.b-fa-face-angry::before {
  content: "\f556";
}

.b-fa-angry::before {
  content: "\f556";
}

.b-fa-face-dizzy::before {
  content: "\f567";
}

.b-fa-dizzy::before {
  content: "\f567";
}

.b-fa-face-flushed::before {
  content: "\f579";
}

.b-fa-flushed::before {
  content: "\f579";
}

.b-fa-face-frown::before {
  content: "\f119";
}

.b-fa-frown::before {
  content: "\f119";
}

.b-fa-face-frown-open::before {
  content: "\f57a";
}

.b-fa-frown-open::before {
  content: "\f57a";
}

.b-fa-face-grimace::before {
  content: "\f57f";
}

.b-fa-grimace::before {
  content: "\f57f";
}

.b-fa-face-grin::before {
  content: "\f580";
}

.b-fa-grin::before {
  content: "\f580";
}

.b-fa-face-grin-beam::before {
  content: "\f582";
}

.b-fa-grin-beam::before {
  content: "\f582";
}

.b-fa-face-grin-beam-sweat::before {
  content: "\f583";
}

.b-fa-grin-beam-sweat::before {
  content: "\f583";
}

.b-fa-face-grin-hearts::before {
  content: "\f584";
}

.b-fa-grin-hearts::before {
  content: "\f584";
}

.b-fa-face-grin-squint::before {
  content: "\f585";
}

.b-fa-grin-squint::before {
  content: "\f585";
}

.b-fa-face-grin-squint-tears::before {
  content: "\f586";
}

.b-fa-grin-squint-tears::before {
  content: "\f586";
}

.b-fa-face-grin-stars::before {
  content: "\f587";
}

.b-fa-grin-stars::before {
  content: "\f587";
}

.b-fa-face-grin-tears::before {
  content: "\f588";
}

.b-fa-grin-tears::before {
  content: "\f588";
}

.b-fa-face-grin-tongue::before {
  content: "\f589";
}

.b-fa-grin-tongue::before {
  content: "\f589";
}

.b-fa-face-grin-tongue-squint::before {
  content: "\f58a";
}

.b-fa-grin-tongue-squint::before {
  content: "\f58a";
}

.b-fa-face-grin-tongue-wink::before {
  content: "\f58b";
}

.b-fa-grin-tongue-wink::before {
  content: "\f58b";
}

.b-fa-face-grin-wide::before {
  content: "\f581";
}

.b-fa-grin-alt::before {
  content: "\f581";
}

.b-fa-face-grin-wink::before {
  content: "\f58c";
}

.b-fa-grin-wink::before {
  content: "\f58c";
}

.b-fa-face-kiss::before {
  content: "\f596";
}

.b-fa-kiss::before {
  content: "\f596";
}

.b-fa-face-kiss-beam::before {
  content: "\f597";
}

.b-fa-kiss-beam::before {
  content: "\f597";
}

.b-fa-face-kiss-wink-heart::before {
  content: "\f598";
}

.b-fa-kiss-wink-heart::before {
  content: "\f598";
}

.b-fa-face-laugh::before {
  content: "\f599";
}

.b-fa-laugh::before {
  content: "\f599";
}

.b-fa-face-laugh-beam::before {
  content: "\f59a";
}

.b-fa-laugh-beam::before {
  content: "\f59a";
}

.b-fa-face-laugh-squint::before {
  content: "\f59b";
}

.b-fa-laugh-squint::before {
  content: "\f59b";
}

.b-fa-face-laugh-wink::before {
  content: "\f59c";
}

.b-fa-laugh-wink::before {
  content: "\f59c";
}

.b-fa-face-meh::before {
  content: "\f11a";
}

.b-fa-meh::before {
  content: "\f11a";
}

.b-fa-face-meh-blank::before {
  content: "\f5a4";
}

.b-fa-meh-blank::before {
  content: "\f5a4";
}

.b-fa-face-rolling-eyes::before {
  content: "\f5a5";
}

.b-fa-meh-rolling-eyes::before {
  content: "\f5a5";
}

.b-fa-face-sad-cry::before {
  content: "\f5b3";
}

.b-fa-sad-cry::before {
  content: "\f5b3";
}

.b-fa-face-sad-tear::before {
  content: "\f5b4";
}

.b-fa-sad-tear::before {
  content: "\f5b4";
}

.b-fa-face-smile::before {
  content: "\f118";
}

.b-fa-smile::before {
  content: "\f118";
}

.b-fa-face-smile-beam::before {
  content: "\f5b8";
}

.b-fa-smile-beam::before {
  content: "\f5b8";
}

.b-fa-face-smile-wink::before {
  content: "\f4da";
}

.b-fa-smile-wink::before {
  content: "\f4da";
}

.b-fa-face-surprise::before {
  content: "\f5c2";
}

.b-fa-surprise::before {
  content: "\f5c2";
}

.b-fa-face-tired::before {
  content: "\f5c8";
}

.b-fa-tired::before {
  content: "\f5c8";
}

.b-fa-fan::before {
  content: "\f863";
}

.b-fa-faucet::before {
  content: "\e005";
}

.b-fa-faucet-drip::before {
  content: "\e006";
}

.b-fa-fax::before {
  content: "\f1ac";
}

.b-fa-feather::before {
  content: "\f52d";
}

.b-fa-feather-pointed::before {
  content: "\f56b";
}

.b-fa-feather-alt::before {
  content: "\f56b";
}

.b-fa-ferry::before {
  content: "\e4ea";
}

.b-fa-file::before {
  content: "\f15b";
}

.b-fa-file-arrow-down::before {
  content: "\f56d";
}

.b-fa-file-download::before {
  content: "\f56d";
}

.b-fa-file-arrow-up::before {
  content: "\f574";
}

.b-fa-file-upload::before {
  content: "\f574";
}

.b-fa-file-audio::before {
  content: "\f1c7";
}

.b-fa-file-circle-check::before {
  content: "\e493";
}

.b-fa-file-circle-exclamation::before {
  content: "\e4eb";
}

.b-fa-file-circle-minus::before {
  content: "\e4ed";
}

.b-fa-file-circle-plus::before {
  content: "\e4ee";
}

.b-fa-file-circle-question::before {
  content: "\e4ef";
}

.b-fa-file-circle-xmark::before {
  content: "\e494";
}

.b-fa-file-code::before {
  content: "\f1c9";
}

.b-fa-file-contract::before {
  content: "\f56c";
}

.b-fa-file-csv::before {
  content: "\f6dd";
}

.b-fa-file-excel::before {
  content: "\f1c3";
}

.b-fa-file-export::before {
  content: "\f56e";
}

.b-fa-arrow-right-from-file::before {
  content: "\f56e";
}

.b-fa-file-image::before {
  content: "\f1c5";
}

.b-fa-file-import::before {
  content: "\f56f";
}

.b-fa-arrow-right-to-file::before {
  content: "\f56f";
}

.b-fa-file-invoice::before {
  content: "\f570";
}

.b-fa-file-invoice-dollar::before {
  content: "\f571";
}

.b-fa-file-lines::before {
  content: "\f15c";
}

.b-fa-file-alt::before {
  content: "\f15c";
}

.b-fa-file-text::before {
  content: "\f15c";
}

.b-fa-file-medical::before {
  content: "\f477";
}

.b-fa-file-pdf::before {
  content: "\f1c1";
}

.b-fa-file-pen::before {
  content: "\f31c";
}

.b-fa-file-edit::before {
  content: "\f31c";
}

.b-fa-file-powerpoint::before {
  content: "\f1c4";
}

.b-fa-file-prescription::before {
  content: "\f572";
}

.b-fa-file-shield::before {
  content: "\e4f0";
}

.b-fa-file-signature::before {
  content: "\f573";
}

.b-fa-file-video::before {
  content: "\f1c8";
}

.b-fa-file-waveform::before {
  content: "\f478";
}

.b-fa-file-medical-alt::before {
  content: "\f478";
}

.b-fa-file-word::before {
  content: "\f1c2";
}

.b-fa-file-zipper::before {
  content: "\f1c6";
}

.b-fa-file-archive::before {
  content: "\f1c6";
}

.b-fa-fill::before {
  content: "\f575";
}

.b-fa-fill-drip::before {
  content: "\f576";
}

.b-fa-film::before {
  content: "\f008";
}

.b-fa-filter::before {
  content: "\f0b0";
}

.b-fa-filter-circle-dollar::before {
  content: "\f662";
}

.b-fa-funnel-dollar::before {
  content: "\f662";
}

.b-fa-filter-circle-xmark::before {
  content: "\e17b";
}

.b-fa-fingerprint::before {
  content: "\f577";
}

.b-fa-fire::before {
  content: "\f06d";
}

.b-fa-fire-burner::before {
  content: "\e4f1";
}

.b-fa-fire-extinguisher::before {
  content: "\f134";
}

.b-fa-fire-flame-curved::before {
  content: "\f7e4";
}

.b-fa-fire-alt::before {
  content: "\f7e4";
}

.b-fa-fire-flame-simple::before {
  content: "\f46a";
}

.b-fa-burn::before {
  content: "\f46a";
}

.b-fa-fish::before {
  content: "\f578";
}

.b-fa-fish-fins::before {
  content: "\e4f2";
}

.b-fa-flag::before {
  content: "\f024";
}

.b-fa-flag-checkered::before {
  content: "\f11e";
}

.b-fa-flag-usa::before {
  content: "\f74d";
}

.b-fa-flask::before {
  content: "\f0c3";
}

.b-fa-flask-vial::before {
  content: "\e4f3";
}

.b-fa-floppy-disk::before {
  content: "\f0c7";
}

.b-fa-save::before {
  content: "\f0c7";
}

.b-fa-florin-sign::before {
  content: "\e184";
}

.b-fa-folder::before {
  content: "\f07b";
}

.b-fa-folder-blank::before {
  content: "\f07b";
}

.b-fa-folder-closed::before {
  content: "\e185";
}

.b-fa-folder-minus::before {
  content: "\f65d";
}

.b-fa-folder-open::before {
  content: "\f07c";
}

.b-fa-folder-plus::before {
  content: "\f65e";
}

.b-fa-folder-tree::before {
  content: "\f802";
}

.b-fa-font::before {
  content: "\f031";
}

.b-fa-football::before {
  content: "\f44e";
}

.b-fa-football-ball::before {
  content: "\f44e";
}

.b-fa-forward::before {
  content: "\f04e";
}

.b-fa-forward-fast::before {
  content: "\f050";
}

.b-fa-fast-forward::before {
  content: "\f050";
}

.b-fa-forward-step::before {
  content: "\f051";
}

.b-fa-step-forward::before {
  content: "\f051";
}

.b-fa-franc-sign::before {
  content: "\e18f";
}

.b-fa-frog::before {
  content: "\f52e";
}

.b-fa-futbol::before {
  content: "\f1e3";
}

.b-fa-futbol-ball::before {
  content: "\f1e3";
}

.b-fa-soccer-ball::before {
  content: "\f1e3";
}

.b-fa-g::before {
  content: "G";
}

.b-fa-gamepad::before {
  content: "\f11b";
}

.b-fa-gas-pump::before {
  content: "\f52f";
}

.b-fa-gauge::before {
  content: "\f624";
}

.b-fa-dashboard::before {
  content: "\f624";
}

.b-fa-gauge-med::before {
  content: "\f624";
}

.b-fa-tachometer-alt-average::before {
  content: "\f624";
}

.b-fa-gauge-high::before {
  content: "\f625";
}

.b-fa-tachometer-alt::before {
  content: "\f625";
}

.b-fa-tachometer-alt-fast::before {
  content: "\f625";
}

.b-fa-gauge-simple::before {
  content: "\f629";
}

.b-fa-gauge-simple-med::before {
  content: "\f629";
}

.b-fa-tachometer-average::before {
  content: "\f629";
}

.b-fa-gauge-simple-high::before {
  content: "\f62a";
}

.b-fa-tachometer::before {
  content: "\f62a";
}

.b-fa-tachometer-fast::before {
  content: "\f62a";
}

.b-fa-gavel::before {
  content: "\f0e3";
}

.b-fa-legal::before {
  content: "\f0e3";
}

.b-fa-gear::before {
  content: "\f013";
}

.b-fa-cog::before {
  content: "\f013";
}

.b-fa-gears::before {
  content: "\f085";
}

.b-fa-cogs::before {
  content: "\f085";
}

.b-fa-gem::before {
  content: "\f3a5";
}

.b-fa-genderless::before {
  content: "\f22d";
}

.b-fa-ghost::before {
  content: "\f6e2";
}

.b-fa-gift::before {
  content: "\f06b";
}

.b-fa-gifts::before {
  content: "\f79c";
}

.b-fa-glass-water::before {
  content: "\e4f4";
}

.b-fa-glass-water-droplet::before {
  content: "\e4f5";
}

.b-fa-glasses::before {
  content: "\f530";
}

.b-fa-globe::before {
  content: "\f0ac";
}

.b-fa-golf-ball-tee::before {
  content: "\f450";
}

.b-fa-golf-ball::before {
  content: "\f450";
}

.b-fa-gopuram::before {
  content: "\f664";
}

.b-fa-graduation-cap::before {
  content: "\f19d";
}

.b-fa-mortar-board::before {
  content: "\f19d";
}

.b-fa-greater-than::before {
  content: "\>";
}

.b-fa-greater-than-equal::before {
  content: "\f532";
}

.b-fa-grip::before {
  content: "\f58d";
}

.b-fa-grip-horizontal::before {
  content: "\f58d";
}

.b-fa-grip-lines::before {
  content: "\f7a4";
}

.b-fa-grip-lines-vertical::before {
  content: "\f7a5";
}

.b-fa-grip-vertical::before {
  content: "\f58e";
}

.b-fa-group-arrows-rotate::before {
  content: "\e4f6";
}

.b-fa-guarani-sign::before {
  content: "\e19a";
}

.b-fa-guitar::before {
  content: "\f7a6";
}

.b-fa-gun::before {
  content: "\e19b";
}

.b-fa-h::before {
  content: "H";
}

.b-fa-hammer::before {
  content: "\f6e3";
}

.b-fa-hamsa::before {
  content: "\f665";
}

.b-fa-hand::before {
  content: "\f256";
}

.b-fa-hand-paper::before {
  content: "\f256";
}

.b-fa-hand-back-fist::before {
  content: "\f255";
}

.b-fa-hand-rock::before {
  content: "\f255";
}

.b-fa-hand-dots::before {
  content: "\f461";
}

.b-fa-allergies::before {
  content: "\f461";
}

.b-fa-hand-fist::before {
  content: "\f6de";
}

.b-fa-fist-raised::before {
  content: "\f6de";
}

.b-fa-hand-holding::before {
  content: "\f4bd";
}

.b-fa-hand-holding-dollar::before {
  content: "\f4c0";
}

.b-fa-hand-holding-usd::before {
  content: "\f4c0";
}

.b-fa-hand-holding-droplet::before {
  content: "\f4c1";
}

.b-fa-hand-holding-water::before {
  content: "\f4c1";
}

.b-fa-hand-holding-hand::before {
  content: "\e4f7";
}

.b-fa-hand-holding-heart::before {
  content: "\f4be";
}

.b-fa-hand-holding-medical::before {
  content: "\e05c";
}

.b-fa-hand-lizard::before {
  content: "\f258";
}

.b-fa-hand-middle-finger::before {
  content: "\f806";
}

.b-fa-hand-peace::before {
  content: "\f25b";
}

.b-fa-hand-point-down::before {
  content: "\f0a7";
}

.b-fa-hand-point-left::before {
  content: "\f0a5";
}

.b-fa-hand-point-right::before {
  content: "\f0a4";
}

.b-fa-hand-point-up::before {
  content: "\f0a6";
}

.b-fa-hand-pointer::before {
  content: "\f25a";
}

.b-fa-hand-scissors::before {
  content: "\f257";
}

.b-fa-hand-sparkles::before {
  content: "\e05d";
}

.b-fa-hand-spock::before {
  content: "\f259";
}

.b-fa-handcuffs::before {
  content: "\e4f8";
}

.b-fa-hands::before {
  content: "\f2a7";
}

.b-fa-sign-language::before {
  content: "\f2a7";
}

.b-fa-signing::before {
  content: "\f2a7";
}

.b-fa-hands-asl-interpreting::before {
  content: "\f2a3";
}

.b-fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.b-fa-asl-interpreting::before {
  content: "\f2a3";
}

.b-fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.b-fa-hands-bound::before {
  content: "\e4f9";
}

.b-fa-hands-bubbles::before {
  content: "\e05e";
}

.b-fa-hands-wash::before {
  content: "\e05e";
}

.b-fa-hands-clapping::before {
  content: "\e1a8";
}

.b-fa-hands-holding::before {
  content: "\f4c2";
}

.b-fa-hands-holding-child::before {
  content: "\e4fa";
}

.b-fa-hands-holding-circle::before {
  content: "\e4fb";
}

.b-fa-hands-praying::before {
  content: "\f684";
}

.b-fa-praying-hands::before {
  content: "\f684";
}

.b-fa-handshake::before {
  content: "\f2b5";
}

.b-fa-handshake-angle::before {
  content: "\f4c4";
}

.b-fa-hands-helping::before {
  content: "\f4c4";
}

.b-fa-handshake-simple::before {
  content: "\f4c6";
}

.b-fa-handshake-alt::before {
  content: "\f4c6";
}

.b-fa-handshake-simple-slash::before {
  content: "\e05f";
}

.b-fa-handshake-alt-slash::before {
  content: "\e05f";
}

.b-fa-handshake-slash::before {
  content: "\e060";
}

.b-fa-hanukiah::before {
  content: "\f6e6";
}

.b-fa-hard-drive::before {
  content: "\f0a0";
}

.b-fa-hdd::before {
  content: "\f0a0";
}

.b-fa-hashtag::before {
  content: "\#";
}

.b-fa-hat-cowboy::before {
  content: "\f8c0";
}

.b-fa-hat-cowboy-side::before {
  content: "\f8c1";
}

.b-fa-hat-wizard::before {
  content: "\f6e8";
}

.b-fa-head-side-cough::before {
  content: "\e061";
}

.b-fa-head-side-cough-slash::before {
  content: "\e062";
}

.b-fa-head-side-mask::before {
  content: "\e063";
}

.b-fa-head-side-virus::before {
  content: "\e064";
}

.b-fa-heading::before {
  content: "\f1dc";
}

.b-fa-header::before {
  content: "\f1dc";
}

.b-fa-headphones::before {
  content: "\f025";
}

.b-fa-headphones-simple::before {
  content: "\f58f";
}

.b-fa-headphones-alt::before {
  content: "\f58f";
}

.b-fa-headset::before {
  content: "\f590";
}

.b-fa-heart::before {
  content: "\f004";
}

.b-fa-heart-circle-bolt::before {
  content: "\e4fc";
}

.b-fa-heart-circle-check::before {
  content: "\e4fd";
}

.b-fa-heart-circle-exclamation::before {
  content: "\e4fe";
}

.b-fa-heart-circle-minus::before {
  content: "\e4ff";
}

.b-fa-heart-circle-plus::before {
  content: "\e500";
}

.b-fa-heart-circle-xmark::before {
  content: "\e501";
}

.b-fa-heart-crack::before {
  content: "\f7a9";
}

.b-fa-heart-broken::before {
  content: "\f7a9";
}

.b-fa-heart-pulse::before {
  content: "\f21e";
}

.b-fa-heartbeat::before {
  content: "\f21e";
}

.b-fa-helicopter::before {
  content: "\f533";
}

.b-fa-helicopter-symbol::before {
  content: "\e502";
}

.b-fa-helmet-safety::before {
  content: "\f807";
}

.b-fa-hard-hat::before {
  content: "\f807";
}

.b-fa-hat-hard::before {
  content: "\f807";
}

.b-fa-helmet-un::before {
  content: "\e503";
}

.b-fa-highlighter::before {
  content: "\f591";
}

.b-fa-hill-avalanche::before {
  content: "\e507";
}

.b-fa-hill-rockslide::before {
  content: "\e508";
}

.b-fa-hippo::before {
  content: "\f6ed";
}

.b-fa-hockey-puck::before {
  content: "\f453";
}

.b-fa-holly-berry::before {
  content: "\f7aa";
}

.b-fa-horse::before {
  content: "\f6f0";
}

.b-fa-horse-head::before {
  content: "\f7ab";
}

.b-fa-hospital::before {
  content: "\f0f8";
}

.b-fa-hospital-alt::before {
  content: "\f0f8";
}

.b-fa-hospital-wide::before {
  content: "\f0f8";
}

.b-fa-hospital-user::before {
  content: "\f80d";
}

.b-fa-hot-tub-person::before {
  content: "\f593";
}

.b-fa-hot-tub::before {
  content: "\f593";
}

.b-fa-hotdog::before {
  content: "\f80f";
}

.b-fa-hotel::before {
  content: "\f594";
}

.b-fa-hourglass::before {
  content: "\f254";
}

.b-fa-hourglass-2::before {
  content: "\f254";
}

.b-fa-hourglass-half::before {
  content: "\f254";
}

.b-fa-hourglass-empty::before {
  content: "\f252";
}

.b-fa-hourglass-end::before {
  content: "\f253";
}

.b-fa-hourglass-3::before {
  content: "\f253";
}

.b-fa-hourglass-start::before {
  content: "\f251";
}

.b-fa-hourglass-1::before {
  content: "\f251";
}

.b-fa-house::before {
  content: "\f015";
}

.b-fa-home::before {
  content: "\f015";
}

.b-fa-home-alt::before {
  content: "\f015";
}

.b-fa-home-lg-alt::before {
  content: "\f015";
}

.b-fa-house-chimney::before {
  content: "\e3af";
}

.b-fa-home-lg::before {
  content: "\e3af";
}

.b-fa-house-chimney-crack::before {
  content: "\f6f1";
}

.b-fa-house-damage::before {
  content: "\f6f1";
}

.b-fa-house-chimney-medical::before {
  content: "\f7f2";
}

.b-fa-clinic-medical::before {
  content: "\f7f2";
}

.b-fa-house-chimney-user::before {
  content: "\e065";
}

.b-fa-house-chimney-window::before {
  content: "\e00d";
}

.b-fa-house-circle-check::before {
  content: "\e509";
}

.b-fa-house-circle-exclamation::before {
  content: "\e50a";
}

.b-fa-house-circle-xmark::before {
  content: "\e50b";
}

.b-fa-house-crack::before {
  content: "\e3b1";
}

.b-fa-house-fire::before {
  content: "\e50c";
}

.b-fa-house-flag::before {
  content: "\e50d";
}

.b-fa-house-flood-water::before {
  content: "\e50e";
}

.b-fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f";
}

.b-fa-house-laptop::before {
  content: "\e066";
}

.b-fa-laptop-house::before {
  content: "\e066";
}

.b-fa-house-lock::before {
  content: "\e510";
}

.b-fa-house-medical::before {
  content: "\e3b2";
}

.b-fa-house-medical-circle-check::before {
  content: "\e511";
}

.b-fa-house-medical-circle-exclamation::before {
  content: "\e512";
}

.b-fa-house-medical-circle-xmark::before {
  content: "\e513";
}

.b-fa-house-medical-flag::before {
  content: "\e514";
}

.b-fa-house-signal::before {
  content: "\e012";
}

.b-fa-house-tsunami::before {
  content: "\e515";
}

.b-fa-house-user::before {
  content: "\e1b0";
}

.b-fa-home-user::before {
  content: "\e1b0";
}

.b-fa-hryvnia-sign::before {
  content: "\f6f2";
}

.b-fa-hryvnia::before {
  content: "\f6f2";
}

.b-fa-hurricane::before {
  content: "\f751";
}

.b-fa-i::before {
  content: "I";
}

.b-fa-i-cursor::before {
  content: "\f246";
}

.b-fa-ice-cream::before {
  content: "\f810";
}

.b-fa-icicles::before {
  content: "\f7ad";
}

.b-fa-icons::before {
  content: "\f86d";
}

.b-fa-heart-music-camera-bolt::before {
  content: "\f86d";
}

.b-fa-id-badge::before {
  content: "\f2c1";
}

.b-fa-id-card::before {
  content: "\f2c2";
}

.b-fa-drivers-license::before {
  content: "\f2c2";
}

.b-fa-id-card-clip::before {
  content: "\f47f";
}

.b-fa-id-card-alt::before {
  content: "\f47f";
}

.b-fa-igloo::before {
  content: "\f7ae";
}

.b-fa-image::before {
  content: "\f03e";
}

.b-fa-image-portrait::before {
  content: "\f3e0";
}

.b-fa-portrait::before {
  content: "\f3e0";
}

.b-fa-images::before {
  content: "\f302";
}

.b-fa-inbox::before {
  content: "\f01c";
}

.b-fa-indent::before {
  content: "\f03c";
}

.b-fa-indian-rupee-sign::before {
  content: "\e1bc";
}

.b-fa-indian-rupee::before {
  content: "\e1bc";
}

.b-fa-inr::before {
  content: "\e1bc";
}

.b-fa-industry::before {
  content: "\f275";
}

.b-fa-infinity::before {
  content: "\f534";
}

.b-fa-info::before {
  content: "\f129";
}

.b-fa-italic::before {
  content: "\f033";
}

.b-fa-j::before {
  content: "J";
}

.b-fa-jar::before {
  content: "\e516";
}

.b-fa-jar-wheat::before {
  content: "\e517";
}

.b-fa-jedi::before {
  content: "\f669";
}

.b-fa-jet-fighter::before {
  content: "\f0fb";
}

.b-fa-fighter-jet::before {
  content: "\f0fb";
}

.b-fa-jet-fighter-up::before {
  content: "\e518";
}

.b-fa-joint::before {
  content: "\f595";
}

.b-fa-jug-detergent::before {
  content: "\e519";
}

.b-fa-k::before {
  content: "K";
}

.b-fa-kaaba::before {
  content: "\f66b";
}

.b-fa-key::before {
  content: "\f084";
}

.b-fa-keyboard::before {
  content: "\f11c";
}

.b-fa-khanda::before {
  content: "\f66d";
}

.b-fa-kip-sign::before {
  content: "\e1c4";
}

.b-fa-kit-medical::before {
  content: "\f479";
}

.b-fa-first-aid::before {
  content: "\f479";
}

.b-fa-kitchen-set::before {
  content: "\e51a";
}

.b-fa-kiwi-bird::before {
  content: "\f535";
}

.b-fa-l::before {
  content: "L";
}

.b-fa-land-mine-on::before {
  content: "\e51b";
}

.b-fa-landmark::before {
  content: "\f66f";
}

.b-fa-landmark-dome::before {
  content: "\f752";
}

.b-fa-landmark-alt::before {
  content: "\f752";
}

.b-fa-landmark-flag::before {
  content: "\e51c";
}

.b-fa-language::before {
  content: "\f1ab";
}

.b-fa-laptop::before {
  content: "\f109";
}

.b-fa-laptop-code::before {
  content: "\f5fc";
}

.b-fa-laptop-file::before {
  content: "\e51d";
}

.b-fa-laptop-medical::before {
  content: "\f812";
}

.b-fa-lari-sign::before {
  content: "\e1c8";
}

.b-fa-layer-group::before {
  content: "\f5fd";
}

.b-fa-leaf::before {
  content: "\f06c";
}

.b-fa-left-long::before {
  content: "\f30a";
}

.b-fa-long-arrow-alt-left::before {
  content: "\f30a";
}

.b-fa-left-right::before {
  content: "\f337";
}

.b-fa-arrows-alt-h::before {
  content: "\f337";
}

.b-fa-lemon::before {
  content: "\f094";
}

.b-fa-less-than::before {
  content: "\<";
}

.b-fa-less-than-equal::before {
  content: "\f537";
}

.b-fa-life-ring::before {
  content: "\f1cd";
}

.b-fa-lightbulb::before {
  content: "\f0eb";
}

.b-fa-lines-leaning::before {
  content: "\e51e";
}

.b-fa-link::before {
  content: "\f0c1";
}

.b-fa-chain::before {
  content: "\f0c1";
}

.b-fa-link-slash::before {
  content: "\f127";
}

.b-fa-chain-broken::before {
  content: "\f127";
}

.b-fa-chain-slash::before {
  content: "\f127";
}

.b-fa-unlink::before {
  content: "\f127";
}

.b-fa-lira-sign::before {
  content: "\f195";
}

.b-fa-list::before {
  content: "\f03a";
}

.b-fa-list-squares::before {
  content: "\f03a";
}

.b-fa-list-check::before {
  content: "\f0ae";
}

.b-fa-tasks::before {
  content: "\f0ae";
}

.b-fa-list-ol::before {
  content: "\f0cb";
}

.b-fa-list-1-2::before {
  content: "\f0cb";
}

.b-fa-list-numeric::before {
  content: "\f0cb";
}

.b-fa-list-ul::before {
  content: "\f0ca";
}

.b-fa-list-dots::before {
  content: "\f0ca";
}

.b-fa-litecoin-sign::before {
  content: "\e1d3";
}

.b-fa-location-arrow::before {
  content: "\f124";
}

.b-fa-location-crosshairs::before {
  content: "\f601";
}

.b-fa-location::before {
  content: "\f601";
}

.b-fa-location-dot::before {
  content: "\f3c5";
}

.b-fa-map-marker-alt::before {
  content: "\f3c5";
}

.b-fa-location-pin::before {
  content: "\f041";
}

.b-fa-map-marker::before {
  content: "\f041";
}

.b-fa-location-pin-lock::before {
  content: "\e51f";
}

.b-fa-lock::before {
  content: "\f023";
}

.b-fa-lock-open::before {
  content: "\f3c1";
}

.b-fa-locust::before {
  content: "\e520";
}

.b-fa-lungs::before {
  content: "\f604";
}

.b-fa-lungs-virus::before {
  content: "\e067";
}

.b-fa-m::before {
  content: "M";
}

.b-fa-magnet::before {
  content: "\f076";
}

.b-fa-magnifying-glass::before {
  content: "\f002";
}

.b-fa-search::before {
  content: "\f002";
}

.b-fa-magnifying-glass-arrow-right::before {
  content: "\e521";
}

.b-fa-magnifying-glass-chart::before {
  content: "\e522";
}

.b-fa-magnifying-glass-dollar::before {
  content: "\f688";
}

.b-fa-search-dollar::before {
  content: "\f688";
}

.b-fa-magnifying-glass-location::before {
  content: "\f689";
}

.b-fa-search-location::before {
  content: "\f689";
}

.b-fa-magnifying-glass-minus::before {
  content: "\f010";
}

.b-fa-search-minus::before {
  content: "\f010";
}

.b-fa-magnifying-glass-plus::before {
  content: "\f00e";
}

.b-fa-search-plus::before {
  content: "\f00e";
}

.b-fa-manat-sign::before {
  content: "\e1d5";
}

.b-fa-map::before {
  content: "\f279";
}

.b-fa-map-location::before {
  content: "\f59f";
}

.b-fa-map-marked::before {
  content: "\f59f";
}

.b-fa-map-location-dot::before {
  content: "\f5a0";
}

.b-fa-map-marked-alt::before {
  content: "\f5a0";
}

.b-fa-map-pin::before {
  content: "\f276";
}

.b-fa-marker::before {
  content: "\f5a1";
}

.b-fa-mars::before {
  content: "\f222";
}

.b-fa-mars-and-venus::before {
  content: "\f224";
}

.b-fa-mars-and-venus-burst::before {
  content: "\e523";
}

.b-fa-mars-double::before {
  content: "\f227";
}

.b-fa-mars-stroke::before {
  content: "\f229";
}

.b-fa-mars-stroke-right::before {
  content: "\f22b";
}

.b-fa-mars-stroke-h::before {
  content: "\f22b";
}

.b-fa-mars-stroke-up::before {
  content: "\f22a";
}

.b-fa-mars-stroke-v::before {
  content: "\f22a";
}

.b-fa-martini-glass::before {
  content: "\f57b";
}

.b-fa-glass-martini-alt::before {
  content: "\f57b";
}

.b-fa-martini-glass-citrus::before {
  content: "\f561";
}

.b-fa-cocktail::before {
  content: "\f561";
}

.b-fa-martini-glass-empty::before {
  content: "\f000";
}

.b-fa-glass-martini::before {
  content: "\f000";
}

.b-fa-mask::before {
  content: "\f6fa";
}

.b-fa-mask-face::before {
  content: "\e1d7";
}

.b-fa-mask-ventilator::before {
  content: "\e524";
}

.b-fa-masks-theater::before {
  content: "\f630";
}

.b-fa-theater-masks::before {
  content: "\f630";
}

.b-fa-mattress-pillow::before {
  content: "\e525";
}

.b-fa-maximize::before {
  content: "\f31e";
}

.b-fa-expand-arrows-alt::before {
  content: "\f31e";
}

.b-fa-medal::before {
  content: "\f5a2";
}

.b-fa-memory::before {
  content: "\f538";
}

.b-fa-menorah::before {
  content: "\f676";
}

.b-fa-mercury::before {
  content: "\f223";
}

.b-fa-message::before {
  content: "\f27a";
}

.b-fa-comment-alt::before {
  content: "\f27a";
}

.b-fa-meteor::before {
  content: "\f753";
}

.b-fa-microchip::before {
  content: "\f2db";
}

.b-fa-microphone::before {
  content: "\f130";
}

.b-fa-microphone-lines::before {
  content: "\f3c9";
}

.b-fa-microphone-alt::before {
  content: "\f3c9";
}

.b-fa-microphone-lines-slash::before {
  content: "\f539";
}

.b-fa-microphone-alt-slash::before {
  content: "\f539";
}

.b-fa-microphone-slash::before {
  content: "\f131";
}

.b-fa-microscope::before {
  content: "\f610";
}

.b-fa-mill-sign::before {
  content: "\e1ed";
}

.b-fa-minimize::before {
  content: "\f78c";
}

.b-fa-compress-arrows-alt::before {
  content: "\f78c";
}

.b-fa-minus::before {
  content: "\f068";
}

.b-fa-subtract::before {
  content: "\f068";
}

.b-fa-mitten::before {
  content: "\f7b5";
}

.b-fa-mobile::before {
  content: "\f3ce";
}

.b-fa-mobile-android::before {
  content: "\f3ce";
}

.b-fa-mobile-phone::before {
  content: "\f3ce";
}

.b-fa-mobile-button::before {
  content: "\f10b";
}

.b-fa-mobile-retro::before {
  content: "\e527";
}

.b-fa-mobile-screen::before {
  content: "\f3cf";
}

.b-fa-mobile-android-alt::before {
  content: "\f3cf";
}

.b-fa-mobile-screen-button::before {
  content: "\f3cd";
}

.b-fa-mobile-alt::before {
  content: "\f3cd";
}

.b-fa-money-bill::before {
  content: "\f0d6";
}

.b-fa-money-bill-1::before {
  content: "\f3d1";
}

.b-fa-money-bill-alt::before {
  content: "\f3d1";
}

.b-fa-money-bill-1-wave::before {
  content: "\f53b";
}

.b-fa-money-bill-wave-alt::before {
  content: "\f53b";
}

.b-fa-money-bill-transfer::before {
  content: "\e528";
}

.b-fa-money-bill-trend-up::before {
  content: "\e529";
}

.b-fa-money-bill-wave::before {
  content: "\f53a";
}

.b-fa-money-bill-wheat::before {
  content: "\e52a";
}

.b-fa-money-bills::before {
  content: "\e1f3";
}

.b-fa-money-check::before {
  content: "\f53c";
}

.b-fa-money-check-dollar::before {
  content: "\f53d";
}

.b-fa-money-check-alt::before {
  content: "\f53d";
}

.b-fa-monument::before {
  content: "\f5a6";
}

.b-fa-moon::before {
  content: "\f186";
}

.b-fa-mortar-pestle::before {
  content: "\f5a7";
}

.b-fa-mosque::before {
  content: "\f678";
}

.b-fa-mosquito::before {
  content: "\e52b";
}

.b-fa-mosquito-net::before {
  content: "\e52c";
}

.b-fa-motorcycle::before {
  content: "\f21c";
}

.b-fa-mound::before {
  content: "\e52d";
}

.b-fa-mountain::before {
  content: "\f6fc";
}

.b-fa-mountain-city::before {
  content: "\e52e";
}

.b-fa-mountain-sun::before {
  content: "\e52f";
}

.b-fa-mug-hot::before {
  content: "\f7b6";
}

.b-fa-mug-saucer::before {
  content: "\f0f4";
}

.b-fa-coffee::before {
  content: "\f0f4";
}

.b-fa-music::before {
  content: "\f001";
}

.b-fa-n::before {
  content: "N";
}

.b-fa-naira-sign::before {
  content: "\e1f6";
}

.b-fa-network-wired::before {
  content: "\f6ff";
}

.b-fa-neuter::before {
  content: "\f22c";
}

.b-fa-newspaper::before {
  content: "\f1ea";
}

.b-fa-not-equal::before {
  content: "\f53e";
}

.b-fa-note-sticky::before {
  content: "\f249";
}

.b-fa-sticky-note::before {
  content: "\f249";
}

.b-fa-notes-medical::before {
  content: "\f481";
}

.b-fa-o::before {
  content: "O";
}

.b-fa-object-group::before {
  content: "\f247";
}

.b-fa-object-ungroup::before {
  content: "\f248";
}

.b-fa-oil-can::before {
  content: "\f613";
}

.b-fa-oil-well::before {
  content: "\e532";
}

.b-fa-om::before {
  content: "\f679";
}

.b-fa-otter::before {
  content: "\f700";
}

.b-fa-outdent::before {
  content: "\f03b";
}

.b-fa-dedent::before {
  content: "\f03b";
}

.b-fa-p::before {
  content: "P";
}

.b-fa-pager::before {
  content: "\f815";
}

.b-fa-paint-roller::before {
  content: "\f5aa";
}

.b-fa-paintbrush::before {
  content: "\f1fc";
}

.b-fa-paint-brush::before {
  content: "\f1fc";
}

.b-fa-palette::before {
  content: "\f53f";
}

.b-fa-pallet::before {
  content: "\f482";
}

.b-fa-panorama::before {
  content: "\e209";
}

.b-fa-paper-plane::before {
  content: "\f1d8";
}

.b-fa-paperclip::before {
  content: "\f0c6";
}

.b-fa-parachute-box::before {
  content: "\f4cd";
}

.b-fa-paragraph::before {
  content: "\f1dd";
}

.b-fa-passport::before {
  content: "\f5ab";
}

.b-fa-paste::before {
  content: "\f0ea";
}

.b-fa-file-clipboard::before {
  content: "\f0ea";
}

.b-fa-pause::before {
  content: "\f04c";
}

.b-fa-paw::before {
  content: "\f1b0";
}

.b-fa-peace::before {
  content: "\f67c";
}

.b-fa-pen::before {
  content: "\f304";
}

.b-fa-pen-clip::before {
  content: "\f305";
}

.b-fa-pen-alt::before {
  content: "\f305";
}

.b-fa-pen-fancy::before {
  content: "\f5ac";
}

.b-fa-pen-nib::before {
  content: "\f5ad";
}

.b-fa-pen-ruler::before {
  content: "\f5ae";
}

.b-fa-pencil-ruler::before {
  content: "\f5ae";
}

.b-fa-pen-to-square::before {
  content: "\f044";
}

.b-fa-edit::before {
  content: "\f044";
}

.b-fa-pencil::before {
  content: "\f303";
}

.b-fa-pencil-alt::before {
  content: "\f303";
}

.b-fa-people-arrows-left-right::before {
  content: "\e068";
}

.b-fa-people-arrows::before {
  content: "\e068";
}

.b-fa-people-carry-box::before {
  content: "\f4ce";
}

.b-fa-people-carry::before {
  content: "\f4ce";
}

.b-fa-people-group::before {
  content: "\e533";
}

.b-fa-people-line::before {
  content: "\e534";
}

.b-fa-people-pulling::before {
  content: "\e535";
}

.b-fa-people-robbery::before {
  content: "\e536";
}

.b-fa-people-roof::before {
  content: "\e537";
}

.b-fa-pepper-hot::before {
  content: "\f816";
}

.b-fa-percent::before {
  content: "\%";
}

.b-fa-percentage::before {
  content: "\%";
}

.b-fa-person::before {
  content: "\f183";
}

.b-fa-male::before {
  content: "\f183";
}

.b-fa-person-arrow-down-to-line::before {
  content: "\e538";
}

.b-fa-person-arrow-up-from-line::before {
  content: "\e539";
}

.b-fa-person-biking::before {
  content: "\f84a";
}

.b-fa-biking::before {
  content: "\f84a";
}

.b-fa-person-booth::before {
  content: "\f756";
}

.b-fa-person-breastfeeding::before {
  content: "\e53a";
}

.b-fa-person-burst::before {
  content: "\e53b";
}

.b-fa-person-cane::before {
  content: "\e53c";
}

.b-fa-person-chalkboard::before {
  content: "\e53d";
}

.b-fa-person-circle-check::before {
  content: "\e53e";
}

.b-fa-person-circle-exclamation::before {
  content: "\e53f";
}

.b-fa-person-circle-minus::before {
  content: "\e540";
}

.b-fa-person-circle-plus::before {
  content: "\e541";
}

.b-fa-person-circle-question::before {
  content: "\e542";
}

.b-fa-person-circle-xmark::before {
  content: "\e543";
}

.b-fa-person-digging::before {
  content: "\f85e";
}

.b-fa-digging::before {
  content: "\f85e";
}

.b-fa-person-dots-from-line::before {
  content: "\f470";
}

.b-fa-diagnoses::before {
  content: "\f470";
}

.b-fa-person-dress::before {
  content: "\f182";
}

.b-fa-female::before {
  content: "\f182";
}

.b-fa-person-dress-burst::before {
  content: "\e544";
}

.b-fa-person-drowning::before {
  content: "\e545";
}

.b-fa-person-falling::before {
  content: "\e546";
}

.b-fa-person-falling-burst::before {
  content: "\e547";
}

.b-fa-person-half-dress::before {
  content: "\e548";
}

.b-fa-person-harassing::before {
  content: "\e549";
}

.b-fa-person-hiking::before {
  content: "\f6ec";
}

.b-fa-hiking::before {
  content: "\f6ec";
}

.b-fa-person-military-pointing::before {
  content: "\e54a";
}

.b-fa-person-military-rifle::before {
  content: "\e54b";
}

.b-fa-person-military-to-person::before {
  content: "\e54c";
}

.b-fa-person-praying::before {
  content: "\f683";
}

.b-fa-pray::before {
  content: "\f683";
}

.b-fa-person-pregnant::before {
  content: "\e31e";
}

.b-fa-person-rays::before {
  content: "\e54d";
}

.b-fa-person-rifle::before {
  content: "\e54e";
}

.b-fa-person-running::before {
  content: "\f70c";
}

.b-fa-running::before {
  content: "\f70c";
}

.b-fa-person-shelter::before {
  content: "\e54f";
}

.b-fa-person-skating::before {
  content: "\f7c5";
}

.b-fa-skating::before {
  content: "\f7c5";
}

.b-fa-person-skiing::before {
  content: "\f7c9";
}

.b-fa-skiing::before {
  content: "\f7c9";
}

.b-fa-person-skiing-nordic::before {
  content: "\f7ca";
}

.b-fa-skiing-nordic::before {
  content: "\f7ca";
}

.b-fa-person-snowboarding::before {
  content: "\f7ce";
}

.b-fa-snowboarding::before {
  content: "\f7ce";
}

.b-fa-person-swimming::before {
  content: "\f5c4";
}

.b-fa-swimmer::before {
  content: "\f5c4";
}

.b-fa-person-through-window::before {
  content: "\e433";
}

.b-fa-person-walking::before {
  content: "\f554";
}

.b-fa-walking::before {
  content: "\f554";
}

.b-fa-person-walking-arrow-loop-left::before {
  content: "\e551";
}

.b-fa-person-walking-arrow-right::before {
  content: "\e552";
}

.b-fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553";
}

.b-fa-person-walking-luggage::before {
  content: "\e554";
}

.b-fa-person-walking-with-cane::before {
  content: "\f29d";
}

.b-fa-blind::before {
  content: "\f29d";
}

.b-fa-peseta-sign::before {
  content: "\e221";
}

.b-fa-peso-sign::before {
  content: "\e222";
}

.b-fa-phone::before {
  content: "\f095";
}

.b-fa-phone-flip::before {
  content: "\f879";
}

.b-fa-phone-alt::before {
  content: "\f879";
}

.b-fa-phone-slash::before {
  content: "\f3dd";
}

.b-fa-phone-volume::before {
  content: "\f2a0";
}

.b-fa-volume-control-phone::before {
  content: "\f2a0";
}

.b-fa-photo-film::before {
  content: "\f87c";
}

.b-fa-photo-video::before {
  content: "\f87c";
}

.b-fa-piggy-bank::before {
  content: "\f4d3";
}

.b-fa-pills::before {
  content: "\f484";
}

.b-fa-pizza-slice::before {
  content: "\f818";
}

.b-fa-place-of-worship::before {
  content: "\f67f";
}

.b-fa-plane::before {
  content: "\f072";
}

.b-fa-plane-arrival::before {
  content: "\f5af";
}

.b-fa-plane-circle-check::before {
  content: "\e555";
}

.b-fa-plane-circle-exclamation::before {
  content: "\e556";
}

.b-fa-plane-circle-xmark::before {
  content: "\e557";
}

.b-fa-plane-departure::before {
  content: "\f5b0";
}

.b-fa-plane-lock::before {
  content: "\e558";
}

.b-fa-plane-slash::before {
  content: "\e069";
}

.b-fa-plane-up::before {
  content: "\e22d";
}

.b-fa-plant-wilt::before {
  content: "\e43b";
}

.b-fa-plate-wheat::before {
  content: "\e55a";
}

.b-fa-play::before {
  content: "\f04b";
}

.b-fa-plug::before {
  content: "\f1e6";
}

.b-fa-plug-circle-bolt::before {
  content: "\e55b";
}

.b-fa-plug-circle-check::before {
  content: "\e55c";
}

.b-fa-plug-circle-exclamation::before {
  content: "\e55d";
}

.b-fa-plug-circle-minus::before {
  content: "\e55e";
}

.b-fa-plug-circle-plus::before {
  content: "\e55f";
}

.b-fa-plug-circle-xmark::before {
  content: "\e560";
}

.b-fa-plus::before {
  content: "\+";
}

.b-fa-add::before {
  content: "\+";
}

.b-fa-plus-minus::before {
  content: "\e43c";
}

.b-fa-podcast::before {
  content: "\f2ce";
}

.b-fa-poo::before {
  content: "\f2fe";
}

.b-fa-poo-storm::before {
  content: "\f75a";
}

.b-fa-poo-bolt::before {
  content: "\f75a";
}

.b-fa-poop::before {
  content: "\f619";
}

.b-fa-power-off::before {
  content: "\f011";
}

.b-fa-prescription::before {
  content: "\f5b1";
}

.b-fa-prescription-bottle::before {
  content: "\f485";
}

.b-fa-prescription-bottle-medical::before {
  content: "\f486";
}

.b-fa-prescription-bottle-alt::before {
  content: "\f486";
}

.b-fa-print::before {
  content: "\f02f";
}

.b-fa-pump-medical::before {
  content: "\e06a";
}

.b-fa-pump-soap::before {
  content: "\e06b";
}

.b-fa-puzzle-piece::before {
  content: "\f12e";
}

.b-fa-q::before {
  content: "Q";
}

.b-fa-qrcode::before {
  content: "\f029";
}

.b-fa-question::before {
  content: "\?";
}

.b-fa-quote-left::before {
  content: "\f10d";
}

.b-fa-quote-left-alt::before {
  content: "\f10d";
}

.b-fa-quote-right::before {
  content: "\f10e";
}

.b-fa-quote-right-alt::before {
  content: "\f10e";
}

.b-fa-r::before {
  content: "R";
}

.b-fa-radiation::before {
  content: "\f7b9";
}

.b-fa-radio::before {
  content: "\f8d7";
}

.b-fa-rainbow::before {
  content: "\f75b";
}

.b-fa-ranking-star::before {
  content: "\e561";
}

.b-fa-receipt::before {
  content: "\f543";
}

.b-fa-record-vinyl::before {
  content: "\f8d9";
}

.b-fa-rectangle-ad::before {
  content: "\f641";
}

.b-fa-ad::before {
  content: "\f641";
}

.b-fa-rectangle-list::before {
  content: "\f022";
}

.b-fa-list-alt::before {
  content: "\f022";
}

.b-fa-rectangle-xmark::before {
  content: "\f410";
}

.b-fa-rectangle-times::before {
  content: "\f410";
}

.b-fa-times-rectangle::before {
  content: "\f410";
}

.b-fa-window-close::before {
  content: "\f410";
}

.b-fa-recycle::before {
  content: "\f1b8";
}

.b-fa-registered::before {
  content: "\f25d";
}

.b-fa-repeat::before {
  content: "\f363";
}

.b-fa-reply::before {
  content: "\f3e5";
}

.b-fa-mail-reply::before {
  content: "\f3e5";
}

.b-fa-reply-all::before {
  content: "\f122";
}

.b-fa-mail-reply-all::before {
  content: "\f122";
}

.b-fa-republican::before {
  content: "\f75e";
}

.b-fa-restroom::before {
  content: "\f7bd";
}

.b-fa-retweet::before {
  content: "\f079";
}

.b-fa-ribbon::before {
  content: "\f4d6";
}

.b-fa-right-from-bracket::before {
  content: "\f2f5";
}

.b-fa-sign-out-alt::before {
  content: "\f2f5";
}

.b-fa-right-left::before {
  content: "\f362";
}

.b-fa-exchange-alt::before {
  content: "\f362";
}

.b-fa-right-long::before {
  content: "\f30b";
}

.b-fa-long-arrow-alt-right::before {
  content: "\f30b";
}

.b-fa-right-to-bracket::before {
  content: "\f2f6";
}

.b-fa-sign-in-alt::before {
  content: "\f2f6";
}

.b-fa-ring::before {
  content: "\f70b";
}

.b-fa-road::before {
  content: "\f018";
}

.b-fa-road-barrier::before {
  content: "\e562";
}

.b-fa-road-bridge::before {
  content: "\e563";
}

.b-fa-road-circle-check::before {
  content: "\e564";
}

.b-fa-road-circle-exclamation::before {
  content: "\e565";
}

.b-fa-road-circle-xmark::before {
  content: "\e566";
}

.b-fa-road-lock::before {
  content: "\e567";
}

.b-fa-road-spikes::before {
  content: "\e568";
}

.b-fa-robot::before {
  content: "\f544";
}

.b-fa-rocket::before {
  content: "\f135";
}

.b-fa-rotate::before {
  content: "\f2f1";
}

.b-fa-sync-alt::before {
  content: "\f2f1";
}

.b-fa-rotate-left::before {
  content: "\f2ea";
}

.b-fa-rotate-back::before {
  content: "\f2ea";
}

.b-fa-rotate-backward::before {
  content: "\f2ea";
}

.b-fa-undo-alt::before {
  content: "\f2ea";
}

.b-fa-rotate-right::before {
  content: "\f2f9";
}

.b-fa-redo-alt::before {
  content: "\f2f9";
}

.b-fa-rotate-forward::before {
  content: "\f2f9";
}

.b-fa-route::before {
  content: "\f4d7";
}

.b-fa-rss::before {
  content: "\f09e";
}

.b-fa-feed::before {
  content: "\f09e";
}

.b-fa-ruble-sign::before {
  content: "\f158";
}

.b-fa-rouble::before {
  content: "\f158";
}

.b-fa-rub::before {
  content: "\f158";
}

.b-fa-ruble::before {
  content: "\f158";
}

.b-fa-rug::before {
  content: "\e569";
}

.b-fa-ruler::before {
  content: "\f545";
}

.b-fa-ruler-combined::before {
  content: "\f546";
}

.b-fa-ruler-horizontal::before {
  content: "\f547";
}

.b-fa-ruler-vertical::before {
  content: "\f548";
}

.b-fa-rupee-sign::before {
  content: "\f156";
}

.b-fa-rupee::before {
  content: "\f156";
}

.b-fa-rupiah-sign::before {
  content: "\e23d";
}

.b-fa-s::before {
  content: "S";
}

.b-fa-sack-dollar::before {
  content: "\f81d";
}

.b-fa-sack-xmark::before {
  content: "\e56a";
}

.b-fa-sailboat::before {
  content: "\e445";
}

.b-fa-satellite::before {
  content: "\f7bf";
}

.b-fa-satellite-dish::before {
  content: "\f7c0";
}

.b-fa-scale-balanced::before {
  content: "\f24e";
}

.b-fa-balance-scale::before {
  content: "\f24e";
}

.b-fa-scale-unbalanced::before {
  content: "\f515";
}

.b-fa-balance-scale-left::before {
  content: "\f515";
}

.b-fa-scale-unbalanced-flip::before {
  content: "\f516";
}

.b-fa-balance-scale-right::before {
  content: "\f516";
}

.b-fa-school::before {
  content: "\f549";
}

.b-fa-school-circle-check::before {
  content: "\e56b";
}

.b-fa-school-circle-exclamation::before {
  content: "\e56c";
}

.b-fa-school-circle-xmark::before {
  content: "\e56d";
}

.b-fa-school-flag::before {
  content: "\e56e";
}

.b-fa-school-lock::before {
  content: "\e56f";
}

.b-fa-scissors::before {
  content: "\f0c4";
}

.b-fa-cut::before {
  content: "\f0c4";
}

.b-fa-screwdriver::before {
  content: "\f54a";
}

.b-fa-screwdriver-wrench::before {
  content: "\f7d9";
}

.b-fa-tools::before {
  content: "\f7d9";
}

.b-fa-scroll::before {
  content: "\f70e";
}

.b-fa-scroll-torah::before {
  content: "\f6a0";
}

.b-fa-torah::before {
  content: "\f6a0";
}

.b-fa-sd-card::before {
  content: "\f7c2";
}

.b-fa-section::before {
  content: "\e447";
}

.b-fa-seedling::before {
  content: "\f4d8";
}

.b-fa-sprout::before {
  content: "\f4d8";
}

.b-fa-server::before {
  content: "\f233";
}

.b-fa-shapes::before {
  content: "\f61f";
}

.b-fa-triangle-circle-square::before {
  content: "\f61f";
}

.b-fa-share::before {
  content: "\f064";
}

.b-fa-arrow-turn-right::before {
  content: "\f064";
}

.b-fa-mail-forward::before {
  content: "\f064";
}

.b-fa-share-from-square::before {
  content: "\f14d";
}

.b-fa-share-square::before {
  content: "\f14d";
}

.b-fa-share-nodes::before {
  content: "\f1e0";
}

.b-fa-share-alt::before {
  content: "\f1e0";
}

.b-fa-sheet-plastic::before {
  content: "\e571";
}

.b-fa-shekel-sign::before {
  content: "\f20b";
}

.b-fa-ils::before {
  content: "\f20b";
}

.b-fa-shekel::before {
  content: "\f20b";
}

.b-fa-sheqel::before {
  content: "\f20b";
}

.b-fa-sheqel-sign::before {
  content: "\f20b";
}

.b-fa-shield::before {
  content: "\f132";
}

.b-fa-shield-blank::before {
  content: "\f132";
}

.b-fa-shield-cat::before {
  content: "\e572";
}

.b-fa-shield-dog::before {
  content: "\e573";
}

.b-fa-shield-halved::before {
  content: "\f3ed";
}

.b-fa-shield-alt::before {
  content: "\f3ed";
}

.b-fa-shield-heart::before {
  content: "\e574";
}

.b-fa-shield-virus::before {
  content: "\e06c";
}

.b-fa-ship::before {
  content: "\f21a";
}

.b-fa-shirt::before {
  content: "\f553";
}

.b-fa-t-shirt::before {
  content: "\f553";
}

.b-fa-tshirt::before {
  content: "\f553";
}

.b-fa-shoe-prints::before {
  content: "\f54b";
}

.b-fa-shop::before {
  content: "\f54f";
}

.b-fa-store-alt::before {
  content: "\f54f";
}

.b-fa-shop-lock::before {
  content: "\e4a5";
}

.b-fa-shop-slash::before {
  content: "\e070";
}

.b-fa-store-alt-slash::before {
  content: "\e070";
}

.b-fa-shower::before {
  content: "\f2cc";
}

.b-fa-shrimp::before {
  content: "\e448";
}

.b-fa-shuffle::before {
  content: "\f074";
}

.b-fa-random::before {
  content: "\f074";
}

.b-fa-shuttle-space::before {
  content: "\f197";
}

.b-fa-space-shuttle::before {
  content: "\f197";
}

.b-fa-sign-hanging::before {
  content: "\f4d9";
}

.b-fa-sign::before {
  content: "\f4d9";
}

.b-fa-signal::before {
  content: "\f012";
}

.b-fa-signal-5::before {
  content: "\f012";
}

.b-fa-signal-perfect::before {
  content: "\f012";
}

.b-fa-signature::before {
  content: "\f5b7";
}

.b-fa-signs-post::before {
  content: "\f277";
}

.b-fa-map-signs::before {
  content: "\f277";
}

.b-fa-sim-card::before {
  content: "\f7c4";
}

.b-fa-sink::before {
  content: "\e06d";
}

.b-fa-sitemap::before {
  content: "\f0e8";
}

.b-fa-skull::before {
  content: "\f54c";
}

.b-fa-skull-crossbones::before {
  content: "\f714";
}

.b-fa-slash::before {
  content: "\f715";
}

.b-fa-sleigh::before {
  content: "\f7cc";
}

.b-fa-sliders::before {
  content: "\f1de";
}

.b-fa-sliders-h::before {
  content: "\f1de";
}

.b-fa-smog::before {
  content: "\f75f";
}

.b-fa-smoking::before {
  content: "\f48d";
}

.b-fa-snowflake::before {
  content: "\f2dc";
}

.b-fa-snowman::before {
  content: "\f7d0";
}

.b-fa-snowplow::before {
  content: "\f7d2";
}

.b-fa-soap::before {
  content: "\e06e";
}

.b-fa-socks::before {
  content: "\f696";
}

.b-fa-solar-panel::before {
  content: "\f5ba";
}

.b-fa-sort::before {
  content: "\f0dc";
}

.b-fa-unsorted::before {
  content: "\f0dc";
}

.b-fa-sort-down::before {
  content: "\f0dd";
}

.b-fa-sort-desc::before {
  content: "\f0dd";
}

.b-fa-sort-up::before {
  content: "\f0de";
}

.b-fa-sort-asc::before {
  content: "\f0de";
}

.b-fa-spa::before {
  content: "\f5bb";
}

.b-fa-spaghetti-monster-flying::before {
  content: "\f67b";
}

.b-fa-pastafarianism::before {
  content: "\f67b";
}

.b-fa-spell-check::before {
  content: "\f891";
}

.b-fa-spider::before {
  content: "\f717";
}

.b-fa-spinner::before {
  content: "\f110";
}

.b-fa-splotch::before {
  content: "\f5bc";
}

.b-fa-spoon::before {
  content: "\f2e5";
}

.b-fa-utensil-spoon::before {
  content: "\f2e5";
}

.b-fa-spray-can::before {
  content: "\f5bd";
}

.b-fa-spray-can-sparkles::before {
  content: "\f5d0";
}

.b-fa-air-freshener::before {
  content: "\f5d0";
}

.b-fa-square::before {
  content: "\f0c8";
}

.b-fa-square-arrow-up-right::before {
  content: "\f14c";
}

.b-fa-external-link-square::before {
  content: "\f14c";
}

.b-fa-square-caret-down::before {
  content: "\f150";
}

.b-fa-caret-square-down::before {
  content: "\f150";
}

.b-fa-square-caret-left::before {
  content: "\f191";
}

.b-fa-caret-square-left::before {
  content: "\f191";
}

.b-fa-square-caret-right::before {
  content: "\f152";
}

.b-fa-caret-square-right::before {
  content: "\f152";
}

.b-fa-square-caret-up::before {
  content: "\f151";
}

.b-fa-caret-square-up::before {
  content: "\f151";
}

.b-fa-square-check::before {
  content: "\f14a";
}

.b-fa-check-square::before {
  content: "\f14a";
}

.b-fa-square-envelope::before {
  content: "\f199";
}

.b-fa-envelope-square::before {
  content: "\f199";
}

.b-fa-square-full::before {
  content: "\f45c";
}

.b-fa-square-h::before {
  content: "\f0fd";
}

.b-fa-h-square::before {
  content: "\f0fd";
}

.b-fa-square-minus::before {
  content: "\f146";
}

.b-fa-minus-square::before {
  content: "\f146";
}

.b-fa-square-nfi::before {
  content: "\e576";
}

.b-fa-square-parking::before {
  content: "\f540";
}

.b-fa-parking::before {
  content: "\f540";
}

.b-fa-square-pen::before {
  content: "\f14b";
}

.b-fa-pen-square::before {
  content: "\f14b";
}

.b-fa-pencil-square::before {
  content: "\f14b";
}

.b-fa-square-person-confined::before {
  content: "\e577";
}

.b-fa-square-phone::before {
  content: "\f098";
}

.b-fa-phone-square::before {
  content: "\f098";
}

.b-fa-square-phone-flip::before {
  content: "\f87b";
}

.b-fa-phone-square-alt::before {
  content: "\f87b";
}

.b-fa-square-plus::before {
  content: "\f0fe";
}

.b-fa-plus-square::before {
  content: "\f0fe";
}

.b-fa-square-poll-horizontal::before {
  content: "\f682";
}

.b-fa-poll-h::before {
  content: "\f682";
}

.b-fa-square-poll-vertical::before {
  content: "\f681";
}

.b-fa-poll::before {
  content: "\f681";
}

.b-fa-square-root-variable::before {
  content: "\f698";
}

.b-fa-square-root-alt::before {
  content: "\f698";
}

.b-fa-square-rss::before {
  content: "\f143";
}

.b-fa-rss-square::before {
  content: "\f143";
}

.b-fa-square-share-nodes::before {
  content: "\f1e1";
}

.b-fa-share-alt-square::before {
  content: "\f1e1";
}

.b-fa-square-up-right::before {
  content: "\f360";
}

.b-fa-external-link-square-alt::before {
  content: "\f360";
}

.b-fa-square-virus::before {
  content: "\e578";
}

.b-fa-square-xmark::before {
  content: "\f2d3";
}

.b-fa-times-square::before {
  content: "\f2d3";
}

.b-fa-xmark-square::before {
  content: "\f2d3";
}

.b-fa-staff-aesculapius::before {
  content: "\e579";
}

.b-fa-rod-asclepius::before {
  content: "\e579";
}

.b-fa-rod-snake::before {
  content: "\e579";
}

.b-fa-staff-snake::before {
  content: "\e579";
}

.b-fa-stairs::before {
  content: "\e289";
}

.b-fa-stamp::before {
  content: "\f5bf";
}

.b-fa-star::before {
  content: "\f005";
}

.b-fa-star-and-crescent::before {
  content: "\f699";
}

.b-fa-star-half::before {
  content: "\f089";
}

.b-fa-star-half-stroke::before {
  content: "\f5c0";
}

.b-fa-star-half-alt::before {
  content: "\f5c0";
}

.b-fa-star-of-david::before {
  content: "\f69a";
}

.b-fa-star-of-life::before {
  content: "\f621";
}

.b-fa-sterling-sign::before {
  content: "\f154";
}

.b-fa-gbp::before {
  content: "\f154";
}

.b-fa-pound-sign::before {
  content: "\f154";
}

.b-fa-stethoscope::before {
  content: "\f0f1";
}

.b-fa-stop::before {
  content: "\f04d";
}

.b-fa-stopwatch::before {
  content: "\f2f2";
}

.b-fa-stopwatch-20::before {
  content: "\e06f";
}

.b-fa-store::before {
  content: "\f54e";
}

.b-fa-store-slash::before {
  content: "\e071";
}

.b-fa-street-view::before {
  content: "\f21d";
}

.b-fa-strikethrough::before {
  content: "\f0cc";
}

.b-fa-stroopwafel::before {
  content: "\f551";
}

.b-fa-subscript::before {
  content: "\f12c";
}

.b-fa-suitcase::before {
  content: "\f0f2";
}

.b-fa-suitcase-medical::before {
  content: "\f0fa";
}

.b-fa-medkit::before {
  content: "\f0fa";
}

.b-fa-suitcase-rolling::before {
  content: "\f5c1";
}

.b-fa-sun::before {
  content: "\f185";
}

.b-fa-sun-plant-wilt::before {
  content: "\e57a";
}

.b-fa-superscript::before {
  content: "\f12b";
}

.b-fa-swatchbook::before {
  content: "\f5c3";
}

.b-fa-synagogue::before {
  content: "\f69b";
}

.b-fa-syringe::before {
  content: "\f48e";
}

.b-fa-t::before {
  content: "T";
}

.b-fa-table::before {
  content: "\f0ce";
}

.b-fa-table-cells::before {
  content: "\f00a";
}

.b-fa-th::before {
  content: "\f00a";
}

.b-fa-table-cells-large::before {
  content: "\f009";
}

.b-fa-th-large::before {
  content: "\f009";
}

.b-fa-table-columns::before {
  content: "\f0db";
}

.b-fa-columns::before {
  content: "\f0db";
}

.b-fa-table-list::before {
  content: "\f00b";
}

.b-fa-th-list::before {
  content: "\f00b";
}

.b-fa-table-tennis-paddle-ball::before {
  content: "\f45d";
}

.b-fa-ping-pong-paddle-ball::before {
  content: "\f45d";
}

.b-fa-table-tennis::before {
  content: "\f45d";
}

.b-fa-tablet::before {
  content: "\f3fb";
}

.b-fa-tablet-android::before {
  content: "\f3fb";
}

.b-fa-tablet-button::before {
  content: "\f10a";
}

.b-fa-tablet-screen-button::before {
  content: "\f3fa";
}

.b-fa-tablet-alt::before {
  content: "\f3fa";
}

.b-fa-tablets::before {
  content: "\f490";
}

.b-fa-tachograph-digital::before {
  content: "\f566";
}

.b-fa-digital-tachograph::before {
  content: "\f566";
}

.b-fa-tag::before {
  content: "\f02b";
}

.b-fa-tags::before {
  content: "\f02c";
}

.b-fa-tape::before {
  content: "\f4db";
}

.b-fa-tarp::before {
  content: "\e57b";
}

.b-fa-tarp-droplet::before {
  content: "\e57c";
}

.b-fa-taxi::before {
  content: "\f1ba";
}

.b-fa-cab::before {
  content: "\f1ba";
}

.b-fa-teeth::before {
  content: "\f62e";
}

.b-fa-teeth-open::before {
  content: "\f62f";
}

.b-fa-temperature-arrow-down::before {
  content: "\e03f";
}

.b-fa-temperature-down::before {
  content: "\e03f";
}

.b-fa-temperature-arrow-up::before {
  content: "\e040";
}

.b-fa-temperature-up::before {
  content: "\e040";
}

.b-fa-temperature-empty::before {
  content: "\f2cb";
}

.b-fa-temperature-0::before {
  content: "\f2cb";
}

.b-fa-thermometer-0::before {
  content: "\f2cb";
}

.b-fa-thermometer-empty::before {
  content: "\f2cb";
}

.b-fa-temperature-full::before {
  content: "\f2c7";
}

.b-fa-temperature-4::before {
  content: "\f2c7";
}

.b-fa-thermometer-4::before {
  content: "\f2c7";
}

.b-fa-thermometer-full::before {
  content: "\f2c7";
}

.b-fa-temperature-half::before {
  content: "\f2c9";
}

.b-fa-temperature-2::before {
  content: "\f2c9";
}

.b-fa-thermometer-2::before {
  content: "\f2c9";
}

.b-fa-thermometer-half::before {
  content: "\f2c9";
}

.b-fa-temperature-high::before {
  content: "\f769";
}

.b-fa-temperature-low::before {
  content: "\f76b";
}

.b-fa-temperature-quarter::before {
  content: "\f2ca";
}

.b-fa-temperature-1::before {
  content: "\f2ca";
}

.b-fa-thermometer-1::before {
  content: "\f2ca";
}

.b-fa-thermometer-quarter::before {
  content: "\f2ca";
}

.b-fa-temperature-three-quarters::before {
  content: "\f2c8";
}

.b-fa-temperature-3::before {
  content: "\f2c8";
}

.b-fa-thermometer-3::before {
  content: "\f2c8";
}

.b-fa-thermometer-three-quarters::before {
  content: "\f2c8";
}

.b-fa-tenge-sign::before {
  content: "\f7d7";
}

.b-fa-tenge::before {
  content: "\f7d7";
}

.b-fa-tent::before {
  content: "\e57d";
}

.b-fa-tent-arrow-down-to-line::before {
  content: "\e57e";
}

.b-fa-tent-arrow-left-right::before {
  content: "\e57f";
}

.b-fa-tent-arrow-turn-left::before {
  content: "\e580";
}

.b-fa-tent-arrows-down::before {
  content: "\e581";
}

.b-fa-tents::before {
  content: "\e582";
}

.b-fa-terminal::before {
  content: "\f120";
}

.b-fa-text-height::before {
  content: "\f034";
}

.b-fa-text-slash::before {
  content: "\f87d";
}

.b-fa-remove-format::before {
  content: "\f87d";
}

.b-fa-text-width::before {
  content: "\f035";
}

.b-fa-thermometer::before {
  content: "\f491";
}

.b-fa-thumbs-down::before {
  content: "\f165";
}

.b-fa-thumbs-up::before {
  content: "\f164";
}

.b-fa-thumbtack::before {
  content: "\f08d";
}

.b-fa-thumb-tack::before {
  content: "\f08d";
}

.b-fa-ticket::before {
  content: "\f145";
}

.b-fa-ticket-simple::before {
  content: "\f3ff";
}

.b-fa-ticket-alt::before {
  content: "\f3ff";
}

.b-fa-timeline::before {
  content: "\e29c";
}

.b-fa-toggle-off::before {
  content: "\f204";
}

.b-fa-toggle-on::before {
  content: "\f205";
}

.b-fa-toilet::before {
  content: "\f7d8";
}

.b-fa-toilet-paper::before {
  content: "\f71e";
}

.b-fa-toilet-paper-slash::before {
  content: "\e072";
}

.b-fa-toilet-portable::before {
  content: "\e583";
}

.b-fa-toilets-portable::before {
  content: "\e584";
}

.b-fa-toolbox::before {
  content: "\f552";
}

.b-fa-tooth::before {
  content: "\f5c9";
}

.b-fa-torii-gate::before {
  content: "\f6a1";
}

.b-fa-tornado::before {
  content: "\f76f";
}

.b-fa-tower-broadcast::before {
  content: "\f519";
}

.b-fa-broadcast-tower::before {
  content: "\f519";
}

.b-fa-tower-cell::before {
  content: "\e585";
}

.b-fa-tower-observation::before {
  content: "\e586";
}

.b-fa-tractor::before {
  content: "\f722";
}

.b-fa-trademark::before {
  content: "\f25c";
}

.b-fa-traffic-light::before {
  content: "\f637";
}

.b-fa-trailer::before {
  content: "\e041";
}

.b-fa-train::before {
  content: "\f238";
}

.b-fa-train-subway::before {
  content: "\f239";
}

.b-fa-subway::before {
  content: "\f239";
}

.b-fa-train-tram::before {
  content: "\f7da";
}

.b-fa-tram::before {
  content: "\f7da";
}

.b-fa-transgender::before {
  content: "\f225";
}

.b-fa-transgender-alt::before {
  content: "\f225";
}

.b-fa-trash::before {
  content: "\f1f8";
}

.b-fa-trash-arrow-up::before {
  content: "\f829";
}

.b-fa-trash-restore::before {
  content: "\f829";
}

.b-fa-trash-can::before {
  content: "\f2ed";
}

.b-fa-trash-alt::before {
  content: "\f2ed";
}

.b-fa-trash-can-arrow-up::before {
  content: "\f82a";
}

.b-fa-trash-restore-alt::before {
  content: "\f82a";
}

.b-fa-tree::before {
  content: "\f1bb";
}

.b-fa-tree-city::before {
  content: "\e587";
}

.b-fa-triangle-exclamation::before {
  content: "\f071";
}

.b-fa-exclamation-triangle::before {
  content: "\f071";
}

.b-fa-warning::before {
  content: "\f071";
}

.b-fa-trophy::before {
  content: "\f091";
}

.b-fa-trowel::before {
  content: "\e589";
}

.b-fa-trowel-bricks::before {
  content: "\e58a";
}

.b-fa-truck::before {
  content: "\f0d1";
}

.b-fa-truck-arrow-right::before {
  content: "\e58b";
}

.b-fa-truck-droplet::before {
  content: "\e58c";
}

.b-fa-truck-fast::before {
  content: "\f48b";
}

.b-fa-shipping-fast::before {
  content: "\f48b";
}

.b-fa-truck-field::before {
  content: "\e58d";
}

.b-fa-truck-field-un::before {
  content: "\e58e";
}

.b-fa-truck-front::before {
  content: "\e2b7";
}

.b-fa-truck-medical::before {
  content: "\f0f9";
}

.b-fa-ambulance::before {
  content: "\f0f9";
}

.b-fa-truck-monster::before {
  content: "\f63b";
}

.b-fa-truck-moving::before {
  content: "\f4df";
}

.b-fa-truck-pickup::before {
  content: "\f63c";
}

.b-fa-truck-plane::before {
  content: "\e58f";
}

.b-fa-truck-ramp-box::before {
  content: "\f4de";
}

.b-fa-truck-loading::before {
  content: "\f4de";
}

.b-fa-tty::before {
  content: "\f1e4";
}

.b-fa-teletype::before {
  content: "\f1e4";
}

.b-fa-turkish-lira-sign::before {
  content: "\e2bb";
}

.b-fa-try::before {
  content: "\e2bb";
}

.b-fa-turkish-lira::before {
  content: "\e2bb";
}

.b-fa-turn-down::before {
  content: "\f3be";
}

.b-fa-level-down-alt::before {
  content: "\f3be";
}

.b-fa-turn-up::before {
  content: "\f3bf";
}

.b-fa-level-up-alt::before {
  content: "\f3bf";
}

.b-fa-tv::before {
  content: "\f26c";
}

.b-fa-television::before {
  content: "\f26c";
}

.b-fa-tv-alt::before {
  content: "\f26c";
}

.b-fa-u::before {
  content: "U";
}

.b-fa-umbrella::before {
  content: "\f0e9";
}

.b-fa-umbrella-beach::before {
  content: "\f5ca";
}

.b-fa-underline::before {
  content: "\f0cd";
}

.b-fa-universal-access::before {
  content: "\f29a";
}

.b-fa-unlock::before {
  content: "\f09c";
}

.b-fa-unlock-keyhole::before {
  content: "\f13e";
}

.b-fa-unlock-alt::before {
  content: "\f13e";
}

.b-fa-up-down::before {
  content: "\f338";
}

.b-fa-arrows-alt-v::before {
  content: "\f338";
}

.b-fa-up-down-left-right::before {
  content: "\f0b2";
}

.b-fa-arrows-alt::before {
  content: "\f0b2";
}

.b-fa-up-long::before {
  content: "\f30c";
}

.b-fa-long-arrow-alt-up::before {
  content: "\f30c";
}

.b-fa-up-right-and-down-left-from-center::before {
  content: "\f424";
}

.b-fa-expand-alt::before {
  content: "\f424";
}

.b-fa-up-right-from-square::before {
  content: "\f35d";
}

.b-fa-external-link-alt::before {
  content: "\f35d";
}

.b-fa-upload::before {
  content: "\f093";
}

.b-fa-user::before {
  content: "\f007";
}

.b-fa-user-astronaut::before {
  content: "\f4fb";
}

.b-fa-user-check::before {
  content: "\f4fc";
}

.b-fa-user-clock::before {
  content: "\f4fd";
}

.b-fa-user-doctor::before {
  content: "\f0f0";
}

.b-fa-user-md::before {
  content: "\f0f0";
}

.b-fa-user-gear::before {
  content: "\f4fe";
}

.b-fa-user-cog::before {
  content: "\f4fe";
}

.b-fa-user-graduate::before {
  content: "\f501";
}

.b-fa-user-group::before {
  content: "\f500";
}

.b-fa-user-friends::before {
  content: "\f500";
}

.b-fa-user-injured::before {
  content: "\f728";
}

.b-fa-user-large::before {
  content: "\f406";
}

.b-fa-user-alt::before {
  content: "\f406";
}

.b-fa-user-large-slash::before {
  content: "\f4fa";
}

.b-fa-user-alt-slash::before {
  content: "\f4fa";
}

.b-fa-user-lock::before {
  content: "\f502";
}

.b-fa-user-minus::before {
  content: "\f503";
}

.b-fa-user-ninja::before {
  content: "\f504";
}

.b-fa-user-nurse::before {
  content: "\f82f";
}

.b-fa-user-pen::before {
  content: "\f4ff";
}

.b-fa-user-edit::before {
  content: "\f4ff";
}

.b-fa-user-plus::before {
  content: "\f234";
}

.b-fa-user-secret::before {
  content: "\f21b";
}

.b-fa-user-shield::before {
  content: "\f505";
}

.b-fa-user-slash::before {
  content: "\f506";
}

.b-fa-user-tag::before {
  content: "\f507";
}

.b-fa-user-tie::before {
  content: "\f508";
}

.b-fa-user-xmark::before {
  content: "\f235";
}

.b-fa-user-times::before {
  content: "\f235";
}

.b-fa-users::before {
  content: "\f0c0";
}

.b-fa-users-between-lines::before {
  content: "\e591";
}

.b-fa-users-gear::before {
  content: "\f509";
}

.b-fa-users-cog::before {
  content: "\f509";
}

.b-fa-users-line::before {
  content: "\e592";
}

.b-fa-users-rays::before {
  content: "\e593";
}

.b-fa-users-rectangle::before {
  content: "\e594";
}

.b-fa-users-slash::before {
  content: "\e073";
}

.b-fa-users-viewfinder::before {
  content: "\e595";
}

.b-fa-utensils::before {
  content: "\f2e7";
}

.b-fa-cutlery::before {
  content: "\f2e7";
}

.b-fa-v::before {
  content: "V";
}

.b-fa-van-shuttle::before {
  content: "\f5b6";
}

.b-fa-shuttle-van::before {
  content: "\f5b6";
}

.b-fa-vault::before {
  content: "\e2c5";
}

.b-fa-vector-square::before {
  content: "\f5cb";
}

.b-fa-venus::before {
  content: "\f221";
}

.b-fa-venus-double::before {
  content: "\f226";
}

.b-fa-venus-mars::before {
  content: "\f228";
}

.b-fa-vest::before {
  content: "\e085";
}

.b-fa-vest-patches::before {
  content: "\e086";
}

.b-fa-vial::before {
  content: "\f492";
}

.b-fa-vial-circle-check::before {
  content: "\e596";
}

.b-fa-vial-virus::before {
  content: "\e597";
}

.b-fa-vials::before {
  content: "\f493";
}

.b-fa-video::before {
  content: "\f03d";
}

.b-fa-video-camera::before {
  content: "\f03d";
}

.b-fa-video-slash::before {
  content: "\f4e2";
}

.b-fa-vihara::before {
  content: "\f6a7";
}

.b-fa-virus::before {
  content: "\e074";
}

.b-fa-virus-covid::before {
  content: "\e4a8";
}

.b-fa-virus-covid-slash::before {
  content: "\e4a9";
}

.b-fa-virus-slash::before {
  content: "\e075";
}

.b-fa-viruses::before {
  content: "\e076";
}

.b-fa-voicemail::before {
  content: "\f897";
}

.b-fa-volcano::before {
  content: "\f770";
}

.b-fa-volleyball::before {
  content: "\f45f";
}

.b-fa-volleyball-ball::before {
  content: "\f45f";
}

.b-fa-volume-high::before {
  content: "\f028";
}

.b-fa-volume-up::before {
  content: "\f028";
}

.b-fa-volume-low::before {
  content: "\f027";
}

.b-fa-volume-down::before {
  content: "\f027";
}

.b-fa-volume-off::before {
  content: "\f026";
}

.b-fa-volume-xmark::before {
  content: "\f6a9";
}

.b-fa-volume-mute::before {
  content: "\f6a9";
}

.b-fa-volume-times::before {
  content: "\f6a9";
}

.b-fa-vr-cardboard::before {
  content: "\f729";
}

.b-fa-w::before {
  content: "W";
}

.b-fa-walkie-talkie::before {
  content: "\f8ef";
}

.b-fa-wallet::before {
  content: "\f555";
}

.b-fa-wand-magic::before {
  content: "\f0d0";
}

.b-fa-magic::before {
  content: "\f0d0";
}

.b-fa-wand-magic-sparkles::before {
  content: "\e2ca";
}

.b-fa-magic-wand-sparkles::before {
  content: "\e2ca";
}

.b-fa-wand-sparkles::before {
  content: "\f72b";
}

.b-fa-warehouse::before {
  content: "\f494";
}

.b-fa-water::before {
  content: "\f773";
}

.b-fa-water-ladder::before {
  content: "\f5c5";
}

.b-fa-ladder-water::before {
  content: "\f5c5";
}

.b-fa-swimming-pool::before {
  content: "\f5c5";
}

.b-fa-wave-square::before {
  content: "\f83e";
}

.b-fa-weight-hanging::before {
  content: "\f5cd";
}

.b-fa-weight-scale::before {
  content: "\f496";
}

.b-fa-weight::before {
  content: "\f496";
}

.b-fa-wheat-awn::before {
  content: "\e2cd";
}

.b-fa-wheat-alt::before {
  content: "\e2cd";
}

.b-fa-wheat-awn-circle-exclamation::before {
  content: "\e598";
}

.b-fa-wheelchair::before {
  content: "\f193";
}

.b-fa-wheelchair-move::before {
  content: "\e2ce";
}

.b-fa-wheelchair-alt::before {
  content: "\e2ce";
}

.b-fa-whiskey-glass::before {
  content: "\f7a0";
}

.b-fa-glass-whiskey::before {
  content: "\f7a0";
}

.b-fa-wifi::before {
  content: "\f1eb";
}

.b-fa-wifi-3::before {
  content: "\f1eb";
}

.b-fa-wifi-strong::before {
  content: "\f1eb";
}

.b-fa-wind::before {
  content: "\f72e";
}

.b-fa-window-maximize::before {
  content: "\f2d0";
}

.b-fa-window-minimize::before {
  content: "\f2d1";
}

.b-fa-window-restore::before {
  content: "\f2d2";
}

.b-fa-wine-bottle::before {
  content: "\f72f";
}

.b-fa-wine-glass::before {
  content: "\f4e3";
}

.b-fa-wine-glass-empty::before {
  content: "\f5ce";
}

.b-fa-wine-glass-alt::before {
  content: "\f5ce";
}

.b-fa-won-sign::before {
  content: "\f159";
}

.b-fa-krw::before {
  content: "\f159";
}

.b-fa-won::before {
  content: "\f159";
}

.b-fa-worm::before {
  content: "\e599";
}

.b-fa-wrench::before {
  content: "\f0ad";
}

.b-fa-x::before {
  content: "X";
}

.b-fa-x-ray::before {
  content: "\f497";
}

.b-fa-xmark::before {
  content: "\f00d";
}

.b-fa-close::before {
  content: "\f00d";
}

.b-fa-multiply::before {
  content: "\f00d";
}

.b-fa-remove::before {
  content: "\f00d";
}

.b-fa-times::before {
  content: "\f00d";
}

.b-fa-xmarks-lines::before {
  content: "\e59a";
}

.b-fa-y::before {
  content: "Y";
}

.b-fa-yen-sign::before {
  content: "\f157";
}

.b-fa-cny::before {
  content: "\f157";
}

.b-fa-jpy::before {
  content: "\f157";
}

.b-fa-rmb::before {
  content: "\f157";
}

.b-fa-yen::before {
  content: "\f157";
}

.b-fa-yin-yang::before {
  content: "\f6ad";
}

.b-fa-z::before {
  content: "Z";
}

.sr-only,
.b-fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.b-fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.b-fa {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-font-smoothing: inherit;
}

.b-fa:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}

.b-icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.b-fw-icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-icon-add:before {
  content: "+";
}

.b-icon-remove:before {
  content: "\f00d";
}

.b-icon-clear:before {
  content: "\f00d";
}

.b-icon-close:before, .b-popup-close:before {
  content: "\f00d";
}

.b-icon-collapse-down:before {
  content: "\f078";
}

.b-icon-collapse-left:before {
  content: "\f053";
}

.b-icon-collapse-right:before {
  content: "\f054";
}

.b-icon-collapse-up:before {
  content: "\f077";
}

.b-icon-filter-disable:before {
  content: "\f05e";
}

.b-icon-search:before {
  content: "\f002";
}

.b-icon-search-plus:before {
  content: "\f00e";
}

.b-icon-search-minus:before {
  content: "\f010";
}

.b-icon-hide:before {
  content: "\f057";
}

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

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

.b-icon-rename:before {
  content: "\f044";
}

.b-icon-copy:before {
  content: "\f0c5";
}

.b-icon-cut:before {
  content: "\f0c4";
}

.b-icon-paste:before {
  content: "\f0ea";
}

.b-icon-expand-row:before {
  content: "\f107";
}

.b-icon-expand-column:before {
  content: "\f105";
}

.b-icon-expand, .b-popup-expand:before {
  content: "\f065";
}

.b-icon-first:before {
  content: "\f100";
}

.b-rtl > .b-icon-first:before {
  transform: scaleX(-1);
}

.b-icon-last:before {
  content: "\f101";
}

.b-rtl > .b-icon-last:before {
  transform: scaleX(-1);
}

.b-icon-reload:before {
  content: "\f01e";
}

.b-icon-undo:before {
  content: "\f0e2";
}

.b-icon-redo:before {
  content: "\f01e";
}

.b-icon-compare:before {
  content: "\e13a";
}

.b-icon-split-horizontal:before,
.b-icon-split-vertical:before,
.b-icon-split-both:before {
  min-width: 1em !important;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  border: 2px solid currentColor;
  overflow: hidden;
}

.b-icon-split-horizontal:before {
  content: "┃";
  transform: rotate(90deg);
  border-left-width: 3px;
}

.b-icon-split-vertical:before {
  content: "┃";
  border-top-width: 3px;
}

.b-icon-split-both:before {
  content: "╋";
  border-top-width: 3px;
}

.b-icon-code:before {
  content: "\f121";
}

.b-icon-clipboard:before {
  content: "\f328";
}

.b-icon-filter:before,
.b-icon-filter-equal:before {
  content: "\f0b0";
}

.b-icon-filter-less:before,
.b-icon-filter-before:before {
  content: "\f053";
}

.b-icon-filter-more:before,
.b-icon-filter-after:before {
  content: "\f054";
}

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

.b-icon-checked:before {
  content: "\f14a";
}

.b-icon-unchecked:before {
  content: "\f0c8";
}

.b-icon-radio:before {
  content: "\f111";
}

.b-icon-radio-checked:before {
  content: "\f192";
}

.b-icon-radio-unchecked:before {
  content: "\f111";
}

.b-icon-calendar:before {
  content: "\f133";
}

.b-icon-calendar-day:before {
  content: "\f783";
}

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

.b-icon-recurring:before {
  content: "\f021";
}

.b-icon-duration:before {
  content: "\f254";
}

.b-icon-milestone:before {
  content: "\f219";
}

.b-icon-locked:before {
  content: "\f023";
}

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

.b-icon-menu:before {
  content: "\f0c9";
}

.b-icon-menu-horizontal:before {
  content: "\f141";
}

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

.b-icon-info:before {
  content: "\f129";
}

.b-icon-sub-menu:before {
  content: "\f054";
}

.b-icon-star:before {
  content: "\f005";
}

.b-icon-warning:before {
  content: "\f071";
}

.b-icon-columns:before {
  content: "\f0db";
}

.b-icon-picker:before {
  content: "\f0d7";
  transition: transform 0.2s;
}

.b-icon-picker-rotated:before {
  content: "\f0d7";
  transform: rotate(180deg);
  transition: transform 0.2s;
}

.b-icon-resize-horizontal:before {
  content: "\f337";
}

.b-icon-fullscreen:before {
  content: "\f0b2";
}

.b-icon-cog:before {
  content: "\f013";
}
.b-linux .b-icon-cog:before, .b-windows .b-icon-cog:before {
  vertical-align: middle;
}

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

.b-icon-sync:before {
  content: "\f2f1";
}

.b-icon-bad-mood-emoji:before {
  content: "\f119";
}

.b-icon-circle:before {
  content: "\f111";
}

.b-icon-square:before {
  content: "\f0c8";
}

.b-icon-merge-cells:before {
  content: "\f5fd";
}

.b-icon-up:before {
  content: "\f062";
}

.b-icon-down:before {
  content: "\f063";
}

.b-icon-left:before {
  content: "\f060";
}

.b-icon-right:before {
  content: "\f061";
}

.b-icon-angle-left:before {
  content: "\f104";
}

.b-icon-angle-right:before {
  content: "\f105";
}

.b-icon-previous:before {
  content: "\f053";
}

.b-rtl > .b-icon-previous:before {
  transform: scaleX(-1);
}

.b-icon-next:before {
  content: "\f054";
}

.b-rtl > .b-icon-next:before {
  transform: scaleX(-1);
}

.b-icon-move-left-right:before {
  content: "\f337";
}

.b-icon-move-up-down:before {
  content: "\f338";
}

.b-icon-spinner:before {
  content: "\f110";
  animation: rotate 2s infinite linear;
}

.b-icon-column-move-left:before {
  content: "\f0a8";
}

.b-icon-column-move-right:before {
  content: "\f0a9";
}

.b-icon-hide-column:before {
  content: "\f057";
}

.b-icon-sort:before {
  content: "\f0dc";
}

.b-icon-sort-asc:before {
  content: "\f15e";
}

.b-icon-sort-desc:before {
  content: "\f15d";
}

.b-icon-sorted-asc:before {
  content: "\f062";
}

.b-icon-group-asc:before {
  content: "\f885";
}

.b-icon-group-desc:before {
  content: "\f160";
}

.b-icon-group-collapse:before {
  content: "\f056";
}

.b-icon-group-expand:before {
  content: "\f055";
}

.b-icon-grouped-asc:before {
  content: "\f012";
}

.b-icon-tree-expand:before {
  content: "\f105";
}

.b-icon-tree-collapse:before {
  content: "\f107";
}

.b-icon-tree-folder:before {
  content: "\f07b";
}

.b-icon-tree-folder-open:before {
  content: "\f07c";
}

.b-icon-tree-leaf:before {
  content: "\f111";
}

.b-icon-expand-gridregion:before {
  content: "\f054";
}

.b-icon-collapse-gridregion:before {
  content: "\f053";
}

.b-icon-unassign:before {
  content: "\f506";
}

.b-icon-valid:before {
  content: "\f00c";
}

.b-icon-invalid:before {
  content: "\f05e";
}

.b-icon-checking:before {
  content: "\f110";
}

.b-icon-expand-resource:before {
  content: "\f103";
}

.b-icon-note:before {
  content: "\f249";
}

.b-icon-advanced:before {
  content: "\f085";
}

.b-icon-palette:before {
  content: "\f53f";
}

.b-icon-renumber:before {
  content: "\f884";
}

.b-icon-indent:before {
  content: "\f03c";
}

.b-icon-outdent:before {
  content: "\f03b";
}

.b-icon-subtask::before {
  content: "\e476";
}

.b-icon-predecessor::before {
  content: "\e477";
}

.b-icon-successor::before {
  content: "\e47a";
}

.b-icon-link:before {
  content: "\f0c1";
}

.b-icon-unlink:before {
  content: "\f127";
}

.b-icon-calendar-days:before {
  content: "\f073";
}

.b-icon-calendar-week:before {
  content: "\f784";
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-noselect {
  -webkit-user-select: none;
  user-select: none;
}

body {
  --rtl-negate: 1;
}

.b-rtl {
  --rtl-negate: -1;
}

.b-released,
.b-hide-display,
.b-theme-info {
  display: none !important;
}

.b-hide-visibility {
  visibility: hidden !important;
}

.b-hide-offscreen {
  visibility: hidden !important;
  position: absolute !important;
  top: -10000em;
  left: -10000em;
}

.b-yscroll-pad {
  display: none;
}

.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: block;
  order: 9999;
  border-inline-start: 1px solid #ddd;
}
.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer {
  overflow-x: hidden;
  overflow-y: scroll;
  visibility: hidden;
  margin-inline-start: -1px;
  height: 0;
}

.b-fx-highlight {
  z-index: 9999;
  animation-name: b-fx-highlight-animation;
  animation-duration: 1s;
  animation: b-fx-highlight-animation 1s ease 0s 1;
}

@keyframes b-fx-highlight-animation {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 10px 5px rgba(253, 126, 20, 0.5);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes b-slide-in-from-right {
  30% {
    transform: translateX(-30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateX(30%);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-left {
  30% {
    transform: translateX(30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-below {
  30% {
    transform: translateY(-30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateY(30%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-above {
  30% {
    transform: translateY(30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.b-slide-vertical.b-slide-in-next {
  animation: b-slide-in-from-below 0.3s ease 0s 1 normal;
}
.b-slide-vertical.b-slide-in-previous {
  animation: b-slide-in-from-above 0.3s ease 0s 1 normal;
}

:not(.b-slide-vertical).b-slide-in-next {
  animation: b-slide-in-from-right 0.3s ease 0s 1 normal;
}
:not(.b-slide-vertical).b-slide-in-previous {
  animation: b-slide-in-from-left 0.3s ease 0s 1 normal;
}

.b-rtl :not(.b-slide-vertical).b-slide-in-next {
  animation: b-slide-in-from-left 0.3s ease 0s 1 normal;
}
.b-rtl :not(.b-slide-vertical).b-slide-in-previous {
  animation: b-slide-in-from-right 0.3s ease 0s 1 normal;
}

/**
 * DomHelper size monitoring polyfill for when ResizeObserver not available
 * now only necessary on IE.
 */
.b-no-resizeobserver.b-resize-monitored {
  position: relative;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after {
  content: "";
  display: block;
  width: 100000px;
  height: 100000px;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  min-width: 1px;
  min-height: 1px;
}

.b-float-root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  overflow: clip;
  z-index: 11000;
  contain: strict;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-float-root.b-safari {
  -webkit-user-select: none;
  user-select: none;
}
.b-float-root > .b-floating {
  position: absolute;
  contain: layout style;
  pointer-events: all;
  transition: opacity 0.2s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
  top: 0;
  left: 0;
  z-index: 11001;
}
.b-firefox .b-float-root > .b-floating {
  contain: layout;
}
.b-float-root > .b-floating.b-hidden {
  opacity: 0;
}
.b-float-root > .b-floating.b-aligned-above:not(.b-anchored) {
  box-shadow: -3px -1px 6px rgba(0, 0, 0, 0.12), 3px -2px 6px rgba(0, 0, 0, 0.24);
}

/*
    The Gripper
    ===========
    The Hoverable mixin applies various b-hover classes to a hoverTarget element. Based on these classes, a resize
    gripper element inside the target is styled. This element may be always present, or (as with CalendarDrag), moved
    in to the active hoverTarget on hoverEnter.

    Hoverable may set the following classes simultaneously. Within each are the classes that are mutually exclusive:

     - b-hover-(top|bottom)
     - b-hover-(right|left)
     - b-hover-edge   (set when hovering near any edge)

   It may be that none of the above are present if hoverEdges is used. When hoverEdges is not used, these classes will
   be present on the hoverTarget no matter where the cursor is inside it.

   To facilitate animations, the b-hover-anim class is added in a way such that transitions for styles activated by it
   will be animated.
*/
.b-gripper {
  position: absolute;
  /*
   Horizontal gripper (top and bottom):
          +---------------------------+
          |           =====           |
          |                           |
          |                           |
          |           =====           |
          +---------------------------+
   */
  /*
   Vertical gripper (left and right):
          +---------------------------+
          |                           |
          | ||                     || |
          | ||                     || |
          |                           |
          +---------------------------+
   */
}
.b-gripper:after {
  content: " ";
  position: absolute;
  opacity: 0;
}
.b-hover-top .b-gripper.b-gripper-horz, .b-hover-bottom .b-gripper.b-gripper-horz {
  cursor: ns-resize;
  height: 1em;
  left: 0;
  right: 0;
}
.b-hover-bottom .b-gripper.b-gripper-horz {
  bottom: 0;
}
.b-gripper.b-gripper-horz:after {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  width: 0;
  height: 0.25em;
  left: 50%;
  margin-inline-start: 0;
}
.b-hover-top .b-gripper.b-gripper-horz:after {
  top: 0.4em;
}
.b-hover-bottom .b-gripper.b-gripper-horz:after {
  bottom: 0.4em;
}
.b-hover-anim.b-hover-edge .b-gripper.b-gripper-horz:after {
  transition: opacity 0.2s, margin-inline-start 0.2s, width 0.2s;
  opacity: 1;
  margin-inline-start: -0.6em;
  width: 1.2em;
}
.b-hover-left .b-gripper.b-gripper-vert, .b-hover-right .b-gripper.b-gripper-vert {
  cursor: ew-resize;
  width: 1em;
  top: 0;
  bottom: 0;
}
.b-hover-right .b-gripper.b-gripper-vert {
  right: 0;
}
.b-hover-left .b-gripper.b-gripper-vert {
  left: 0;
}
.b-gripper.b-gripper-vert:after {
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 3px);
  height: 0;
  width: 0.5em;
  top: 50%;
  margin-top: 0;
}
.b-hover-left .b-gripper.b-gripper-vert:after {
  left: 4px;
}
.b-hover-right .b-gripper.b-gripper-vert:after {
  right: 4px;
}
.b-hover-anim.b-hover-edge .b-gripper.b-gripper-vert:after {
  transition: opacity 0.2s, margin-top 0.2s, height 0.2s;
  opacity: 1;
  margin-top: -6px;
  height: 12px;
}

.b-dragging {
  z-index: 100;
  pointer-events: none !important;
  opacity: 0.8;
  box-sizing: border-box;
}
.b-dragging.b-drag-unified-proxy {
  opacity: 0.65;
}
.b-dragging.b-drag-main {
  z-index: 101;
  opacity: 1;
}

/*
 Used when Drag code is creating a separate proxy element representing the dragged element,
   as opposed to the 'inline' drag of the actual element
*/
.b-drag-proxy {
  position: absolute !important;
  top: 0;
  left: 0;
  pointer-events: none !important;
  box-sizing: border-box;
}
.b-drag-proxy * {
  box-sizing: border-box;
}

.b-aborting,
.b-drag-final-transition {
  transition-duration: 0.3s;
  transition-property: all !important;
}

.b-drag-unified-animation {
  transition: transform 0.2s;
}

.b-drag-original.b-hidden {
  display: none !important;
}

.b-draghelper-active * {
  -webkit-user-select: none;
  user-select: none;
}

.simulated-mouse {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 10px;
  transition: top 0.5s, left 0.5s;
  pointer-events: none;
  font-size: 16px;
}
.simulated-mouse.quick {
  transition: top 0.05s, left 0.05s;
}
.simulated-mouse:after {
  position: absolute;
  content: "\f245";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  z-index: 102;
}
.simulated-mouse.drag:before, .simulated-mouse.mousedown:before, .simulated-mouse.dblclick:before, .simulated-mouse.click:before {
  position: absolute;
  content: "";
  border: 2px solid transparent;
  border-radius: 50%;
  animation-name: click;
  animation-duration: 0.2s;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 101;
  opacity: 0.7;
}
.simulated-mouse.drag:after {
  content: "\f25a";
  left: -3px;
}
.simulated-mouse.dblclick:before {
  animation-name: dblclick;
  animation-duration: 0.3s;
}
.simulated-mouse.mousedown:before, .simulated-mouse.drag:before {
  animation-name: none;
  width: 1.5em;
  height: 1.5em;
  border-color: red;
}

@keyframes click {
  0% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
@keyframes dblclick {
  0% {
    width: 0;
    height: 0;
  }
  40% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  50% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-widget {
  --color-indigo: #4531fe;
  --color-blue: #3183fe;
  --color-cyan: #3bc9db;
  --color-red: #e53f2c;
  --color-deep-orange: #ff5722;
  --color-orange: #feac31;
  --color-amber: #ffc107;
  --color-yellow: #ecfe26;
  --color-green: #27ca37;
  --color-teal: #31feac;
  --color-light-green: #9efea7;
  --color-lime: #83fe31;
  --color-purple: #fe31ea;
  --color-pink: #f783ac;
  --color-violet: #9775fa;
  --color-gray: #b0b0b7;
  --color-light-gray: #e0e0e7;
  --color-dark-gray: #474849;
  --color-white: #fff;
  display: inline-flex;
  overflow: hidden;
  line-height: initial;
  font-weight: 400;
  font-size: 1em;
  box-sizing: border-box;
  color-scheme: light;
}
.b-widget.b-measure {
  display: block !important;
}
.b-widget.b-anchored {
  overflow: visible;
}
.b-widget.b-maximized {
  position: fixed;
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar {
  order: -1;
  min-height: 3.5em;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content {
  padding-block: 0.5em 0;
  padding-inline-start: 1em !important;
}
.b-widget * {
  box-sizing: border-box;
}
.b-widget:before, .b-widget:after,
.b-widget *:before,
.b-widget *:after {
  box-sizing: border-box;
}
.b-widget.b-positioned {
  position: absolute;
  top: 0;
  left: 0;
}
.b-widget.b-floating.b-centered, .b-widget.b-positioned.b-centered {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.b-widget > .b-focus-trap {
  position: absolute;
  display: none;
  clip: rect(0, 0, 0, 0);
}
.b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap {
  display: inherit;
}
.b-widget.b-hidden {
  display: none !important;
}
.b-widget.b-hiding {
  pointer-events: none;
}
.b-widget .b-aria-desc-element {
  position: absolute;
  clip-path: polygon(0 0);
  contain: strict;
}
.b-widget .b-widget-inner {
  width: 100%;
  position: relative;
  flex: 1;
}
.b-widget .b-anchor {
  width: 16px;
  height: 8px;
  position: absolute;
  z-index: -1;
}
.b-widget .b-anchor svg {
  position: absolute;
  top: 0;
  overflow: visible;
}
.b-widget .b-anchor.b-anchor-top {
  left: 0;
  bottom: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-bottom {
  left: 0;
  top: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-bottom svg {
  transform: rotate(180deg);
}
.b-widget .b-anchor.b-anchor-left {
  top: 0;
  width: 8px;
  height: 16px;
  right: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-left svg {
  transform: rotate(270deg);
  transform-origin: 8px 8px;
}
.b-widget .b-anchor.b-anchor-right {
  top: 0;
  width: 8px;
  height: 16px;
  left: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-right svg {
  transform: rotate(90deg);
  transform-origin: 4px 4px;
}
.b-widget.b-rtl > .b-anchor.b-anchor-left {
  right: calc(100% - 1px - 8px);
}
.b-widget.b-rtl > .b-anchor.b-anchor-right {
  left: calc(100% - 1px + 8px);
}

.b-slidingcontent-content {
  display: flex;
  flex-flow: row nowrap !important;
  align-items: stretch;
  scroll-snap-type: x mandatory;
}
.b-slidingcontent-content .b-carousel-item {
  flex: 1 0 100%;
}

.b-widget-scroller {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none; /* without this we see weird issues in Mac Chrome <= 63 with no scrollbar, covered in Tree.t.js */
  position: relative;
}
.b-widget-scroller.b-hide-scroll {
  scrollbar-width: none;
}
.b-widget-scroller.b-hide-scroll::-webkit-scrollbar {
  display: none;
}

.b-scroller-stretcher {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 0;
  left: 0;
}
.b-rtl > .b-scroller-stretcher {
  left: auto;
  right: 0;
}

.b-text-align-start,
.b-text-align-left {
  text-align: start;
}

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

.b-text-align-end,
.b-text-align-right {
  text-align: end;
}

.b-rtl {
  direction: rtl;
}

.b-ltr {
  direction: ltr;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-widget.b-badge {
  overflow: visible;
}

.b-badge::before {
  content: attr(data-badge);
  position: absolute;
  right: -1em;
  top: -1em;
  width: 0;
  height: 0;
  overflow: visible;
  padding: 1em;
  background-color: #e53f2c;
  color: #fff;
  border-radius: 50%;
  font-size: 0.6em;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  animation-name: b-badge-show;
  animation-duration: 0.3s;
}

.b-badge.b-rtl::before {
  left: -1em;
  right: auto;
}

.b-button.b-badge:before {
  font-size: 0.7em;
}

@keyframes b-badge-show {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-button {
  --widget-primary-color-rgb: 120,120,131;
  --button-background-opacity: 0.05;
  --button-border-opacity: 0.3;
  --button-text-color: var(--widget-primary-color-rgb);
  --button-text-opacity: 1;
  --button-hover-background-opacity: var(--button-border-opacity);
  --button-pressed-text-color: 255, 255, 255;
  --button-pressed-background-opacity: 0.8;
  --button-pressed-hover-background-opacity: 0.7;
  --button-pressed-disabled-background-opacity: 0.1;
  --button-active-background-opacity: 1;
  --button-focus-background-opacity: 0.3;
  --button-pressed-focus-background-opacity: 1;
  --button-disabled-background-opacity: 0;
  --button-disabled-text-opacity: 0.3;
  --button-disabled-border-opacity: 0.2;
  --button-transparent-background-opacity: 0;
  --button-transparent-text-opacity: 0.6;
  --button-transparent-pressed-text-opacity: 1;
  --button-transparent-hover-background-opacity: 0.1;
  position: relative;
  padding: 0 1em;
  min-height: 2.7em;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  transition: background-color 200ms, color 200ms, border 200ms;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border: 1px solid rgba(var(--widget-primary-color-rgb), var(--button-border-opacity));
  background-color: rgba(var(--widget-primary-color-rgb), var(--button-background-opacity));
  color: rgba(var(--button-text-color), var(--button-text-opacity));
  -webkit-user-select: none;
  user-select: none;
}
.b-button.b-text {
  min-width: 3.3em;
}
.b-button.b-transparent {
  --button-background-opacity: var(--button-transparent-background-opacity);
  --button-text-opacity: var(--button-transparent-text-opacity);
  border: none;
}
.b-button.b-pressed {
  --button-background-opacity: var(--button-pressed-background-opacity);
  --button-text-color: var(--button-pressed-text-color);
}
.b-button.b-pressed.b-transparent {
  --button-text-color: var(--widget-primary-color-rgb);
  --button-background-opacity: var(--button-transparent-background-opacity);
  --button-text-opacity: var(--button-transparent-pressed-text-opacity);
}
.b-button.b-pressed:hover:not(.b-disabled) {
  --button-background-opacity: var(--button-pressed-hover-background-opacity);
}
.b-button.b-pressed:hover:not(.b-disabled).b-transparent {
  --button-background-opacity: var(--button-transparent-hover-background-opacity);
}
.b-button.b-pressed[data-group]:not(.b-disabled):hover {
  --button-background-opacity: var(--button-pressed-hover-background-opacity);
}
.b-button:hover:not(.b-disabled) {
  --button-background-opacity: var(--button-hover-background-opacity);
}
.b-button:hover:not(.b-disabled).b-transparent {
  --button-background-opacity: var(--button-transparent-hover-background-opacity);
}
.b-button:active:not(.b-disabled), .b-button:active:focus:not(.b-disabled) {
  --button-background-opacity: var(--button-active-background-opacity);
  --button-text-color: var(--button-pressed-text-color);
}
.b-using-keyboard .b-button:focus, .b-button.b-using-keyboard:focus {
  --button-background-opacity: var(--button-focus-background-opacity);
}
.b-using-keyboard .b-button:focus.b-pressed:not(.b-transparent), .b-button.b-using-keyboard:focus.b-pressed:not(.b-transparent) {
  --button-background-opacity: var(--button-pressed-focus-background-opacity);
}
.b-button.b-disabled {
  --button-background-opacity: var(--button-disabled-background-opacity);
  --button-text-opacity: var(--button-disabled-text-opacity);
  --button-border-opacity: var(--button-disabled-border-opacity);
}
.b-button.b-disabled.b-pressed {
  --button-background-opacity: var(--button-pressed-disabled-background-opacity);
}
.b-button:not(.b-tab) {
  border-radius: 2px;
}
.b-button::-moz-focus-inner {
  border: 0;
}
.b-button label {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-button.b-rotate-vertical {
  min-height: 3em;
  min-width: 2.7em;
  padding: 1em 0 1em 0;
}
.b-button.b-rotate-vertical label {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.b-button.b-rotate-left {
  flex-direction: column-reverse;
}
.b-button.b-rotate-left label {
  transform: rotate(180deg);
}
.b-button.b-rotate-left i {
  transform: rotate(270deg);
}
.b-button.b-rotate-right {
  flex-direction: column;
}
.b-button.b-rotate-right i {
  transform: rotate(90deg);
}
.b-button.b-icon-align-start i:not(.b-button-menu-icon) {
  order: -100;
}
.b-button.b-icon-align-start:not(.b-rotate-vertical) label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-start.b-rotate-right label {
  margin-inline-end: 0.5em;
}
.b-button.b-icon-align-start.b-rotate-left label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-end i {
  order: 100;
}
.b-button.b-icon-align-end:not(.b-rotate-vertical) label {
  margin-inline-end: 0.5em;
}
.b-button.b-icon-align-end.b-rotate-right label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-end.b-rotate-left label {
  margin-inline-end: 0.5em;
}
.b-button .b-button-menu-icon {
  margin-inline-start: 0.5em;
}
.b-button i {
  font-size: 1em;
}
.b-button label:empty {
  display: none;
}
.b-button.b-badge {
  overflow: visible !important;
}
.b-button.b-rounded {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.b-button:focus {
  outline: none;
}
.b-button:disabled {
  cursor: default;
}
.b-toolbar-content > .b-button {
  font-size: 0.9em;
}
.b-button.b-borderless {
  border: none;
}

.b-button.b-raised {
  --button-background-opacity: 1;
  --button-focus-background-opacity: 0.7;
  --button-hover-background-opacity: 0.8;
  --button-pressed-hover-background-opacity: 1;
  color: #fff;
  border: none;
}
.b-button.b-raised:active {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.b-button.b-raised.b-pressed {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.b-using-keyboard .b-button.b-raised.b-pressed:focus, .b-button.b-raised.b-pressed.b-using-keyboard:focus {
  background-image: linear-gradient(rgba(0, 0, 0, 0.0666666667), rgba(0, 0, 0, 0.0666666667));
}
.b-button.b-raised.b-disabled {
  --widget-primary-color-rgb: 224,224,231;
}

.b-popup .b-bottom-toolbar .b-button.b-text {
  min-width: 8em;
}

a.b-button {
  text-decoration: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-container {
  --autocontainer-gap: 0.6em;
}
.b-container.b-outer, .b-auto-container:not(.b-toolbar-content).b-single-child > .b-container {
  align-self: stretch;
  flex: 1 1 auto;
}

body.b-container.b-outer {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.b-container:focus {
  outline: none;
}

.b-auto-container {
  gap: var(--autocontainer-gap);
}

.b-content-element {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.b-content-element.b-flex-row {
  align-content: flex-start;
}
.b-content-element.b-text-content {
  display: block;
  overflow: auto;
}
.b-content-element > .b-field.b-half-width {
  flex: 0 0 calc(50% - var(--autocontainer-gap) / 2);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-toolbar {
  --toolbar-min-size: 4em;
  --toolbar-content-padding: 0.5em;
  background-color: #f3f4f5;
  color: #4f5964;
  flex-shrink: 0;
}
.b-toolbar.b-dock-header, .b-toolbar.b-dock-pre-header {
  background-color: transparent;
}
.b-toolbar.b-dock-header .b-toolbar-content, .b-toolbar.b-dock-pre-header .b-toolbar-content {
  padding: 0;
}
.b-toolbar.b-dock-header > .b-button, .b-toolbar.b-dock-pre-header > .b-button {
  margin: 0;
}
.b-toolbar.b-dock-header .b-button, .b-toolbar.b-dock-pre-header .b-button {
  min-height: auto;
}
.b-toolbar.b-dock-header {
  margin-inline-start: 1em;
}
.b-toolbar.b-dock-pre-header {
  margin-inline-end: 1em;
}
.b-toolbar > .b-tool {
  align-self: center;
  background-color: transparent;
}
.b-toolbar > .b-tool.b-pressed {
  background-color: rgba(50, 50, 50, 0.2);
}
.b-toolbar .b-button:not(.b-text) {
  flex-shrink: 0;
}
.b-toolbar .b-row-start-scroller {
  margin: 0;
  margin-inline-end: 0.5em;
}
.b-toolbar.b-dock-left .b-row-start-scroller {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar.b-dock-right .b-row-start-scroller {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar .b-row-end-scroller, .b-toolbar .b-row-menu {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar .b-column-start-scroller {
  margin: 0 0 0.5em 0;
}
.b-toolbar .b-column-end-scroller, .b-toolbar .b-column-menu {
  margin: 0.5em 0 0 0;
}
.b-toolbar > .b-overflow-button {
  margin: 0.5em;
}
.b-toolbar.b-rtl > .b-overflow-button::before {
  transform: scaleX(-1);
}
.b-toolbar.b-dock-bottom {
  --toolbar-min-size: 3em;
  --toolbar-content-padding: 1em;
}
.b-toolbar .b-toolbar-content {
  overflow: hidden;
  padding: var(--toolbar-content-padding);
  gap: 0.5em;
}
.b-toolbar .b-toolbar-content .b-field {
  margin-bottom: 0;
}
.b-toolbar .b-toolbar-content > .b-toolbar-fill {
  flex: 1 1 0%;
}
.b-toolbar .b-toolbar-content .b-html {
  align-items: center;
}
.b-toolbar .b-toolbar-content.b-overflow .b-field, .b-toolbar .b-toolbar-content.b-overflow .b-button {
  flex-shrink: 0;
}
.b-toolbar.b-dock-top .b-toolbar-content, .b-toolbar.b-dock-bottom .b-toolbar-content {
  min-height: var(--toolbar-min-size);
}
.b-toolbar.b-dock-top .b-toolbar-content > .b-toolbar-separator, .b-toolbar.b-dock-bottom .b-toolbar-content > .b-toolbar-separator {
  margin-block: 0.2em;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-inline-start-color: #d7dbde;
  border-inline-end-color: #e5e7e9;
}
.b-toolbar.b-dock-top .b-toolbar-content > .b-widget:not(.b-button), .b-toolbar.b-dock-bottom .b-toolbar-content > .b-widget:not(.b-button) {
  min-height: 0;
}
.b-toolbar.b-dock-top {
  border-bottom: 1px solid #d8d9da;
}
.b-toolbar.b-dock-left .b-toolbar-content, .b-toolbar.b-dock-right .b-toolbar-content {
  min-width: var(--toolbar-min-size);
}
.b-toolbar.b-dock-left .b-toolbar-content > .b-toolbar-separator, .b-toolbar.b-dock-right .b-toolbar-content > .b-toolbar-separator {
  margin: 0 0.5em 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-top-color: #d7dbde;
  border-bottom-color: #e5e7e9;
}
.b-toolbar.b-dock-left .b-toolbar-content > .b-widget:not(.b-button), .b-toolbar.b-dock-right .b-toolbar-content > .b-widget:not(.b-button) {
  min-width: 0;
}

.b-tabpanel .b-panel .b-toolbar {
  background-color: transparent;
}

.b-toolbar.b-outer {
  background-color: #f8f9fa;
}

.b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget {
  flex: 0 0 auto !important;
  width: auto;
}

.b-pagingtoolbar .b-toolbar-content {
  justify-content: center;
}
.b-pagingtoolbar .b-toolbar-content .b-numberfield {
  width: unset;
}
.b-pagingtoolbar .b-toolbar-content .b-numberfield input {
  width: 4em;
  text-align: center;
}
.b-pagingtoolbar .b-toolbar-content .b-disabled.b-html {
  color: #b0b0b7;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-buttongroup {
  overflow: visible;
  flex-shrink: 0;
}
.b-buttongroup.b-content-element {
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 0;
}
.b-buttongroup.b-content-element.b-rotate-vertical {
  flex-direction: column;
}
.b-toolbar .b-buttongroup {
  font-size: 0.9em;
}
.b-buttongroup .b-button {
  margin: 0;
}
.b-buttongroup .b-button:not(.b-pressed) {
  box-shadow: none !important;
}
.b-buttongroup .b-button.b-pressed, .b-buttongroup .b-button:active {
  z-index: 2;
}
.b-buttongroup .b-button:not(.b-first-visible-child) {
  margin-inline-start: -1px;
}
.b-buttongroup.b-columned.b-content-element {
  flex: 1;
  flex-wrap: wrap;
}
.b-buttongroup.b-columned.b-content-element .b-button {
  margin-inline-start: 0;
}
.b-buttongroup .b-button:not(.b-first-visible-child):not(.b-last-visible-child) {
  border-radius: 0;
}
.b-buttongroup .b-button.b-first-visible-child:not(.b-last-visible-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-buttongroup .b-button.b-last-visible-child:not(.b-first-visible-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-buttongroup.b-rtl .b-button.b-first-visible-child:not(.b-last-visible-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-buttongroup.b-rtl .b-button.b-last-visible-child:not(.b-first-visible-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-editor {
  background-color: #fff;
  border-radius: 2px;
}
.b-editor.b-positioned {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.b-editor.b-content-element > .b-widget.b-field {
  margin: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-field-updated {
  0% {
    color: #4f5964;
  }
  25% {
    color: #9ca6b0;
  }
  75% {
    color: #9ca6b0;
  }
  100% {
    color: #4f5964;
  }
}
.b-has-label.b-label-above {
  flex-direction: column;
}
.b-has-label.b-label-before .b-label {
  align-self: center;
  margin-inline-end: 1em;
}
.b-has-label.b-label-above .b-label {
  align-self: flex-start;
  flex: none !important;
  margin: 0 0 0.4em 0.1em;
}
.b-has-label.b-open .b-label, .b-has-label:focus-within .b-label, .b-has-label.b-ie:focus .b-label {
  color: #4f5964;
}
.b-container .b-has-label .b-label.b-align-end {
  margin-inline-start: 1em;
  text-align: left;
}
.b-container .b-has-label.b-open .b-label, .b-container .b-has-label:focus-within .b-label, .b-container .b-has-label.b-ie:focus .b-label {
  color: #212121;
}
.b-has-label.b-invalid .b-label {
  color: #e53f2c !important;
}
.b-has-label.b-disabled .b-label {
  color: #b0b0b7;
}

.b-field-updated {
  animation-name: b-field-updated;
  animation-duration: 0.5s;
}

.b-vbox.b-box-justify-stretch > .b-field,
.b-flex-column > .b-field {
  width: auto;
}

.b-flex-row > .b-field {
  align-self: flex-start;
  flex: 1 0 100%;
}

.b-vbox > .b-field.b-label-above {
  margin-bottom: 1.2em;
}

.b-field-inner {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #d0d1d2;
  min-width: 0;
  position: relative;
}
.b-field-container-inline > .b-field-inner {
  flex: 0 1 auto;
}

.b-field-container:not(.b-field-container-inline) {
  flex-wrap: wrap;
}

.b-field-container-wrap {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.b-field-container-wrap > .b-container {
  width: 100%;
}
.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap {
  height: 0;
}
.b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap {
  opacity: 0;
}

.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap > .b-container, .b-field.b-collapsing:not(.b-field-container-inline) > .b-field-container-wrap > .b-container {
  position: absolute;
  bottom: 0;
}

.b-field-container-inline:not(.b-no-input) > .b-field-container-wrap {
  margin-inline-start: 1em;
}

.b-field-hint {
  align-self: stretch;
  overflow: visible;
  pointer-events: none;
  position: relative;
  white-space: nowrap;
  width: 0;
}
.b-field-hint .b-field-hint-content {
  position: absolute;
  inset-inline-end: 0.6em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  text-transform: uppercase;
}
.b-legacy-inset .b-field-hint .b-field-hint-content {
  right: 0.6em;
}
.b-legacy-inset .b-field-hint .b-field-hint-content.b-rtl {
  left: 0.6em;
}
.b-field-no-hint .b-field-hint {
  display: none;
}

.b-numberfield,
.b-textareafield,
.b-textfield {
  align-items: stretch;
  min-width: 3em;
  color: #4f5964;
  border-radius: 2px;
  position: relative;
  width: 12.5em;
}
.b-numberfield.b-has-width,
.b-textareafield.b-has-width,
.b-textfield.b-has-width {
  width: auto;
}
.b-numberfield.b-contains-focus .b-field-inner,
.b-textareafield.b-contains-focus .b-field-inner,
.b-textfield.b-contains-focus .b-field-inner {
  border-color: rgba(254, 172, 49, 0.6);
}
.b-numberfield .b-fieldtrigger,
.b-textareafield .b-fieldtrigger,
.b-textfield .b-fieldtrigger {
  color: #b0b1b2;
  font-size: 0.9em;
  cursor: pointer;
  flex: 0 0 auto;
  align-items: center;
}
.b-numberfield .b-fieldtrigger.b-align-start,
.b-textareafield .b-fieldtrigger.b-align-start,
.b-textfield .b-fieldtrigger.b-align-start {
  padding-inline: 0.8em 0;
}
.b-numberfield .b-fieldtrigger.b-align-end,
.b-textareafield .b-fieldtrigger.b-align-end,
.b-textfield .b-fieldtrigger.b-align-end {
  padding-inline: 0 0.8em;
}
.b-numberfield .b-fieldtrigger:before,
.b-textareafield .b-fieldtrigger:before,
.b-textfield .b-fieldtrigger:before {
  font-size: 1.3em;
  transition: transform 0.3s;
}
.b-numberfield .b-spintrigger,
.b-textareafield .b-spintrigger,
.b-textfield .b-spintrigger {
  flex-direction: column;
  font-size: 1em;
}
.b-numberfield .b-spintrigger .b-spin-up:before,
.b-textareafield .b-spintrigger .b-spin-up:before,
.b-textfield .b-spintrigger .b-spin-up:before {
  content: "\f0d8";
  vertical-align: bottom;
}
.b-numberfield .b-spintrigger .b-spin-down:before,
.b-textareafield .b-spintrigger .b-spin-down:before,
.b-textfield .b-spintrigger .b-spin-down:before {
  content: "\f0d7";
  vertical-align: top;
}
.b-numberfield.b-hide-spinner .b-spintrigger,
.b-textareafield.b-hide-spinner .b-spintrigger,
.b-textfield.b-hide-spinner .b-spintrigger {
  display: none;
}
.b-numberfield input, .b-numberfield textarea,
.b-textareafield input,
.b-textareafield textarea,
.b-textfield input,
.b-textfield textarea {
  background-color: transparent;
  color: inherit;
  padding: 0.8em;
  font-weight: 400;
  flex: 1 1 0;
  border: 0 none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  min-width: 1em;
  text-align: inherit;
}
.b-numberfield input:focus, .b-numberfield textarea:focus,
.b-textareafield input:focus,
.b-textareafield textarea:focus,
.b-textfield input:focus,
.b-textfield textarea:focus {
  outline: none;
}
.b-numberfield input::-ms-clear, .b-numberfield textarea::-ms-clear,
.b-textareafield input::-ms-clear,
.b-textareafield textarea::-ms-clear,
.b-textfield input::-ms-clear,
.b-textfield textarea::-ms-clear {
  display: none;
}
.b-numberfield textarea,
.b-textareafield textarea,
.b-textfield textarea {
  align-self: stretch;
}
.b-numberfield ::-webkit-input-placeholder,
.b-textareafield ::-webkit-input-placeholder,
.b-textfield ::-webkit-input-placeholder {
  color: #b0b0b7;
}
.b-numberfield.b-empty .b-fieldtrigger.b-icon-remove,
.b-textareafield.b-empty .b-fieldtrigger.b-icon-remove,
.b-textfield.b-empty .b-fieldtrigger.b-icon-remove {
  visibility: hidden;
}
.b-numberfield:focus-within .b-label i,
.b-textareafield:focus-within .b-label i,
.b-textfield:focus-within .b-label i {
  color: rgba(254, 172, 49, 0.6);
}
.b-numberfield:not(.b-disabled):hover .b-label i,
.b-textareafield:not(.b-disabled):hover .b-label i,
.b-textfield:not(.b-disabled):hover .b-label i {
  color: rgba(254, 172, 49, 0.6);
}
.b-numberfield:not(.b-disabled):hover .b-field-inner,
.b-textareafield:not(.b-disabled):hover .b-field-inner,
.b-textfield:not(.b-disabled):hover .b-field-inner {
  border-color: rgba(254, 172, 49, 0.6);
}
.b-numberfield.b-invalid .b-field-inner,
.b-textareafield.b-invalid .b-field-inner,
.b-textfield.b-invalid .b-field-inner {
  border-color: #e53f2c !important;
}
.b-numberfield.b-disabled,
.b-textareafield.b-disabled,
.b-textfield.b-disabled {
  color: #b0b0b7;
  cursor: default;
}
.b-safari .b-numberfield.b-disabled,
.b-safari .b-textareafield.b-disabled,
.b-safari .b-textfield.b-disabled {
  color: inherit;
}
.b-numberfield.b-disabled input,
.b-textareafield.b-disabled input,
.b-textfield.b-disabled input {
  cursor: text;
}
.b-numberfield.b-disabled .b-fieldtrigger,
.b-textareafield.b-disabled .b-fieldtrigger,
.b-textfield.b-disabled .b-fieldtrigger {
  color: #e4e4e4;
}
.b-numberfield.b-disabled .b-fieldtrigger,
.b-textareafield.b-disabled .b-fieldtrigger,
.b-textfield.b-disabled .b-fieldtrigger {
  cursor: default;
}
.b-numberfield.b-disabled .b-field-inner,
.b-textareafield.b-disabled .b-field-inner,
.b-textfield.b-disabled .b-field-inner {
  border-style: solid;
}
.b-numberfield.b-readonly,
.b-textareafield.b-readonly,
.b-textfield.b-readonly {
  cursor: default;
}
.b-numberfield.b-readonly input,
.b-textareafield.b-readonly input,
.b-textfield.b-readonly input {
  cursor: text;
}
.b-numberfield.b-readonly .b-fieldtrigger,
.b-textareafield.b-readonly .b-fieldtrigger,
.b-textfield.b-readonly .b-fieldtrigger {
  color: #e4e4e4;
  cursor: default;
}

.b-numberfield input[type=number]::-webkit-inner-spin-button,
.b-numberfield input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.b-numberfield input[type=number] {
  -moz-appearance: textfield;
}
.b-numberfield .b-field-inner .b-fieldtrigger.b-icon-remove {
  font-size: 0.8em;
}

.b-tooltip.b-field-error-tip {
  border: 1px solid #e53f2c;
}
.b-tooltip.b-field-error-tip .b-popup-content {
  background-color: #fffef6;
  color: #e53f2c;
  font-weight: bold;
}

.b-divider {
  position: relative;
  justify-content: center;
  margin: 1em 0 1.5em 0;
}
.b-divider::before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #d0d1d2;
  position: absolute;
  top: 50%;
}
.b-divider::after {
  display: flex;
  content: attr(data-text);
  color: #616161;
  background: #f8f9fa;
  padding: 0 1em;
  z-index: 1;
  text-transform: uppercase;
  font-size: 0.8em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-checkbox {
  --widget-primary-color-rgb: 176,176,183;
  --checkbox-unchecked-check-opacity: 0.1;
  --checkbox-unchecked-check-color: rgb(var(--widget-primary-color-rgb), var(--checkbox-unchecked-check-opacity));
  --checkbox-unchecked-background-color: transparent;
  --checkbox-unchecked-border-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-checked-check-color: #fff;
  --checkbox-checked-background-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-checked-border-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-disabled-unchecked-check-color: transparent;
  --checkbox-disabled-checked-check-color: rgba(128, 128, 128, 0.15);
  --checkbox-disabled-background-color: rgba(128, 128, 128, 0.1);
  --checkbox-disabled-border-color: rgba(128, 128, 128, 0.15);
  --checkbox-check-color: var(--checkbox-unchecked-check-color);
  --checkbox-background-color: var(--checkbox-unchecked-background-color);
  --checkbox-border-color: var(--checkbox-unchecked-border-color);
  --checkbox-label-transition: color 0.2s, background-color 0.2s;
  --checkbox-input-transition: color 0.5s, background-color 0.5s;
  position: relative;
  align-items: center;
}
.b-checkbox.b-field-container > .b-field-inner {
  min-height: 5.4ex;
}
.b-checkbox > .b-field-inner {
  border: none;
  background-color: transparent;
  white-space: nowrap;
  word-break: break-all;
}
.b-checkbox > .b-field-inner .b-checkbox-label {
  position: relative;
  font-size: inherit;
  cursor: pointer;
  color: #4f5964;
  white-space: normal;
}
.b-container .b-checkbox > .b-field-inner .b-checkbox-label {
  color: #616161;
}
.b-checkbox > .b-field-inner .b-checkbox-label:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 0.4em;
  font-size: inherit;
  width: 1.6em;
  height: 1.6em;
  padding: 0.15em;
  border-radius: 2px;
  transition: var(--checkbox-label-transition);
  background-color: var(--checkbox-background-color);
  border: 1px solid var(--checkbox-border-color);
}
.b-checkbox > .b-field-inner .b-checkbox-label:not(.b-radio-label):before {
  content: "\f00c";
  color: var(--checkbox-check-color);
}
.b-checkbox > .b-field-inner input[type=checkbox] {
  z-index: 1;
  opacity: 0;
  width: 2.2em;
  height: 2.2em;
  position: absolute;
  margin: 0;
  cursor: pointer;
  transition: var(--checkbox-input-transition);
}
.b-checkbox > .b-field-inner input[type=checkbox]:checked + .b-checkbox-label:before {
  --checkbox-check-color: var(--checkbox-checked-check-color);
  --checkbox-background-color: var(--checkbox-checked-background-color);
  --checkbox-border-color: var(--checkbox-checked-border-color);
}
.b-checkbox.b-disabled > .b-field-inner {
  --checkbox-check-color: var(--checkbox-disabled-unchecked-check-color);
  --checkbox-background-color: var(--checkbox-disabled-background-color);
  --checkbox-border-color: var(--checkbox-disabled-border-color);
}
.b-checkbox.b-disabled > .b-field-inner .b-checkbox-label {
  color: #b0b0b7;
}
.b-checkbox.b-disabled > .b-field-inner input[type=checkbox]:checked + .b-checkbox-label:before {
  --checkbox-check-color: var(--checkbox-disabled-checked-check-color);
  --checkbox-background-color: var(--checkbox-disabled-background-color);
  --checkbox-border-color: var(--checkbox-disabled-border-color);
}

.b-container .b-checkbox-label:before {
  margin: 0.675em;
  margin-inline-end: 0.4em;
  margin-inline-start: 0;
  margin-top: 0.5em;
}

.b-checkbox.b-field-container:not(.b-field-container-inline) > .b-field-container-wrap {
  margin-inline-start: 2.2em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-colorbox {
  width: 1em;
  height: 1em;
  border-radius: 3px;
  background: currentColor;
  margin-inline-end: 0.5em;
}

.b-colorfield:not(.b-colorless) .b-colorbox,
.b-colorboxcombo:not(.b-colorless) .b-colorbox {
  margin-inline: 0.8em 0.4em;
}
.b-colorfield:not(.b-colorless) .b-colorbox.b-no-color,
.b-colorboxcombo:not(.b-colorless) .b-colorbox.b-no-color {
  background: none;
  border: 1px solid #d0d1d2;
}
.b-colorfield:not(.b-colorless) input,
.b-colorboxcombo:not(.b-colorless) input {
  padding-inline-start: 0;
}
.b-colorfield.b-colorless .b-colorbox,
.b-colorboxcombo.b-colorless .b-colorbox {
  display: none;
}
.b-colorfield.b-empty,
.b-colorboxcombo.b-empty {
  color: #ccc;
}
.b-colorfield.b-empty ::-webkit-input-placeholder,
.b-colorboxcombo.b-empty ::-webkit-input-placeholder {
  color: #4f5964;
}
.b-colorfield.b-empty .b-colorbox,
.b-colorboxcombo.b-empty .b-colorbox {
  background: none;
  border: 1px solid currentColor;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-colorpicker.b-list.b-widget {
  display: grid;
  grid-gap: 0.8em;
  padding: 1em;
}
.b-colorpicker.b-list.b-widget .b-list-item {
  border: none;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  padding: 0;
  min-width: 0;
  justify-content: center;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color {
  border: 1px solid #d0d1d2;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color.b-selected:after {
  color: #999;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color:before {
  content: "";
  border-right: 1px solid #d0d1d2;
  height: 100%;
  transform: rotate(135deg);
  position: absolute;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-color-active {
  outline: 2px solid #999;
  outline-offset: 2px;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-selected:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 0 1px #000;
  font-size: 1.2em;
}

.b-popup .b-colorpicker {
  background: transparent;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-combo.b-open .b-fieldtrigger.b-icon-picker:before {
  transform: rotate(180deg);
}
.b-combo.b-inline-picker:not(.b-label-above) {
  flex-wrap: wrap;
  align-content: flex-start;
}
.b-combo.b-inline-picker:not(.b-label-above) .b-field-inner {
  flex-shrink: 0;
  align-self: flex-start;
}
.b-combo.b-inline-picker:not(.b-label-above) .b-combo-picker {
  flex: 1 0 100%;
}
.b-combo .b-field-inner .b-fieldtrigger.b-icon-remove {
  font-size: 0.8em;
}
.b-combo.b-hide-trigger .b-fieldtrigger.b-icon-picker, .b-combo.b-readonly .b-fieldtrigger.b-icon-picker {
  display: none;
}
.b-combo.b-uses-chipview .b-field-inner {
  align-self: stretch;
}
.b-combo.b-uses-chipview .b-chipview {
  align-self: stretch;
  display: flex;
  flex-flow: wrap;
  flex: 1 1 auto;
  align-items: center;
  margin: 0.16em 0.3em;
}
.b-combo.b-uses-chipview .b-chipview:not(.b-empty) input {
  padding-inline-start: 0.2em;
  order: 99999;
}
.b-combo.b-uses-chipview.b-not-editable input {
  order: -1;
  min-width: 0;
  padding-inline: 0;
  flex: 0 1 0;
  margin-inline-start: -0.3em;
}
.b-combo.b-uses-chipview.b-not-editable:not(.b-empty) .b-chipview .b-chip {
  padding-block: calc(0.3em + 0.5px);
  padding-inline: 0.7em;
}
.b-combo.b-uses-chipview.b-not-editable:not(.b-empty) input {
  padding-inline: 0;
}

.b-list.b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]::after {
  content: attr(data-add-new-value);
  display: block;
  padding: 0.8em;
  color: #4f5964;
  cursor: pointer;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-fieldfilterpicker .b-fieldfilterpicker-inputs {
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-property,
.b-fieldfilterpicker .b-fieldfilterpicker-operator,
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  flex: 1 0 8em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  overflow: hidden;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values.b-hidden {
  display: none;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-multiple {
  flex: 0 0 100%;
}
.b-fieldfilterpicker .b-fieldfilterpicker-combo-locked > .b-field-inner {
  border: none;
  background: none;
}
.b-fieldfilterpicker .b-fieldfilterpicker-combo-locked > .b-field-inner input {
  padding-inline-start: 0;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  display: flex;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-multiple {
  width: 100%;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values > .b-field {
  flex: 1;
  margin-block-end: 0;
  align-self: baseline;
}
.b-fieldfilterpicker .b-fieldfilterpicker-value-separator {
  flex: none;
  padding: 0 0.4em;
  align-self: center;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values > .b-field:last-child::after {
  display: none;
}

.b-fieldfilterpickergroup .b-checkbox[data-ref=enableAllCheckbox] .b-checkbox-label::before {
  margin-inline-end: 0.5em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row {
  padding-top: 2.2em;
  position: relative;
  flex-shrink: 0;
  align-items: baseline;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:first-child {
  padding-top: 0;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:first-child::before {
  display: none;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row::before {
  content: attr(data-separator-text);
  font-size: 85%;
  position: absolute;
  text-align: center;
  line-height: 2.2em;
  width: 100%;
  height: 2.2em;
  top: 0;
  background-image: linear-gradient(to right, #e0e0e7, #e0e0e7 44%, transparent 46%, transparent 54%, #e0e0e7 56%);
  background-position: 0 50%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:not(.b-fieldfilterpickergroup-row-removable) {
  padding-inline-end: 2.25em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-filter-active {
  flex: 0 0 2rem;
  align-self: baseline;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-other-filters {
  padding: 0.5em 0;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-add-button {
  align-self: center;
  margin-top: 1.1em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-remove {
  inline-size: 2em;
  margin-inline-start: 0.25em;
}

.b-filepicker {
  overflow: visible;
}
.b-filepicker.b-content-element {
  align-content: stretch;
}

.b-displayfield {
  color: inherit;
}
.b-displayfield .b-field-inner {
  border: 0;
  background: transparent;
}
.b-displayfield .b-field-inner span {
  padding: 0.8em;
}

.b-pickerfield.b-open .b-field-inner {
  border-color: #feac31;
}
.b-pickerfield:not(.b-readonly):not(.b-disabled) input[readonly] {
  cursor: pointer;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datefield.b-open .b-fieldtrigger {
  color: #feac31 !important;
}
.b-datefield.b-no-steppers .b-step-trigger {
  display: none;
}
.b-datefield.b-rtl .b-step-trigger::before {
  transform: scaleX(-1);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datetimefield {
  align-items: center;
  position: relative;
}
.b-datetimefield input {
  text-align: center;
}
.b-datetimefield .b-field-inner {
  height: 100%;
}
.b-datetimefield .b-datefield {
  flex: 1 1 55%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-datetimefield .b-datefield .b-field-inner {
  border: none;
  border-inline-end: 1px solid #dedfe0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-datetimefield .b-timefield {
  flex: 1 1 45%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-datetimefield .b-timefield .b-field-inner {
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-datetimefield:not(.b-disabled):hover .b-field-inner, .b-datetimefield:focus-within .b-field-inner {
  border-color: rgba(254, 172, 49, 0.6);
}
.b-datetimefield:not(.b-disabled):hover .b-datefield .b-field-inner, .b-datetimefield:focus-within .b-datefield .b-field-inner {
  border-inline-end: 1px solid #dedfe0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-label {
  align-items: center;
  color: #4f5964;
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.b-container .b-label {
  color: #616161;
  margin-inline-start: 0.3em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-list {
  display: block;
  background-color: white;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
  user-select: none;
}
.b-list.b-floating {
  border-radius: 2px;
}
.b-list.b-empty:not(.b-masked) {
  min-height: initial !important;
}
.b-list.b-empty:not(.b-masked)[data-empty-text]::after {
  content: attr(data-empty-text);
  display: block;
  padding: 0.8em;
  color: #4f5964;
}
.b-list.b-masked {
  padding: 2em 0;
}
.b-list .b-selected-icon {
  margin-inline-end: 0.5em;
  display: none;
}
.b-list .b-select-all-item {
  border-bottom: 1px solid;
  font-weight: 500;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}
.b-list.b-multiselect .b-list-item .b-selected-icon {
  display: initial;
  visibility: hidden;
}
.b-list.b-multiselect .b-list-item.b-selected .b-selected-icon {
  visibility: visible;
}

.b-list-item {
  position: relative;
  padding: 0.8em;
  color: #4f5964;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.2s, color 0.2s;
  border-top: 1px dotted rgba(224, 224, 231, 0.8);
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.b-list-item.b-hidden {
  display: none;
}
.b-list-item:first-child {
  border-top: none;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.b-list-item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.b-list-item.b-active, .b-list-item:focus {
  outline: none;
}
.b-list-item.b-active:not(.b-disabled), .b-list-item:focus:not(.b-disabled) {
  background-color: rgba(254, 172, 49, 0.3);
  color: #4f5964;
}
.b-list-item.b-list-item-group-header {
  font-weight: 500;
}
.b-list-item.b-list-item-group-header .b-icon-check {
  display: none;
}
.b-grouped .b-list-item:not(.b-list-item-group-header) {
  padding-inline-start: 2em !important;
}

.b-chip {
  display: flex;
  align-items: center;
  padding-block: 0.3em;
  padding-inline: 0.7em;
  border-radius: 1em;
  background-color: #e0e0e7;
  color: #5a6672;
  transition: background-color 0.3s, color 0.3s;
}
.b-chip .b-icon {
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeef2;
  color: #474849;
}
.b-chip .b-icon:first-child:not(.b-close-icon) {
  margin-inline-end: 0.5em;
  margin-inline-start: -0.4em;
}
.b-chip:hover {
  background-color: #d2d2dc;
  color: #4f5964;
}
.b-chip:hover .b-icon {
  background-color: #eeeef2;
  color: #474849;
}
.b-chip.b-selected {
  background-color: #feac31;
  color: #fff;
}
.b-chip.b-selected .b-icon {
  background-color: #eeeef2;
  color: #feac31;
}
.b-chip.b-selected:hover {
  background-color: #fea218;
  color: #fff;
}
.b-chip.b-selected:hover .b-icon {
  background-color: #eeeef2;
  color: #fea218;
}
.b-chip.b-active {
  outline: 1px solid rgba(254, 172, 49, 0.6);
  outline-offset: 2px;
}
.b-chip .b-close-icon {
  margin-inline-start: 0.5em;
  cursor: pointer;
}

.b-chipview {
  background-color: transparent;
  gap: 0.3em;
}
.b-chipview.b-empty::after {
  display: none;
}
.b-chipview input {
  padding-top: 0.6em;
  padding-bottom: calc(0.6em + 1px);
}
.b-chipview.b-chips-closable .b-chip {
  padding-inline-end: 0.3em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes maskOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-masked {
  position: relative;
}

.b-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: transparent;
}
.b-mask:not(.b-prevent-transitions) {
  transition: opacity 1s;
}
.b-mask.b-visible {
  pointer-events: all;
  opacity: 1;
}
.b-mask.b-visible:not(.b-prevent-transitions):not(.b-delayed-show) {
  animation: maskOpacity 0.3s ease 0s 1;
}
.b-mask.b-hidden {
  pointer-events: none;
  opacity: 0;
}
.b-mask.b-hidden:not(.b-prevent-transitions) {
  animation: maskOpacity 0.2s ease 0s 1 reverse;
}
.b-mask.b-delayed-show {
  opacity: 0;
}
.b-mask.b-mask-bright, .b-mask.b-mask-bright-blur {
  background-color: rgba(255, 255, 255, 0.6980392157);
}
.b-mask.b-mask-dark, .b-mask.b-mask-dark-blur {
  background-color: rgba(0, 0, 0, 0.2980392157);
}

.b-mask-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: #feac31;
  border-radius: 2px;
}

.b-mask-text {
  padding: 1em;
  display: flex;
  align-items: center;
}

.b-mask-progress-bar {
  height: 3px;
  background-color: #3183fe;
}

.b-mask-icon {
  margin-inline-end: 0.5em;
}

.b-masked-dark-blur,
.b-masked-bright-blur {
  filter: blur(3px);
  transform: scale(1.01);
  transition: all 0.5s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-panel.b-floating {
  border-radius: 2px;
}
.b-panel.b-floating > .b-panel-body-wrap > .b-panel-content {
  border-radius: 2px;
}
.b-panel.b-floating > .b-panel-header.b-dock-top, .b-panel.b-floating:not(.b-has-header) > .b-panel-body-wrap > .b-toolbar.b-dock-top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.b-panel.b-floating > .b-panel-body-wrap > .b-toolbar.b-dock-bottom {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.b-panel.b-floating.b-panel-has-header > .b-panel-body-wrap > .b-panel-content, .b-panel.b-floating.b-panel-has-top-toolbar > .b-panel-body-wrap > .b-panel-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.b-panel.b-floating.b-panel-has-bottom-toolbar > .b-panel-body-wrap > .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.b-panel {
  --panel-background-color: #f8f9fa;
  padding: 0;
  color: #4f5964;
  z-index: 0;
}
.b-panel .b-panel-body-wrap {
  background-color: var(--panel-background-color);
  overflow: hidden;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-top .b-toolbar-content {
  padding-bottom: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-right .b-toolbar-content {
  padding-left: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-bottom .b-toolbar-content {
  padding-top: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-left .b-toolbar-content {
  padding-right: 0;
}
.b-panel.b-html .b-panel-content {
  padding-block: 3px;
  margin-block: 1em;
}
.b-panel > .b-panel-overlay,
.b-panel > .b-panel-body-wrap {
  z-index: 0;
}
.b-panel > .b-panel-collapse-size-locker {
  position: absolute !important;
}
.b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker {
  clip: rect(0, 0, 0, 0);
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up > .b-panel-collapse-size-locker {
  top: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down > .b-panel-collapse-size-locker {
  bottom: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right > .b-panel-collapse-size-locker {
  right: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right > .b-panel-collapse-size-locker {
  left: 0;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsing, .b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay > .b-panel-header {
  transition: transform 0.2s ease-in-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header, .b-panel.b-panel-collapsible-overlay.b-expanding > .b-panel-header {
  opacity: 0;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed {
  overflow: visible;
  z-index: 1;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing {
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header {
  z-index: -1;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header {
  transform: translate(0, -100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header {
  transform: translate(0, 100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header {
  transform: translate(100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header {
  transform: translate(-100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker {
  transition: transform 0.2s ease-in-out, clip-path 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker {
  transform: translate(0, -100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 -10px 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker {
  transform: translate(0, 100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(-10px 0 0 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker {
  transform: translate(-100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 -10px 0 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker {
  transform: translate(100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 0 -10px);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-expanding {
  flex: none !important;
  overflow: visible;
}
.b-panel.b-header-dock-right, .b-panel.b-header-dock-bottom {
  justify-content: flex-end;
}
.b-panel.b-collapsed:not(.b-expanding):not(.b-panel-overlay-revealed):not(.b-panel-overlay-revealing) {
  visibility: hidden;
  flex: 0 1 0px;
}
.b-panel.b-collapsed > .b-panel-collapse-revealer {
  visibility: visible;
  cursor: pointer;
}
.b-panel .b-panel-collapser-header {
  display: none;
}
.b-panel.b-collapse-unflex {
  flex-grow: unset !important;
  flex-basis: unset !important;
  flex-shrink: 0 !important;
}
.b-panel.b-collapsed .b-panel-collapser-header, .b-panel.b-collapsing .b-panel-collapser-header {
  display: flex;
}
.b-panel.b-collapsed.b-header-dock-top, .b-panel.b-collapsed.b-header-dock-bottom, .b-panel.b-collapsing.b-header-dock-top, .b-panel.b-collapsing.b-header-dock-bottom {
  min-height: auto !important;
}
.b-panel.b-collapsed.b-header-dock-top.b-panel-collapsible-overlay, .b-panel.b-collapsed.b-header-dock-bottom.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-top.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-bottom.b-panel-collapsible-overlay {
  height: unset !important;
}
.b-vbox > .b-panel.b-collapsed.b-header-dock-top, .b-vbox > .b-panel.b-collapsed.b-header-dock-bottom, .b-vbox > .b-panel.b-collapsing.b-header-dock-top, .b-vbox > .b-panel.b-collapsing.b-header-dock-bottom {
  flex: none !important;
}
.b-panel.b-collapsed.b-header-dock-right, .b-panel.b-collapsed.b-header-dock-left, .b-panel.b-collapsing.b-header-dock-right, .b-panel.b-collapsing.b-header-dock-left {
  min-width: auto !important;
}
.b-panel.b-collapsed.b-header-dock-right.b-panel-collapsible-overlay, .b-panel.b-collapsed.b-header-dock-left.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-right.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-left.b-panel-collapsible-overlay {
  width: unset !important;
}
.b-hbox > .b-panel.b-collapsed.b-header-dock-right, .b-hbox > .b-panel.b-collapsed.b-header-dock-left, .b-hbox > .b-panel.b-collapsing.b-header-dock-right, .b-hbox > .b-panel.b-collapsing.b-header-dock-left {
  flex: none !important;
}
.b-panel.b-collapsed:not(.b-expanding).b-header-dock-right, .b-panel.b-collapsed:not(.b-expanding).b-header-dock-left {
  width: unset !important;
  flex: unset !important;
}
.b-panel.b-header-dock-top .b-panel-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.b-panel.b-header-dock-right .b-panel-content {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-header-dock-bottom .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-header-dock-left .b-panel-content {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-panel.b-panel-has-bottom-toolbar .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-floating > .b-dock-top {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.b-panel.b-floating > .b-dock-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.b-panel.b-floating > .b-dock-bottom {
  position: static;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.b-panel.b-floating > .b-dock-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.b-panel-content {
  justify-content: space-between;
  overflow: hidden;
  padding: 1em;
}
.b-panel-content.b-auto-container.b-single-child > .b-container {
  flex: 1 1 auto;
}
.b-panel-content.b-fit-container {
  padding: 0;
}

.b-tabpanel .b-panel-content {
  background-color: transparent;
}

.b-panel-collapser {
  z-index: 0;
}

.b-panel-header {
  display: flex;
  background-color: #fff5e6;
  color: #4f5964;
  padding: 1em;
  flex: 0 0 auto;
  align-items: center;
  z-index: 1;
}
.b-panel-header.b-panel-ui-toolbar {
  background-color: #f3f4f5;
  color: #4f5964;
  padding: 0.5em;
}
.b-panel-header.b-panel-ui-toolbar .b-header-title {
  font-size: unset;
  font-weight: unset;
}
.b-panel-header.b-panel-ui-toolbar.b-dock-top {
  border-bottom: 1px solid #d8d9da;
}
.b-panel-header.b-dock-right {
  flex-flow: column nowrap;
}
.b-panel-header.b-dock-left {
  flex-flow: column-reverse nowrap;
}
.b-panel-header.b-dock-left .b-header-title {
  transform: rotate(180deg);
}
.b-panel-header .b-header-title {
  flex: 1 1 auto;
  text-align: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-panel-header .b-header-title:not(:last-child) {
  padding-inline-end: 1em;
}
.b-panel-header .b-header-title.b-align-start {
  text-align: start;
  justify-content: flex-start;
}
.b-panel-header .b-header-title.b-align-center {
  text-align: center;
  justify-content: center;
  padding-inline-end: 0;
}
.b-panel-header .b-header-title.b-align-end {
  text-align: end;
  justify-content: flex-end;
}
.b-panel-header .b-header-title.b-align-end:not(:last-child) {
  margin-inline-end: 1em;
}
.b-panel-has-tools .b-panel-collapser .b-panel-header .b-header-title {
  line-height: 1.8em;
}
.b-panel-header.b-dock-right .b-header-title, .b-panel-header.b-dock-left .b-header-title {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
}
.b-panel-header.b-dock-right, .b-panel-header.b-dock-bottom {
  order: 100;
}

.b-button.b-tool,
.b-tool {
  cursor: pointer;
  color: #4f5964;
  height: 2em;
  width: 2em;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0 none;
  background-color: transparent;
  flex-shrink: 0;
  contain: paint;
}
.b-button.b-tool::-moz-focus-inner,
.b-tool::-moz-focus-inner {
  border: 0;
}
.b-button.b-tool:focus,
.b-tool:focus {
  outline: none;
}
.b-using-keyboard .b-button.b-tool:focus,
.b-using-keyboard .b-tool:focus {
  background-color: rgba(220, 220, 220, 0.5);
}
.b-button.b-tool.b-icon:before,
.b-tool.b-icon:before {
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: inherit;
}
.b-button.b-tool:hover,
.b-tool:hover {
  opacity: 0.8;
}
.b-button.b-tool.b-disabled,
.b-tool.b-disabled {
  opacity: 0.4;
}
.b-button.b-tool.b-rotate-left:before,
.b-tool.b-rotate-left:before {
  transform: rotate(270deg);
}
.b-button.b-tool.b-rotate-right:before,
.b-tool.b-rotate-right:before {
  transform: rotate(90deg);
}
.b-button.b-tool i,
.b-tool i {
  display: flex;
}
.b-button.b-tool a,
.b-tool a {
  color: #4f5964;
}

.b-button.b-tool {
  min-height: 2em;
  min-width: 2em;
}

.b-collapsetool:not(.b-collapsing):before {
  transition: all 0.2s ease-in-out;
}
.b-collapsetool.b-rotate-left:before, .b-collapsetool.b-rotate-right:before {
  transform: rotate(0deg);
}
.b-collapsetool.b-collapsed:before {
  transform: rotate(180deg);
}
.b-panel-ui-toolbar.b-panel-collapse-right .b-collapsible-tr.b-dock-right .b-collapsetool {
  margin-block-start: 0.6em;
}
.b-panel-ui-toolbar.b-panel-collapse-right .b-collapsible-tr.b-dock-top .b-collapsetool {
  margin-inline-end: 0.7em;
}

.b-dock-top .b-header-title:not(:last-child), .b-dock-bottom .b-header-title:not(:last-child) {
  padding-inline-end: 0.2em;
}
.b-dock-top .b-tool.b-align-start, .b-dock-bottom .b-tool.b-align-start {
  margin-block: 0;
  margin-inline: 0 0.4em;
}
.b-dock-top .b-tool.b-align-end, .b-dock-bottom .b-tool.b-align-end {
  margin-block: 0;
  margin-inline: 0.4em 0;
}

.b-dock-right .b-header-title:not(:last-child), .b-dock-left .b-header-title:not(:last-child) {
  padding: 0.2em 0;
}
.b-dock-right .b-tool.b-align-start, .b-dock-left .b-tool.b-align-start {
  margin-block-end: 0.4em;
}
.b-dock-right .b-tool.b-align-end, .b-dock-left .b-tool.b-align-end {
  margin-block-start: 0.4em;
}

.b-calendarpanel {
  --min-row-height: 75;
  --min-column-width: 75;
  -webkit-user-select: none;
  user-select: none;
}
.b-calendarpanel.b-outer {
  display: inline-flex;
}
.b-calendarpanel .b-week-number-cell {
  display: none;
}
.b-calendarpanel.b-show-week-column .b-week-number-cell {
  display: flex;
  flex-direction: column;
}
.b-calendarpanel.b-hide-othermonth-cells .b-calendar-cell.b-other-month {
  visibility: hidden;
  pointer-events: none;
}
.b-calendarpanel.b-disable-othermonth-cells .b-calendar-cell.b-other-month {
  opacity: 0.7;
  pointer-events: none;
}
.b-calendarpanel.b-disable-othermonth-cells .b-calendar-cell.b-other-month.b-first-visible-cell .b-cal-event-wrap {
  pointer-events: all;
}
.b-calendarpanel .b-panel-body-wrap {
  background-color: #f8f9fa;
}
.b-calendarpanel .b-calendar-weekdays .b-calendar-day-header {
  flex: 1 0 0;
  text-align: center;
}
.b-calendarpanel .b-calendarpanel-content {
  align-items: stretch;
}
.b-calendarpanel .b-calendarpanel-content.b-hide-nonworking-days .b-calendar-day-header.b-nonworking-day, .b-calendarpanel .b-calendarpanel-content.b-hide-nonworking-days .b-calendar-cell.b-nonworking-day {
  display: none;
}
.b-calendarpanel .b-calendar-row {
  display: flex;
}
.b-calendarpanel .b-calendar-cell {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
.b-calendarpanel .b-calendar-days {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.b-calendarpanel .b-weeks-container {
  display: flex;
  flex-direction: column;
}
.b-calendarpanel .b-weeks-container.b-min-columnwidth.b-horizontal-overflow {
  align-items: flex-start;
}
.b-calendarpanel .b-weeks-container.b-min-columnwidth.b-horizontal-overflow .b-calendar-row {
  overflow: hidden;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datepicker:focus {
  outline: 0;
}
.b-datepicker .b-datepicker-title {
  font-weight: bold;
  gap: 0;
  justify-content: center;
  margin: 0 !important;
  flex-wrap: nowrap;
}
.b-datepicker .b-field {
  background-color: transparent;
  border: 0 none;
  color: #4f5964;
  min-width: 0;
  display: inline-flex;
  flex: none !important;
  width: auto;
  margin-bottom: 0 !important;
  height: 100%;
  cursor: pointer;
}
.b-datepicker .b-field:not(.b-readonly):hover {
  opacity: 0.7;
}
.b-datepicker .b-field .b-field-inner {
  flex: none;
  border: 0 none;
  background-color: transparent;
  align-self: stretch;
  padding: 0;
  box-shadow: none;
}
.b-datepicker .b-field div[type=text] {
  outline: none;
}
.b-datepicker .b-toolbar.b-dock-top {
  background-color: #fff5e6;
  color: #4f5964;
  border-bottom: none;
  font-size: 1.2em;
}
.b-datepicker .b-toolbar.b-dock-top .b-toolbar-content {
  min-height: 0;
  padding: 0.5em 0.5ex !important;
  gap: 0.5ex;
  justify-content: space-around;
}
.b-datepicker .b-toolbar.b-dock-top .b-datepicker-title {
  flex: 1 1 auto;
}
.b-datepicker .b-toolbar.b-dock-top .b-icon {
  color: #4f5964;
}
.b-datepicker .b-toolbar.b-dock-top .b-icon:before {
  line-height: normal;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon {
  border: none;
  border-radius: 50%;
  min-width: 0;
  min-height: 0;
  width: 2em;
  height: 2em;
  font-size: 80%;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon:hover {
  opacity: 0.7;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon:not(.b-contains-focus) {
  background: transparent !important;
}
.b-datepicker .b-calendar-weekdays {
  background-color: #fff5e6;
  font-size: 0.85em;
}
.b-datepicker .b-calendar-weekdays .b-calendar-day-header {
  padding: 0.4em 0;
}
.b-datepicker.b-show-week-column .b-week-number-cell {
  line-height: 2.35em;
  width: 2.35em;
  margin: 5px 4px;
  text-align: center;
}
.b-datepicker .b-calendarpanel-content {
  padding: 0;
  justify-content: flex-start;
}
.b-datepicker .b-week-number-cell {
  color: #76c579;
}
.b-datepicker .b-calendar-cell {
  outline: 0 none;
  position: relative;
  flex: 1 0 2.35em;
  padding: 0 4px;
  margin: 5px 0;
  transition: background-color 0.2s, color 0.2s;
  align-items: center;
}
.b-datepicker .b-calendar-cell > .b-datepicker-cell-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.35em;
  width: 2.35em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
}
.b-datepicker .b-calendar-cell.b-today > .b-datepicker-cell-inner {
  border-color: #feac31;
  border-width: 1px;
}
.b-datepicker .b-calendar-cell.b-active-date:not(.b-selected-date) > .b-datepicker-cell-inner {
  border-color: #feac31;
}
.b-datepicker .b-calendar-cell.b-selected-date:not(.b-in-range) > .b-datepicker-cell-inner {
  color: #fff;
  background-color: #3183fe;
  border-color: #3183fe;
}
.b-datepicker .b-calendar-cell.b-other-month > .b-datepicker-cell-inner {
  color: #bbb;
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner {
  cursor: pointer;
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner:hover {
  background-color: rgba(49, 131, 254, 0.15);
  border-color: transparent;
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner:hover.b-today {
  background-color: #feac31;
  border-color: #feac31;
}
.b-datepicker .b-calendar-cell.b-out-of-range > .b-datepicker-cell-inner {
  color: #aaa;
}
.b-datepicker .b-calendar-cell.b-disabled-date > .b-datepicker-cell-inner {
  color: #aaa;
  opacity: 0.4;
}
.b-datepicker .b-calendar-cell.b-in-range {
  background-color: rgba(49, 131, 254, 0.15);
  border-radius: 0 !important;
}
.b-datepicker .b-calendar-cell.b-in-range.b-first-visible-cell {
  clip-path: polygon(0 50%, 8px 0, 100% 0, 100% 100%, 8px 100%);
}
.b-datepicker .b-calendar-cell.b-in-range.b-last-visible-cell {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}
.b-datepicker .b-calendar-cell.b-range-start, .b-datepicker .b-calendar-cell.b-range-end {
  z-index: 0;
}
.b-datepicker .b-calendar-cell.b-range-start:before, .b-datepicker .b-calendar-cell.b-range-end:before {
  content: " ";
  background-color: rgba(49, 131, 254, 0.15);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.b-datepicker .b-calendar-cell.b-range-start > .b-datepicker-cell-inner, .b-datepicker .b-calendar-cell.b-range-end > .b-datepicker-cell-inner {
  position: relative;
  background-color: #fff;
}
.b-datepicker .b-calendar-cell.b-range-start > .b-datepicker-cell-inner:after, .b-datepicker .b-calendar-cell.b-range-end > .b-datepicker-cell-inner:after {
  content: " ";
  background-color: rgba(49, 131, 254, 0.15);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.b-datepicker .b-calendar-cell.b-range-start:before {
  left: 50%;
}
.b-datepicker .b-calendar-cell.b-range-end:before {
  right: 50%;
}
.b-datepicker.b-multiselect .b-calendar-cell {
  flex-grow: 1 !important;
  margin-inline: 0 !important;
}
.b-datepicker.b-rtl .b-icon::before {
  transform: scaleX(-1);
}
.b-datepicker .b-yearpicker {
  width: 100%;
  height: 100%;
}
.b-datepicker .b-datepicker-yearbutton {
  margin-inline-start: 0.5ex;
  padding: 0;
  border: 0 none;
  color: inherit !important;
  min-height: unset;
  min-width: unset;
  background-color: unset;
  font-weight: 400;
}
.b-datepicker .b-datepicker-yearbutton:not(.b-disabled):not(.b-tab):hover {
  opacity: 0.7;
  background-color: unset;
}

.b-readonly-combo-list.b-empty {
  display: none;
}
.b-readonly-combo-list .b-list-item {
  min-width: auto;
}
.b-visible-scrollbar .b-readonly-combo-list .b-list-item {
  padding-inline-end: 2em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-fieldset.b-has-label {
  align-items: center;
}
.b-fieldset.b-has-label.b-label-before > .b-panel-body-wrap {
  flex: 1 1 100%;
}
.b-fieldset.b-has-label > label {
  flex-shrink: 0;
}

.b-fieldset-header {
  background-color: transparent;
  padding: 0.5em;
  color: #4f5964;
}
.b-fieldset-header .b-header-title {
  font-weight: 600;
}

fieldset.b-fieldset-content {
  border: none;
  background-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  overflow: unset;
  padding-block-end: 0;
}
.b-panel-has-header > .b-radiogroup-body-wrap > fieldset.b-fieldset-content {
  padding-block-start: 1em;
  padding-inline-start: 1em;
  padding-inline-end: 1em;
}
.b-fieldset:not(.b-panel-has-header) > .b-radiogroup-body-wrap > fieldset.b-fieldset-content {
  padding: 0;
}
fieldset.b-fieldset-content.b-inline > .b-field:not(:first-child) {
  margin-inline-start: 1em;
}
fieldset.b-fieldset-content > legend.b-fieldset-legend {
  position: absolute;
  top: -10000px;
  clip: rect(0, 0, 0, 0);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-popup {
  --panel-background-color: #f8f9fa;
  color: #4f5964;
}
.b-popup.b-text-popup {
  max-width: 25em;
}
.b-popup.b-positioned {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

.b-popup-content a {
  color: #22262b;
}

.b-popup-header {
  background-color: #fff5e6;
  color: #4f5964;
}

.b-modal-mask {
  background-color: rgba(100, 100, 100, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: all;
  z-index: 11001;
}

@media (max-width: 480px) {
  .b-popup {
    max-width: 100% !important;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-messagedialog.b-popup {
  min-width: 18em;
}
.b-messagedialog.b-popup .b-button {
  min-width: 9em;
}
.b-messagedialog.b-popup .b-messagedialog-header,
.b-messagedialog.b-popup .b-messagedialog-content {
  padding: 1em;
}
.b-messagedialog.b-popup .b-messagedialog-content.b-panel-content {
  border-radius: 0;
  min-height: 4em;
}
.b-messagedialog.b-popup .b-messagedialog-input,
.b-messagedialog.b-popup .b-messagedialog-okbutton,
.b-messagedialog.b-popup .b-messagedialog-cancelbutton {
  display: none;
}
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-okbutton,
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-cancelbutton, .b-messagedialog.b-popup.b-messagedialog-confirm .b-messagedialog-okbutton,
.b-messagedialog.b-popup.b-messagedialog-confirm .b-messagedialog-cancelbutton {
  display: initial;
}
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-input {
  display: initial;
  margin: 1em 0 0 0;
}
.b-messagedialog.b-popup.b-messagedialog-alert .b-messagedialog-okbutton {
  display: initial;
}
.b-messagedialog.b-popup .b-panel-body-wrap {
  background: #f8f9fa;
}
.b-messagedialog.b-popup .b-popup-content,
.b-messagedialog.b-popup .b-toolbar {
  background: transparent;
}
.b-messagedialog.b-popup .b-toolbar .b-toolbar-content {
  justify-content: flex-end;
}
.b-messagedialog.b-popup .b-toolbar .b-toolbar-content .b-button:not(:first-child) {
  margin-inline-start: 1em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-menu {
  min-height: 20px;
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  -webkit-user-select: none;
  user-select: none;
}
.b-menu .b-panel-content {
  background-color: #fff;
}
.b-menu.b-empty::after {
  content: attr(data-empty-text);
  display: block;
  padding: 0.8em;
  color: #4f5964;
}
.b-menu .b-icon:before, .b-menu .b-icon-fw:before {
  min-width: 1.3em;
}
.b-menu.b-menu-with-submenu .b-menuitem:not(.b-has-submenu) .b-menu-text {
  margin-inline-end: 2em;
}

.b-sub-menu .b-anchor:before {
  position: absolute;
  height: 2.7em;
  width: 11px;
  left: -2px;
  content: " ";
  margin-top: -0.8em;
}

.b-menu-content {
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}
.b-menu-content > :not(.b-menuitem) {
  margin: 0.2em 0.6em;
  display: flex;
}
.b-menu-content > :not(.b-menuitem):first-child {
  margin-top: 0.4em;
}
.b-menu-content > :not(.b-menuitem):last-child {
  margin-bottom: 0.4em;
}
.b-menu-content > .b-button {
  justify-content: flex-start;
}

.b-menuitem {
  flex-shrink: 0;
  padding: 0.8em;
  color: #4f5964;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  border-top: 1px dotted rgba(224, 224, 231, 0.8);
  font-size: 1em;
  min-width: 7em;
  display: flex;
  align-items: center;
}
.b-menuitem.b-disabled {
  opacity: 0.5;
}
.b-menuitem:first-child {
  border-top: none;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.b-menuitem:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.b-menuitem.b-separator:not(.b-first-visible-child) {
  border-top: 1px solid #c3c3d1;
}
.b-menuitem.b-contains-focus, .b-menuitem:focus {
  outline: none;
  background-color: rgba(254, 172, 49, 0.3);
  color: #4f5964;
}
.b-menuitem span.b-menu-text {
  flex: 1 1 auto;
  white-space: nowrap;
  margin-inline-start: 0.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 5em;
}
.b-menuitem.b-has-submenu .b-icon-sub-menu {
  margin-inline-start: 0.3em;
}
.b-menuitem.b-rtl .b-icon-sub-menu::before {
  transform: scaleX(-1);
}

a.b-menuitem:hover .b-menu-text {
  text-decoration: underline;
}

.b-menu-with-icon .b-menuitem-icon {
  width: 1.25em;
  text-align: center;
  flex-shrink: 0;
  margin-inline-end: 0.5em;
}
.b-menu-with-icon span.b-menu-text {
  margin-inline-start: 1.75em;
}
.b-menu-with-icon .b-menuitem-icon ~ span.b-menu-text {
  margin-inline-start: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-radio {
  --radio-background-color: #fff;
  --radio-dot-color: var(----radio-background-color);
  --radio-border-color: rgb(var(--widget-primary-color-rgb));
  --radio-checked-dot-color: rgb(var(--widget-primary-color-rgb));
  --radio-disabled-color: #e0e0e7;
  /* forcing keyboard focus appearance */
  /* Overrides checkbox css */
}
.b-radio.b-disabled {
  --radio-border-color: var(--radio-disabled-color);
  --radio-checked-dot-color: var(--radio-disabled-color);
}
.b-radio input[type=radio]:checked {
  --radio-dot-color: var(--radio-checked-dot-color);
}
.b-radio input[type=radio] {
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--radio-border-color);
  border: 0.25em solid var(--radio-background-color);
  background-color: var(--radio-dot-color);
  height: 1.3em;
  width: 1.3em;
  min-width: 1.3em;
  /* Margin as large as border so not to be clipped by overflow hidden parent el */
  margin: 1px;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.b-radio input[type=radio]:focus-visible {
  outline: 1px solid rgba(254, 172, 49, 0.6);
  outline-offset: 0;
}
.b-radio > .b-field-inner label.b-radio-label {
  margin-inline-start: 0.4em;
}
.b-radio > .b-field-inner label.b-radio-label:before {
  content: none;
}

@media screen and (min-resolution: 120dpi) {
  .b-firefox .b-radio input {
    transform: rotate(1deg);
    margin: calc(1px + 0.5px);
  }
}
.b-ripple {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-slider {
  background-color: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.b-slider label {
  font-size: 0.8em;
  transition: color 0.2s;
}
.b-slider.b-rtl > [type=range] {
  direction: rtl;
}
.b-slider [type=range] {
  align-self: stretch;
  max-width: 100%;
  -webkit-appearance: none;
  margin: 10px 0;
  padding: 0;
  font-size: inherit;
  background-color: transparent;
}
.b-slider [type=range]:focus {
  outline: 0;
}
.b-slider [type=range]:focus::-webkit-slider-runnable-track {
  background: #c9dfff;
}
.b-slider [type=range]:focus::-moz-range-track {
  background: #c9dfff;
}
.b-slider [type=range]:focus::-ms-fill-lower, .b-slider [type=range]:focus::-ms-fill-upper {
  background: #c9dfff;
}
.b-slider [type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.b-slider [type=range]::-moz-focus-outer {
  border: 0;
}
.b-slider [type=range]::-ms-tooltip {
  display: none;
}
.b-slider [type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 100%;
  background: #e0e0e7;
  border: none;
  border-radius: 2px;
}
.b-slider [type=range]::-webkit-slider-thumb {
  background: #3183fe;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  margin-top: -6px;
  transition: all 0.5s;
}
.b-slider [type=range]::-moz-range-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 100%;
  background: #e0e0e7;
  border: none;
  border-radius: 2px;
}
.b-slider [type=range]::-moz-range-thumb {
  background: #3183fe;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.b-slider [type=range]::-ms-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
}
.b-slider [type=range]::-ms-fill-lower, .b-slider [type=range]::-ms-fill-upper {
  background: #e0e0e7;
  border: none;
  border-radius: 4px;
}
.b-slider [type=range]::-ms-thumb {
  background: #3183fe;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 0;
}
.b-slider.b-disabled [type=range]::-ms-thumb, .b-slider.b-disabled [type=range]::-ms-fill-lower, .b-slider.b-disabled [type=range]::-ms-fill-upper {
  background: #d2d2dc;
  cursor: default;
}
.b-slider.b-disabled [type=range]::-moz-range-thumb, .b-slider.b-disabled [type=range]::-moz-range-track {
  background: #d2d2dc;
  cursor: default;
}
.b-slider.b-disabled [type=range]::-webkit-slider-thumb, .b-slider.b-disabled [type=range]::-webkit-slider-runnable-track {
  background: #d2d2dc;
  cursor: default;
}
.b-grid-cell .b-slider {
  width: 100%;
}

.b-container .b-slider label {
  margin: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-slidetoggle {
  --widget-primary-color-rgb: 49,131,254;
  --slidetoggle-background-color: rgb(var(--widget-primary-color-rgb));
  --slidetoggle-toggle-background-opacity: 0.5;
  --slidetoggle-toggle-background-color: rgba(var(--widget-primary-color-rgb), var(--slidetoggle-toggle-background-opacity));
  height: 3.25em;
}
.b-slidetoggle.b-disabled {
  --slidetoggle-toggle-background-color: #e0e0e7;
  --slidetoggle-background-color: #e0e0e7;
}
.b-slidetoggle .b-field-inner::before {
  width: 2.4em;
}
.b-slidetoggle input,
.b-slidetoggle .b-slidetoggle-toggle {
  width: 2.4em;
  height: 1.4em;
  font-size: inherit;
  flex-shrink: 0;
}
.b-slidetoggle input {
  top: -0.4em;
}
.b-slidetoggle input:checked + .b-slidetoggle-toggle {
  opacity: 1;
  background-color: var(--slidetoggle-background-color);
}
.b-slidetoggle input:checked + .b-slidetoggle-toggle .b-slidetoggle-thumb {
  background-color: #fff;
  transform: translate(1.2em, 0.2em);
}
.b-slidetoggle .b-slidetoggle-toggle {
  transition: background-color 0.2s, opacity 0.2s;
  opacity: 0.7;
  border-radius: 0.7em;
  margin-inline-end: 0.4em;
  background-color: rgba(176, 176, 183, 0.6);
}
.b-slidetoggle:hover .b-slidetoggle-toggle {
  opacity: 1;
}
.b-slidetoggle .b-slidetoggle-thumb {
  height: 1em;
  width: 1em;
  background-color: white;
  border-radius: 0.5em;
  position: absolute;
  transform: translate(0.2em, 0.2em);
  transition: transform 0.3s ease;
}
.b-slidetoggle.b-rtl .b-slidetoggle-thumb {
  transform: translate(-0.2em, 0.2em);
}
.b-slidetoggle.b-rtl input:checked + .b-slidetoggle-toggle .b-slidetoggle-thumb {
  transform: translate(-1.2em, 0.2em);
}

.b-slidetoggle-label {
  cursor: pointer;
}

.b-container .b-slidetoggle .b-slidetoggle-label {
  margin-inline-start: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-splitter {
  background-color: #e5e5e8;
  flex: 0 0 0.5em;
  position: relative;
  touch-action: none;
}
@media (pointer: coarse) {
  .b-splitter {
    --splitter-inner-size: 2em;
  }
}
@media (pointer: fine) {
  .b-splitter {
    --splitter-inner-size: 0;
  }
}
.b-splitter.b-disabled {
  flex: 0 0 1px;
  pointer-events: none;
}
.b-splitter:not(.b-disabled) {
  overflow: visible;
}
.b-splitter::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.b-splitter:hover::after, .b-splitter.b-moving::after {
  background-color: #e5e5e8;
}
.b-splitter.b-horizontal {
  cursor: ns-resize;
  min-height: 0.5em;
}
.b-splitter.b-horizontal.b-disabled {
  min-height: 1px;
}
.b-splitter.b-horizontal::after {
  height: var(--splitter-inner-size);
  width: 100%;
}
.b-splitter.b-horizontal:hover::after, .b-splitter.b-horizontal.b-moving::after {
  top: calc((10px - 0.5em) / -2);
  height: 10px;
}
.b-splitter.b-vertical {
  cursor: ew-resize;
  min-width: 0.5em;
}
.b-splitter.b-vertical.b-disabled {
  min-width: 1px;
}
.b-splitter.b-vertical::after {
  width: var(--splitter-inner-size);
  height: 100%;
}
.b-splitter.b-vertical:hover::after, .b-splitter.b-vertical.b-moving::after {
  left: calc((10px - 0.5em) / -2);
  width: 10px;
}
.b-splitter:last-child, .b-splitter:first-child {
  visibility: hidden;
  flex: 0;
  min-width: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timefield.b-open .b-icon-clock-live {
  background-color: #feac31 !important;
}
.b-timefield.b-empty .b-fieldtrigger {
  animation-delay: -300s;
}
.b-timefield.b-disabled .b-icon-clock-live, .b-timefield.b-readonly .b-icon-clock-live {
  background-color: #e4e4e4;
}
.b-timefield:not(.b-disabled):not(.b-readonly) .b-icon-angle-left:hover,
.b-timefield:not(.b-disabled):not(.b-readonly) .b-icon-angle-right:hover {
  color: #feac31;
}
.b-timefield.b-no-steppers .b-step-trigger {
  display: none;
}
.b-timefield .b-step-trigger::before {
  transition: color 0.3s;
}
.b-timefield.b-rtl .b-step-trigger::before {
  transform: scaleX(-1);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timepicker.b-content-element {
  background-color: #f8f9fa;
  align-items: center;
  padding: 0.5em 0.3em;
  gap: 0.3em;
}
.b-timepicker.b-content-element .b-widget {
  margin: 0;
  flex: 0 0 auto;
  width: auto;
}
.b-timepicker.b-content-element .b-numberfield > .b-label {
  clip-path: polygon(0 0);
  position: absolute;
  contain: strict;
}
.b-timepicker.b-content-element .b-numberfield:not(.b-first-visible-child)::before {
  content: ":";
  align-self: center;
  margin-inline-end: 0.3em;
  font-weight: bold;
}
.b-timepicker.b-content-element .b-numberfield input {
  width: 2.8em;
}
.b-timepicker.b-content-element .b-button {
  flex: 0 0 3em;
  padding: 0;
}
.b-timepicker.b-content-element .b-button label {
  text-overflow: clip;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.b-toast {
  --widget-primary-color-rgb: 248,249,250;
  --toast-background-color: rgb(var(--widget-primary-color-rgb));
  --toast-color: #4f5964;
  --toast-progress-background-color: #feac31;
  background-color: var(--toast-background-color);
  color: var(--toast-color);
}

.b-float-root > .b-floating.b-toast {
  display: inline-block;
  overflow-x: hidden;
  overflow-y: auto;
  top: auto;
  inset-inline-end: 2em;
  inset-inline-start: auto;
  max-width: 60%;
  max-height: 60%;
  line-height: 1.4em;
  transition: bottom 0.25s ease-in, transform 0.25s ease-in;
  padding: 1em;
  border-radius: 2px;
  cursor: pointer;
}
.b-legacy-inset .b-float-root > .b-floating.b-toast {
  left: auto;
  right: 2em;
}
.b-legacy-inset .b-float-root > .b-floating.b-toast.b-rtl {
  left: 2em;
  right: auto;
}
.b-float-root > .b-floating.b-toast.b-toast-hide {
  bottom: 0 !important;
  transform: translateY(100%) !important;
}
.b-float-root > .b-floating.b-toast.b-icon:before {
  margin-inline-end: 0.5em;
}

.b-toast-progress {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 3px;
  background: var(--toast-progress-background-color);
  animation-name: progress;
  animation-timing-function: linear;
}
.b-legacy-inset .b-toast-progress {
  left: 0;
}
.b-legacy-inset .b-toast-progress.b-rtl {
  right: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tooltip {
  --panel-background-color: white;
}
.b-tooltip:not(.b-allow-over) {
  -webkit-user-select: none;
  user-select: none;
}
.b-tooltip .b-tooltip-loading .b-icon {
  display: inline-block;
  margin-inline-end: 0.5em;
}

.b-tooltip-content {
  background: inherit;
  color: #4f5964;
  font-size: 1em;
  line-height: 1.4em;
  padding: 1em;
}
.b-tooltip-content a {
  color: #4f5964;
}

.b-tooltip-header.b-dock-right .b-header-title,
.b-tooltip-header.b-dock-left .b-header-title {
  font-size: 1em;
}

.b-textareafield textarea,
.b-textareapickerfield textarea {
  padding: 0.8em;
  align-self: stretch;
}

.b-textareapickerfield-picker {
  display: flex;
  flex: 1;
  min-height: 10em;
}
.b-textareapickerfield-picker:focus {
  outline: none;
  border-color: rgba(254, 172, 49, 0.6);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tabpanel-tabs {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  margin-bottom: 0;
  background-color: transparent;
}
.b-toolbar .b-tabpanel-tabs {
  gap: 0;
}
.b-tabpanel-tab {
  display: flex;
  padding: 0.9em;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase;
  color: #7b7b7b;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.b-tabpanel-tab.b-rotate-vertical {
  min-width: auto;
  min-height: 3em;
}
.b-tabpanel-tab:not(.b-rotate-vertical) {
  min-height: auto;
  min-width: 3em;
}
.b-tabpanel-tab.b-active {
  background-color: #fff5e6;
  border-color: #d0d1d2;
  color: #3b3b3b;
  z-index: 1;
}
.b-dock-left > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-dock-right > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-dock-bottom > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-tabpanel-tab.b-hidden {
  display: none !important;
}
.b-tabpanel-tab.b-disabled {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.3);
  border-color: rgba(0, 0, 0, 0);
}
.b-tabpanel-tab:focus {
  outline: none;
}
.b-tabpanel-tab:hover:not(.b-active):not(.b-disabled), .b-tabpanel-tab:focus:not(.b-active):not(.b-disabled) {
  background-color: #fff5e6;
  color: #616161;
}
.b-tabpanel-body.b-card-container {
  background-color: transparent;
  border-radius: 2px;
  border: 0 solid #d0d1d2;
  flex: 1 0 auto;
  padding: 1em 0;
}
.b-tabpanel[data-active-index="0"] .b-tabpanel-body {
  border-top-left-radius: 0;
}
.b-tabpanel .b-html {
  color: #4f5964;
}

.b-toolbar.b-tabbar {
  background-color: var(--panel-background-color);
}
.b-toolbar.b-tabbar > .b-tabpanel-tabs {
  min-height: auto;
  padding: 0;
}
.b-toolbar.b-tabbar.b-dock-top {
  border-bottom: 1px solid #feac31;
}
.b-toolbar.b-tabbar.b-dock-right {
  border-inline-start: 1px solid #feac31;
}
.b-toolbar.b-tabbar.b-dock-bottom {
  border-top: 1px solid #feac31;
}
.b-toolbar.b-tabbar.b-dock-left {
  border-inline-end: 1px solid #feac31;
}

.b-tabbar.b-dock-top .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-bottom .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-left .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-right .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child) {
  margin-inline-end: 0;
  margin-bottom: 0;
}

.b-toolbar.b-undoredo {
  padding: 0;
  gap: 0;
}
.b-toolbar.b-undoredo > * {
  border-radius: 0;
}
.b-buttongroup .b-toolbar.b-undoredo:not(:first-child) > button:first-child {
  margin-inline-start: -1px;
}
.b-buttongroup .b-toolbar.b-undoredo > .b-widget {
  margin-inline-end: 0;
}
.b-toolbar.b-undoredo .b-widget.b-combo {
  flex: 1 1 250px;
  margin: 0 0.5em;
}
.b-theme-material .b-toolbar.b-undoredo .b-widget.b-combo .b-field-inner {
  padding-inline: 0.7em;
}

.b-yearpicker {
  width: max-content;
}
.b-yearpicker .b-toolbar.b-dock-top {
  background-color: #fff5e6;
  color: #4f5964;
  border-bottom: none;
  min-height: 0;
  font-size: 1.2em;
}
.b-yearpicker .b-toolbar.b-dock-top .b-toolbar-content {
  padding: 0.5em 0.5ex !important;
  gap: 0.5ex;
}
.b-yearpicker .b-toolbar.b-dock-top .b-icon:before {
  line-height: normal;
}
.b-yearpicker .b-toolbar.b-dock-top button {
  border: none;
  min-height: 0;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool {
  font-size: 80%;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool:hover {
  opacity: 0.7;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool:not(.b-contains-focus) {
  background: transparent !important;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title {
  margin-inline: auto;
  color: inherit;
  font-weight: 400;
  background-color: unset;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title[data-item-index="0"] {
  margin-inline: 0.5em auto !important;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title:not(.b-disabled):not(.b-tab):hover {
  opacity: 0.7;
  background-color: unset;
}
.b-yearpicker .b-yearpicker-body-wrap {
  background-color: #f8f9fa;
}
.b-yearpicker .b-yearpicker-content {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  padding: 1em;
  gap: 1em;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 1em;
  height: 2em;
  background: transparent;
  font-size: 1em;
  cursor: pointer;
  color: #4f5964;
  font-family: inherit;
  font-weight: 400;
  padding-inline: 0;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year:hover {
  background-color: rgba(49, 131, 254, 0.15);
  border-color: transparent;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year.b-selected {
  color: #fff;
  background-color: #3183fe;
  border-color: #3183fe;
}
.b-yearpicker.b-outer, .b-yearpicker.b-floating {
  min-width: 20.4em;
  min-height: 18.2em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-histogram {
  background-color: #fff;
  padding: 1px;
  contain: strict;
}
.b-histogram svg * {
  vector-effect: non-scaling-stroke;
}
.b-histogram rect {
  fill: #27ca37;
  transition-property: x, y, width, height, fill;
  transition-duration: 1000ms;
}
.b-histogram rect.b-series-index-0 {
  fill: #27ca37;
}
.b-histogram rect.b-series-index-1 {
  fill: #3183fe;
}
.b-histogram rect.b-series-index-2 {
  fill: #4531fe;
}
.b-histogram rect.b-series-index-3 {
  fill: #31feac;
}
.b-histogram rect.b-series-index-4 {
  fill: #feac31;
}
.b-histogram rect.b-series-index-5 {
  fill: #83fe31;
}
.b-histogram rect.b-exceeds-top {
  fill: #e53f2c;
}
.b-histogram text.b-bar-legend {
  writing-mode: tb;
  text-anchor: end;
  font-size: 75%;
  pointer-events: none;
}
.b-histogram svg {
  overflow: visible;
}
.b-histogram path {
  fill: transparent;
  stroke: #f99;
  transition: d 1000ms;
  pointer-events: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-scale {
  contain: strict;
}
.b-scale svg * {
  vector-effect: non-scaling-stroke;
}
.b-scale.b-scale-vertical text.b-scale-tick-label {
  transform: translateY(0.3em);
}
.b-scale.b-scale-vertical.b-align-right {
  text-anchor: end;
}
.b-scale.b-scale-horizontal text.b-scale-tick-label {
  text-anchor: middle;
}
.b-scale path {
  stroke: #9c9c9c;
  pointer-events: none;
}
.b-scale text {
  fill: #808080;
}

.b-hbox,
.b-vbox {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}
.b-hbox > .b-box-center,
.b-vbox > .b-box-center {
  flex: 1 1 auto;
}

.b-hbox {
  flex-flow: row nowrap;
}

.b-vbox {
  flex-flow: column nowrap;
}

.b-box-justify-stretch {
  justify-content: stretch;
}

.b-card-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.b-card-container.b-animating {
  overflow: hidden;
}
.b-card-container > .b-card-item {
  flex: 1 0 100%;
  align-items: stretch;
  max-width: 100%;
}
.b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header {
  display: none;
}

@keyframes b-card-slide-in-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes b-card-slide-out-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes b-card-slide-in-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes b-card-slide-out-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.b-slide-in-left {
  animation: b-card-slide-in-left 0.3s ease 0s 1;
}

.b-slide-out-right {
  pointer-events: none;
  left: 1em;
  animation: b-card-slide-out-right 0.3s ease 0s 1;
}

.b-slide-in-right {
  animation: b-card-slide-in-right 0.3s ease 0s 1;
}

.b-slide-out-left {
  pointer-events: none;
  margin-inline-start: -1em;
  margin-inline-end: 1em;
  animation: b-card-slide-out-left 0.3s ease 0s 1;
}

.b-fit-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
.b-fit-container > .b-fit-item {
  flex: 1 0 auto;
  margin: 0;
  max-width: 100%;
  align-self: stretch !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resource-avatar {
  touch-action: pan-x pan-y;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  flex-shrink: 0;
}
.b-resource-avatar.b-resource-icon:before {
  font-size: 1.5em;
}

.b-resource-initials {
  background: #3183fe;
  color: #fff;
  text-transform: uppercase;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-color-indigo {
  background-color: #4531fe;
}

.b-color-blue {
  background-color: #3183fe;
}

.b-color-cyan {
  background-color: #3bc9db;
}

.b-color-red {
  background-color: #e53f2c;
}

.b-color-deep-orange {
  background-color: #ff5722;
}

.b-color-orange {
  background-color: #feac31;
}

.b-color-amber {
  background-color: #ffc107;
}

.b-color-yellow {
  background-color: #ecfe26;
}

.b-color-teal {
  background-color: #31feac;
}

.b-color-green {
  background-color: #27ca37;
}

.b-color-light-green {
  background-color: #9efea7;
}

.b-color-lime {
  background-color: #83fe31;
}

.b-color-purple {
  background-color: #fe31ea;
}

.b-color-violet {
  background-color: #9775fa;
}

.b-color-pink {
  background-color: #f783ac;
}

.b-color-dark-gray {
  background-color: #474849;
}

.b-color-gray {
  background-color: #b0b0b7;
}

.b-color-light-gray {
  background-color: #e0e0e7;
}

.b-color-white {
  background-color: #fff;
}

.b-indigo {
  --widget-primary-color-rgb: 69,49,254;
}

.b-blue {
  --widget-primary-color-rgb: 49,131,254;
}

.b-cyan {
  --widget-primary-color-rgb: 59,201,219;
}

.b-red {
  --widget-primary-color-rgb: 229,63,44;
}

.b-deep-orange {
  --widget-primary-color-rgb: 255,87,34;
}

.b-orange {
  --widget-primary-color-rgb: 254,172,49;
}

.b-amber {
  --widget-primary-color-rgb: 255,193,7;
}

.b-yellow {
  --widget-primary-color-rgb: 236,254,38;
}

.b-teal {
  --widget-primary-color-rgb: 49,254,172;
}

.b-green {
  --widget-primary-color-rgb: 39,202,55;
}

.b-light-green {
  --widget-primary-color-rgb: 158,254,167;
}

.b-lime {
  --widget-primary-color-rgb: 131,254,49;
}

.b-purple {
  --widget-primary-color-rgb: 254,49,234;
}

.b-violet {
  --widget-primary-color-rgb: 151,117,250;
}

.b-pink {
  --widget-primary-color-rgb:247,131,172;
}

.b-dark-gray {
  --widget-primary-color-rgb: 71,72,73;
}

.b-gray {
  --widget-primary-color-rgb: 176,176,183;
}

.b-light-gray {
  --widget-primary-color-rgb: 224,224,231;
}

.b-white {
  --widget-primary-color-rgb: 255,255,255;
}

.b-icon-clock-live {
  background-color: #b0b1b2;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  position: relative;
  animation-delay: 0s;
}
.b-icon-clock-live:before, .b-icon-clock-live:after {
  position: absolute;
  display: block;
  font-size: 1em !important;
  content: "";
  width: 0.1em !important;
  left: 0.44em; /* half width of clock - half width of hand */
  background: #fff;
  border-radius: 0.5em;
}
.b-icon-clock-live:before {
  top: 0.15em;
  height: 0.4em !important; /* half the width/height of the clock */
  transform-origin: 0.05em 0.35em;
  animation: rotate 6s infinite linear;
  animation-play-state: paused;
  animation-delay: inherit;
}
.b-icon-clock-live:after {
  top: 0.22em;
  height: 0.33em; /* top + height for little hand must = top + height for big hand */
  transform-origin: 0.05em 0.3em;
  animation: rotate 72s infinite linear; /* time should be big-hand time * 12 */
  animation-play-state: paused;
  animation-delay: inherit;
}

/* Animations */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-checkbox {
  --checkbox-unchecked-check-color: transparent;
  --checkbox-checked-background-color: transparent;
  --checkbox-checked-check-color: #474849;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-group-state-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-theme-info:before {
  content: '{"name":"Stockholm"}';
}

.b-slidetoggle .b-slidetoggle-label,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label {
  text-transform: uppercase;
  font-size: 0.9em;
}
.b-slidetoggle .b-slidetoggle-label::before,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label::before {
  font-size: 1.1111111111em;
}

.b-popup > .b-panel-body-wrap > .b-bottom-toolbar {
  background: #f8f9fa;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid.b-readonly.b-actioncolumn-readonly .b-action-cell {
  filter: grayscale(1);
  opacity: 0.2;
  pointer-events: none;
}

.b-action-cell {
  text-align: end;
}

.b-action-ct {
  display: flex;
  flex-flow: row nowrap;
}

.b-action-item {
  margin: 0 -0.2em;
  text-align: center;
  font-size: 1.2em;
  color: #4d4d4d;
}

.b-action-cell.b-grid-cell .b-action-item {
  transition: all 0.15s ease-in-out;
}

.b-action-item:hover {
  transform: scale3d(1.2, 1.2, 1);
  color: #feac31;
}

.b-check-header-with-checkbox .b-grid-header-text {
  display: none;
}
.b-check-header-with-checkbox .b-field-inner {
  justify-content: center;
}

.b-check-header-with-checkbox .b-checkbox-label,
.b-check-cell .b-checkbox-label {
  display: flex;
  gap: 0.4em;
  align-items: center;
}
.b-check-header-with-checkbox .b-checkbox-label:before,
.b-check-cell .b-checkbox-label:before {
  margin: 0 !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-cell.b-color-cell .b-color-cell-inner {
  border: none;
  border-radius: 1em;
  cursor: pointer;
  flex: 1;
  height: 1.5em;
  margin-inline: 1em;
}
.b-grid-cell.b-color-cell .b-color-cell-inner.b-empty {
  border: 1px solid #e9eaeb;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-percent-bar-outer {
  flex: 1;
  height: 30%;
  max-height: 0.8em;
  background: #f1f1f1;
}

.b-percent-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 100%;
  padding: 0 0.2em;
  background: #27ca37;
  color: #fff;
  font-size: 0.7em;
  text-align: end;
  transition: width 0.5s, padding 0.5s, background-color 0.5s;
}
.b-percent-bar.b-zero {
  padding: 0;
  text-indent: 0.2em;
}
.b-percent-bar.b-low {
  background: #e53f2c;
  color: #4f5964;
}
.b-percent-bar.b-low span {
  left: 100%;
  margin-block: 0;
  margin-inline: 5px 0;
}
.b-percent-bar span {
  position: relative;
  display: inline-block;
  margin-block: 0;
  margin-inline: 0 5px;
  line-height: 1em;
}

.b-grid-body-container.b-scrolling .b-percent-bar {
  transition: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-rating-cell .b-icon {
  font-size: 1.8em;
}
.b-rating-cell .b-empty {
  color: rgba(224, 224, 231, 0.3);
}
.b-rating-cell .b-filled {
  color: #ffce3a;
}

.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon {
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-icon {
  color: #ffce3a;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-icon.b-empty::before {
  opacity: 0.4;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover {
  transform: scale(1.3);
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover.b-filled {
  opacity: 1;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-icon::before {
  color: rgba(224, 224, 231, 0.3);
  opacity: 1;
}

.b-grid-body-container.b-scrolling .b-rating-cell-inner .b-icon {
  transition: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-cell.b-row-number-cell {
  background-color: #f1f1f1;
  border-inline-end: 1px solid #e9eaeb;
}

.b-grid-row.b-hover .b-grid-cell.b-row-number-cell:hover {
  border-inline-end: 1px solid #e9eaeb;
}

.b-group-row .b-grid-cell.b-row-number-cell:first-child {
  border-inline-end: 1px solid #e9eaeb;
}

.b-gridbase:focus .b-grid-row.b-selected .b-grid-cell.b-row-number-cell.b-selected {
  border-inline-end: 1px solid #e9eaeb;
}

.b-gridbase .b-grid-row.b-selected .b-row-number-cell, .b-gridbase .b-grid-row .b-grid-cell.b-selected.b-row-number-cell {
  background-color: #e4e4e4;
}

.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell.b-row-number-cell, .b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-row-number-cell.b-hover {
  background-color: #ececec;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tree-expander {
  position: relative;
  top: 1px;
  margin: 0 0.55em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b-loading-children .b-tree-expander .b-icon:before {
  content: "\f110";
  animation: spin 2s infinite linear;
}

.b-grid-cell.b-tree-cell {
  align-items: stretch;
}

.b-tree-leaf-cell .b-tree-cell-inner:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #adaeaf;
  margin-inline-end: 0.6em;
  width: 1.25em;
  min-width: 1.25em;
  text-align: center;
}

.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open,
.b-icon-tree-expand,
.b-icon-tree-collapse {
  color: #adaeaf;
  width: 1.25em;
  min-width: 1.25em;
  text-align: center;
}

.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open {
  margin-inline-end: 0.6em;
}

.b-icon-tree-leaf:before {
  font-size: 0.3em;
  vertical-align: middle;
}

.b-icon-tree-folder:before,
.b-icon-tree-folder-open:before {
  margin-inline-start: 0.1em;
}

.b-icon-tree-expand.b-empty-parent,
.b-icon-tree-collapse.b-empty-parent {
  visibility: hidden;
}
.b-icon-tree-expand:before,
.b-icon-tree-collapse:before {
  font-size: 1.2em;
}

.b-tree-cell-inner {
  padding: 0.5em 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
}
.b-tree-cell-inner.b-text-value {
  flex-shrink: 1;
  overflow: hidden;
}
.b-tree-cell-inner.b-text-value .b-tree-cell-value {
  display: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-tree-cell.b-auto-height .b-tree-cell-inner {
  flex-shrink: 1;
}

.b-tree-cell.b-auto-height {
  flex-shrink: 1;
}

a.b-tree-cell-inner {
  text-decoration: none;
}
a.b-tree-cell-inner:hover .b-tree-cell-value {
  text-decoration: underline;
}

.b-tree-parent-cell,
.b-tree-leaf-cell {
  padding-inline-start: 10px;
}

.b-tree-parent-row .b-grid-cell {
  font-weight: 600;
  color: #797b7d;
}

.b-tree-cell-value {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.b-touch .b-tree-expander {
  width: 1.1em;
}
.b-touch .b-icon-tree-expand:before,
.b-touch .b-icon-tree-collapse:before {
  font-size: 1.8em;
}
.b-touch .b-icon-tree-leaf:before {
  font-size: 0.6em;
}
.b-touch .b-tree-icon,
.b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before {
  font-size: 1.2em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-editor.b-cell-editor {
  position: absolute;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  box-shadow: none !important;
  z-index: 1;
}
.b-grid-cell:not(.b-tree-cell) .b-editor.b-cell-editor {
  width: 100% !important;
}
.b-editor.b-cell-editor .b-field > .b-label {
  clip-path: inset(0 100% 100% 0);
  position: absolute;
  contain: strict;
}
.b-editor.b-cell-editor .b-numberfield:not(.b-has-start-trigger) .b-field-inner,
.b-editor.b-cell-editor .b-textfield:not(.b-has-start-trigger) .b-field-inner {
  padding-inline-start: 0;
}
.b-editor.b-cell-editor .b-numberfield input,
.b-editor.b-cell-editor .b-textfield input {
  padding: 0 calc(0.5em - 1px);
}
.b-editor.b-cell-editor .b-combo.b-uses-chipview .b-chipview {
  margin: 0.3em;
}

.b-gridbase .b-editing {
  overflow: visible;
  contain: unset;
  z-index: 1;
  outline: none !important;
}
.b-gridbase .b-editing .b-grid-cell.b-editing {
  color: transparent;
}

.b-grid-cell:not(.b-editing) .b-cell-editor {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-celltooltip-tip {
  max-height: 50%;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-columndragtoolbar {
  position: absolute;
  top: calc(100% - 3em);
  left: 50%;
  z-index: 100;
  animation-name: b-show-columndragtoolbar;
  animation-duration: 0.2s;
  transform: translateX(-50%);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 1em;
  background: #f8f9fa;
  transition: opacity 0.2s, top 0.2s;
  box-shadow: none;
  padding: 1em 1em 0.5em 1em;
  opacity: 0.4;
  font-size: 0.8em;
}
.b-columndragtoolbar.b-closer {
  top: 50%;
  transform: translate(-50%, -50%);
}
.b-columndragtoolbar.b-hover {
  opacity: 0.8;
}
.b-columndragtoolbar.b-remove {
  animation-name: b-hide-columndragtoolbar;
  animation-duration: 0.2s;
  top: 100%;
  opacity: 0;
}
.b-columndragtoolbar.b-remove.b-closer {
  animation-name: b-hide-columndragtoolbar-closer;
}
.b-columndragtoolbar > .b-title {
  color: #fff;
  flex-basis: 100%;
  margin-bottom: 1em;
  text-align: center;
}
.b-columndragtoolbar > .b-title:before {
  content: "Drag header downwards";
}
.b-columndragtoolbar.b-closer > .b-title:before {
  content: "Drop header on a button";
}
.b-columndragtoolbar .b-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-inline-end: 1.5em;
}
.b-columndragtoolbar .b-group:last-child {
  margin-inline-end: 0;
}
.b-columndragtoolbar .b-group .b-title {
  color: #fff;
  margin-block: 0.5em;
}
.b-columndragtoolbar .b-buttons {
  display: inline-flex;
  flex-direction: row;
}
.b-columndragtoolbar .b-target-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.2s;
  color: #4f5964;
  border: 0.3em solid #feac31;
  border-radius: 1em;
  background: transparent;
  padding: 1em 0;
  width: 7em;
  margin-inline-end: 0.5em;
  box-shadow: none;
}
.b-columndragtoolbar .b-target-button:last-child {
  margin-inline-end: 0;
}
.b-columndragtoolbar .b-target-button i {
  font-size: 2.5em;
  color: #feac31;
  pointer-events: none;
  transition: all 0.2s;
}
.b-columndragtoolbar .b-target-button.b-hover:not([data-disabled=true]) {
  background-color: #feac31;
  color: #fff;
  box-shadow: none;
}
.b-columndragtoolbar .b-target-button.b-hover:not([data-disabled=true]) i {
  transform: scale(1.1);
  color: #fff;
}
.b-columndragtoolbar .b-target-button.b-activate i {
  transform: scale(1.1) rotate(180deg) !important;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group] {
  border-color: #3183fe;
  background-color: transparent;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group] i {
  color: #3183fe;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group].b-hover:not([data-disabled=true]) {
  background-color: #3183fe;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group].b-hover:not([data-disabled=true]) i {
  color: #fff;
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort] {
  border-color: #fb9701;
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort] i {
  color: #fb9701;
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort].b-hover:not([data-disabled=true]) {
  background-color: #fb9701;
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort].b-hover:not([data-disabled=true]) i {
  color: #fff;
}
.b-columndragtoolbar .b-target-button[data-disabled=true] {
  opacity: 0.5;
}

@keyframes b-show-columndragtoolbar {
  from {
    top: 100%;
    opacity: 0;
  }
  to {
    top: calc(100% - 3em);
    opacity: 0.4;
  }
}
@keyframes b-hide-columndragtoolbar {
  from {
    top: calc(100% - 3em);
    opacity: 0.4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes b-hide-columndragtoolbar-closer {
  from {
    top: 50%;
    opacity: 0.4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header.b-drag-proxy {
  line-height: normal;
  font-weight: 500;
  background-color: #f3f4f5;
  outline: 1px solid #d8d9da;
  transition: background-color 0.3s;
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent {
  justify-content: stretch;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text {
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy .b-grid-header:last-child {
  border-inline-end: none;
}
.b-grid-header.b-drop-placeholder {
  opacity: 0.3;
}
.b-grid-header.b-drag-invalid {
  outline: 1px solid #e53f2c;
}
.b-grid-header.b-drag-invalid, .b-grid-header.b-drag-invalid .b-grid-header {
  color: #e53f2c;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-columnresize .b-grid-header.b-resize-handle {
  cursor: ew-resize !important;
}
.b-gridbase.b-columnresize .b-grid-header.b-resizing {
  background: white;
}
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-resizing:not(.b-filter):not(.b-multifilter) .b-filter-icon,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-over-resize-handle:not(.b-filter):not(.b-multifilter) .b-filter-icon,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-resizing:not(.b-sort):after,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-over-resize-handle:hover:not(.b-sort):after {
  display: none;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing {
  overflow: visible;
  z-index: 100;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  content: "\f337";
  font-size: 1.5em;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  right: 0;
  z-index: 101;
  border-radius: 100%;
  background-color: #d8d9da;
  pointer-events: none;
  padding: 0.5em;
}
.b-rtl .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  right: auto;
  left: 0;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header:not(.b-resizing) {
  z-index: 1;
}

.b-context-menu {
  min-width: 14em;
}

.b-fill-handle {
  width: 0.8em;
  height: 0.8em;
  transform: translate(-50%, -50%);
  position: absolute;
  background: #64a2fe;
  cursor: crosshair;
  border: 1px solid #fff;
  z-index: 2;
  background-clip: content-box;
  user-select: none;
  -webkit-user-select: none;
}

.b-fill-selection-border {
  position: absolute;
  border: 1px solid #64a2fe;
  border-radius: 0.1em;
  pointer-events: none;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
}

.b-indicate-crop {
  opacity: 0.4;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-filter-icon-color {
  0% {
    color: #b0b0b7;
  }
  50% {
    color: #3183fe;
  }
  100% {
    color: #b0b0b7;
  }
}
.b-grid-header .b-filter-icon {
  display: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.b-grid-header .b-filter-icon::after {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-size: 0.8em;
  color: #e5e7e9;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f0b0";
}
.b-grid-header .b-filter-icon:hover::after {
  color: #b0b0b7;
}

.b-gridbase:not(.b-filter):not(.b-multifilter) .b-filter-icon {
  opacity: 0.2;
  pointer-events: none;
}

.b-gridbase:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-filterable:hover > .b-grid-header-text > .b-filter-icon {
  display: flex;
}

.b-grid-header.b-filter .b-grid-header-text {
  font-weight: 700;
  color: #666;
}
.b-grid-header.b-filter .b-filter-icon {
  display: flex;
}
.b-grid-header.b-filter .b-filter-icon::after {
  color: #b0b0b7;
}
.b-grid-header.b-filter .b-filter-icon.b-latest::after {
  animation-name: b-filter-icon-color;
  animation-duration: 0.75s;
}

.b-filter-popup .b-field {
  width: 15em;
}

.b-filter-popup .b-multifilter-add {
  width: 12em;
  align-self: center;
  margin: 1.1em 0 0 0;
}
.b-filter-popup .b-fieldfilterpicker-property {
  display: none;
}
.b-filter-popup .b-panel-content {
  gap: 0.6em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-filter-bar-field {
  margin: 0 0 0.5em 0;
  width: 100%;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled {
  flex-direction: row;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text {
  padding: 0.25em 0;
  width: 2em;
  order: 1;
  margin-inline-end: -0.5em;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text .b-grid-header-text-content {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field {
  margin: 0;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner {
  background-color: transparent;
  border: none;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner::before {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner input {
  padding: 0.8em 0;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner input::placeholder {
  color: #667280;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 500;
}
.b-filter-bar-compact .b-filter-bar-field .b-fieldtrigger {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove, .b-filter-bar-compact .b-filter-bar-field:focus-within .b-fieldtrigger:not(.b-step-trigger):not(.b-icon-remove):not(.b-spintrigger) {
  display: inline-flex;
}
.b-filter-bar-compact .b-filter-bar-field .b-fieldtrigger.b-align-end {
  padding: 0;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) input {
  margin-inline-start: 0.5em;
  margin-top: -0.25em;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) input::placeholder {
  color: transparent;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) .b-chip {
  font-size: 0.9em;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) .b-chip[data-index="0"] {
  margin-inline-start: 0;
}
.b-filter-bar-compact.b-dragging .b-filter-bar-field {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-group-summary .b-grid-group-collapsed.b-header-summary .b-grid-cell.b-group-title {
  overflow: hidden;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-cell {
  border-inline-end-color: transparent;
  background-color: #fffbf5;
}
.b-group-summary .b-grid-row.b-group-footer td {
  padding: 0.25em 0;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-summary-label {
  padding-inline-end: 1em;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-summary-value {
  width: 100%;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-firefox .b-mergecells .b-single-child .b-grid-subgrid:not(.b-timeaxissubgrid):not(.b-overlay-scrollbar), .b-mergecells.b-gridbase.b-firefox .b-single-child .b-grid-subgrid:not(.b-timeaxissubgrid):not(.b-overlay-scrollbar) {
  overflow: visible !important;
}
.b-mergecells .b-single-child .b-grid-subgrid:not(.b-grid-subgrid-collapsed):not(.b-timeaxissubgrid):not(.b-horizontal-overflow),
.b-mergecells .b-grid-vertical-scroller {
  overflow: visible !important;
}
.b-mergecells .b-grid-row.b-hover, .b-mergecells.b-mergecells-passthrough .b-grid-row.b-selected, .b-using-keyboard .b-mergecells .b-grid-row.b-selected {
  z-index: 1;
  overflow: visible;
}
.b-mergecells .b-grid-row.b-hover .b-merged-cell, .b-mergecells.b-mergecells-passthrough .b-grid-row.b-selected .b-merged-cell, .b-using-keyboard .b-mergecells .b-grid-row.b-selected .b-merged-cell {
  top: -1px;
  height: calc(100% + 1px);
  border-top: 1px solid #e9eaeb;
}
.b-mergecells .b-merged-cell {
  border-bottom: none;
}

.b-grid-merged-cells {
  position: absolute;
  contain: strict;
  border-inline-end: 1px solid #e9eaeb;
  border-bottom: 1px solid #e9eaeb;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  background: #fff;
}
.b-gridbase.b-mergecells-passthrough .b-grid-merged-cells {
  pointer-events: none;
}
.b-grid-merged-cells:hover {
  box-shadow: inset 0 0 0 1000px rgba(254, 172, 49, 0.1);
}
.b-grid-merged-cells.b-selected {
  box-shadow: inset 0 0 0 1000px rgba(254, 172, 49, 0.25);
}
.b-grid-merged-cells .b-grid-cell {
  position: sticky;
  top: 0;
  flex: 1;
  contain: none;
  overflow: visible;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-export {
  overflow: hidden;
}
.b-export .b-export-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.b-export .b-export-body {
  flex: 1;
}
.b-export .b-grid-header-container {
  margin-inline-end: 0 !important;
  border-inline-end: none !important;
}
.b-export .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-export .b-grid-footer-container {
  padding-inline-end: 0 !important;
}
.b-export .b-virtual-scrollers {
  display: none;
}
.b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: none;
}
.b-export.b-multipage .b-export-content {
  width: 100%;
  height: 100%;
}
.b-export.b-multipage .b-export-body {
  overflow: hidden;
}

.b-export-content,
.b-export-content * {
  box-sizing: border-box;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-quick-hit-cell {
  background: #f5fe8c;
}

.b-quick-hit-text {
  font-weight: 400;
  background: #f5fe8c;
}

.b-quick-hit-text {
  padding: 0.3em 0;
}

.b-quick-hit-header {
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  bottom: 0.3em;
  right: 0.3em;
  z-index: 1;
}
.b-quick-hit-header.b-quick-hit-mode-grid {
  bottom: auto;
  height: 3em;
  z-index: 100;
  opacity: 0.75;
}

.b-quick-hit-field {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.5em 0;
  background: #f5fe8c;
}

.b-quick-hit-cell-badge,
.b-quick-hit-header .b-quick-hit-badge {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.7em;
  line-height: 0.7em;
}
.b-rtl .b-quick-hit-cell-badge,
.b-rtl .b-quick-hit-header .b-quick-hit-badge {
  right: auto;
  left: 0.4em;
}

.b-quick-hit-header .b-quick-hit-badge {
  color: #7f8a01;
}

.b-quick-hit-cell-badge {
  color: #7f8a01;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-splitter {
  z-index: 5;
  position: relative;
  background: #bec0c1;
  pointer-events: none;
  flex: 0 0 1px;
}
@media (pointer: coarse) {
  .b-grid-splitter {
    --splitter-button-size: 1.3em;
  }
}
@media (pointer: fine) {
  .b-grid-splitter {
    --splitter-button-size: 1em;
  }
}
.b-grid-splitter .b-grid-splitter-inner {
  display: none;
}
.b-split .b-grid-splitter {
  pointer-events: all;
}
.b-grid-splitter, .b-grid-splitter.b-disabled {
  pointer-events: none;
}

.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse, .b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  transform: scaleX(-1);
}
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  justify-content: flex-end;
}
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse {
  justify-content: flex-start;
}

.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) {
  flex: 0 0 0.5em;
  background: #e5e5e8;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner {
  display: flex;
  background: #e5e5e8;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed {
  cursor: initial;
  flex: 0 0 0.5em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed .b-grid-splitter-inner {
  width: 0.5em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand {
  visibility: hidden;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed .b-grid-splitter-buttons {
  display: flex;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse {
  visibility: hidden;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-buttons {
  display: none;
  position: absolute;
  transform: translateY(-50%);
  height: 2.4em;
  width: 2.4em;
  font-size: var(--splitter-button-size);
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse,
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand {
  flex: 1;
  cursor: pointer;
  background: #e5e5e8;
  display: flex;
  align-items: center;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse:hover .b-grid-splitter-button-icon,
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand:hover .b-grid-splitter-button-icon {
  fill: #3183fe;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
  padding-right: 0.1em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  padding-left: 0.1em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-icon {
  cursor: pointer;
  fill: #7b7b86;
  height: 1.5em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving {
  overflow: visible;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover .b-grid-splitter-inner, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching .b-grid-splitter-inner, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving .b-grid-splitter-inner {
  left: calc((10px - 0.5em) / -2);
  width: 10px;
  transition: width 0.1s, left 0.1s;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover .b-grid-splitter-buttons, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching .b-grid-splitter-buttons, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving .b-grid-splitter-buttons {
  display: flex;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed:nth-child(2):hover:not(.b-moving) .b-grid-splitter-inner {
  left: 0;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner {
  width: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled):not(.b-grid-splitter-collapsed) .b-grid-splitter-inner {
  cursor: col-resize;
}

.b-grid-header-scroller.b-collapsed,
.b-grid-footer-scroller.b-collapsed,
.b-virtual-scroller.b-collapsed {
  width: 0;
  min-width: 0 !important;
}

.b-splitter-touch-area {
  width: 2em;
  left: calc((2em - 0.5em) / -2);
  position: absolute;
  top: 0;
  height: 100%;
}

.b-splitter-button-touch-area {
  height: 3em;
  top: -0.3em;
  width: 2em;
  position: absolute;
}

.b-grid-splitter-button-collapse .b-splitter-button-touch-area {
  left: -0.9em;
}

.b-grid-splitter-button-expand .b-splitter-button-touch-area {
  right: -0.9em;
}

.b-draghelper-active .b-gridbase.b-split .b-grid-splitter:not(.b-disabled) {
  cursor: initial;
  flex: 0 0 0.5em;
  transform: none !important;
}
.b-draghelper-active .b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-icon {
  display: none !important;
}
.b-draghelper-active .b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner {
  width: 0.5em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-row-drop-indicator {
  display: none;
  pointer-events: none;
}

.b-row-reordering .b-row-drop-indicator {
  position: absolute;
  display: block;
  left: 0;
  top: -1px;
  width: 100%;
  height: 2px;
  background-color: #feac31;
  z-index: 2000;
}
.b-row-reordering .b-row-drop-indicator.b-drag-invalid {
  background-color: #e53f2c;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging {
  transition: margin-top 0.2s, opacity 0.2s;
  background: transparent;
  opacity: 0.5;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-grid-row {
  width: 100%;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-grid-row, .b-row-reordering .b-row-reorder-proxy.b-dragging .b-row-dragging-multiple {
  transition: transform 0.2s, background-color 0.2s;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-row-dragging-multiple {
  top: -0.3em;
  left: 0.3em;
  z-index: -1;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging.b-drag-invalid .b-grid-row {
  border: none;
  background: rgba(229, 63, 44, 0.2);
}
.b-row-reordering .b-grid-body-container {
  z-index: 4;
}
.b-row-reordering .b-drag-original {
  opacity: 0.3;
}
.b-row-reordering .b-grid-row.b-grid-group-collapsed.b-row-reordering-target {
  background-color: rgba(254, 172, 49, 0.1);
}
.b-row-reordering .b-grid-body-container .b-grid-subgrid .b-row-reordering-target {
  box-shadow: 0 1px 0 0 #feac31 inset, 0 -1px 0 0 #feac31 inset;
  z-index: 9999;
}

.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child {
  padding-inline-start: 1.4em;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child.b-rownumber-cell {
  padding-inline: 0.9em 0;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child:before {
  align-self: stretch;
  display: flex;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  align-items: center;
  content: "\f58e";
  cursor: move;
  padding-inline: 0.6em;
  font-size: 0.8em;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-search-hit-cell {
  background: #f5fe8c;
}

.b-search-hit-text {
  font-weight: 400;
  background: #f5fe8c;
  padding: 0.3em 0;
}

.b-search-hit-field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.5em 0;
  background: #f5fe8c;
}

.b-search-hit-cell-badge {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.7em;
  line-height: 0.7em;
  color: #7f8a01;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-sort .b-grid-header .b-sort-icon {
  display: contents;
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text {
  color: #667280;
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text .b-sort-icon::before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-size: 0.8em;
  color: #b0b0b7;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f062";
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text[data-sort-index]::before {
  content: attr(data-sort-index);
  position: relative;
  top: 1em;
  color: #7b7b86;
  z-index: 30;
  font-size: 0.6em;
  order: 1;
}
.b-gridbase.b-sort .b-grid-header.b-sort.b-desc .b-grid-header-text .b-sort-icon::before {
  transform: rotate(180deg);
}

.b-gridbase.b-sort:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-sortable.b-depth-0:hover:not(.b-sort):not(.b-group) .b-grid-header-text .b-sort-icon::before, .b-gridbase.b-sort:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-sortable.b-depth-0:focus:not(.b-sort):not(.b-group) .b-grid-header-text .b-sort-icon::before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-size: 0.8em;
  color: #e5e7e9;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f15e";
}

.b-split-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.b-split-container.b-split-horizontal, .b-split-container.b-split-both {
  flex-direction: column;
}
.b-split-container.b-split-vertical {
  flex-direction: row;
}
.b-split-container .b-split-top,
.b-split-container .b-split-bottom {
  display: flex;
  flex: 1;
}
.b-split-container > .b-gridbase,
.b-split-container > div > .b-gridbase {
  flex: 1;
  flex-basis: 0;
  height: unset !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header.b-group .b-grid-header-text .b-sort-icon::after {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-size: 0.8em;
  color: #3183fe;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f012";
  transform: rotate(90deg);
}
.b-grid-header.b-group.b-desc .b-grid-header-text .b-sort-icon::after {
  transform: rotate(270deg) scaleX(-1);
}

.b-group-row {
  background: #fafbfc;
}
.b-group-row .b-grid-cell {
  border-inline-end-color: transparent;
}
.b-group-row .b-group-title.b-grid-cell-align-right, .b-group-row .b-group-title.b-grid-cell-align-end {
  justify-content: flex-end;
}
.b-group-row .b-group-title.b-grid-cell-align-center {
  justify-content: flex-start;
}

.b-grid-cell.b-group-title {
  color: #4f5964;
  overflow: visible;
  contain: size layout style;
  font-weight: 500;
  text-transform: uppercase;
}
.b-firefox .b-grid-cell.b-group-title {
  contain: size layout;
}

.b-group-state-icon {
  margin-inline-end: 0.5em;
  cursor: pointer;
  color: #babbbc;
}
.b-group-state-icon:before {
  content: "\f056";
}

.b-grid-group-collapsed .b-group-state-icon:before {
  content: "\f055";
}

.b-stripe .b-grid-row.b-group-row,
.b-grid-row.b-group-row {
  border-bottom: 1px solid #d8d9da;
  cursor: pointer;
}

.b-gridbase.b-group .b-grid-header .b-sort-icon {
  display: contents;
}

.b-cut-row {
  opacity: 0.4;
}

.b-stickycells .b-grid-sticky-row {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto;
  border: 0 none;
  padding: 0;
  contain: initial;
}
.b-stickycells .b-grid-sticky-row .b-grid-cell {
  width: min-content;
  contain: initial;
  padding: 0;
  border: 0 none;
}
.b-stickycells .b-sticky-cells-current-top-row .b-sticky-content-el {
  visibility: hidden;
}
.b-stickycells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el {
  visibility: visible;
  align-self: flex-end;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-stripe .b-grid-row.b-odd {
  background-color: rgba(250, 250, 250, 0.8);
}
.b-stripe .b-grid-row.b-even {
  background-color: rgba(255, 255, 255, 0.8);
}
.b-stripe .b-grid-row {
  border-bottom: none;
}
.b-stripe .b-grid-row.b-selected {
  background-color: rgba(254, 172, 49, 0.25);
}
.b-stripe .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: rgba(254, 172, 49, 0.25);
}

.b-stripe:focus .b-grid-row.b-selected {
  background-color: rgba(254, 172, 49, 0.3);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-footer-summary td {
  padding: 0.25em 0;
}
.b-grid-footer-summary .b-grid-summary-label {
  font-size: 0.7em;
  padding-inline-end: 1em;
}
.b-grid-footer-summary .b-grid-summary-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-summary-disabled .b-grid-footer-container {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-generated-parent.b-readonly .b-grid-cell {
  color: #606263;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-rowexpander-row-expanded .b-rowexpander-body {
  display: flex;
  border-top: 1px solid #e9eaeb;
  position: absolute;
  left: 0;
  right: 0;
  color: #606263;
  font-weight: 400;
}
.b-rowexpander-row-expanded .b-rowexpander-loading {
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
}
.b-rowexpander-row-expanded .b-rowexpander-loading .b-icon-spinner {
  margin-inline-end: 0.5em;
}

.b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon.b-icon-collapse-down {
  transition: transform 0.15s ease-in-out;
  font-size: 1em;
}

.b-rowexpander-disabled [data-column=expanderActionColumn] {
  opacity: 0.2;
  pointer-events: none;
}

.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-grid-body-container, .b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-grid-vertical-scroller {
  transition: height 0.3s;
  overflow-y: hidden !important;
}
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-yscroll-pad {
  display: none;
}
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating .b-grid-row {
  transition: height 0.3s, transform 0.3s;
}

.b-rowexpander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-down {
  transform: rotate(180deg);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-exportdialog.b-popup .b-bottom-toolbar > button {
  flex: 1;
  margin-inline-end: 0.5em;
}
.b-exportdialog.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-footer-container {
  background-color: #f3f4f5;
  outline: 1px solid #d8d9da;
  z-index: 2;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.08);
}
.b-grid-footer-container.b-hidden {
  display: none;
}

.b-grid-footers {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  line-height: initial;
}

.b-grid-footer {
  display: flex;
  border-inline-end: 1px solid #d8d9da;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  justify-content: center;
  position: relative;
  padding: 0.5em 0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  color: #667280;
  overflow: hidden;
}

.b-grid-footer:last-child {
  border-inline-end: none;
}

.b-grid-footer-align-start,
.b-grid-footer-align-left {
  text-align: start;
}

.b-grid-footer-align-center {
  text-align: center;
}

.b-grid-footer-align-end,
.b-grid-footer-align-right {
  text-align: end;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase {
  position: relative;
  /*
   * This implements the fillLastColumn config. It causes the last leaf header, and the last cell in
   * each row to flex-grow to consume all available space when there are no configured flexed columns and rows are not
   * wider than their container.
   */
}
.b-gridbase.b-outer {
  height: 100%;
}
.b-gridbase.b-autoheight {
  height: auto;
  flex: none;
}
.b-gridbase.b-autoheight.b-ie {
  display: block;
}
.b-gridbase .b-grid-panel-body:not(.b-autoheight) > .b-grid-body-container {
  flex: 1 1 0;
  contain: strict;
}
.b-gridbase .b-grid-panel-body:not(.b-autoheight) > .b-grid-body-container > .b-grid-vertical-scroller {
  min-height: 100%;
}
.b-gridbase.b-grid-translate .b-grid-row, .b-gridbase.b-grid-translate3d .b-grid-row {
  transform-style: flat;
}
.b-gridbase.b-enable-sticky .b-sticky-cell,
.b-gridbase.b-enable-sticky .b-grid-subgrid,
.b-gridbase.b-enable-sticky .b-grid-vertical-scroller,
.b-gridbase.b-enable-sticky .b-grid-row {
  overflow: visible !important;
}
.b-gridbase.b-no-column-lines .b-grid-row .b-grid-cell {
  border-inline-end-color: transparent;
}
.b-gridbase.b-fill-last-column .b-grid-subgrid:not(.b-has-flex):not(.b-horizontal-overflow) .b-grid-cell:last-child,
.b-gridbase.b-fill-last-column .b-grid-footers:not(.b-has-flex):not(.b-horizontal-overflow) .b-grid-footer:last-child,
.b-gridbase.b-fill-last-column .b-grid-headers:not(.b-has-flex):not(.b-horizontal-overflow) .b-last-parent,
.b-gridbase.b-fill-last-column .b-grid-headers:not(.b-has-flex):not(.b-horizontal-overflow) .b-last-leaf {
  flex-grow: 1;
}
.b-gridbase:not(.b-masked) .b-grid-empty {
  min-height: 5em;
}
.b-gridbase:not(.b-masked) .b-grid-empty .b-empty-text {
  display: block;
  color: #667280;
  background-color: #fff;
  padding: 1em;
  position: absolute;
  pointer-events: none;
}
.b-gridbase.b-grid-notextselection .b-grid-cell {
  -webkit-user-select: none;
  user-select: none;
}
.b-gridbase.b-notransition .b-grid-cell * {
  transition: none !important;
}
.b-gridbase.b-disabled {
  opacity: 0.5;
}

.b-grid-panel-body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.b-gridbase:not(.b-animating) .b-grid-row:not(.b-grid-row-updating) .b-grid-cell:not(.b-widget-cell.b-focused) * {
  transition: none;
}

.b-gridbase.b-autoheight .b-grid-empty .b-grid-vertical-scroller {
  min-height: 100%;
}

.b-grid-body-container {
  position: relative;
}
.b-grid-body-container .b-empty-text {
  display: none;
}
.b-grid-body-container:focus {
  outline: none;
}
.b-grid-body-container:focus .b-grid-row.b-selected {
  background-color: rgba(254, 172, 49, 0.3);
}

.b-playing-demo .b-grid-body-container {
  overflow: hidden !important;
}

.b-grid-vertical-scroller {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%;
  align-items: stretch;
}

.b-grid-row-container {
  display: inline-block;
  min-width: 100%;
}

.b-virtual-scrollers {
  display: flex;
  flex-direction: row;
  contain: paint style layout;
}
.b-firefox .b-virtual-scrollers {
  contain: paint layout;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers {
  pointer-events: auto;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: auto;
}
.b-overlay-scrollbar .b-virtual-scrollers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller {
  height: 16px;
  opacity: 0;
  pointer-events: none;
}
.b-virtual-scrollers .b-virtual-scroller {
  overflow-x: scroll;
  overflow-y: hidden;
}
.b-virtual-scrollers .b-virtual-width {
  height: 1px;
}

.b-overlay-scrollbar .b-virtual-scroller:hover,
.b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller {
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.5s;
}

/* using tag name to increase specificity, otherwise rule gets overridden by salesforce styles */
.b-grid-footer-container,
header.b-grid-header-container {
  display: flex;
  flex-direction: row;
}

.b-grid-header-container {
  border-bottom: 1px solid #d8d9da;
}

.b-grid-footer-scroller,
.b-grid-header-scroller {
  overflow: hidden;
  position: relative;
  display: flex;
}

.b-grid-footers,
.b-grid-headers {
  z-index: 2;
  contain: paint style layout;
  flex: 1 1 auto;
}
.b-firefox .b-grid-footers,
.b-firefox .b-grid-headers {
  contain: paint layout;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: absolute;
  left: 0;
  overflow: hidden;
  border-bottom: 1px solid #e9eaeb;
  height: 45px;
  contain: layout;
}
.b-grid-subgrid .b-grid-row {
  min-width: 100%;
}
.b-grid-row.b-aborting {
  transition: background-color 0.2s, transform 0.3s;
}
.b-rtl .b-grid-row {
  left: auto;
  right: 0;
}
.b-grid-row.b-selected {
  background-color: rgba(254, 172, 49, 0.25);
}
.b-grid-row.b-selected .b-grid-cell.b-checkbox-selection {
  background-color: #e4e4e4;
}
.b-grid-row.b-removing {
  left: -100%;
  transition: left 0.4s, right 0.4s;
  pointer-events: none;
  z-index: 2;
}
.b-rtl .b-grid-row.b-removing {
  left: auto;
  right: -100%;
}
.b-grid-row.b-fa {
  display: flex;
}
.b-grid-row.b-fa::before {
  content: none;
}

.b-grid-refreshing .b-grid-row {
  transition: none;
}

.b-grid-row:not(.b-selected) .b-grid-cell.b-selected {
  background-color: rgba(254, 172, 49, 0.15);
}
.b-grid-row:not(.b-selected) .b-grid-cell.b-selected.b-hover {
  background-color: rgba(254, 172, 49, 0.2);
}
.b-grid-row:not(.b-selected) .b-grid-cell.b-selected.b-checkbox-selection {
  background-color: #e4e4e4;
}

.b-grid-cell {
  position: relative;
  display: flex;
  align-items: center;
  color: #606263;
  font-weight: 400;
  padding: 0 0.5em;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 0;
  text-overflow: ellipsis;
  border-inline-end: 1px solid #e9eaeb;
  transform-style: flat;
  width: 0;
  contain: strict;
}
.b-grid-cell:last-child {
  border-inline-end-color: transparent;
}
.b-grid-cell > i:not(:last-child) {
  margin-inline-end: 0.5em;
}
.b-show-dirty .b-grid-cell.b-cell-dirty:before {
  content: " ";
  position: absolute;
  top: -0.35em;
  left: -0.35em;
  background-color: red;
  width: 0.7em;
  height: 0.7em;
  transform: rotateZ(45deg);
}
.b-rtl .b-show-dirty .b-grid-cell.b-cell-dirty:before {
  left: auto;
  right: -0.35em;
}
.b-grid-cell.b-checkbox-selection {
  background-color: #f1f1f1;
}
.b-grid-cell:focus, .b-grid-cell:focus-within {
  transition: none !important;
  outline: none;
}
.b-grid-cell.b-auto-height {
  white-space: normal;
}
.b-grid-cell.b-measuring-auto-height {
  contain: paint style layout;
  align-self: baseline;
}
.b-firefox .b-grid-cell.b-measuring-auto-height {
  contain: paint layout;
}

body.b-using-keyboard .b-grid-cell:focus, body.b-using-keyboard .b-grid-cell:focus-within, body.b-using-keyboard .b-grid-header:focus, body.b-using-keyboard .b-grid-header:focus-within,
.b-outer.b-using-keyboard .b-grid-cell:focus,
.b-outer.b-using-keyboard .b-grid-cell:focus-within,
.b-outer.b-using-keyboard .b-grid-header:focus,
.b-outer.b-using-keyboard .b-grid-header:focus-within {
  outline: 1px solid #64a2fe;
  outline-offset: -1px;
}

.b-readonly > .b-grid-cell {
  color: #b3b3b3;
}

.b-grid-cell-align-right, .b-grid-cell-align-end {
  justify-content: flex-end;
}

.b-grid-cell-align-center {
  justify-content: center;
}

.b-grid-subgrid {
  overscroll-behavior: contain auto;
  position: relative;
}
.b-grid-subgrid.b-grid-subgrid-collapsed {
  width: 0;
  min-width: 0 !important;
}
.b-grid-subgrid.b-grid-subgrid-animate-collapse {
  transition: width 0.15s;
}

.b-playing-demo .b-grid-subgrid {
  overflow: hidden !important;
}

.b-grid-header-scroller.b-grid-subgrid-animate-collapse {
  transition: width 0.15s;
}

.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover {
  background-color: rgba(254, 172, 49, 0.1);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover.b-selected {
  background-color: rgba(254, 172, 49, 0.25);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell {
  background-color: rgba(254, 172, 49, 0.1);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell.b-checkbox-selection {
  background-color: #ececec;
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover {
  background-color: rgba(254, 172, 49, 0.1);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover.b-selected {
  background-color: rgba(254, 172, 49, 0.2);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover.b-checkbox-selection {
  background-color: #ececec;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header-container {
  background-color: #f3f4f5;
  z-index: 4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.b-grid-header-container.b-hidden {
  position: absolute;
  clip-path: inset(0 0 100% 0);
  contain: strict;
}

.b-grid-headers {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  line-height: initial;
  position: relative;
}

.b-grid-header-align-right > .b-grid-header-text > .b-grid-header-text-content,
.b-grid-header-align-end > .b-grid-header-text > .b-grid-header-text-content {
  text-align: end;
}

.b-grid-header-align-center > .b-grid-header-text > .b-grid-header-text-content {
  text-align: center;
}

.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:focus, .b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0.b-check-header-with-checkbox:focus-within {
  background-color: #fafafb;
}
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:hover, .b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0.b-hover {
  background-color: white;
}

.b-gridbase.b-columnresize .b-grid-header-resizable:not(.b-last-leaf) {
  overflow: visible;
}
.b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  width: 10px;
  background-color: transparent;
  z-index: 3;
  cursor: col-resize;
  display: block;
}

.b-gridbase.b-columnresize.b-rtl .b-grid-header-resizable .b-grid-header-resize-handle {
  left: -5px;
  right: auto;
}

.b-touch-events .b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  right: -10px;
  width: 20px;
}
.b-rtl .b-touch-events .b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  left: -10px;
  right: auto;
}

.b-fill-last-column .b-grid-headers .b-last-parent,
.b-fill-last-column .b-grid-headers .b-last-leaf {
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-headers .b-last-parent > .b-grid-header-text,
.b-fill-last-column .b-grid-headers .b-last-leaf > .b-grid-header-text {
  border-inline-end-color: transparent;
}

.b-grid-header-text {
  -webkit-user-select: none;
  user-select: none;
  padding: 1em 0 1em 0;
  white-space: nowrap;
  position: relative;
  font-weight: 500;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.b-grid-header-text > .b-grid-header-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
  width: 0;
  font-size: 0.9em;
}
.b-grid-header-text > .b-grid-header-text-content > i {
  margin-inline-end: 0.5em;
}

.b-grid-header-children {
  display: flex;
  flex-direction: column;
}
.b-grid-header-children > * {
  width: inherit;
}

.b-grid-header {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  color: #667280;
  outline: none;
  border-inline-end: 1px solid #d8d9da;
  text-transform: uppercase;
}
.b-grid-header:not(.b-depth-0) {
  overflow: visible;
}
.b-grid-header.b-depth-0 {
  padding-inline: 0.5em 0.5em;
  width: 0;
}
.b-grid-header.b-depth-0 .b-grid-header-text {
  border-bottom: none;
  transition: background-color 0.2s;
  flex-direction: row;
}
.b-grid-header.b-sortable {
  cursor: pointer;
}
.b-grid-header.b-grid-header-parent {
  border-inline-end: none;
  flex-basis: auto;
  padding-inline: 0;
}
.b-grid-header.b-grid-header-parent > .b-grid-header-text {
  padding-inline: 0.5em 0.5em;
  border-inline-end: 1px solid #d8d9da;
  flex: 1 1 auto;
}
.b-grid-header .b-grid-header-resize-handle {
  display: none;
}

.b-grid-header-parent > .b-grid-header-children {
  border-top: 1px solid #d8d9da;
  flex-flow: row nowrap;
  flex: 1 1 auto;
}

.b-grid-header .b-button[data-ref=collapseExpand] {
  min-width: 2em;
  min-height: 2em;
  padding: 0;
  position: absolute;
  right: 0;
}
.b-grid-header .b-button[data-ref=collapseExpand]:hover {
  background-color: transparent;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before, .b-group-state-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-fa {
  font-family: var(--b-fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--b-fa-style, 900);
}

.b-fa,
.fas,
.b-fa-solid,
.far,
.b-fa-regular,
.fal,
.b-fa-light,
.fat,
.b-fa-thin,
.fad,
.b-fa-duotone,
.fab,
.b-fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--b-fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.b-fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.b-fa-xs {
  font-size: 0.75em;
}

.b-fa-sm {
  font-size: 0.875em;
}

.b-fa-1x {
  font-size: 1em;
}

.b-fa-2x {
  font-size: 2em;
}

.b-fa-3x {
  font-size: 3em;
}

.b-fa-4x {
  font-size: 4em;
}

.b-fa-5x {
  font-size: 5em;
}

.b-fa-6x {
  font-size: 6em;
}

.b-fa-7x {
  font-size: 7em;
}

.b-fa-8x {
  font-size: 8em;
}

.b-fa-9x {
  font-size: 9em;
}

.b-fa-10x {
  font-size: 10em;
}

.b-fa-fw, .b-fw-icon:before {
  text-align: center;
  width: 1.25em;
}

.b-fa-ul {
  list-style-type: none;
  margin-left: var(--b-fa-li-margin, 2.5em);
  padding-left: 0;
}
.b-fa-ul > li {
  position: relative;
}

.b-fa-li {
  left: calc(var(--b-fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--b-fa-li-width, 2em);
  line-height: inherit;
}

.b-fa-border {
  border-color: var(--b-fa-border-color, #eee);
  border-radius: var(--b-fa-border-radius, 0.1em);
  border-style: var(--b-fa-border-style, solid);
  border-width: var(--b-fa-border-width, 0.08em);
  padding: var(--b-fa-border-padding, 0.2em 0.25em 0.15em);
}

.b-fa-pull-left {
  float: left;
  margin-right: var(--b-fa-pull-margin, 0.3em);
}

.b-fa-pull-right {
  float: right;
  margin-left: var(--b-fa-pull-margin, 0.3em);
}

.b-fa-beat {
  animation-name: b-fa-beat;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}

.b-fa-bounce {
  animation-name: b-fa-bounce;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.b-fa-fade {
  animation-name: b-fa-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.b-fa-beat-fade {
  animation-name: b-fa-beat-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.b-fa-flip {
  animation-name: b-fa-flip;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}

.b-fa-shake {
  animation-name: b-fa-shake;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}

.b-fa-spin {
  animation-name: b-fa-spin;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 2s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}

.b-fa-spin-reverse {
  --b-fa-animation-direction: reverse;
}

.b-fa-pulse,
.b-fa-spin-pulse {
  animation-name: b-fa-spin;
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .b-fa-beat,
  .b-fa-bounce,
  .b-fa-fade,
  .b-fa-beat-fade,
  .b-fa-flip,
  .b-fa-pulse,
  .b-fa-shake,
  .b-fa-spin,
  .b-fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes b-fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--b-fa-beat-scale, 1.25));
  }
}
@keyframes b-fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--b-fa-bounce-start-scale-x, 1.1), var(--b-fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--b-fa-bounce-jump-scale-x, 0.9), var(--b-fa-bounce-jump-scale-y, 1.1)) translateY(var(--b-fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--b-fa-bounce-land-scale-x, 1.05), var(--b-fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--b-fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes b-fa-fade {
  50% {
    opacity: var(--b-fa-fade-opacity, 0.4);
  }
}
@keyframes b-fa-beat-fade {
  0%, 100% {
    opacity: var(--b-fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--b-fa-beat-fade-scale, 1.125));
  }
}
@keyframes b-fa-flip {
  50% {
    transform: rotate3d(var(--b-fa-flip-x, 0), var(--b-fa-flip-y, 1), var(--b-fa-flip-z, 0), var(--b-fa-flip-angle, -180deg));
  }
}
@keyframes b-fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes b-fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-fa-rotate-90 {
  transform: rotate(90deg);
}

.b-fa-rotate-180 {
  transform: rotate(180deg);
}

.b-fa-rotate-270 {
  transform: rotate(270deg);
}

.b-fa-flip-horizontal {
  transform: scale(-1, 1);
}

.b-fa-flip-vertical {
  transform: scale(1, -1);
}

.b-fa-flip-both,
.b-fa-flip-horizontal.b-fa-flip-vertical {
  transform: scale(-1, -1);
}

.b-fa-rotate-by {
  transform: rotate(var(--b-fa-rotate-angle, none));
}

.b-fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.b-fa-stack-1x,
.b-fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--b-fa-stack-z-index, auto);
}

.b-fa-stack-1x {
  line-height: inherit;
}

.b-fa-stack-2x {
  font-size: 2em;
}

.b-fa-inverse {
  color: var(--b-fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.b-fa-0::before {
  content: "\30 ";
}

.b-fa-1::before {
  content: "\31 ";
}

.b-fa-2::before {
  content: "\32 ";
}

.b-fa-3::before {
  content: "\33 ";
}

.b-fa-4::before {
  content: "\34 ";
}

.b-fa-5::before {
  content: "\35 ";
}

.b-fa-6::before {
  content: "\36 ";
}

.b-fa-7::before {
  content: "\37 ";
}

.b-fa-8::before {
  content: "\38 ";
}

.b-fa-9::before {
  content: "\39 ";
}

.b-fa-a::before {
  content: "A";
}

.b-fa-address-book::before {
  content: "\f2b9";
}

.b-fa-contact-book::before {
  content: "\f2b9";
}

.b-fa-address-card::before {
  content: "\f2bb";
}

.b-fa-contact-card::before {
  content: "\f2bb";
}

.b-fa-vcard::before {
  content: "\f2bb";
}

.b-fa-align-center::before {
  content: "\f037";
}

.b-fa-align-justify::before {
  content: "\f039";
}

.b-fa-align-left::before {
  content: "\f036";
}

.b-fa-align-right::before {
  content: "\f038";
}

.b-fa-anchor::before {
  content: "\f13d";
}

.b-fa-anchor-circle-check::before {
  content: "\e4aa";
}

.b-fa-anchor-circle-exclamation::before {
  content: "\e4ab";
}

.b-fa-anchor-circle-xmark::before {
  content: "\e4ac";
}

.b-fa-anchor-lock::before {
  content: "\e4ad";
}

.b-fa-angle-down::before {
  content: "\f107";
}

.b-fa-angle-left::before {
  content: "\f104";
}

.b-fa-angle-right::before {
  content: "\f105";
}

.b-fa-angle-up::before {
  content: "\f106";
}

.b-fa-angles-down::before {
  content: "\f103";
}

.b-fa-angle-double-down::before {
  content: "\f103";
}

.b-fa-angles-left::before {
  content: "\f100";
}

.b-fa-angle-double-left::before {
  content: "\f100";
}

.b-fa-angles-right::before {
  content: "\f101";
}

.b-fa-angle-double-right::before {
  content: "\f101";
}

.b-fa-angles-up::before {
  content: "\f102";
}

.b-fa-angle-double-up::before {
  content: "\f102";
}

.b-fa-ankh::before {
  content: "\f644";
}

.b-fa-apple-whole::before {
  content: "\f5d1";
}

.b-fa-apple-alt::before {
  content: "\f5d1";
}

.b-fa-archway::before {
  content: "\f557";
}

.b-fa-arrow-down::before {
  content: "\f063";
}

.b-fa-arrow-down-1-9::before {
  content: "\f162";
}

.b-fa-sort-numeric-asc::before {
  content: "\f162";
}

.b-fa-sort-numeric-down::before {
  content: "\f162";
}

.b-fa-arrow-down-9-1::before {
  content: "\f886";
}

.b-fa-sort-numeric-desc::before {
  content: "\f886";
}

.b-fa-sort-numeric-down-alt::before {
  content: "\f886";
}

.b-fa-arrow-down-a-z::before {
  content: "\f15d";
}

.b-fa-sort-alpha-asc::before {
  content: "\f15d";
}

.b-fa-sort-alpha-down::before {
  content: "\f15d";
}

.b-fa-arrow-down-long::before {
  content: "\f175";
}

.b-fa-long-arrow-down::before {
  content: "\f175";
}

.b-fa-arrow-down-short-wide::before {
  content: "\f884";
}

.b-fa-sort-amount-desc::before {
  content: "\f884";
}

.b-fa-sort-amount-down-alt::before {
  content: "\f884";
}

.b-fa-arrow-down-up-across-line::before {
  content: "\e4af";
}

.b-fa-arrow-down-up-lock::before {
  content: "\e4b0";
}

.b-fa-arrow-down-wide-short::before {
  content: "\f160";
}

.b-fa-sort-amount-asc::before {
  content: "\f160";
}

.b-fa-sort-amount-down::before {
  content: "\f160";
}

.b-fa-arrow-down-z-a::before {
  content: "\f881";
}

.b-fa-sort-alpha-desc::before {
  content: "\f881";
}

.b-fa-sort-alpha-down-alt::before {
  content: "\f881";
}

.b-fa-arrow-left::before {
  content: "\f060";
}

.b-fa-arrow-left-long::before {
  content: "\f177";
}

.b-fa-long-arrow-left::before {
  content: "\f177";
}

.b-fa-arrow-pointer::before {
  content: "\f245";
}

.b-fa-mouse-pointer::before {
  content: "\f245";
}

.b-fa-arrow-right::before {
  content: "\f061";
}

.b-fa-arrow-right-arrow-left::before {
  content: "\f0ec";
}

.b-fa-exchange::before {
  content: "\f0ec";
}

.b-fa-arrow-right-from-bracket::before {
  content: "\f08b";
}

.b-fa-sign-out::before {
  content: "\f08b";
}

.b-fa-arrow-right-long::before {
  content: "\f178";
}

.b-fa-long-arrow-right::before {
  content: "\f178";
}

.b-fa-arrow-right-to-bracket::before {
  content: "\f090";
}

.b-fa-sign-in::before {
  content: "\f090";
}

.b-fa-arrow-right-to-city::before {
  content: "\e4b3";
}

.b-fa-arrow-rotate-left::before {
  content: "\f0e2";
}

.b-fa-arrow-left-rotate::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-back::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-backward::before {
  content: "\f0e2";
}

.b-fa-undo::before {
  content: "\f0e2";
}

.b-fa-arrow-rotate-right::before {
  content: "\f01e";
}

.b-fa-arrow-right-rotate::before {
  content: "\f01e";
}

.b-fa-arrow-rotate-forward::before {
  content: "\f01e";
}

.b-fa-redo::before {
  content: "\f01e";
}

.b-fa-arrow-trend-down::before {
  content: "\e097";
}

.b-fa-arrow-trend-up::before {
  content: "\e098";
}

.b-fa-arrow-turn-down::before {
  content: "\f149";
}

.b-fa-level-down::before {
  content: "\f149";
}

.b-fa-arrow-turn-up::before {
  content: "\f148";
}

.b-fa-level-up::before {
  content: "\f148";
}

.b-fa-arrow-up::before {
  content: "\f062";
}

.b-fa-arrow-up-1-9::before {
  content: "\f163";
}

.b-fa-sort-numeric-up::before {
  content: "\f163";
}

.b-fa-arrow-up-9-1::before {
  content: "\f887";
}

.b-fa-sort-numeric-up-alt::before {
  content: "\f887";
}

.b-fa-arrow-up-a-z::before {
  content: "\f15e";
}

.b-fa-sort-alpha-up::before {
  content: "\f15e";
}

.b-fa-arrow-up-from-bracket::before {
  content: "\e09a";
}

.b-fa-arrow-up-from-ground-water::before {
  content: "\e4b5";
}

.b-fa-arrow-up-from-water-pump::before {
  content: "\e4b6";
}

.b-fa-arrow-up-long::before {
  content: "\f176";
}

.b-fa-long-arrow-up::before {
  content: "\f176";
}

.b-fa-arrow-up-right-dots::before {
  content: "\e4b7";
}

.b-fa-arrow-up-right-from-square::before {
  content: "\f08e";
}

.b-fa-external-link::before {
  content: "\f08e";
}

.b-fa-arrow-up-short-wide::before {
  content: "\f885";
}

.b-fa-sort-amount-up-alt::before {
  content: "\f885";
}

.b-fa-arrow-up-wide-short::before {
  content: "\f161";
}

.b-fa-sort-amount-up::before {
  content: "\f161";
}

.b-fa-arrow-up-z-a::before {
  content: "\f882";
}

.b-fa-sort-alpha-up-alt::before {
  content: "\f882";
}

.b-fa-arrows-down-to-line::before {
  content: "\e4b8";
}

.b-fa-arrows-down-to-people::before {
  content: "\e4b9";
}

.b-fa-arrows-left-right::before {
  content: "\f07e";
}

.b-fa-arrows-h::before {
  content: "\f07e";
}

.b-fa-arrows-left-right-to-line::before {
  content: "\e4ba";
}

.b-fa-arrows-rotate::before {
  content: "\f021";
}

.b-fa-refresh::before {
  content: "\f021";
}

.b-fa-sync::before {
  content: "\f021";
}

.b-fa-arrows-spin::before {
  content: "\e4bb";
}

.b-fa-arrows-split-up-and-left::before {
  content: "\e4bc";
}

.b-fa-arrows-to-circle::before {
  content: "\e4bd";
}

.b-fa-arrows-to-dot::before {
  content: "\e4be";
}

.b-fa-arrows-to-eye::before {
  content: "\e4bf";
}

.b-fa-arrows-turn-right::before {
  content: "\e4c0";
}

.b-fa-arrows-turn-to-dots::before {
  content: "\e4c1";
}

.b-fa-arrows-up-down::before {
  content: "\f07d";
}

.b-fa-arrows-v::before {
  content: "\f07d";
}

.b-fa-arrows-up-down-left-right::before {
  content: "\f047";
}

.b-fa-arrows::before {
  content: "\f047";
}

.b-fa-arrows-up-to-line::before {
  content: "\e4c2";
}

.b-fa-asterisk::before {
  content: "\*";
}

.b-fa-at::before {
  content: "\@";
}

.b-fa-atom::before {
  content: "\f5d2";
}

.b-fa-audio-description::before {
  content: "\f29e";
}

.b-fa-austral-sign::before {
  content: "\e0a9";
}

.b-fa-award::before {
  content: "\f559";
}

.b-fa-b::before {
  content: "B";
}

.b-fa-baby::before {
  content: "\f77c";
}

.b-fa-baby-carriage::before {
  content: "\f77d";
}

.b-fa-carriage-baby::before {
  content: "\f77d";
}

.b-fa-backward::before {
  content: "\f04a";
}

.b-fa-backward-fast::before {
  content: "\f049";
}

.b-fa-fast-backward::before {
  content: "\f049";
}

.b-fa-backward-step::before {
  content: "\f048";
}

.b-fa-step-backward::before {
  content: "\f048";
}

.b-fa-bacon::before {
  content: "\f7e5";
}

.b-fa-bacteria::before {
  content: "\e059";
}

.b-fa-bacterium::before {
  content: "\e05a";
}

.b-fa-bag-shopping::before {
  content: "\f290";
}

.b-fa-shopping-bag::before {
  content: "\f290";
}

.b-fa-bahai::before {
  content: "\f666";
}

.b-fa-baht-sign::before {
  content: "\e0ac";
}

.b-fa-ban::before {
  content: "\f05e";
}

.b-fa-cancel::before {
  content: "\f05e";
}

.b-fa-ban-smoking::before {
  content: "\f54d";
}

.b-fa-smoking-ban::before {
  content: "\f54d";
}

.b-fa-bandage::before {
  content: "\f462";
}

.b-fa-band-aid::before {
  content: "\f462";
}

.b-fa-barcode::before {
  content: "\f02a";
}

.b-fa-bars::before {
  content: "\f0c9";
}

.b-fa-navicon::before {
  content: "\f0c9";
}

.b-fa-bars-progress::before {
  content: "\f828";
}

.b-fa-tasks-alt::before {
  content: "\f828";
}

.b-fa-bars-staggered::before {
  content: "\f550";
}

.b-fa-reorder::before {
  content: "\f550";
}

.b-fa-stream::before {
  content: "\f550";
}

.b-fa-baseball::before {
  content: "\f433";
}

.b-fa-baseball-ball::before {
  content: "\f433";
}

.b-fa-baseball-bat-ball::before {
  content: "\f432";
}

.b-fa-basket-shopping::before {
  content: "\f291";
}

.b-fa-shopping-basket::before {
  content: "\f291";
}

.b-fa-basketball::before {
  content: "\f434";
}

.b-fa-basketball-ball::before {
  content: "\f434";
}

.b-fa-bath::before {
  content: "\f2cd";
}

.b-fa-bathtub::before {
  content: "\f2cd";
}

.b-fa-battery-empty::before {
  content: "\f244";
}

.b-fa-battery-0::before {
  content: "\f244";
}

.b-fa-battery-full::before {
  content: "\f240";
}

.b-fa-battery::before {
  content: "\f240";
}

.b-fa-battery-5::before {
  content: "\f240";
}

.b-fa-battery-half::before {
  content: "\f242";
}

.b-fa-battery-3::before {
  content: "\f242";
}

.b-fa-battery-quarter::before {
  content: "\f243";
}

.b-fa-battery-2::before {
  content: "\f243";
}

.b-fa-battery-three-quarters::before {
  content: "\f241";
}

.b-fa-battery-4::before {
  content: "\f241";
}

.b-fa-bed::before {
  content: "\f236";
}

.b-fa-bed-pulse::before {
  content: "\f487";
}

.b-fa-procedures::before {
  content: "\f487";
}

.b-fa-beer-mug-empty::before {
  content: "\f0fc";
}

.b-fa-beer::before {
  content: "\f0fc";
}

.b-fa-bell::before {
  content: "\f0f3";
}

.b-fa-bell-concierge::before {
  content: "\f562";
}

.b-fa-concierge-bell::before {
  content: "\f562";
}

.b-fa-bell-slash::before {
  content: "\f1f6";
}

.b-fa-bezier-curve::before {
  content: "\f55b";
}

.b-fa-bicycle::before {
  content: "\f206";
}

.b-fa-binoculars::before {
  content: "\f1e5";
}

.b-fa-biohazard::before {
  content: "\f780";
}

.b-fa-bitcoin-sign::before {
  content: "\e0b4";
}

.b-fa-blender::before {
  content: "\f517";
}

.b-fa-blender-phone::before {
  content: "\f6b6";
}

.b-fa-blog::before {
  content: "\f781";
}

.b-fa-bold::before {
  content: "\f032";
}

.b-fa-bolt::before {
  content: "\f0e7";
}

.b-fa-zap::before {
  content: "\f0e7";
}

.b-fa-bolt-lightning::before {
  content: "\e0b7";
}

.b-fa-bomb::before {
  content: "\f1e2";
}

.b-fa-bone::before {
  content: "\f5d7";
}

.b-fa-bong::before {
  content: "\f55c";
}

.b-fa-book::before {
  content: "\f02d";
}

.b-fa-book-atlas::before {
  content: "\f558";
}

.b-fa-atlas::before {
  content: "\f558";
}

.b-fa-book-bible::before {
  content: "\f647";
}

.b-fa-bible::before {
  content: "\f647";
}

.b-fa-book-bookmark::before {
  content: "\e0bb";
}

.b-fa-book-journal-whills::before {
  content: "\f66a";
}

.b-fa-journal-whills::before {
  content: "\f66a";
}

.b-fa-book-medical::before {
  content: "\f7e6";
}

.b-fa-book-open::before {
  content: "\f518";
}

.b-fa-book-open-reader::before {
  content: "\f5da";
}

.b-fa-book-reader::before {
  content: "\f5da";
}

.b-fa-book-quran::before {
  content: "\f687";
}

.b-fa-quran::before {
  content: "\f687";
}

.b-fa-book-skull::before {
  content: "\f6b7";
}

.b-fa-book-dead::before {
  content: "\f6b7";
}

.b-fa-bookmark::before {
  content: "\f02e";
}

.b-fa-border-all::before {
  content: "\f84c";
}

.b-fa-border-none::before {
  content: "\f850";
}

.b-fa-border-top-left::before {
  content: "\f853";
}

.b-fa-border-style::before {
  content: "\f853";
}

.b-fa-bore-hole::before {
  content: "\e4c3";
}

.b-fa-bottle-droplet::before {
  content: "\e4c4";
}

.b-fa-bottle-water::before {
  content: "\e4c5";
}

.b-fa-bowl-food::before {
  content: "\e4c6";
}

.b-fa-bowl-rice::before {
  content: "\e2eb";
}

.b-fa-bowling-ball::before {
  content: "\f436";
}

.b-fa-box::before {
  content: "\f466";
}

.b-fa-box-archive::before {
  content: "\f187";
}

.b-fa-archive::before {
  content: "\f187";
}

.b-fa-box-open::before {
  content: "\f49e";
}

.b-fa-box-tissue::before {
  content: "\e05b";
}

.b-fa-boxes-packing::before {
  content: "\e4c7";
}

.b-fa-boxes-stacked::before {
  content: "\f468";
}

.b-fa-boxes::before {
  content: "\f468";
}

.b-fa-boxes-alt::before {
  content: "\f468";
}

.b-fa-braille::before {
  content: "\f2a1";
}

.b-fa-brain::before {
  content: "\f5dc";
}

.b-fa-brazilian-real-sign::before {
  content: "\e46c";
}

.b-fa-bread-slice::before {
  content: "\f7ec";
}

.b-fa-bridge::before {
  content: "\e4c8";
}

.b-fa-bridge-circle-check::before {
  content: "\e4c9";
}

.b-fa-bridge-circle-exclamation::before {
  content: "\e4ca";
}

.b-fa-bridge-circle-xmark::before {
  content: "\e4cb";
}

.b-fa-bridge-lock::before {
  content: "\e4cc";
}

.b-fa-bridge-water::before {
  content: "\e4ce";
}

.b-fa-briefcase::before {
  content: "\f0b1";
}

.b-fa-briefcase-medical::before {
  content: "\f469";
}

.b-fa-broom::before {
  content: "\f51a";
}

.b-fa-broom-ball::before {
  content: "\f458";
}

.b-fa-quidditch::before {
  content: "\f458";
}

.b-fa-quidditch-broom-ball::before {
  content: "\f458";
}

.b-fa-brush::before {
  content: "\f55d";
}

.b-fa-bucket::before {
  content: "\e4cf";
}

.b-fa-bug::before {
  content: "\f188";
}

.b-fa-bug-slash::before {
  content: "\e490";
}

.b-fa-bugs::before {
  content: "\e4d0";
}

.b-fa-building::before {
  content: "\f1ad";
}

.b-fa-building-circle-arrow-right::before {
  content: "\e4d1";
}

.b-fa-building-circle-check::before {
  content: "\e4d2";
}

.b-fa-building-circle-exclamation::before {
  content: "\e4d3";
}

.b-fa-building-circle-xmark::before {
  content: "\e4d4";
}

.b-fa-building-columns::before {
  content: "\f19c";
}

.b-fa-bank::before {
  content: "\f19c";
}

.b-fa-institution::before {
  content: "\f19c";
}

.b-fa-museum::before {
  content: "\f19c";
}

.b-fa-university::before {
  content: "\f19c";
}

.b-fa-building-flag::before {
  content: "\e4d5";
}

.b-fa-building-lock::before {
  content: "\e4d6";
}

.b-fa-building-ngo::before {
  content: "\e4d7";
}

.b-fa-building-shield::before {
  content: "\e4d8";
}

.b-fa-building-un::before {
  content: "\e4d9";
}

.b-fa-building-user::before {
  content: "\e4da";
}

.b-fa-building-wheat::before {
  content: "\e4db";
}

.b-fa-bullhorn::before {
  content: "\f0a1";
}

.b-fa-bullseye::before {
  content: "\f140";
}

.b-fa-burger::before {
  content: "\f805";
}

.b-fa-hamburger::before {
  content: "\f805";
}

.b-fa-burst::before {
  content: "\e4dc";
}

.b-fa-bus::before {
  content: "\f207";
}

.b-fa-bus-simple::before {
  content: "\f55e";
}

.b-fa-bus-alt::before {
  content: "\f55e";
}

.b-fa-business-time::before {
  content: "\f64a";
}

.b-fa-briefcase-clock::before {
  content: "\f64a";
}

.b-fa-c::before {
  content: "C";
}

.b-fa-cake-candles::before {
  content: "\f1fd";
}

.b-fa-birthday-cake::before {
  content: "\f1fd";
}

.b-fa-cake::before {
  content: "\f1fd";
}

.b-fa-calculator::before {
  content: "\f1ec";
}

.b-fa-calendar::before {
  content: "\f133";
}

.b-fa-calendar-check::before {
  content: "\f274";
}

.b-fa-calendar-day::before {
  content: "\f783";
}

.b-fa-calendar-days::before {
  content: "\f073";
}

.b-fa-calendar-alt::before {
  content: "\f073";
}

.b-fa-calendar-minus::before {
  content: "\f272";
}

.b-fa-calendar-plus::before {
  content: "\f271";
}

.b-fa-calendar-week::before {
  content: "\f784";
}

.b-fa-calendar-xmark::before {
  content: "\f273";
}

.b-fa-calendar-times::before {
  content: "\f273";
}

.b-fa-camera::before {
  content: "\f030";
}

.b-fa-camera-alt::before {
  content: "\f030";
}

.b-fa-camera-retro::before {
  content: "\f083";
}

.b-fa-camera-rotate::before {
  content: "\e0d8";
}

.b-fa-campground::before {
  content: "\f6bb";
}

.b-fa-candy-cane::before {
  content: "\f786";
}

.b-fa-cannabis::before {
  content: "\f55f";
}

.b-fa-capsules::before {
  content: "\f46b";
}

.b-fa-car::before {
  content: "\f1b9";
}

.b-fa-automobile::before {
  content: "\f1b9";
}

.b-fa-car-battery::before {
  content: "\f5df";
}

.b-fa-battery-car::before {
  content: "\f5df";
}

.b-fa-car-burst::before {
  content: "\f5e1";
}

.b-fa-car-crash::before {
  content: "\f5e1";
}

.b-fa-car-on::before {
  content: "\e4dd";
}

.b-fa-car-rear::before {
  content: "\f5de";
}

.b-fa-car-alt::before {
  content: "\f5de";
}

.b-fa-car-side::before {
  content: "\f5e4";
}

.b-fa-car-tunnel::before {
  content: "\e4de";
}

.b-fa-caravan::before {
  content: "\f8ff";
}

.b-fa-caret-down::before {
  content: "\f0d7";
}

.b-fa-caret-left::before {
  content: "\f0d9";
}

.b-fa-caret-right::before {
  content: "\f0da";
}

.b-fa-caret-up::before {
  content: "\f0d8";
}

.b-fa-carrot::before {
  content: "\f787";
}

.b-fa-cart-arrow-down::before {
  content: "\f218";
}

.b-fa-cart-flatbed::before {
  content: "\f474";
}

.b-fa-dolly-flatbed::before {
  content: "\f474";
}

.b-fa-cart-flatbed-suitcase::before {
  content: "\f59d";
}

.b-fa-luggage-cart::before {
  content: "\f59d";
}

.b-fa-cart-plus::before {
  content: "\f217";
}

.b-fa-cart-shopping::before {
  content: "\f07a";
}

.b-fa-shopping-cart::before {
  content: "\f07a";
}

.b-fa-cash-register::before {
  content: "\f788";
}

.b-fa-cat::before {
  content: "\f6be";
}

.b-fa-cedi-sign::before {
  content: "\e0df";
}

.b-fa-cent-sign::before {
  content: "\e3f5";
}

.b-fa-certificate::before {
  content: "\f0a3";
}

.b-fa-chair::before {
  content: "\f6c0";
}

.b-fa-chalkboard::before {
  content: "\f51b";
}

.b-fa-blackboard::before {
  content: "\f51b";
}

.b-fa-chalkboard-user::before {
  content: "\f51c";
}

.b-fa-chalkboard-teacher::before {
  content: "\f51c";
}

.b-fa-champagne-glasses::before {
  content: "\f79f";
}

.b-fa-glass-cheers::before {
  content: "\f79f";
}

.b-fa-charging-station::before {
  content: "\f5e7";
}

.b-fa-chart-area::before {
  content: "\f1fe";
}

.b-fa-area-chart::before {
  content: "\f1fe";
}

.b-fa-chart-bar::before {
  content: "\f080";
}

.b-fa-bar-chart::before {
  content: "\f080";
}

.b-fa-chart-column::before {
  content: "\e0e3";
}

.b-fa-chart-gantt::before {
  content: "\e0e4";
}

.b-fa-chart-line::before {
  content: "\f201";
}

.b-fa-line-chart::before {
  content: "\f201";
}

.b-fa-chart-pie::before {
  content: "\f200";
}

.b-fa-pie-chart::before {
  content: "\f200";
}

.b-fa-chart-simple::before {
  content: "\e473";
}

.b-fa-check::before {
  content: "\f00c";
}

.b-fa-check-double::before {
  content: "\f560";
}

.b-fa-check-to-slot::before {
  content: "\f772";
}

.b-fa-vote-yea::before {
  content: "\f772";
}

.b-fa-cheese::before {
  content: "\f7ef";
}

.b-fa-chess::before {
  content: "\f439";
}

.b-fa-chess-bishop::before {
  content: "\f43a";
}

.b-fa-chess-board::before {
  content: "\f43c";
}

.b-fa-chess-king::before {
  content: "\f43f";
}

.b-fa-chess-knight::before {
  content: "\f441";
}

.b-fa-chess-pawn::before {
  content: "\f443";
}

.b-fa-chess-queen::before {
  content: "\f445";
}

.b-fa-chess-rook::before {
  content: "\f447";
}

.b-fa-chevron-down::before {
  content: "\f078";
}

.b-fa-chevron-left::before {
  content: "\f053";
}

.b-fa-chevron-right::before {
  content: "\f054";
}

.b-fa-chevron-up::before {
  content: "\f077";
}

.b-fa-child::before {
  content: "\f1ae";
}

.b-fa-child-dress::before {
  content: "\e59c";
}

.b-fa-child-reaching::before {
  content: "\e59d";
}

.b-fa-child-rifle::before {
  content: "\e4e0";
}

.b-fa-children::before {
  content: "\e4e1";
}

.b-fa-church::before {
  content: "\f51d";
}

.b-fa-circle::before {
  content: "\f111";
}

.b-fa-circle-arrow-down::before {
  content: "\f0ab";
}

.b-fa-arrow-circle-down::before {
  content: "\f0ab";
}

.b-fa-circle-arrow-left::before {
  content: "\f0a8";
}

.b-fa-arrow-circle-left::before {
  content: "\f0a8";
}

.b-fa-circle-arrow-right::before {
  content: "\f0a9";
}

.b-fa-arrow-circle-right::before {
  content: "\f0a9";
}

.b-fa-circle-arrow-up::before {
  content: "\f0aa";
}

.b-fa-arrow-circle-up::before {
  content: "\f0aa";
}

.b-fa-circle-check::before {
  content: "\f058";
}

.b-fa-check-circle::before {
  content: "\f058";
}

.b-fa-circle-chevron-down::before {
  content: "\f13a";
}

.b-fa-chevron-circle-down::before {
  content: "\f13a";
}

.b-fa-circle-chevron-left::before {
  content: "\f137";
}

.b-fa-chevron-circle-left::before {
  content: "\f137";
}

.b-fa-circle-chevron-right::before {
  content: "\f138";
}

.b-fa-chevron-circle-right::before {
  content: "\f138";
}

.b-fa-circle-chevron-up::before {
  content: "\f139";
}

.b-fa-chevron-circle-up::before {
  content: "\f139";
}

.b-fa-circle-dollar-to-slot::before {
  content: "\f4b9";
}

.b-fa-donate::before {
  content: "\f4b9";
}

.b-fa-circle-dot::before {
  content: "\f192";
}

.b-fa-dot-circle::before {
  content: "\f192";
}

.b-fa-circle-down::before {
  content: "\f358";
}

.b-fa-arrow-alt-circle-down::before {
  content: "\f358";
}

.b-fa-circle-exclamation::before {
  content: "\f06a";
}

.b-fa-exclamation-circle::before {
  content: "\f06a";
}

.b-fa-circle-h::before {
  content: "\f47e";
}

.b-fa-hospital-symbol::before {
  content: "\f47e";
}

.b-fa-circle-half-stroke::before {
  content: "\f042";
}

.b-fa-adjust::before {
  content: "\f042";
}

.b-fa-circle-info::before {
  content: "\f05a";
}

.b-fa-info-circle::before {
  content: "\f05a";
}

.b-fa-circle-left::before {
  content: "\f359";
}

.b-fa-arrow-alt-circle-left::before {
  content: "\f359";
}

.b-fa-circle-minus::before {
  content: "\f056";
}

.b-fa-minus-circle::before {
  content: "\f056";
}

.b-fa-circle-nodes::before {
  content: "\e4e2";
}

.b-fa-circle-notch::before {
  content: "\f1ce";
}

.b-fa-circle-pause::before {
  content: "\f28b";
}

.b-fa-pause-circle::before {
  content: "\f28b";
}

.b-fa-circle-play::before {
  content: "\f144";
}

.b-fa-play-circle::before {
  content: "\f144";
}

.b-fa-circle-plus::before {
  content: "\f055";
}

.b-fa-plus-circle::before {
  content: "\f055";
}

.b-fa-circle-question::before {
  content: "\f059";
}

.b-fa-question-circle::before {
  content: "\f059";
}

.b-fa-circle-radiation::before {
  content: "\f7ba";
}

.b-fa-radiation-alt::before {
  content: "\f7ba";
}

.b-fa-circle-right::before {
  content: "\f35a";
}

.b-fa-arrow-alt-circle-right::before {
  content: "\f35a";
}

.b-fa-circle-stop::before {
  content: "\f28d";
}

.b-fa-stop-circle::before {
  content: "\f28d";
}

.b-fa-circle-up::before {
  content: "\f35b";
}

.b-fa-arrow-alt-circle-up::before {
  content: "\f35b";
}

.b-fa-circle-user::before {
  content: "\f2bd";
}

.b-fa-user-circle::before {
  content: "\f2bd";
}

.b-fa-circle-xmark::before {
  content: "\f057";
}

.b-fa-times-circle::before {
  content: "\f057";
}

.b-fa-xmark-circle::before {
  content: "\f057";
}

.b-fa-city::before {
  content: "\f64f";
}

.b-fa-clapperboard::before {
  content: "\e131";
}

.b-fa-clipboard::before {
  content: "\f328";
}

.b-fa-clipboard-check::before {
  content: "\f46c";
}

.b-fa-clipboard-list::before {
  content: "\f46d";
}

.b-fa-clipboard-question::before {
  content: "\e4e3";
}

.b-fa-clipboard-user::before {
  content: "\f7f3";
}

.b-fa-clock::before {
  content: "\f017";
}

.b-fa-clock-four::before {
  content: "\f017";
}

.b-fa-clock-rotate-left::before {
  content: "\f1da";
}

.b-fa-history::before {
  content: "\f1da";
}

.b-fa-clone::before {
  content: "\f24d";
}

.b-fa-closed-captioning::before {
  content: "\f20a";
}

.b-fa-cloud::before {
  content: "\f0c2";
}

.b-fa-cloud-arrow-down::before {
  content: "\f0ed";
}

.b-fa-cloud-download::before {
  content: "\f0ed";
}

.b-fa-cloud-download-alt::before {
  content: "\f0ed";
}

.b-fa-cloud-arrow-up::before {
  content: "\f0ee";
}

.b-fa-cloud-upload::before {
  content: "\f0ee";
}

.b-fa-cloud-upload-alt::before {
  content: "\f0ee";
}

.b-fa-cloud-bolt::before {
  content: "\f76c";
}

.b-fa-thunderstorm::before {
  content: "\f76c";
}

.b-fa-cloud-meatball::before {
  content: "\f73b";
}

.b-fa-cloud-moon::before {
  content: "\f6c3";
}

.b-fa-cloud-moon-rain::before {
  content: "\f73c";
}

.b-fa-cloud-rain::before {
  content: "\f73d";
}

.b-fa-cloud-showers-heavy::before {
  content: "\f740";
}

.b-fa-cloud-showers-water::before {
  content: "\e4e4";
}

.b-fa-cloud-sun::before {
  content: "\f6c4";
}

.b-fa-cloud-sun-rain::before {
  content: "\f743";
}

.b-fa-clover::before {
  content: "\e139";
}

.b-fa-code::before {
  content: "\f121";
}

.b-fa-code-branch::before {
  content: "\f126";
}

.b-fa-code-commit::before {
  content: "\f386";
}

.b-fa-code-compare::before {
  content: "\e13a";
}

.b-fa-code-fork::before {
  content: "\e13b";
}

.b-fa-code-merge::before {
  content: "\f387";
}

.b-fa-code-pull-request::before {
  content: "\e13c";
}

.b-fa-coins::before {
  content: "\f51e";
}

.b-fa-colon-sign::before {
  content: "\e140";
}

.b-fa-comment::before {
  content: "\f075";
}

.b-fa-comment-dollar::before {
  content: "\f651";
}

.b-fa-comment-dots::before {
  content: "\f4ad";
}

.b-fa-commenting::before {
  content: "\f4ad";
}

.b-fa-comment-medical::before {
  content: "\f7f5";
}

.b-fa-comment-slash::before {
  content: "\f4b3";
}

.b-fa-comment-sms::before {
  content: "\f7cd";
}

.b-fa-sms::before {
  content: "\f7cd";
}

.b-fa-comments::before {
  content: "\f086";
}

.b-fa-comments-dollar::before {
  content: "\f653";
}

.b-fa-compact-disc::before {
  content: "\f51f";
}

.b-fa-compass::before {
  content: "\f14e";
}

.b-fa-compass-drafting::before {
  content: "\f568";
}

.b-fa-drafting-compass::before {
  content: "\f568";
}

.b-fa-compress::before {
  content: "\f066";
}

.b-fa-computer::before {
  content: "\e4e5";
}

.b-fa-computer-mouse::before {
  content: "\f8cc";
}

.b-fa-mouse::before {
  content: "\f8cc";
}

.b-fa-cookie::before {
  content: "\f563";
}

.b-fa-cookie-bite::before {
  content: "\f564";
}

.b-fa-copy::before {
  content: "\f0c5";
}

.b-fa-copyright::before {
  content: "\f1f9";
}

.b-fa-couch::before {
  content: "\f4b8";
}

.b-fa-cow::before {
  content: "\f6c8";
}

.b-fa-credit-card::before {
  content: "\f09d";
}

.b-fa-credit-card-alt::before {
  content: "\f09d";
}

.b-fa-crop::before {
  content: "\f125";
}

.b-fa-crop-simple::before {
  content: "\f565";
}

.b-fa-crop-alt::before {
  content: "\f565";
}

.b-fa-cross::before {
  content: "\f654";
}

.b-fa-crosshairs::before {
  content: "\f05b";
}

.b-fa-crow::before {
  content: "\f520";
}

.b-fa-crown::before {
  content: "\f521";
}

.b-fa-crutch::before {
  content: "\f7f7";
}

.b-fa-cruzeiro-sign::before {
  content: "\e152";
}

.b-fa-cube::before {
  content: "\f1b2";
}

.b-fa-cubes::before {
  content: "\f1b3";
}

.b-fa-cubes-stacked::before {
  content: "\e4e6";
}

.b-fa-d::before {
  content: "D";
}

.b-fa-database::before {
  content: "\f1c0";
}

.b-fa-delete-left::before {
  content: "\f55a";
}

.b-fa-backspace::before {
  content: "\f55a";
}

.b-fa-democrat::before {
  content: "\f747";
}

.b-fa-desktop::before {
  content: "\f390";
}

.b-fa-desktop-alt::before {
  content: "\f390";
}

.b-fa-dharmachakra::before {
  content: "\f655";
}

.b-fa-diagram-next::before {
  content: "\e476";
}

.b-fa-diagram-predecessor::before {
  content: "\e477";
}

.b-fa-diagram-project::before {
  content: "\f542";
}

.b-fa-project-diagram::before {
  content: "\f542";
}

.b-fa-diagram-successor::before {
  content: "\e47a";
}

.b-fa-diamond::before {
  content: "\f219";
}

.b-fa-diamond-turn-right::before {
  content: "\f5eb";
}

.b-fa-directions::before {
  content: "\f5eb";
}

.b-fa-dice::before {
  content: "\f522";
}

.b-fa-dice-d20::before {
  content: "\f6cf";
}

.b-fa-dice-d6::before {
  content: "\f6d1";
}

.b-fa-dice-five::before {
  content: "\f523";
}

.b-fa-dice-four::before {
  content: "\f524";
}

.b-fa-dice-one::before {
  content: "\f525";
}

.b-fa-dice-six::before {
  content: "\f526";
}

.b-fa-dice-three::before {
  content: "\f527";
}

.b-fa-dice-two::before {
  content: "\f528";
}

.b-fa-disease::before {
  content: "\f7fa";
}

.b-fa-display::before {
  content: "\e163";
}

.b-fa-divide::before {
  content: "\f529";
}

.b-fa-dna::before {
  content: "\f471";
}

.b-fa-dog::before {
  content: "\f6d3";
}

.b-fa-dollar-sign::before {
  content: "\$";
}

.b-fa-dollar::before {
  content: "\$";
}

.b-fa-usd::before {
  content: "\$";
}

.b-fa-dolly::before {
  content: "\f472";
}

.b-fa-dolly-box::before {
  content: "\f472";
}

.b-fa-dong-sign::before {
  content: "\e169";
}

.b-fa-door-closed::before {
  content: "\f52a";
}

.b-fa-door-open::before {
  content: "\f52b";
}

.b-fa-dove::before {
  content: "\f4ba";
}

.b-fa-down-left-and-up-right-to-center::before {
  content: "\f422";
}

.b-fa-compress-alt::before {
  content: "\f422";
}

.b-fa-down-long::before {
  content: "\f309";
}

.b-fa-long-arrow-alt-down::before {
  content: "\f309";
}

.b-fa-download::before {
  content: "\f019";
}

.b-fa-dragon::before {
  content: "\f6d5";
}

.b-fa-draw-polygon::before {
  content: "\f5ee";
}

.b-fa-droplet::before {
  content: "\f043";
}

.b-fa-tint::before {
  content: "\f043";
}

.b-fa-droplet-slash::before {
  content: "\f5c7";
}

.b-fa-tint-slash::before {
  content: "\f5c7";
}

.b-fa-drum::before {
  content: "\f569";
}

.b-fa-drum-steelpan::before {
  content: "\f56a";
}

.b-fa-drumstick-bite::before {
  content: "\f6d7";
}

.b-fa-dumbbell::before {
  content: "\f44b";
}

.b-fa-dumpster::before {
  content: "\f793";
}

.b-fa-dumpster-fire::before {
  content: "\f794";
}

.b-fa-dungeon::before {
  content: "\f6d9";
}

.b-fa-e::before {
  content: "E";
}

.b-fa-ear-deaf::before {
  content: "\f2a4";
}

.b-fa-deaf::before {
  content: "\f2a4";
}

.b-fa-deafness::before {
  content: "\f2a4";
}

.b-fa-hard-of-hearing::before {
  content: "\f2a4";
}

.b-fa-ear-listen::before {
  content: "\f2a2";
}

.b-fa-assistive-listening-systems::before {
  content: "\f2a2";
}

.b-fa-earth-africa::before {
  content: "\f57c";
}

.b-fa-globe-africa::before {
  content: "\f57c";
}

.b-fa-earth-americas::before {
  content: "\f57d";
}

.b-fa-earth::before {
  content: "\f57d";
}

.b-fa-earth-america::before {
  content: "\f57d";
}

.b-fa-globe-americas::before {
  content: "\f57d";
}

.b-fa-earth-asia::before {
  content: "\f57e";
}

.b-fa-globe-asia::before {
  content: "\f57e";
}

.b-fa-earth-europe::before {
  content: "\f7a2";
}

.b-fa-globe-europe::before {
  content: "\f7a2";
}

.b-fa-earth-oceania::before {
  content: "\e47b";
}

.b-fa-globe-oceania::before {
  content: "\e47b";
}

.b-fa-egg::before {
  content: "\f7fb";
}

.b-fa-eject::before {
  content: "\f052";
}

.b-fa-elevator::before {
  content: "\e16d";
}

.b-fa-ellipsis::before {
  content: "\f141";
}

.b-fa-ellipsis-h::before {
  content: "\f141";
}

.b-fa-ellipsis-vertical::before {
  content: "\f142";
}

.b-fa-ellipsis-v::before {
  content: "\f142";
}

.b-fa-envelope::before {
  content: "\f0e0";
}

.b-fa-envelope-circle-check::before {
  content: "\e4e8";
}

.b-fa-envelope-open::before {
  content: "\f2b6";
}

.b-fa-envelope-open-text::before {
  content: "\f658";
}

.b-fa-envelopes-bulk::before {
  content: "\f674";
}

.b-fa-mail-bulk::before {
  content: "\f674";
}

.b-fa-equals::before {
  content: "\=";
}

.b-fa-eraser::before {
  content: "\f12d";
}

.b-fa-ethernet::before {
  content: "\f796";
}

.b-fa-euro-sign::before {
  content: "\f153";
}

.b-fa-eur::before {
  content: "\f153";
}

.b-fa-euro::before {
  content: "\f153";
}

.b-fa-exclamation::before {
  content: "\!";
}

.b-fa-expand::before {
  content: "\f065";
}

.b-fa-explosion::before {
  content: "\e4e9";
}

.b-fa-eye::before {
  content: "\f06e";
}

.b-fa-eye-dropper::before {
  content: "\f1fb";
}

.b-fa-eye-dropper-empty::before {
  content: "\f1fb";
}

.b-fa-eyedropper::before {
  content: "\f1fb";
}

.b-fa-eye-low-vision::before {
  content: "\f2a8";
}

.b-fa-low-vision::before {
  content: "\f2a8";
}

.b-fa-eye-slash::before {
  content: "\f070";
}

.b-fa-f::before {
  content: "F";
}

.b-fa-face-angry::before {
  content: "\f556";
}

.b-fa-angry::before {
  content: "\f556";
}

.b-fa-face-dizzy::before {
  content: "\f567";
}

.b-fa-dizzy::before {
  content: "\f567";
}

.b-fa-face-flushed::before {
  content: "\f579";
}

.b-fa-flushed::before {
  content: "\f579";
}

.b-fa-face-frown::before {
  content: "\f119";
}

.b-fa-frown::before {
  content: "\f119";
}

.b-fa-face-frown-open::before {
  content: "\f57a";
}

.b-fa-frown-open::before {
  content: "\f57a";
}

.b-fa-face-grimace::before {
  content: "\f57f";
}

.b-fa-grimace::before {
  content: "\f57f";
}

.b-fa-face-grin::before {
  content: "\f580";
}

.b-fa-grin::before {
  content: "\f580";
}

.b-fa-face-grin-beam::before {
  content: "\f582";
}

.b-fa-grin-beam::before {
  content: "\f582";
}

.b-fa-face-grin-beam-sweat::before {
  content: "\f583";
}

.b-fa-grin-beam-sweat::before {
  content: "\f583";
}

.b-fa-face-grin-hearts::before {
  content: "\f584";
}

.b-fa-grin-hearts::before {
  content: "\f584";
}

.b-fa-face-grin-squint::before {
  content: "\f585";
}

.b-fa-grin-squint::before {
  content: "\f585";
}

.b-fa-face-grin-squint-tears::before {
  content: "\f586";
}

.b-fa-grin-squint-tears::before {
  content: "\f586";
}

.b-fa-face-grin-stars::before {
  content: "\f587";
}

.b-fa-grin-stars::before {
  content: "\f587";
}

.b-fa-face-grin-tears::before {
  content: "\f588";
}

.b-fa-grin-tears::before {
  content: "\f588";
}

.b-fa-face-grin-tongue::before {
  content: "\f589";
}

.b-fa-grin-tongue::before {
  content: "\f589";
}

.b-fa-face-grin-tongue-squint::before {
  content: "\f58a";
}

.b-fa-grin-tongue-squint::before {
  content: "\f58a";
}

.b-fa-face-grin-tongue-wink::before {
  content: "\f58b";
}

.b-fa-grin-tongue-wink::before {
  content: "\f58b";
}

.b-fa-face-grin-wide::before {
  content: "\f581";
}

.b-fa-grin-alt::before {
  content: "\f581";
}

.b-fa-face-grin-wink::before {
  content: "\f58c";
}

.b-fa-grin-wink::before {
  content: "\f58c";
}

.b-fa-face-kiss::before {
  content: "\f596";
}

.b-fa-kiss::before {
  content: "\f596";
}

.b-fa-face-kiss-beam::before {
  content: "\f597";
}

.b-fa-kiss-beam::before {
  content: "\f597";
}

.b-fa-face-kiss-wink-heart::before {
  content: "\f598";
}

.b-fa-kiss-wink-heart::before {
  content: "\f598";
}

.b-fa-face-laugh::before {
  content: "\f599";
}

.b-fa-laugh::before {
  content: "\f599";
}

.b-fa-face-laugh-beam::before {
  content: "\f59a";
}

.b-fa-laugh-beam::before {
  content: "\f59a";
}

.b-fa-face-laugh-squint::before {
  content: "\f59b";
}

.b-fa-laugh-squint::before {
  content: "\f59b";
}

.b-fa-face-laugh-wink::before {
  content: "\f59c";
}

.b-fa-laugh-wink::before {
  content: "\f59c";
}

.b-fa-face-meh::before {
  content: "\f11a";
}

.b-fa-meh::before {
  content: "\f11a";
}

.b-fa-face-meh-blank::before {
  content: "\f5a4";
}

.b-fa-meh-blank::before {
  content: "\f5a4";
}

.b-fa-face-rolling-eyes::before {
  content: "\f5a5";
}

.b-fa-meh-rolling-eyes::before {
  content: "\f5a5";
}

.b-fa-face-sad-cry::before {
  content: "\f5b3";
}

.b-fa-sad-cry::before {
  content: "\f5b3";
}

.b-fa-face-sad-tear::before {
  content: "\f5b4";
}

.b-fa-sad-tear::before {
  content: "\f5b4";
}

.b-fa-face-smile::before {
  content: "\f118";
}

.b-fa-smile::before {
  content: "\f118";
}

.b-fa-face-smile-beam::before {
  content: "\f5b8";
}

.b-fa-smile-beam::before {
  content: "\f5b8";
}

.b-fa-face-smile-wink::before {
  content: "\f4da";
}

.b-fa-smile-wink::before {
  content: "\f4da";
}

.b-fa-face-surprise::before {
  content: "\f5c2";
}

.b-fa-surprise::before {
  content: "\f5c2";
}

.b-fa-face-tired::before {
  content: "\f5c8";
}

.b-fa-tired::before {
  content: "\f5c8";
}

.b-fa-fan::before {
  content: "\f863";
}

.b-fa-faucet::before {
  content: "\e005";
}

.b-fa-faucet-drip::before {
  content: "\e006";
}

.b-fa-fax::before {
  content: "\f1ac";
}

.b-fa-feather::before {
  content: "\f52d";
}

.b-fa-feather-pointed::before {
  content: "\f56b";
}

.b-fa-feather-alt::before {
  content: "\f56b";
}

.b-fa-ferry::before {
  content: "\e4ea";
}

.b-fa-file::before {
  content: "\f15b";
}

.b-fa-file-arrow-down::before {
  content: "\f56d";
}

.b-fa-file-download::before {
  content: "\f56d";
}

.b-fa-file-arrow-up::before {
  content: "\f574";
}

.b-fa-file-upload::before {
  content: "\f574";
}

.b-fa-file-audio::before {
  content: "\f1c7";
}

.b-fa-file-circle-check::before {
  content: "\e493";
}

.b-fa-file-circle-exclamation::before {
  content: "\e4eb";
}

.b-fa-file-circle-minus::before {
  content: "\e4ed";
}

.b-fa-file-circle-plus::before {
  content: "\e4ee";
}

.b-fa-file-circle-question::before {
  content: "\e4ef";
}

.b-fa-file-circle-xmark::before {
  content: "\e494";
}

.b-fa-file-code::before {
  content: "\f1c9";
}

.b-fa-file-contract::before {
  content: "\f56c";
}

.b-fa-file-csv::before {
  content: "\f6dd";
}

.b-fa-file-excel::before {
  content: "\f1c3";
}

.b-fa-file-export::before {
  content: "\f56e";
}

.b-fa-arrow-right-from-file::before {
  content: "\f56e";
}

.b-fa-file-image::before {
  content: "\f1c5";
}

.b-fa-file-import::before {
  content: "\f56f";
}

.b-fa-arrow-right-to-file::before {
  content: "\f56f";
}

.b-fa-file-invoice::before {
  content: "\f570";
}

.b-fa-file-invoice-dollar::before {
  content: "\f571";
}

.b-fa-file-lines::before {
  content: "\f15c";
}

.b-fa-file-alt::before {
  content: "\f15c";
}

.b-fa-file-text::before {
  content: "\f15c";
}

.b-fa-file-medical::before {
  content: "\f477";
}

.b-fa-file-pdf::before {
  content: "\f1c1";
}

.b-fa-file-pen::before {
  content: "\f31c";
}

.b-fa-file-edit::before {
  content: "\f31c";
}

.b-fa-file-powerpoint::before {
  content: "\f1c4";
}

.b-fa-file-prescription::before {
  content: "\f572";
}

.b-fa-file-shield::before {
  content: "\e4f0";
}

.b-fa-file-signature::before {
  content: "\f573";
}

.b-fa-file-video::before {
  content: "\f1c8";
}

.b-fa-file-waveform::before {
  content: "\f478";
}

.b-fa-file-medical-alt::before {
  content: "\f478";
}

.b-fa-file-word::before {
  content: "\f1c2";
}

.b-fa-file-zipper::before {
  content: "\f1c6";
}

.b-fa-file-archive::before {
  content: "\f1c6";
}

.b-fa-fill::before {
  content: "\f575";
}

.b-fa-fill-drip::before {
  content: "\f576";
}

.b-fa-film::before {
  content: "\f008";
}

.b-fa-filter::before {
  content: "\f0b0";
}

.b-fa-filter-circle-dollar::before {
  content: "\f662";
}

.b-fa-funnel-dollar::before {
  content: "\f662";
}

.b-fa-filter-circle-xmark::before {
  content: "\e17b";
}

.b-fa-fingerprint::before {
  content: "\f577";
}

.b-fa-fire::before {
  content: "\f06d";
}

.b-fa-fire-burner::before {
  content: "\e4f1";
}

.b-fa-fire-extinguisher::before {
  content: "\f134";
}

.b-fa-fire-flame-curved::before {
  content: "\f7e4";
}

.b-fa-fire-alt::before {
  content: "\f7e4";
}

.b-fa-fire-flame-simple::before {
  content: "\f46a";
}

.b-fa-burn::before {
  content: "\f46a";
}

.b-fa-fish::before {
  content: "\f578";
}

.b-fa-fish-fins::before {
  content: "\e4f2";
}

.b-fa-flag::before {
  content: "\f024";
}

.b-fa-flag-checkered::before {
  content: "\f11e";
}

.b-fa-flag-usa::before {
  content: "\f74d";
}

.b-fa-flask::before {
  content: "\f0c3";
}

.b-fa-flask-vial::before {
  content: "\e4f3";
}

.b-fa-floppy-disk::before {
  content: "\f0c7";
}

.b-fa-save::before {
  content: "\f0c7";
}

.b-fa-florin-sign::before {
  content: "\e184";
}

.b-fa-folder::before {
  content: "\f07b";
}

.b-fa-folder-blank::before {
  content: "\f07b";
}

.b-fa-folder-closed::before {
  content: "\e185";
}

.b-fa-folder-minus::before {
  content: "\f65d";
}

.b-fa-folder-open::before {
  content: "\f07c";
}

.b-fa-folder-plus::before {
  content: "\f65e";
}

.b-fa-folder-tree::before {
  content: "\f802";
}

.b-fa-font::before {
  content: "\f031";
}

.b-fa-football::before {
  content: "\f44e";
}

.b-fa-football-ball::before {
  content: "\f44e";
}

.b-fa-forward::before {
  content: "\f04e";
}

.b-fa-forward-fast::before {
  content: "\f050";
}

.b-fa-fast-forward::before {
  content: "\f050";
}

.b-fa-forward-step::before {
  content: "\f051";
}

.b-fa-step-forward::before {
  content: "\f051";
}

.b-fa-franc-sign::before {
  content: "\e18f";
}

.b-fa-frog::before {
  content: "\f52e";
}

.b-fa-futbol::before {
  content: "\f1e3";
}

.b-fa-futbol-ball::before {
  content: "\f1e3";
}

.b-fa-soccer-ball::before {
  content: "\f1e3";
}

.b-fa-g::before {
  content: "G";
}

.b-fa-gamepad::before {
  content: "\f11b";
}

.b-fa-gas-pump::before {
  content: "\f52f";
}

.b-fa-gauge::before {
  content: "\f624";
}

.b-fa-dashboard::before {
  content: "\f624";
}

.b-fa-gauge-med::before {
  content: "\f624";
}

.b-fa-tachometer-alt-average::before {
  content: "\f624";
}

.b-fa-gauge-high::before {
  content: "\f625";
}

.b-fa-tachometer-alt::before {
  content: "\f625";
}

.b-fa-tachometer-alt-fast::before {
  content: "\f625";
}

.b-fa-gauge-simple::before {
  content: "\f629";
}

.b-fa-gauge-simple-med::before {
  content: "\f629";
}

.b-fa-tachometer-average::before {
  content: "\f629";
}

.b-fa-gauge-simple-high::before {
  content: "\f62a";
}

.b-fa-tachometer::before {
  content: "\f62a";
}

.b-fa-tachometer-fast::before {
  content: "\f62a";
}

.b-fa-gavel::before {
  content: "\f0e3";
}

.b-fa-legal::before {
  content: "\f0e3";
}

.b-fa-gear::before {
  content: "\f013";
}

.b-fa-cog::before {
  content: "\f013";
}

.b-fa-gears::before {
  content: "\f085";
}

.b-fa-cogs::before {
  content: "\f085";
}

.b-fa-gem::before {
  content: "\f3a5";
}

.b-fa-genderless::before {
  content: "\f22d";
}

.b-fa-ghost::before {
  content: "\f6e2";
}

.b-fa-gift::before {
  content: "\f06b";
}

.b-fa-gifts::before {
  content: "\f79c";
}

.b-fa-glass-water::before {
  content: "\e4f4";
}

.b-fa-glass-water-droplet::before {
  content: "\e4f5";
}

.b-fa-glasses::before {
  content: "\f530";
}

.b-fa-globe::before {
  content: "\f0ac";
}

.b-fa-golf-ball-tee::before {
  content: "\f450";
}

.b-fa-golf-ball::before {
  content: "\f450";
}

.b-fa-gopuram::before {
  content: "\f664";
}

.b-fa-graduation-cap::before {
  content: "\f19d";
}

.b-fa-mortar-board::before {
  content: "\f19d";
}

.b-fa-greater-than::before {
  content: "\>";
}

.b-fa-greater-than-equal::before {
  content: "\f532";
}

.b-fa-grip::before {
  content: "\f58d";
}

.b-fa-grip-horizontal::before {
  content: "\f58d";
}

.b-fa-grip-lines::before {
  content: "\f7a4";
}

.b-fa-grip-lines-vertical::before {
  content: "\f7a5";
}

.b-fa-grip-vertical::before {
  content: "\f58e";
}

.b-fa-group-arrows-rotate::before {
  content: "\e4f6";
}

.b-fa-guarani-sign::before {
  content: "\e19a";
}

.b-fa-guitar::before {
  content: "\f7a6";
}

.b-fa-gun::before {
  content: "\e19b";
}

.b-fa-h::before {
  content: "H";
}

.b-fa-hammer::before {
  content: "\f6e3";
}

.b-fa-hamsa::before {
  content: "\f665";
}

.b-fa-hand::before {
  content: "\f256";
}

.b-fa-hand-paper::before {
  content: "\f256";
}

.b-fa-hand-back-fist::before {
  content: "\f255";
}

.b-fa-hand-rock::before {
  content: "\f255";
}

.b-fa-hand-dots::before {
  content: "\f461";
}

.b-fa-allergies::before {
  content: "\f461";
}

.b-fa-hand-fist::before {
  content: "\f6de";
}

.b-fa-fist-raised::before {
  content: "\f6de";
}

.b-fa-hand-holding::before {
  content: "\f4bd";
}

.b-fa-hand-holding-dollar::before {
  content: "\f4c0";
}

.b-fa-hand-holding-usd::before {
  content: "\f4c0";
}

.b-fa-hand-holding-droplet::before {
  content: "\f4c1";
}

.b-fa-hand-holding-water::before {
  content: "\f4c1";
}

.b-fa-hand-holding-hand::before {
  content: "\e4f7";
}

.b-fa-hand-holding-heart::before {
  content: "\f4be";
}

.b-fa-hand-holding-medical::before {
  content: "\e05c";
}

.b-fa-hand-lizard::before {
  content: "\f258";
}

.b-fa-hand-middle-finger::before {
  content: "\f806";
}

.b-fa-hand-peace::before {
  content: "\f25b";
}

.b-fa-hand-point-down::before {
  content: "\f0a7";
}

.b-fa-hand-point-left::before {
  content: "\f0a5";
}

.b-fa-hand-point-right::before {
  content: "\f0a4";
}

.b-fa-hand-point-up::before {
  content: "\f0a6";
}

.b-fa-hand-pointer::before {
  content: "\f25a";
}

.b-fa-hand-scissors::before {
  content: "\f257";
}

.b-fa-hand-sparkles::before {
  content: "\e05d";
}

.b-fa-hand-spock::before {
  content: "\f259";
}

.b-fa-handcuffs::before {
  content: "\e4f8";
}

.b-fa-hands::before {
  content: "\f2a7";
}

.b-fa-sign-language::before {
  content: "\f2a7";
}

.b-fa-signing::before {
  content: "\f2a7";
}

.b-fa-hands-asl-interpreting::before {
  content: "\f2a3";
}

.b-fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.b-fa-asl-interpreting::before {
  content: "\f2a3";
}

.b-fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.b-fa-hands-bound::before {
  content: "\e4f9";
}

.b-fa-hands-bubbles::before {
  content: "\e05e";
}

.b-fa-hands-wash::before {
  content: "\e05e";
}

.b-fa-hands-clapping::before {
  content: "\e1a8";
}

.b-fa-hands-holding::before {
  content: "\f4c2";
}

.b-fa-hands-holding-child::before {
  content: "\e4fa";
}

.b-fa-hands-holding-circle::before {
  content: "\e4fb";
}

.b-fa-hands-praying::before {
  content: "\f684";
}

.b-fa-praying-hands::before {
  content: "\f684";
}

.b-fa-handshake::before {
  content: "\f2b5";
}

.b-fa-handshake-angle::before {
  content: "\f4c4";
}

.b-fa-hands-helping::before {
  content: "\f4c4";
}

.b-fa-handshake-simple::before {
  content: "\f4c6";
}

.b-fa-handshake-alt::before {
  content: "\f4c6";
}

.b-fa-handshake-simple-slash::before {
  content: "\e05f";
}

.b-fa-handshake-alt-slash::before {
  content: "\e05f";
}

.b-fa-handshake-slash::before {
  content: "\e060";
}

.b-fa-hanukiah::before {
  content: "\f6e6";
}

.b-fa-hard-drive::before {
  content: "\f0a0";
}

.b-fa-hdd::before {
  content: "\f0a0";
}

.b-fa-hashtag::before {
  content: "\#";
}

.b-fa-hat-cowboy::before {
  content: "\f8c0";
}

.b-fa-hat-cowboy-side::before {
  content: "\f8c1";
}

.b-fa-hat-wizard::before {
  content: "\f6e8";
}

.b-fa-head-side-cough::before {
  content: "\e061";
}

.b-fa-head-side-cough-slash::before {
  content: "\e062";
}

.b-fa-head-side-mask::before {
  content: "\e063";
}

.b-fa-head-side-virus::before {
  content: "\e064";
}

.b-fa-heading::before {
  content: "\f1dc";
}

.b-fa-header::before {
  content: "\f1dc";
}

.b-fa-headphones::before {
  content: "\f025";
}

.b-fa-headphones-simple::before {
  content: "\f58f";
}

.b-fa-headphones-alt::before {
  content: "\f58f";
}

.b-fa-headset::before {
  content: "\f590";
}

.b-fa-heart::before {
  content: "\f004";
}

.b-fa-heart-circle-bolt::before {
  content: "\e4fc";
}

.b-fa-heart-circle-check::before {
  content: "\e4fd";
}

.b-fa-heart-circle-exclamation::before {
  content: "\e4fe";
}

.b-fa-heart-circle-minus::before {
  content: "\e4ff";
}

.b-fa-heart-circle-plus::before {
  content: "\e500";
}

.b-fa-heart-circle-xmark::before {
  content: "\e501";
}

.b-fa-heart-crack::before {
  content: "\f7a9";
}

.b-fa-heart-broken::before {
  content: "\f7a9";
}

.b-fa-heart-pulse::before {
  content: "\f21e";
}

.b-fa-heartbeat::before {
  content: "\f21e";
}

.b-fa-helicopter::before {
  content: "\f533";
}

.b-fa-helicopter-symbol::before {
  content: "\e502";
}

.b-fa-helmet-safety::before {
  content: "\f807";
}

.b-fa-hard-hat::before {
  content: "\f807";
}

.b-fa-hat-hard::before {
  content: "\f807";
}

.b-fa-helmet-un::before {
  content: "\e503";
}

.b-fa-highlighter::before {
  content: "\f591";
}

.b-fa-hill-avalanche::before {
  content: "\e507";
}

.b-fa-hill-rockslide::before {
  content: "\e508";
}

.b-fa-hippo::before {
  content: "\f6ed";
}

.b-fa-hockey-puck::before {
  content: "\f453";
}

.b-fa-holly-berry::before {
  content: "\f7aa";
}

.b-fa-horse::before {
  content: "\f6f0";
}

.b-fa-horse-head::before {
  content: "\f7ab";
}

.b-fa-hospital::before {
  content: "\f0f8";
}

.b-fa-hospital-alt::before {
  content: "\f0f8";
}

.b-fa-hospital-wide::before {
  content: "\f0f8";
}

.b-fa-hospital-user::before {
  content: "\f80d";
}

.b-fa-hot-tub-person::before {
  content: "\f593";
}

.b-fa-hot-tub::before {
  content: "\f593";
}

.b-fa-hotdog::before {
  content: "\f80f";
}

.b-fa-hotel::before {
  content: "\f594";
}

.b-fa-hourglass::before {
  content: "\f254";
}

.b-fa-hourglass-2::before {
  content: "\f254";
}

.b-fa-hourglass-half::before {
  content: "\f254";
}

.b-fa-hourglass-empty::before {
  content: "\f252";
}

.b-fa-hourglass-end::before {
  content: "\f253";
}

.b-fa-hourglass-3::before {
  content: "\f253";
}

.b-fa-hourglass-start::before {
  content: "\f251";
}

.b-fa-hourglass-1::before {
  content: "\f251";
}

.b-fa-house::before {
  content: "\f015";
}

.b-fa-home::before {
  content: "\f015";
}

.b-fa-home-alt::before {
  content: "\f015";
}

.b-fa-home-lg-alt::before {
  content: "\f015";
}

.b-fa-house-chimney::before {
  content: "\e3af";
}

.b-fa-home-lg::before {
  content: "\e3af";
}

.b-fa-house-chimney-crack::before {
  content: "\f6f1";
}

.b-fa-house-damage::before {
  content: "\f6f1";
}

.b-fa-house-chimney-medical::before {
  content: "\f7f2";
}

.b-fa-clinic-medical::before {
  content: "\f7f2";
}

.b-fa-house-chimney-user::before {
  content: "\e065";
}

.b-fa-house-chimney-window::before {
  content: "\e00d";
}

.b-fa-house-circle-check::before {
  content: "\e509";
}

.b-fa-house-circle-exclamation::before {
  content: "\e50a";
}

.b-fa-house-circle-xmark::before {
  content: "\e50b";
}

.b-fa-house-crack::before {
  content: "\e3b1";
}

.b-fa-house-fire::before {
  content: "\e50c";
}

.b-fa-house-flag::before {
  content: "\e50d";
}

.b-fa-house-flood-water::before {
  content: "\e50e";
}

.b-fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f";
}

.b-fa-house-laptop::before {
  content: "\e066";
}

.b-fa-laptop-house::before {
  content: "\e066";
}

.b-fa-house-lock::before {
  content: "\e510";
}

.b-fa-house-medical::before {
  content: "\e3b2";
}

.b-fa-house-medical-circle-check::before {
  content: "\e511";
}

.b-fa-house-medical-circle-exclamation::before {
  content: "\e512";
}

.b-fa-house-medical-circle-xmark::before {
  content: "\e513";
}

.b-fa-house-medical-flag::before {
  content: "\e514";
}

.b-fa-house-signal::before {
  content: "\e012";
}

.b-fa-house-tsunami::before {
  content: "\e515";
}

.b-fa-house-user::before {
  content: "\e1b0";
}

.b-fa-home-user::before {
  content: "\e1b0";
}

.b-fa-hryvnia-sign::before {
  content: "\f6f2";
}

.b-fa-hryvnia::before {
  content: "\f6f2";
}

.b-fa-hurricane::before {
  content: "\f751";
}

.b-fa-i::before {
  content: "I";
}

.b-fa-i-cursor::before {
  content: "\f246";
}

.b-fa-ice-cream::before {
  content: "\f810";
}

.b-fa-icicles::before {
  content: "\f7ad";
}

.b-fa-icons::before {
  content: "\f86d";
}

.b-fa-heart-music-camera-bolt::before {
  content: "\f86d";
}

.b-fa-id-badge::before {
  content: "\f2c1";
}

.b-fa-id-card::before {
  content: "\f2c2";
}

.b-fa-drivers-license::before {
  content: "\f2c2";
}

.b-fa-id-card-clip::before {
  content: "\f47f";
}

.b-fa-id-card-alt::before {
  content: "\f47f";
}

.b-fa-igloo::before {
  content: "\f7ae";
}

.b-fa-image::before {
  content: "\f03e";
}

.b-fa-image-portrait::before {
  content: "\f3e0";
}

.b-fa-portrait::before {
  content: "\f3e0";
}

.b-fa-images::before {
  content: "\f302";
}

.b-fa-inbox::before {
  content: "\f01c";
}

.b-fa-indent::before {
  content: "\f03c";
}

.b-fa-indian-rupee-sign::before {
  content: "\e1bc";
}

.b-fa-indian-rupee::before {
  content: "\e1bc";
}

.b-fa-inr::before {
  content: "\e1bc";
}

.b-fa-industry::before {
  content: "\f275";
}

.b-fa-infinity::before {
  content: "\f534";
}

.b-fa-info::before {
  content: "\f129";
}

.b-fa-italic::before {
  content: "\f033";
}

.b-fa-j::before {
  content: "J";
}

.b-fa-jar::before {
  content: "\e516";
}

.b-fa-jar-wheat::before {
  content: "\e517";
}

.b-fa-jedi::before {
  content: "\f669";
}

.b-fa-jet-fighter::before {
  content: "\f0fb";
}

.b-fa-fighter-jet::before {
  content: "\f0fb";
}

.b-fa-jet-fighter-up::before {
  content: "\e518";
}

.b-fa-joint::before {
  content: "\f595";
}

.b-fa-jug-detergent::before {
  content: "\e519";
}

.b-fa-k::before {
  content: "K";
}

.b-fa-kaaba::before {
  content: "\f66b";
}

.b-fa-key::before {
  content: "\f084";
}

.b-fa-keyboard::before {
  content: "\f11c";
}

.b-fa-khanda::before {
  content: "\f66d";
}

.b-fa-kip-sign::before {
  content: "\e1c4";
}

.b-fa-kit-medical::before {
  content: "\f479";
}

.b-fa-first-aid::before {
  content: "\f479";
}

.b-fa-kitchen-set::before {
  content: "\e51a";
}

.b-fa-kiwi-bird::before {
  content: "\f535";
}

.b-fa-l::before {
  content: "L";
}

.b-fa-land-mine-on::before {
  content: "\e51b";
}

.b-fa-landmark::before {
  content: "\f66f";
}

.b-fa-landmark-dome::before {
  content: "\f752";
}

.b-fa-landmark-alt::before {
  content: "\f752";
}

.b-fa-landmark-flag::before {
  content: "\e51c";
}

.b-fa-language::before {
  content: "\f1ab";
}

.b-fa-laptop::before {
  content: "\f109";
}

.b-fa-laptop-code::before {
  content: "\f5fc";
}

.b-fa-laptop-file::before {
  content: "\e51d";
}

.b-fa-laptop-medical::before {
  content: "\f812";
}

.b-fa-lari-sign::before {
  content: "\e1c8";
}

.b-fa-layer-group::before {
  content: "\f5fd";
}

.b-fa-leaf::before {
  content: "\f06c";
}

.b-fa-left-long::before {
  content: "\f30a";
}

.b-fa-long-arrow-alt-left::before {
  content: "\f30a";
}

.b-fa-left-right::before {
  content: "\f337";
}

.b-fa-arrows-alt-h::before {
  content: "\f337";
}

.b-fa-lemon::before {
  content: "\f094";
}

.b-fa-less-than::before {
  content: "\<";
}

.b-fa-less-than-equal::before {
  content: "\f537";
}

.b-fa-life-ring::before {
  content: "\f1cd";
}

.b-fa-lightbulb::before {
  content: "\f0eb";
}

.b-fa-lines-leaning::before {
  content: "\e51e";
}

.b-fa-link::before {
  content: "\f0c1";
}

.b-fa-chain::before {
  content: "\f0c1";
}

.b-fa-link-slash::before {
  content: "\f127";
}

.b-fa-chain-broken::before {
  content: "\f127";
}

.b-fa-chain-slash::before {
  content: "\f127";
}

.b-fa-unlink::before {
  content: "\f127";
}

.b-fa-lira-sign::before {
  content: "\f195";
}

.b-fa-list::before {
  content: "\f03a";
}

.b-fa-list-squares::before {
  content: "\f03a";
}

.b-fa-list-check::before {
  content: "\f0ae";
}

.b-fa-tasks::before {
  content: "\f0ae";
}

.b-fa-list-ol::before {
  content: "\f0cb";
}

.b-fa-list-1-2::before {
  content: "\f0cb";
}

.b-fa-list-numeric::before {
  content: "\f0cb";
}

.b-fa-list-ul::before {
  content: "\f0ca";
}

.b-fa-list-dots::before {
  content: "\f0ca";
}

.b-fa-litecoin-sign::before {
  content: "\e1d3";
}

.b-fa-location-arrow::before {
  content: "\f124";
}

.b-fa-location-crosshairs::before {
  content: "\f601";
}

.b-fa-location::before {
  content: "\f601";
}

.b-fa-location-dot::before {
  content: "\f3c5";
}

.b-fa-map-marker-alt::before {
  content: "\f3c5";
}

.b-fa-location-pin::before {
  content: "\f041";
}

.b-fa-map-marker::before {
  content: "\f041";
}

.b-fa-location-pin-lock::before {
  content: "\e51f";
}

.b-fa-lock::before {
  content: "\f023";
}

.b-fa-lock-open::before {
  content: "\f3c1";
}

.b-fa-locust::before {
  content: "\e520";
}

.b-fa-lungs::before {
  content: "\f604";
}

.b-fa-lungs-virus::before {
  content: "\e067";
}

.b-fa-m::before {
  content: "M";
}

.b-fa-magnet::before {
  content: "\f076";
}

.b-fa-magnifying-glass::before {
  content: "\f002";
}

.b-fa-search::before {
  content: "\f002";
}

.b-fa-magnifying-glass-arrow-right::before {
  content: "\e521";
}

.b-fa-magnifying-glass-chart::before {
  content: "\e522";
}

.b-fa-magnifying-glass-dollar::before {
  content: "\f688";
}

.b-fa-search-dollar::before {
  content: "\f688";
}

.b-fa-magnifying-glass-location::before {
  content: "\f689";
}

.b-fa-search-location::before {
  content: "\f689";
}

.b-fa-magnifying-glass-minus::before {
  content: "\f010";
}

.b-fa-search-minus::before {
  content: "\f010";
}

.b-fa-magnifying-glass-plus::before {
  content: "\f00e";
}

.b-fa-search-plus::before {
  content: "\f00e";
}

.b-fa-manat-sign::before {
  content: "\e1d5";
}

.b-fa-map::before {
  content: "\f279";
}

.b-fa-map-location::before {
  content: "\f59f";
}

.b-fa-map-marked::before {
  content: "\f59f";
}

.b-fa-map-location-dot::before {
  content: "\f5a0";
}

.b-fa-map-marked-alt::before {
  content: "\f5a0";
}

.b-fa-map-pin::before {
  content: "\f276";
}

.b-fa-marker::before {
  content: "\f5a1";
}

.b-fa-mars::before {
  content: "\f222";
}

.b-fa-mars-and-venus::before {
  content: "\f224";
}

.b-fa-mars-and-venus-burst::before {
  content: "\e523";
}

.b-fa-mars-double::before {
  content: "\f227";
}

.b-fa-mars-stroke::before {
  content: "\f229";
}

.b-fa-mars-stroke-right::before {
  content: "\f22b";
}

.b-fa-mars-stroke-h::before {
  content: "\f22b";
}

.b-fa-mars-stroke-up::before {
  content: "\f22a";
}

.b-fa-mars-stroke-v::before {
  content: "\f22a";
}

.b-fa-martini-glass::before {
  content: "\f57b";
}

.b-fa-glass-martini-alt::before {
  content: "\f57b";
}

.b-fa-martini-glass-citrus::before {
  content: "\f561";
}

.b-fa-cocktail::before {
  content: "\f561";
}

.b-fa-martini-glass-empty::before {
  content: "\f000";
}

.b-fa-glass-martini::before {
  content: "\f000";
}

.b-fa-mask::before {
  content: "\f6fa";
}

.b-fa-mask-face::before {
  content: "\e1d7";
}

.b-fa-mask-ventilator::before {
  content: "\e524";
}

.b-fa-masks-theater::before {
  content: "\f630";
}

.b-fa-theater-masks::before {
  content: "\f630";
}

.b-fa-mattress-pillow::before {
  content: "\e525";
}

.b-fa-maximize::before {
  content: "\f31e";
}

.b-fa-expand-arrows-alt::before {
  content: "\f31e";
}

.b-fa-medal::before {
  content: "\f5a2";
}

.b-fa-memory::before {
  content: "\f538";
}

.b-fa-menorah::before {
  content: "\f676";
}

.b-fa-mercury::before {
  content: "\f223";
}

.b-fa-message::before {
  content: "\f27a";
}

.b-fa-comment-alt::before {
  content: "\f27a";
}

.b-fa-meteor::before {
  content: "\f753";
}

.b-fa-microchip::before {
  content: "\f2db";
}

.b-fa-microphone::before {
  content: "\f130";
}

.b-fa-microphone-lines::before {
  content: "\f3c9";
}

.b-fa-microphone-alt::before {
  content: "\f3c9";
}

.b-fa-microphone-lines-slash::before {
  content: "\f539";
}

.b-fa-microphone-alt-slash::before {
  content: "\f539";
}

.b-fa-microphone-slash::before {
  content: "\f131";
}

.b-fa-microscope::before {
  content: "\f610";
}

.b-fa-mill-sign::before {
  content: "\e1ed";
}

.b-fa-minimize::before {
  content: "\f78c";
}

.b-fa-compress-arrows-alt::before {
  content: "\f78c";
}

.b-fa-minus::before {
  content: "\f068";
}

.b-fa-subtract::before {
  content: "\f068";
}

.b-fa-mitten::before {
  content: "\f7b5";
}

.b-fa-mobile::before {
  content: "\f3ce";
}

.b-fa-mobile-android::before {
  content: "\f3ce";
}

.b-fa-mobile-phone::before {
  content: "\f3ce";
}

.b-fa-mobile-button::before {
  content: "\f10b";
}

.b-fa-mobile-retro::before {
  content: "\e527";
}

.b-fa-mobile-screen::before {
  content: "\f3cf";
}

.b-fa-mobile-android-alt::before {
  content: "\f3cf";
}

.b-fa-mobile-screen-button::before {
  content: "\f3cd";
}

.b-fa-mobile-alt::before {
  content: "\f3cd";
}

.b-fa-money-bill::before {
  content: "\f0d6";
}

.b-fa-money-bill-1::before {
  content: "\f3d1";
}

.b-fa-money-bill-alt::before {
  content: "\f3d1";
}

.b-fa-money-bill-1-wave::before {
  content: "\f53b";
}

.b-fa-money-bill-wave-alt::before {
  content: "\f53b";
}

.b-fa-money-bill-transfer::before {
  content: "\e528";
}

.b-fa-money-bill-trend-up::before {
  content: "\e529";
}

.b-fa-money-bill-wave::before {
  content: "\f53a";
}

.b-fa-money-bill-wheat::before {
  content: "\e52a";
}

.b-fa-money-bills::before {
  content: "\e1f3";
}

.b-fa-money-check::before {
  content: "\f53c";
}

.b-fa-money-check-dollar::before {
  content: "\f53d";
}

.b-fa-money-check-alt::before {
  content: "\f53d";
}

.b-fa-monument::before {
  content: "\f5a6";
}

.b-fa-moon::before {
  content: "\f186";
}

.b-fa-mortar-pestle::before {
  content: "\f5a7";
}

.b-fa-mosque::before {
  content: "\f678";
}

.b-fa-mosquito::before {
  content: "\e52b";
}

.b-fa-mosquito-net::before {
  content: "\e52c";
}

.b-fa-motorcycle::before {
  content: "\f21c";
}

.b-fa-mound::before {
  content: "\e52d";
}

.b-fa-mountain::before {
  content: "\f6fc";
}

.b-fa-mountain-city::before {
  content: "\e52e";
}

.b-fa-mountain-sun::before {
  content: "\e52f";
}

.b-fa-mug-hot::before {
  content: "\f7b6";
}

.b-fa-mug-saucer::before {
  content: "\f0f4";
}

.b-fa-coffee::before {
  content: "\f0f4";
}

.b-fa-music::before {
  content: "\f001";
}

.b-fa-n::before {
  content: "N";
}

.b-fa-naira-sign::before {
  content: "\e1f6";
}

.b-fa-network-wired::before {
  content: "\f6ff";
}

.b-fa-neuter::before {
  content: "\f22c";
}

.b-fa-newspaper::before {
  content: "\f1ea";
}

.b-fa-not-equal::before {
  content: "\f53e";
}

.b-fa-note-sticky::before {
  content: "\f249";
}

.b-fa-sticky-note::before {
  content: "\f249";
}

.b-fa-notes-medical::before {
  content: "\f481";
}

.b-fa-o::before {
  content: "O";
}

.b-fa-object-group::before {
  content: "\f247";
}

.b-fa-object-ungroup::before {
  content: "\f248";
}

.b-fa-oil-can::before {
  content: "\f613";
}

.b-fa-oil-well::before {
  content: "\e532";
}

.b-fa-om::before {
  content: "\f679";
}

.b-fa-otter::before {
  content: "\f700";
}

.b-fa-outdent::before {
  content: "\f03b";
}

.b-fa-dedent::before {
  content: "\f03b";
}

.b-fa-p::before {
  content: "P";
}

.b-fa-pager::before {
  content: "\f815";
}

.b-fa-paint-roller::before {
  content: "\f5aa";
}

.b-fa-paintbrush::before {
  content: "\f1fc";
}

.b-fa-paint-brush::before {
  content: "\f1fc";
}

.b-fa-palette::before {
  content: "\f53f";
}

.b-fa-pallet::before {
  content: "\f482";
}

.b-fa-panorama::before {
  content: "\e209";
}

.b-fa-paper-plane::before {
  content: "\f1d8";
}

.b-fa-paperclip::before {
  content: "\f0c6";
}

.b-fa-parachute-box::before {
  content: "\f4cd";
}

.b-fa-paragraph::before {
  content: "\f1dd";
}

.b-fa-passport::before {
  content: "\f5ab";
}

.b-fa-paste::before {
  content: "\f0ea";
}

.b-fa-file-clipboard::before {
  content: "\f0ea";
}

.b-fa-pause::before {
  content: "\f04c";
}

.b-fa-paw::before {
  content: "\f1b0";
}

.b-fa-peace::before {
  content: "\f67c";
}

.b-fa-pen::before {
  content: "\f304";
}

.b-fa-pen-clip::before {
  content: "\f305";
}

.b-fa-pen-alt::before {
  content: "\f305";
}

.b-fa-pen-fancy::before {
  content: "\f5ac";
}

.b-fa-pen-nib::before {
  content: "\f5ad";
}

.b-fa-pen-ruler::before {
  content: "\f5ae";
}

.b-fa-pencil-ruler::before {
  content: "\f5ae";
}

.b-fa-pen-to-square::before {
  content: "\f044";
}

.b-fa-edit::before {
  content: "\f044";
}

.b-fa-pencil::before {
  content: "\f303";
}

.b-fa-pencil-alt::before {
  content: "\f303";
}

.b-fa-people-arrows-left-right::before {
  content: "\e068";
}

.b-fa-people-arrows::before {
  content: "\e068";
}

.b-fa-people-carry-box::before {
  content: "\f4ce";
}

.b-fa-people-carry::before {
  content: "\f4ce";
}

.b-fa-people-group::before {
  content: "\e533";
}

.b-fa-people-line::before {
  content: "\e534";
}

.b-fa-people-pulling::before {
  content: "\e535";
}

.b-fa-people-robbery::before {
  content: "\e536";
}

.b-fa-people-roof::before {
  content: "\e537";
}

.b-fa-pepper-hot::before {
  content: "\f816";
}

.b-fa-percent::before {
  content: "\%";
}

.b-fa-percentage::before {
  content: "\%";
}

.b-fa-person::before {
  content: "\f183";
}

.b-fa-male::before {
  content: "\f183";
}

.b-fa-person-arrow-down-to-line::before {
  content: "\e538";
}

.b-fa-person-arrow-up-from-line::before {
  content: "\e539";
}

.b-fa-person-biking::before {
  content: "\f84a";
}

.b-fa-biking::before {
  content: "\f84a";
}

.b-fa-person-booth::before {
  content: "\f756";
}

.b-fa-person-breastfeeding::before {
  content: "\e53a";
}

.b-fa-person-burst::before {
  content: "\e53b";
}

.b-fa-person-cane::before {
  content: "\e53c";
}

.b-fa-person-chalkboard::before {
  content: "\e53d";
}

.b-fa-person-circle-check::before {
  content: "\e53e";
}

.b-fa-person-circle-exclamation::before {
  content: "\e53f";
}

.b-fa-person-circle-minus::before {
  content: "\e540";
}

.b-fa-person-circle-plus::before {
  content: "\e541";
}

.b-fa-person-circle-question::before {
  content: "\e542";
}

.b-fa-person-circle-xmark::before {
  content: "\e543";
}

.b-fa-person-digging::before {
  content: "\f85e";
}

.b-fa-digging::before {
  content: "\f85e";
}

.b-fa-person-dots-from-line::before {
  content: "\f470";
}

.b-fa-diagnoses::before {
  content: "\f470";
}

.b-fa-person-dress::before {
  content: "\f182";
}

.b-fa-female::before {
  content: "\f182";
}

.b-fa-person-dress-burst::before {
  content: "\e544";
}

.b-fa-person-drowning::before {
  content: "\e545";
}

.b-fa-person-falling::before {
  content: "\e546";
}

.b-fa-person-falling-burst::before {
  content: "\e547";
}

.b-fa-person-half-dress::before {
  content: "\e548";
}

.b-fa-person-harassing::before {
  content: "\e549";
}

.b-fa-person-hiking::before {
  content: "\f6ec";
}

.b-fa-hiking::before {
  content: "\f6ec";
}

.b-fa-person-military-pointing::before {
  content: "\e54a";
}

.b-fa-person-military-rifle::before {
  content: "\e54b";
}

.b-fa-person-military-to-person::before {
  content: "\e54c";
}

.b-fa-person-praying::before {
  content: "\f683";
}

.b-fa-pray::before {
  content: "\f683";
}

.b-fa-person-pregnant::before {
  content: "\e31e";
}

.b-fa-person-rays::before {
  content: "\e54d";
}

.b-fa-person-rifle::before {
  content: "\e54e";
}

.b-fa-person-running::before {
  content: "\f70c";
}

.b-fa-running::before {
  content: "\f70c";
}

.b-fa-person-shelter::before {
  content: "\e54f";
}

.b-fa-person-skating::before {
  content: "\f7c5";
}

.b-fa-skating::before {
  content: "\f7c5";
}

.b-fa-person-skiing::before {
  content: "\f7c9";
}

.b-fa-skiing::before {
  content: "\f7c9";
}

.b-fa-person-skiing-nordic::before {
  content: "\f7ca";
}

.b-fa-skiing-nordic::before {
  content: "\f7ca";
}

.b-fa-person-snowboarding::before {
  content: "\f7ce";
}

.b-fa-snowboarding::before {
  content: "\f7ce";
}

.b-fa-person-swimming::before {
  content: "\f5c4";
}

.b-fa-swimmer::before {
  content: "\f5c4";
}

.b-fa-person-through-window::before {
  content: "\e433";
}

.b-fa-person-walking::before {
  content: "\f554";
}

.b-fa-walking::before {
  content: "\f554";
}

.b-fa-person-walking-arrow-loop-left::before {
  content: "\e551";
}

.b-fa-person-walking-arrow-right::before {
  content: "\e552";
}

.b-fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553";
}

.b-fa-person-walking-luggage::before {
  content: "\e554";
}

.b-fa-person-walking-with-cane::before {
  content: "\f29d";
}

.b-fa-blind::before {
  content: "\f29d";
}

.b-fa-peseta-sign::before {
  content: "\e221";
}

.b-fa-peso-sign::before {
  content: "\e222";
}

.b-fa-phone::before {
  content: "\f095";
}

.b-fa-phone-flip::before {
  content: "\f879";
}

.b-fa-phone-alt::before {
  content: "\f879";
}

.b-fa-phone-slash::before {
  content: "\f3dd";
}

.b-fa-phone-volume::before {
  content: "\f2a0";
}

.b-fa-volume-control-phone::before {
  content: "\f2a0";
}

.b-fa-photo-film::before {
  content: "\f87c";
}

.b-fa-photo-video::before {
  content: "\f87c";
}

.b-fa-piggy-bank::before {
  content: "\f4d3";
}

.b-fa-pills::before {
  content: "\f484";
}

.b-fa-pizza-slice::before {
  content: "\f818";
}

.b-fa-place-of-worship::before {
  content: "\f67f";
}

.b-fa-plane::before {
  content: "\f072";
}

.b-fa-plane-arrival::before {
  content: "\f5af";
}

.b-fa-plane-circle-check::before {
  content: "\e555";
}

.b-fa-plane-circle-exclamation::before {
  content: "\e556";
}

.b-fa-plane-circle-xmark::before {
  content: "\e557";
}

.b-fa-plane-departure::before {
  content: "\f5b0";
}

.b-fa-plane-lock::before {
  content: "\e558";
}

.b-fa-plane-slash::before {
  content: "\e069";
}

.b-fa-plane-up::before {
  content: "\e22d";
}

.b-fa-plant-wilt::before {
  content: "\e43b";
}

.b-fa-plate-wheat::before {
  content: "\e55a";
}

.b-fa-play::before {
  content: "\f04b";
}

.b-fa-plug::before {
  content: "\f1e6";
}

.b-fa-plug-circle-bolt::before {
  content: "\e55b";
}

.b-fa-plug-circle-check::before {
  content: "\e55c";
}

.b-fa-plug-circle-exclamation::before {
  content: "\e55d";
}

.b-fa-plug-circle-minus::before {
  content: "\e55e";
}

.b-fa-plug-circle-plus::before {
  content: "\e55f";
}

.b-fa-plug-circle-xmark::before {
  content: "\e560";
}

.b-fa-plus::before {
  content: "\+";
}

.b-fa-add::before {
  content: "\+";
}

.b-fa-plus-minus::before {
  content: "\e43c";
}

.b-fa-podcast::before {
  content: "\f2ce";
}

.b-fa-poo::before {
  content: "\f2fe";
}

.b-fa-poo-storm::before {
  content: "\f75a";
}

.b-fa-poo-bolt::before {
  content: "\f75a";
}

.b-fa-poop::before {
  content: "\f619";
}

.b-fa-power-off::before {
  content: "\f011";
}

.b-fa-prescription::before {
  content: "\f5b1";
}

.b-fa-prescription-bottle::before {
  content: "\f485";
}

.b-fa-prescription-bottle-medical::before {
  content: "\f486";
}

.b-fa-prescription-bottle-alt::before {
  content: "\f486";
}

.b-fa-print::before {
  content: "\f02f";
}

.b-fa-pump-medical::before {
  content: "\e06a";
}

.b-fa-pump-soap::before {
  content: "\e06b";
}

.b-fa-puzzle-piece::before {
  content: "\f12e";
}

.b-fa-q::before {
  content: "Q";
}

.b-fa-qrcode::before {
  content: "\f029";
}

.b-fa-question::before {
  content: "\?";
}

.b-fa-quote-left::before {
  content: "\f10d";
}

.b-fa-quote-left-alt::before {
  content: "\f10d";
}

.b-fa-quote-right::before {
  content: "\f10e";
}

.b-fa-quote-right-alt::before {
  content: "\f10e";
}

.b-fa-r::before {
  content: "R";
}

.b-fa-radiation::before {
  content: "\f7b9";
}

.b-fa-radio::before {
  content: "\f8d7";
}

.b-fa-rainbow::before {
  content: "\f75b";
}

.b-fa-ranking-star::before {
  content: "\e561";
}

.b-fa-receipt::before {
  content: "\f543";
}

.b-fa-record-vinyl::before {
  content: "\f8d9";
}

.b-fa-rectangle-ad::before {
  content: "\f641";
}

.b-fa-ad::before {
  content: "\f641";
}

.b-fa-rectangle-list::before {
  content: "\f022";
}

.b-fa-list-alt::before {
  content: "\f022";
}

.b-fa-rectangle-xmark::before {
  content: "\f410";
}

.b-fa-rectangle-times::before {
  content: "\f410";
}

.b-fa-times-rectangle::before {
  content: "\f410";
}

.b-fa-window-close::before {
  content: "\f410";
}

.b-fa-recycle::before {
  content: "\f1b8";
}

.b-fa-registered::before {
  content: "\f25d";
}

.b-fa-repeat::before {
  content: "\f363";
}

.b-fa-reply::before {
  content: "\f3e5";
}

.b-fa-mail-reply::before {
  content: "\f3e5";
}

.b-fa-reply-all::before {
  content: "\f122";
}

.b-fa-mail-reply-all::before {
  content: "\f122";
}

.b-fa-republican::before {
  content: "\f75e";
}

.b-fa-restroom::before {
  content: "\f7bd";
}

.b-fa-retweet::before {
  content: "\f079";
}

.b-fa-ribbon::before {
  content: "\f4d6";
}

.b-fa-right-from-bracket::before {
  content: "\f2f5";
}

.b-fa-sign-out-alt::before {
  content: "\f2f5";
}

.b-fa-right-left::before {
  content: "\f362";
}

.b-fa-exchange-alt::before {
  content: "\f362";
}

.b-fa-right-long::before {
  content: "\f30b";
}

.b-fa-long-arrow-alt-right::before {
  content: "\f30b";
}

.b-fa-right-to-bracket::before {
  content: "\f2f6";
}

.b-fa-sign-in-alt::before {
  content: "\f2f6";
}

.b-fa-ring::before {
  content: "\f70b";
}

.b-fa-road::before {
  content: "\f018";
}

.b-fa-road-barrier::before {
  content: "\e562";
}

.b-fa-road-bridge::before {
  content: "\e563";
}

.b-fa-road-circle-check::before {
  content: "\e564";
}

.b-fa-road-circle-exclamation::before {
  content: "\e565";
}

.b-fa-road-circle-xmark::before {
  content: "\e566";
}

.b-fa-road-lock::before {
  content: "\e567";
}

.b-fa-road-spikes::before {
  content: "\e568";
}

.b-fa-robot::before {
  content: "\f544";
}

.b-fa-rocket::before {
  content: "\f135";
}

.b-fa-rotate::before {
  content: "\f2f1";
}

.b-fa-sync-alt::before {
  content: "\f2f1";
}

.b-fa-rotate-left::before {
  content: "\f2ea";
}

.b-fa-rotate-back::before {
  content: "\f2ea";
}

.b-fa-rotate-backward::before {
  content: "\f2ea";
}

.b-fa-undo-alt::before {
  content: "\f2ea";
}

.b-fa-rotate-right::before {
  content: "\f2f9";
}

.b-fa-redo-alt::before {
  content: "\f2f9";
}

.b-fa-rotate-forward::before {
  content: "\f2f9";
}

.b-fa-route::before {
  content: "\f4d7";
}

.b-fa-rss::before {
  content: "\f09e";
}

.b-fa-feed::before {
  content: "\f09e";
}

.b-fa-ruble-sign::before {
  content: "\f158";
}

.b-fa-rouble::before {
  content: "\f158";
}

.b-fa-rub::before {
  content: "\f158";
}

.b-fa-ruble::before {
  content: "\f158";
}

.b-fa-rug::before {
  content: "\e569";
}

.b-fa-ruler::before {
  content: "\f545";
}

.b-fa-ruler-combined::before {
  content: "\f546";
}

.b-fa-ruler-horizontal::before {
  content: "\f547";
}

.b-fa-ruler-vertical::before {
  content: "\f548";
}

.b-fa-rupee-sign::before {
  content: "\f156";
}

.b-fa-rupee::before {
  content: "\f156";
}

.b-fa-rupiah-sign::before {
  content: "\e23d";
}

.b-fa-s::before {
  content: "S";
}

.b-fa-sack-dollar::before {
  content: "\f81d";
}

.b-fa-sack-xmark::before {
  content: "\e56a";
}

.b-fa-sailboat::before {
  content: "\e445";
}

.b-fa-satellite::before {
  content: "\f7bf";
}

.b-fa-satellite-dish::before {
  content: "\f7c0";
}

.b-fa-scale-balanced::before {
  content: "\f24e";
}

.b-fa-balance-scale::before {
  content: "\f24e";
}

.b-fa-scale-unbalanced::before {
  content: "\f515";
}

.b-fa-balance-scale-left::before {
  content: "\f515";
}

.b-fa-scale-unbalanced-flip::before {
  content: "\f516";
}

.b-fa-balance-scale-right::before {
  content: "\f516";
}

.b-fa-school::before {
  content: "\f549";
}

.b-fa-school-circle-check::before {
  content: "\e56b";
}

.b-fa-school-circle-exclamation::before {
  content: "\e56c";
}

.b-fa-school-circle-xmark::before {
  content: "\e56d";
}

.b-fa-school-flag::before {
  content: "\e56e";
}

.b-fa-school-lock::before {
  content: "\e56f";
}

.b-fa-scissors::before {
  content: "\f0c4";
}

.b-fa-cut::before {
  content: "\f0c4";
}

.b-fa-screwdriver::before {
  content: "\f54a";
}

.b-fa-screwdriver-wrench::before {
  content: "\f7d9";
}

.b-fa-tools::before {
  content: "\f7d9";
}

.b-fa-scroll::before {
  content: "\f70e";
}

.b-fa-scroll-torah::before {
  content: "\f6a0";
}

.b-fa-torah::before {
  content: "\f6a0";
}

.b-fa-sd-card::before {
  content: "\f7c2";
}

.b-fa-section::before {
  content: "\e447";
}

.b-fa-seedling::before {
  content: "\f4d8";
}

.b-fa-sprout::before {
  content: "\f4d8";
}

.b-fa-server::before {
  content: "\f233";
}

.b-fa-shapes::before {
  content: "\f61f";
}

.b-fa-triangle-circle-square::before {
  content: "\f61f";
}

.b-fa-share::before {
  content: "\f064";
}

.b-fa-arrow-turn-right::before {
  content: "\f064";
}

.b-fa-mail-forward::before {
  content: "\f064";
}

.b-fa-share-from-square::before {
  content: "\f14d";
}

.b-fa-share-square::before {
  content: "\f14d";
}

.b-fa-share-nodes::before {
  content: "\f1e0";
}

.b-fa-share-alt::before {
  content: "\f1e0";
}

.b-fa-sheet-plastic::before {
  content: "\e571";
}

.b-fa-shekel-sign::before {
  content: "\f20b";
}

.b-fa-ils::before {
  content: "\f20b";
}

.b-fa-shekel::before {
  content: "\f20b";
}

.b-fa-sheqel::before {
  content: "\f20b";
}

.b-fa-sheqel-sign::before {
  content: "\f20b";
}

.b-fa-shield::before {
  content: "\f132";
}

.b-fa-shield-blank::before {
  content: "\f132";
}

.b-fa-shield-cat::before {
  content: "\e572";
}

.b-fa-shield-dog::before {
  content: "\e573";
}

.b-fa-shield-halved::before {
  content: "\f3ed";
}

.b-fa-shield-alt::before {
  content: "\f3ed";
}

.b-fa-shield-heart::before {
  content: "\e574";
}

.b-fa-shield-virus::before {
  content: "\e06c";
}

.b-fa-ship::before {
  content: "\f21a";
}

.b-fa-shirt::before {
  content: "\f553";
}

.b-fa-t-shirt::before {
  content: "\f553";
}

.b-fa-tshirt::before {
  content: "\f553";
}

.b-fa-shoe-prints::before {
  content: "\f54b";
}

.b-fa-shop::before {
  content: "\f54f";
}

.b-fa-store-alt::before {
  content: "\f54f";
}

.b-fa-shop-lock::before {
  content: "\e4a5";
}

.b-fa-shop-slash::before {
  content: "\e070";
}

.b-fa-store-alt-slash::before {
  content: "\e070";
}

.b-fa-shower::before {
  content: "\f2cc";
}

.b-fa-shrimp::before {
  content: "\e448";
}

.b-fa-shuffle::before {
  content: "\f074";
}

.b-fa-random::before {
  content: "\f074";
}

.b-fa-shuttle-space::before {
  content: "\f197";
}

.b-fa-space-shuttle::before {
  content: "\f197";
}

.b-fa-sign-hanging::before {
  content: "\f4d9";
}

.b-fa-sign::before {
  content: "\f4d9";
}

.b-fa-signal::before {
  content: "\f012";
}

.b-fa-signal-5::before {
  content: "\f012";
}

.b-fa-signal-perfect::before {
  content: "\f012";
}

.b-fa-signature::before {
  content: "\f5b7";
}

.b-fa-signs-post::before {
  content: "\f277";
}

.b-fa-map-signs::before {
  content: "\f277";
}

.b-fa-sim-card::before {
  content: "\f7c4";
}

.b-fa-sink::before {
  content: "\e06d";
}

.b-fa-sitemap::before {
  content: "\f0e8";
}

.b-fa-skull::before {
  content: "\f54c";
}

.b-fa-skull-crossbones::before {
  content: "\f714";
}

.b-fa-slash::before {
  content: "\f715";
}

.b-fa-sleigh::before {
  content: "\f7cc";
}

.b-fa-sliders::before {
  content: "\f1de";
}

.b-fa-sliders-h::before {
  content: "\f1de";
}

.b-fa-smog::before {
  content: "\f75f";
}

.b-fa-smoking::before {
  content: "\f48d";
}

.b-fa-snowflake::before {
  content: "\f2dc";
}

.b-fa-snowman::before {
  content: "\f7d0";
}

.b-fa-snowplow::before {
  content: "\f7d2";
}

.b-fa-soap::before {
  content: "\e06e";
}

.b-fa-socks::before {
  content: "\f696";
}

.b-fa-solar-panel::before {
  content: "\f5ba";
}

.b-fa-sort::before {
  content: "\f0dc";
}

.b-fa-unsorted::before {
  content: "\f0dc";
}

.b-fa-sort-down::before {
  content: "\f0dd";
}

.b-fa-sort-desc::before {
  content: "\f0dd";
}

.b-fa-sort-up::before {
  content: "\f0de";
}

.b-fa-sort-asc::before {
  content: "\f0de";
}

.b-fa-spa::before {
  content: "\f5bb";
}

.b-fa-spaghetti-monster-flying::before {
  content: "\f67b";
}

.b-fa-pastafarianism::before {
  content: "\f67b";
}

.b-fa-spell-check::before {
  content: "\f891";
}

.b-fa-spider::before {
  content: "\f717";
}

.b-fa-spinner::before {
  content: "\f110";
}

.b-fa-splotch::before {
  content: "\f5bc";
}

.b-fa-spoon::before {
  content: "\f2e5";
}

.b-fa-utensil-spoon::before {
  content: "\f2e5";
}

.b-fa-spray-can::before {
  content: "\f5bd";
}

.b-fa-spray-can-sparkles::before {
  content: "\f5d0";
}

.b-fa-air-freshener::before {
  content: "\f5d0";
}

.b-fa-square::before {
  content: "\f0c8";
}

.b-fa-square-arrow-up-right::before {
  content: "\f14c";
}

.b-fa-external-link-square::before {
  content: "\f14c";
}

.b-fa-square-caret-down::before {
  content: "\f150";
}

.b-fa-caret-square-down::before {
  content: "\f150";
}

.b-fa-square-caret-left::before {
  content: "\f191";
}

.b-fa-caret-square-left::before {
  content: "\f191";
}

.b-fa-square-caret-right::before {
  content: "\f152";
}

.b-fa-caret-square-right::before {
  content: "\f152";
}

.b-fa-square-caret-up::before {
  content: "\f151";
}

.b-fa-caret-square-up::before {
  content: "\f151";
}

.b-fa-square-check::before {
  content: "\f14a";
}

.b-fa-check-square::before {
  content: "\f14a";
}

.b-fa-square-envelope::before {
  content: "\f199";
}

.b-fa-envelope-square::before {
  content: "\f199";
}

.b-fa-square-full::before {
  content: "\f45c";
}

.b-fa-square-h::before {
  content: "\f0fd";
}

.b-fa-h-square::before {
  content: "\f0fd";
}

.b-fa-square-minus::before {
  content: "\f146";
}

.b-fa-minus-square::before {
  content: "\f146";
}

.b-fa-square-nfi::before {
  content: "\e576";
}

.b-fa-square-parking::before {
  content: "\f540";
}

.b-fa-parking::before {
  content: "\f540";
}

.b-fa-square-pen::before {
  content: "\f14b";
}

.b-fa-pen-square::before {
  content: "\f14b";
}

.b-fa-pencil-square::before {
  content: "\f14b";
}

.b-fa-square-person-confined::before {
  content: "\e577";
}

.b-fa-square-phone::before {
  content: "\f098";
}

.b-fa-phone-square::before {
  content: "\f098";
}

.b-fa-square-phone-flip::before {
  content: "\f87b";
}

.b-fa-phone-square-alt::before {
  content: "\f87b";
}

.b-fa-square-plus::before {
  content: "\f0fe";
}

.b-fa-plus-square::before {
  content: "\f0fe";
}

.b-fa-square-poll-horizontal::before {
  content: "\f682";
}

.b-fa-poll-h::before {
  content: "\f682";
}

.b-fa-square-poll-vertical::before {
  content: "\f681";
}

.b-fa-poll::before {
  content: "\f681";
}

.b-fa-square-root-variable::before {
  content: "\f698";
}

.b-fa-square-root-alt::before {
  content: "\f698";
}

.b-fa-square-rss::before {
  content: "\f143";
}

.b-fa-rss-square::before {
  content: "\f143";
}

.b-fa-square-share-nodes::before {
  content: "\f1e1";
}

.b-fa-share-alt-square::before {
  content: "\f1e1";
}

.b-fa-square-up-right::before {
  content: "\f360";
}

.b-fa-external-link-square-alt::before {
  content: "\f360";
}

.b-fa-square-virus::before {
  content: "\e578";
}

.b-fa-square-xmark::before {
  content: "\f2d3";
}

.b-fa-times-square::before {
  content: "\f2d3";
}

.b-fa-xmark-square::before {
  content: "\f2d3";
}

.b-fa-staff-aesculapius::before {
  content: "\e579";
}

.b-fa-rod-asclepius::before {
  content: "\e579";
}

.b-fa-rod-snake::before {
  content: "\e579";
}

.b-fa-staff-snake::before {
  content: "\e579";
}

.b-fa-stairs::before {
  content: "\e289";
}

.b-fa-stamp::before {
  content: "\f5bf";
}

.b-fa-star::before {
  content: "\f005";
}

.b-fa-star-and-crescent::before {
  content: "\f699";
}

.b-fa-star-half::before {
  content: "\f089";
}

.b-fa-star-half-stroke::before {
  content: "\f5c0";
}

.b-fa-star-half-alt::before {
  content: "\f5c0";
}

.b-fa-star-of-david::before {
  content: "\f69a";
}

.b-fa-star-of-life::before {
  content: "\f621";
}

.b-fa-sterling-sign::before {
  content: "\f154";
}

.b-fa-gbp::before {
  content: "\f154";
}

.b-fa-pound-sign::before {
  content: "\f154";
}

.b-fa-stethoscope::before {
  content: "\f0f1";
}

.b-fa-stop::before {
  content: "\f04d";
}

.b-fa-stopwatch::before {
  content: "\f2f2";
}

.b-fa-stopwatch-20::before {
  content: "\e06f";
}

.b-fa-store::before {
  content: "\f54e";
}

.b-fa-store-slash::before {
  content: "\e071";
}

.b-fa-street-view::before {
  content: "\f21d";
}

.b-fa-strikethrough::before {
  content: "\f0cc";
}

.b-fa-stroopwafel::before {
  content: "\f551";
}

.b-fa-subscript::before {
  content: "\f12c";
}

.b-fa-suitcase::before {
  content: "\f0f2";
}

.b-fa-suitcase-medical::before {
  content: "\f0fa";
}

.b-fa-medkit::before {
  content: "\f0fa";
}

.b-fa-suitcase-rolling::before {
  content: "\f5c1";
}

.b-fa-sun::before {
  content: "\f185";
}

.b-fa-sun-plant-wilt::before {
  content: "\e57a";
}

.b-fa-superscript::before {
  content: "\f12b";
}

.b-fa-swatchbook::before {
  content: "\f5c3";
}

.b-fa-synagogue::before {
  content: "\f69b";
}

.b-fa-syringe::before {
  content: "\f48e";
}

.b-fa-t::before {
  content: "T";
}

.b-fa-table::before {
  content: "\f0ce";
}

.b-fa-table-cells::before {
  content: "\f00a";
}

.b-fa-th::before {
  content: "\f00a";
}

.b-fa-table-cells-large::before {
  content: "\f009";
}

.b-fa-th-large::before {
  content: "\f009";
}

.b-fa-table-columns::before {
  content: "\f0db";
}

.b-fa-columns::before {
  content: "\f0db";
}

.b-fa-table-list::before {
  content: "\f00b";
}

.b-fa-th-list::before {
  content: "\f00b";
}

.b-fa-table-tennis-paddle-ball::before {
  content: "\f45d";
}

.b-fa-ping-pong-paddle-ball::before {
  content: "\f45d";
}

.b-fa-table-tennis::before {
  content: "\f45d";
}

.b-fa-tablet::before {
  content: "\f3fb";
}

.b-fa-tablet-android::before {
  content: "\f3fb";
}

.b-fa-tablet-button::before {
  content: "\f10a";
}

.b-fa-tablet-screen-button::before {
  content: "\f3fa";
}

.b-fa-tablet-alt::before {
  content: "\f3fa";
}

.b-fa-tablets::before {
  content: "\f490";
}

.b-fa-tachograph-digital::before {
  content: "\f566";
}

.b-fa-digital-tachograph::before {
  content: "\f566";
}

.b-fa-tag::before {
  content: "\f02b";
}

.b-fa-tags::before {
  content: "\f02c";
}

.b-fa-tape::before {
  content: "\f4db";
}

.b-fa-tarp::before {
  content: "\e57b";
}

.b-fa-tarp-droplet::before {
  content: "\e57c";
}

.b-fa-taxi::before {
  content: "\f1ba";
}

.b-fa-cab::before {
  content: "\f1ba";
}

.b-fa-teeth::before {
  content: "\f62e";
}

.b-fa-teeth-open::before {
  content: "\f62f";
}

.b-fa-temperature-arrow-down::before {
  content: "\e03f";
}

.b-fa-temperature-down::before {
  content: "\e03f";
}

.b-fa-temperature-arrow-up::before {
  content: "\e040";
}

.b-fa-temperature-up::before {
  content: "\e040";
}

.b-fa-temperature-empty::before {
  content: "\f2cb";
}

.b-fa-temperature-0::before {
  content: "\f2cb";
}

.b-fa-thermometer-0::before {
  content: "\f2cb";
}

.b-fa-thermometer-empty::before {
  content: "\f2cb";
}

.b-fa-temperature-full::before {
  content: "\f2c7";
}

.b-fa-temperature-4::before {
  content: "\f2c7";
}

.b-fa-thermometer-4::before {
  content: "\f2c7";
}

.b-fa-thermometer-full::before {
  content: "\f2c7";
}

.b-fa-temperature-half::before {
  content: "\f2c9";
}

.b-fa-temperature-2::before {
  content: "\f2c9";
}

.b-fa-thermometer-2::before {
  content: "\f2c9";
}

.b-fa-thermometer-half::before {
  content: "\f2c9";
}

.b-fa-temperature-high::before {
  content: "\f769";
}

.b-fa-temperature-low::before {
  content: "\f76b";
}

.b-fa-temperature-quarter::before {
  content: "\f2ca";
}

.b-fa-temperature-1::before {
  content: "\f2ca";
}

.b-fa-thermometer-1::before {
  content: "\f2ca";
}

.b-fa-thermometer-quarter::before {
  content: "\f2ca";
}

.b-fa-temperature-three-quarters::before {
  content: "\f2c8";
}

.b-fa-temperature-3::before {
  content: "\f2c8";
}

.b-fa-thermometer-3::before {
  content: "\f2c8";
}

.b-fa-thermometer-three-quarters::before {
  content: "\f2c8";
}

.b-fa-tenge-sign::before {
  content: "\f7d7";
}

.b-fa-tenge::before {
  content: "\f7d7";
}

.b-fa-tent::before {
  content: "\e57d";
}

.b-fa-tent-arrow-down-to-line::before {
  content: "\e57e";
}

.b-fa-tent-arrow-left-right::before {
  content: "\e57f";
}

.b-fa-tent-arrow-turn-left::before {
  content: "\e580";
}

.b-fa-tent-arrows-down::before {
  content: "\e581";
}

.b-fa-tents::before {
  content: "\e582";
}

.b-fa-terminal::before {
  content: "\f120";
}

.b-fa-text-height::before {
  content: "\f034";
}

.b-fa-text-slash::before {
  content: "\f87d";
}

.b-fa-remove-format::before {
  content: "\f87d";
}

.b-fa-text-width::before {
  content: "\f035";
}

.b-fa-thermometer::before {
  content: "\f491";
}

.b-fa-thumbs-down::before {
  content: "\f165";
}

.b-fa-thumbs-up::before {
  content: "\f164";
}

.b-fa-thumbtack::before {
  content: "\f08d";
}

.b-fa-thumb-tack::before {
  content: "\f08d";
}

.b-fa-ticket::before {
  content: "\f145";
}

.b-fa-ticket-simple::before {
  content: "\f3ff";
}

.b-fa-ticket-alt::before {
  content: "\f3ff";
}

.b-fa-timeline::before {
  content: "\e29c";
}

.b-fa-toggle-off::before {
  content: "\f204";
}

.b-fa-toggle-on::before {
  content: "\f205";
}

.b-fa-toilet::before {
  content: "\f7d8";
}

.b-fa-toilet-paper::before {
  content: "\f71e";
}

.b-fa-toilet-paper-slash::before {
  content: "\e072";
}

.b-fa-toilet-portable::before {
  content: "\e583";
}

.b-fa-toilets-portable::before {
  content: "\e584";
}

.b-fa-toolbox::before {
  content: "\f552";
}

.b-fa-tooth::before {
  content: "\f5c9";
}

.b-fa-torii-gate::before {
  content: "\f6a1";
}

.b-fa-tornado::before {
  content: "\f76f";
}

.b-fa-tower-broadcast::before {
  content: "\f519";
}

.b-fa-broadcast-tower::before {
  content: "\f519";
}

.b-fa-tower-cell::before {
  content: "\e585";
}

.b-fa-tower-observation::before {
  content: "\e586";
}

.b-fa-tractor::before {
  content: "\f722";
}

.b-fa-trademark::before {
  content: "\f25c";
}

.b-fa-traffic-light::before {
  content: "\f637";
}

.b-fa-trailer::before {
  content: "\e041";
}

.b-fa-train::before {
  content: "\f238";
}

.b-fa-train-subway::before {
  content: "\f239";
}

.b-fa-subway::before {
  content: "\f239";
}

.b-fa-train-tram::before {
  content: "\f7da";
}

.b-fa-tram::before {
  content: "\f7da";
}

.b-fa-transgender::before {
  content: "\f225";
}

.b-fa-transgender-alt::before {
  content: "\f225";
}

.b-fa-trash::before {
  content: "\f1f8";
}

.b-fa-trash-arrow-up::before {
  content: "\f829";
}

.b-fa-trash-restore::before {
  content: "\f829";
}

.b-fa-trash-can::before {
  content: "\f2ed";
}

.b-fa-trash-alt::before {
  content: "\f2ed";
}

.b-fa-trash-can-arrow-up::before {
  content: "\f82a";
}

.b-fa-trash-restore-alt::before {
  content: "\f82a";
}

.b-fa-tree::before {
  content: "\f1bb";
}

.b-fa-tree-city::before {
  content: "\e587";
}

.b-fa-triangle-exclamation::before {
  content: "\f071";
}

.b-fa-exclamation-triangle::before {
  content: "\f071";
}

.b-fa-warning::before {
  content: "\f071";
}

.b-fa-trophy::before {
  content: "\f091";
}

.b-fa-trowel::before {
  content: "\e589";
}

.b-fa-trowel-bricks::before {
  content: "\e58a";
}

.b-fa-truck::before {
  content: "\f0d1";
}

.b-fa-truck-arrow-right::before {
  content: "\e58b";
}

.b-fa-truck-droplet::before {
  content: "\e58c";
}

.b-fa-truck-fast::before {
  content: "\f48b";
}

.b-fa-shipping-fast::before {
  content: "\f48b";
}

.b-fa-truck-field::before {
  content: "\e58d";
}

.b-fa-truck-field-un::before {
  content: "\e58e";
}

.b-fa-truck-front::before {
  content: "\e2b7";
}

.b-fa-truck-medical::before {
  content: "\f0f9";
}

.b-fa-ambulance::before {
  content: "\f0f9";
}

.b-fa-truck-monster::before {
  content: "\f63b";
}

.b-fa-truck-moving::before {
  content: "\f4df";
}

.b-fa-truck-pickup::before {
  content: "\f63c";
}

.b-fa-truck-plane::before {
  content: "\e58f";
}

.b-fa-truck-ramp-box::before {
  content: "\f4de";
}

.b-fa-truck-loading::before {
  content: "\f4de";
}

.b-fa-tty::before {
  content: "\f1e4";
}

.b-fa-teletype::before {
  content: "\f1e4";
}

.b-fa-turkish-lira-sign::before {
  content: "\e2bb";
}

.b-fa-try::before {
  content: "\e2bb";
}

.b-fa-turkish-lira::before {
  content: "\e2bb";
}

.b-fa-turn-down::before {
  content: "\f3be";
}

.b-fa-level-down-alt::before {
  content: "\f3be";
}

.b-fa-turn-up::before {
  content: "\f3bf";
}

.b-fa-level-up-alt::before {
  content: "\f3bf";
}

.b-fa-tv::before {
  content: "\f26c";
}

.b-fa-television::before {
  content: "\f26c";
}

.b-fa-tv-alt::before {
  content: "\f26c";
}

.b-fa-u::before {
  content: "U";
}

.b-fa-umbrella::before {
  content: "\f0e9";
}

.b-fa-umbrella-beach::before {
  content: "\f5ca";
}

.b-fa-underline::before {
  content: "\f0cd";
}

.b-fa-universal-access::before {
  content: "\f29a";
}

.b-fa-unlock::before {
  content: "\f09c";
}

.b-fa-unlock-keyhole::before {
  content: "\f13e";
}

.b-fa-unlock-alt::before {
  content: "\f13e";
}

.b-fa-up-down::before {
  content: "\f338";
}

.b-fa-arrows-alt-v::before {
  content: "\f338";
}

.b-fa-up-down-left-right::before {
  content: "\f0b2";
}

.b-fa-arrows-alt::before {
  content: "\f0b2";
}

.b-fa-up-long::before {
  content: "\f30c";
}

.b-fa-long-arrow-alt-up::before {
  content: "\f30c";
}

.b-fa-up-right-and-down-left-from-center::before {
  content: "\f424";
}

.b-fa-expand-alt::before {
  content: "\f424";
}

.b-fa-up-right-from-square::before {
  content: "\f35d";
}

.b-fa-external-link-alt::before {
  content: "\f35d";
}

.b-fa-upload::before {
  content: "\f093";
}

.b-fa-user::before {
  content: "\f007";
}

.b-fa-user-astronaut::before {
  content: "\f4fb";
}

.b-fa-user-check::before {
  content: "\f4fc";
}

.b-fa-user-clock::before {
  content: "\f4fd";
}

.b-fa-user-doctor::before {
  content: "\f0f0";
}

.b-fa-user-md::before {
  content: "\f0f0";
}

.b-fa-user-gear::before {
  content: "\f4fe";
}

.b-fa-user-cog::before {
  content: "\f4fe";
}

.b-fa-user-graduate::before {
  content: "\f501";
}

.b-fa-user-group::before {
  content: "\f500";
}

.b-fa-user-friends::before {
  content: "\f500";
}

.b-fa-user-injured::before {
  content: "\f728";
}

.b-fa-user-large::before {
  content: "\f406";
}

.b-fa-user-alt::before {
  content: "\f406";
}

.b-fa-user-large-slash::before {
  content: "\f4fa";
}

.b-fa-user-alt-slash::before {
  content: "\f4fa";
}

.b-fa-user-lock::before {
  content: "\f502";
}

.b-fa-user-minus::before {
  content: "\f503";
}

.b-fa-user-ninja::before {
  content: "\f504";
}

.b-fa-user-nurse::before {
  content: "\f82f";
}

.b-fa-user-pen::before {
  content: "\f4ff";
}

.b-fa-user-edit::before {
  content: "\f4ff";
}

.b-fa-user-plus::before {
  content: "\f234";
}

.b-fa-user-secret::before {
  content: "\f21b";
}

.b-fa-user-shield::before {
  content: "\f505";
}

.b-fa-user-slash::before {
  content: "\f506";
}

.b-fa-user-tag::before {
  content: "\f507";
}

.b-fa-user-tie::before {
  content: "\f508";
}

.b-fa-user-xmark::before {
  content: "\f235";
}

.b-fa-user-times::before {
  content: "\f235";
}

.b-fa-users::before {
  content: "\f0c0";
}

.b-fa-users-between-lines::before {
  content: "\e591";
}

.b-fa-users-gear::before {
  content: "\f509";
}

.b-fa-users-cog::before {
  content: "\f509";
}

.b-fa-users-line::before {
  content: "\e592";
}

.b-fa-users-rays::before {
  content: "\e593";
}

.b-fa-users-rectangle::before {
  content: "\e594";
}

.b-fa-users-slash::before {
  content: "\e073";
}

.b-fa-users-viewfinder::before {
  content: "\e595";
}

.b-fa-utensils::before {
  content: "\f2e7";
}

.b-fa-cutlery::before {
  content: "\f2e7";
}

.b-fa-v::before {
  content: "V";
}

.b-fa-van-shuttle::before {
  content: "\f5b6";
}

.b-fa-shuttle-van::before {
  content: "\f5b6";
}

.b-fa-vault::before {
  content: "\e2c5";
}

.b-fa-vector-square::before {
  content: "\f5cb";
}

.b-fa-venus::before {
  content: "\f221";
}

.b-fa-venus-double::before {
  content: "\f226";
}

.b-fa-venus-mars::before {
  content: "\f228";
}

.b-fa-vest::before {
  content: "\e085";
}

.b-fa-vest-patches::before {
  content: "\e086";
}

.b-fa-vial::before {
  content: "\f492";
}

.b-fa-vial-circle-check::before {
  content: "\e596";
}

.b-fa-vial-virus::before {
  content: "\e597";
}

.b-fa-vials::before {
  content: "\f493";
}

.b-fa-video::before {
  content: "\f03d";
}

.b-fa-video-camera::before {
  content: "\f03d";
}

.b-fa-video-slash::before {
  content: "\f4e2";
}

.b-fa-vihara::before {
  content: "\f6a7";
}

.b-fa-virus::before {
  content: "\e074";
}

.b-fa-virus-covid::before {
  content: "\e4a8";
}

.b-fa-virus-covid-slash::before {
  content: "\e4a9";
}

.b-fa-virus-slash::before {
  content: "\e075";
}

.b-fa-viruses::before {
  content: "\e076";
}

.b-fa-voicemail::before {
  content: "\f897";
}

.b-fa-volcano::before {
  content: "\f770";
}

.b-fa-volleyball::before {
  content: "\f45f";
}

.b-fa-volleyball-ball::before {
  content: "\f45f";
}

.b-fa-volume-high::before {
  content: "\f028";
}

.b-fa-volume-up::before {
  content: "\f028";
}

.b-fa-volume-low::before {
  content: "\f027";
}

.b-fa-volume-down::before {
  content: "\f027";
}

.b-fa-volume-off::before {
  content: "\f026";
}

.b-fa-volume-xmark::before {
  content: "\f6a9";
}

.b-fa-volume-mute::before {
  content: "\f6a9";
}

.b-fa-volume-times::before {
  content: "\f6a9";
}

.b-fa-vr-cardboard::before {
  content: "\f729";
}

.b-fa-w::before {
  content: "W";
}

.b-fa-walkie-talkie::before {
  content: "\f8ef";
}

.b-fa-wallet::before {
  content: "\f555";
}

.b-fa-wand-magic::before {
  content: "\f0d0";
}

.b-fa-magic::before {
  content: "\f0d0";
}

.b-fa-wand-magic-sparkles::before {
  content: "\e2ca";
}

.b-fa-magic-wand-sparkles::before {
  content: "\e2ca";
}

.b-fa-wand-sparkles::before {
  content: "\f72b";
}

.b-fa-warehouse::before {
  content: "\f494";
}

.b-fa-water::before {
  content: "\f773";
}

.b-fa-water-ladder::before {
  content: "\f5c5";
}

.b-fa-ladder-water::before {
  content: "\f5c5";
}

.b-fa-swimming-pool::before {
  content: "\f5c5";
}

.b-fa-wave-square::before {
  content: "\f83e";
}

.b-fa-weight-hanging::before {
  content: "\f5cd";
}

.b-fa-weight-scale::before {
  content: "\f496";
}

.b-fa-weight::before {
  content: "\f496";
}

.b-fa-wheat-awn::before {
  content: "\e2cd";
}

.b-fa-wheat-alt::before {
  content: "\e2cd";
}

.b-fa-wheat-awn-circle-exclamation::before {
  content: "\e598";
}

.b-fa-wheelchair::before {
  content: "\f193";
}

.b-fa-wheelchair-move::before {
  content: "\e2ce";
}

.b-fa-wheelchair-alt::before {
  content: "\e2ce";
}

.b-fa-whiskey-glass::before {
  content: "\f7a0";
}

.b-fa-glass-whiskey::before {
  content: "\f7a0";
}

.b-fa-wifi::before {
  content: "\f1eb";
}

.b-fa-wifi-3::before {
  content: "\f1eb";
}

.b-fa-wifi-strong::before {
  content: "\f1eb";
}

.b-fa-wind::before {
  content: "\f72e";
}

.b-fa-window-maximize::before {
  content: "\f2d0";
}

.b-fa-window-minimize::before {
  content: "\f2d1";
}

.b-fa-window-restore::before {
  content: "\f2d2";
}

.b-fa-wine-bottle::before {
  content: "\f72f";
}

.b-fa-wine-glass::before {
  content: "\f4e3";
}

.b-fa-wine-glass-empty::before {
  content: "\f5ce";
}

.b-fa-wine-glass-alt::before {
  content: "\f5ce";
}

.b-fa-won-sign::before {
  content: "\f159";
}

.b-fa-krw::before {
  content: "\f159";
}

.b-fa-won::before {
  content: "\f159";
}

.b-fa-worm::before {
  content: "\e599";
}

.b-fa-wrench::before {
  content: "\f0ad";
}

.b-fa-x::before {
  content: "X";
}

.b-fa-x-ray::before {
  content: "\f497";
}

.b-fa-xmark::before {
  content: "\f00d";
}

.b-fa-close::before {
  content: "\f00d";
}

.b-fa-multiply::before {
  content: "\f00d";
}

.b-fa-remove::before {
  content: "\f00d";
}

.b-fa-times::before {
  content: "\f00d";
}

.b-fa-xmarks-lines::before {
  content: "\e59a";
}

.b-fa-y::before {
  content: "Y";
}

.b-fa-yen-sign::before {
  content: "\f157";
}

.b-fa-cny::before {
  content: "\f157";
}

.b-fa-jpy::before {
  content: "\f157";
}

.b-fa-rmb::before {
  content: "\f157";
}

.b-fa-yen::before {
  content: "\f157";
}

.b-fa-yin-yang::before {
  content: "\f6ad";
}

.b-fa-z::before {
  content: "Z";
}

.sr-only,
.b-fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.b-fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.b-fa {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-font-smoothing: inherit;
}

.b-fa:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}

.b-icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.b-fw-icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-icon-add:before {
  content: "+";
}

.b-icon-remove:before {
  content: "\f00d";
}

.b-icon-clear:before {
  content: "\f00d";
}

.b-icon-close:before, .b-popup-close:before {
  content: "\f00d";
}

.b-icon-collapse-down:before {
  content: "\f078";
}

.b-icon-collapse-left:before {
  content: "\f053";
}

.b-icon-collapse-right:before {
  content: "\f054";
}

.b-icon-collapse-up:before {
  content: "\f077";
}

.b-icon-filter-disable:before {
  content: "\f05e";
}

.b-icon-search:before {
  content: "\f002";
}

.b-icon-search-plus:before {
  content: "\f00e";
}

.b-icon-search-minus:before {
  content: "\f010";
}

.b-icon-hide:before {
  content: "\f057";
}

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

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

.b-icon-rename:before {
  content: "\f044";
}

.b-icon-copy:before {
  content: "\f0c5";
}

.b-icon-cut:before {
  content: "\f0c4";
}

.b-icon-paste:before {
  content: "\f0ea";
}

.b-icon-expand-row:before {
  content: "\f107";
}

.b-icon-expand-column:before {
  content: "\f105";
}

.b-icon-expand, .b-popup-expand:before {
  content: "\f065";
}

.b-icon-first:before {
  content: "\f100";
}

.b-rtl > .b-icon-first:before {
  transform: scaleX(-1);
}

.b-icon-last:before {
  content: "\f101";
}

.b-rtl > .b-icon-last:before {
  transform: scaleX(-1);
}

.b-icon-reload:before {
  content: "\f01e";
}

.b-icon-undo:before {
  content: "\f0e2";
}

.b-icon-redo:before {
  content: "\f01e";
}

.b-icon-compare:before {
  content: "\e13a";
}

.b-icon-split-horizontal:before,
.b-icon-split-vertical:before,
.b-icon-split-both:before {
  min-width: 1em !important;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  border: 2px solid currentColor;
  overflow: hidden;
}

.b-icon-split-horizontal:before {
  content: "┃";
  transform: rotate(90deg);
  border-left-width: 3px;
}

.b-icon-split-vertical:before {
  content: "┃";
  border-top-width: 3px;
}

.b-icon-split-both:before {
  content: "╋";
  border-top-width: 3px;
}

.b-icon-code:before {
  content: "\f121";
}

.b-icon-clipboard:before {
  content: "\f328";
}

.b-icon-filter:before,
.b-icon-filter-equal:before {
  content: "\f0b0";
}

.b-icon-filter-less:before,
.b-icon-filter-before:before {
  content: "\f053";
}

.b-icon-filter-more:before,
.b-icon-filter-after:before {
  content: "\f054";
}

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

.b-icon-checked:before {
  content: "\f14a";
}

.b-icon-unchecked:before {
  content: "\f0c8";
}

.b-icon-radio:before {
  content: "\f111";
}

.b-icon-radio-checked:before {
  content: "\f192";
}

.b-icon-radio-unchecked:before {
  content: "\f111";
}

.b-icon-calendar:before {
  content: "\f133";
}

.b-icon-calendar-day:before {
  content: "\f783";
}

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

.b-icon-recurring:before {
  content: "\f021";
}

.b-icon-duration:before {
  content: "\f254";
}

.b-icon-milestone:before {
  content: "\f219";
}

.b-icon-locked:before {
  content: "\f023";
}

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

.b-icon-menu:before {
  content: "\f0c9";
}

.b-icon-menu-horizontal:before {
  content: "\f141";
}

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

.b-icon-info:before {
  content: "\f129";
}

.b-icon-sub-menu:before {
  content: "\f054";
}

.b-icon-star:before {
  content: "\f005";
}

.b-icon-warning:before {
  content: "\f071";
}

.b-icon-columns:before {
  content: "\f0db";
}

.b-icon-picker:before {
  content: "\f0d7";
  transition: transform 0.2s;
}

.b-icon-picker-rotated:before {
  content: "\f0d7";
  transform: rotate(180deg);
  transition: transform 0.2s;
}

.b-icon-resize-horizontal:before {
  content: "\f337";
}

.b-icon-fullscreen:before {
  content: "\f0b2";
}

.b-icon-cog:before {
  content: "\f013";
}
.b-linux .b-icon-cog:before, .b-windows .b-icon-cog:before {
  vertical-align: middle;
}

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

.b-icon-sync:before {
  content: "\f2f1";
}

.b-icon-bad-mood-emoji:before {
  content: "\f119";
}

.b-icon-circle:before {
  content: "\f111";
}

.b-icon-square:before {
  content: "\f0c8";
}

.b-icon-merge-cells:before {
  content: "\f5fd";
}

.b-icon-up:before {
  content: "\f062";
}

.b-icon-down:before {
  content: "\f063";
}

.b-icon-left:before {
  content: "\f060";
}

.b-icon-right:before {
  content: "\f061";
}

.b-icon-angle-left:before {
  content: "\f104";
}

.b-icon-angle-right:before {
  content: "\f105";
}

.b-icon-previous:before {
  content: "\f053";
}

.b-rtl > .b-icon-previous:before {
  transform: scaleX(-1);
}

.b-icon-next:before {
  content: "\f054";
}

.b-rtl > .b-icon-next:before {
  transform: scaleX(-1);
}

.b-icon-move-left-right:before {
  content: "\f337";
}

.b-icon-move-up-down:before {
  content: "\f338";
}

.b-icon-spinner:before {
  content: "\f110";
  animation: rotate 2s infinite linear;
}

.b-icon-column-move-left:before {
  content: "\f0a8";
}

.b-icon-column-move-right:before {
  content: "\f0a9";
}

.b-icon-hide-column:before {
  content: "\f057";
}

.b-icon-sort:before {
  content: "\f0dc";
}

.b-icon-sort-asc:before {
  content: "\f15e";
}

.b-icon-sort-desc:before {
  content: "\f15d";
}

.b-icon-sorted-asc:before {
  content: "\f062";
}

.b-icon-group-asc:before {
  content: "\f885";
}

.b-icon-group-desc:before {
  content: "\f160";
}

.b-icon-group-collapse:before {
  content: "\f056";
}

.b-icon-group-expand:before {
  content: "\f055";
}

.b-icon-grouped-asc:before {
  content: "\f012";
}

.b-icon-tree-expand:before {
  content: "\f105";
}

.b-icon-tree-collapse:before {
  content: "\f107";
}

.b-icon-tree-folder:before {
  content: "\f07b";
}

.b-icon-tree-folder-open:before {
  content: "\f07c";
}

.b-icon-tree-leaf:before {
  content: "\f111";
}

.b-icon-expand-gridregion:before {
  content: "\f054";
}

.b-icon-collapse-gridregion:before {
  content: "\f053";
}

.b-icon-unassign:before {
  content: "\f506";
}

.b-icon-valid:before {
  content: "\f00c";
}

.b-icon-invalid:before {
  content: "\f05e";
}

.b-icon-checking:before {
  content: "\f110";
}

.b-icon-expand-resource:before {
  content: "\f103";
}

.b-icon-note:before {
  content: "\f249";
}

.b-icon-advanced:before {
  content: "\f085";
}

.b-icon-palette:before {
  content: "\f53f";
}

.b-icon-renumber:before {
  content: "\f884";
}

.b-icon-indent:before {
  content: "\f03c";
}

.b-icon-outdent:before {
  content: "\f03b";
}

.b-icon-subtask::before {
  content: "\e476";
}

.b-icon-predecessor::before {
  content: "\e477";
}

.b-icon-successor::before {
  content: "\e47a";
}

.b-icon-link:before {
  content: "\f0c1";
}

.b-icon-unlink:before {
  content: "\f127";
}

.b-icon-calendar-days:before {
  content: "\f073";
}

.b-icon-calendar-week:before {
  content: "\f784";
}

.b-groupbar {
  display: flex;
  flex: 1;
  align-self: center;
  gap: 2em;
  margin-inline-start: 0.3em;
  height: 2.5em;
}
.b-groupbar .b-chip {
  position: relative;
  padding-block: 0.5em;
  padding-inline: 1em;
  outline: none !important;
  cursor: pointer;
}
.b-groupbar .b-chip .b-close-icon {
  margin-inline-start: 1em;
}
.b-groupbar .b-chip:not(:last-child):after {
  content: "\f105";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  right: -1.25em;
}
.b-rtl .b-groupbar .b-chip:not(:last-child):after {
  content: "\f104";
  right: unset;
  left: -1.25em;
}
.b-groupbar.b-chips-closable .b-chip {
  padding-inline-end: 0.6em;
}
.b-groupbar .b-chip.b-drop-target {
  width: 8em;
  opacity: 0.5;
}
.b-groupbar .b-chip.b-drop-target .b-icon {
  display: none;
}

.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy {
  border-radius: 1em;
  min-width: 10em !important;
  padding-inline: 1em;
}
.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy .b-grid-header-text {
  padding: 0.5em 0;
}
.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy, .b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy .b-grid-header-text-content {
  width: auto !important;
}

.b-icon-sort-asc:before {
  content: "\f062";
}

.b-icon-sort-desc:before {
  content: "\f063";
}

.b-icon-group-collapse:before {
  content: "\f068" !important;
}

.b-icon-group-expand:before {
  content: "\f067" !important;
}

.b-gridbase.b-no-column-lines .b-grid-header {
  border-right-color: transparent;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before, .b-group-state-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-theme-info:before {
  content: '{"name":"Stockholm"}';
}

.b-slidetoggle .b-slidetoggle-label,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label {
  text-transform: uppercase;
  font-size: 0.9em;
}
.b-slidetoggle .b-slidetoggle-label::before,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label::before {
  font-size: 1.1111111111em;
}

.b-popup > .b-panel-body-wrap > .b-bottom-toolbar {
  background: #f8f9fa;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap {
  transform: translateY(-50%);
  margin-inline-start: 0;
  height: 1em;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event {
  padding-inline-start: 0;
  width: 100%;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event .b-sch-event-content {
  justify-content: center;
  margin: 0;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event .b-sch-event-content label {
  left: unset;
  top: 105%;
}

.b-sch-canvas,
.b-sch-foreground-canvas,
.b-sch-background-canvas {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 100%;
  overflow: hidden;
  overflow: clip;
  contain: strict;
}
.b-sch-vertical .b-sch-canvas,
.b-sch-vertical .b-sch-foreground-canvas,
.b-sch-vertical .b-sch-background-canvas {
  min-width: 100%;
}
.b-rtl .b-sch-canvas,
.b-rtl .b-sch-foreground-canvas,
.b-rtl .b-sch-background-canvas {
  left: auto;
  right: 0;
}

.b-sch-background-canvas {
  z-index: 1;
  background-repeat: repeat;
}

.b-sch-foreground-canvas {
  z-index: 2;
}
.b-row-reordering .b-sch-foreground-canvas * {
  pointer-events: none !important;
}

.b-schedulerbase > .b-editor {
  z-index: 5;
}

.b-sch-event.b-milestone label,
.b-sch-event .b-sch-event-content,
.b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event {
  font-size: 13px;
}

.b-sch-event-wrap {
  position: absolute;
  z-index: 5;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  contain: layout style;
}
.b-sch-event-wrap.b-readonly {
  opacity: 0.8;
}
.b-sch-event-wrap.b-readonly .b-sch-event-content {
  opacity: 0.5;
}
.b-animating:not(.b-eventbuffer-transition) .b-sch-event-wrap:not(.b-dragging):not(.b-sch-event-wrap-resizing) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, left 0.2s, top 0.2s, transform 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-toggling-node .b-sch-event-wrap {
  transition: none;
}
.b-sch-event-wrap:focus {
  z-index: 105 !important;
  outline: none;
}
.b-scrolling .b-sch-event-wrap:not(.b-aborting) {
  transition: none !important;
}
.b-scrolling .b-sch-event-wrap:not(.b-aborting) .b-sch-event {
  transition: none !important;
}
.b-grid-body-container.b-scrolling .b-sch-event-wrap {
  pointer-events: none;
}

.b-sch-event-wrap.b-milestone-wrap {
  margin-inline-start: -0.5em;
  z-index: 4;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event {
  overflow: visible;
  box-shadow: none;
  background-color: transparent;
  width: 1em;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content {
  transition: background-color 0.2s, border 0.2s;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon {
  justify-content: center;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon .b-sch-event-content {
  font-size: inherit;
  justify-content: center;
  background-color: transparent;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon i {
  margin-inline-end: 0;
  line-height: 1em;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event label {
  position: absolute;
  left: 110%;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event-content {
  display: flex;
  align-items: center;
}
.b-sch-event-wrap.b-milestone-wrap .b-fa, .b-sch-event-wrap.b-milestone-wrap .b-icon {
  margin-inline-end: 1em;
  color: #777;
  font-size: inherit;
}
.b-labels-topbottom .b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) {
  font-size: 40%;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content {
  font-size: inherit;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content::before {
  position: absolute;
  left: 0.1464465em;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  background-color: inherit;
}
.b-using-keyboard .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event.b-sch-event-withicon {
  outline: 1px solid #64a2fe;
  outline-offset: 3px;
}
.b-using-keyboard .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content:before {
  outline: 1px solid #64a2fe;
  outline-offset: 3px;
}
.b-sch-event-wrap.b-milestone-wrap.b-measure {
  height: 1em;
  position: fixed;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
.b-sch-event-wrap.b-milestone-wrap.b-measure label {
  font-weight: 400;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap {
  margin: 0;
  min-width: 0;
  flex-direction: row;
}
.b-using-keyboard .b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-active {
  outline: 1px solid #64a2fe;
  outline-offset: 3px;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event.b-milestone:before {
  outline: none;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone {
  font-size: inherit;
  left: 0.5em;
  width: calc(100% - 1em);
  min-width: 0;
  padding: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content {
  background-color: transparent;
  font-size: 13px;
  justify-content: center;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before {
  content: none;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::before, .b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::after {
  background: inherit;
  position: absolute;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  z-index: 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::before {
  top: 50%;
  left: 0;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::after {
  right: 0;
  transform: rotate(-45deg);
  transform-origin: 100% 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-measure .b-sch-event.b-milestone {
  width: calc(100% + 1em);
}

.b-sch-event {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 1px);
  text-align: left;
  min-width: 5px;
  min-height: 5px;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  position: relative;
}
.b-toggling-node .b-sch-event {
  transition: none;
}
.b-sch-event label {
  color: #888;
}
.b-sch-event:not(.b-milestone) .b-fa, .b-sch-event:not(.b-milestone) .b-icon {
  margin-inline-end: 0.75em;
  line-height: inherit;
}
.b-sch-event:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}
.b-sch-event.b-sch-event-resizing, .b-sch-event:hover {
  z-index: 6;
}
.b-sch-event.b-sch-event-selected, .b-sch-event.b-sch-event-selected * {
  font-weight: 500;
  z-index: 6;
}
.b-sch-event.b-sch-event-assign-selected {
  animation-name: instance-selected;
  animation-duration: 0.2s;
  animation-iteration-count: 3;
  animation-timing-function: ease-in-out;
}
.b-sch-event.b-milestone {
  transition: background 0s;
}

.b-sch-event-wrap:not(.b-milestone-wrap) {
  min-width: 6px;
  min-height: 6px;
}
.b-using-keyboard .b-sch-event-wrap:not(.b-milestone-wrap).b-active .b-sch-event {
  outline: 1px solid #64a2fe;
  outline-offset: 3px;
}
.b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event {
  align-self: flex-start;
}

@keyframes instance-selected {
  0% {
    top: -2px;
  }
  50% {
    top: 2px;
  }
  100% {
    top: 0;
  }
}
.b-initial-fade-in .b-sch-dependency,
.b-initial-fade-in .b-sch-event-wrap {
  opacity: 0;
  animation-name: initial-fade-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes initial-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-initial-zoom-in .b-sch-event-wrap .b-sch-event {
  animation-name: initial-zoom-in;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
}

@keyframes initial-zoom-in {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
.b-initial-slide-from-left .b-sch-event-wrap {
  transform: translateX(-100vw);
  animation-name: initial-slide-from-left;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}

@keyframes initial-slide-from-left {
  100% {
    transform: translateX(0);
  }
}
.b-initial-slide-from-top .b-sch-event-wrap {
  transform: translateY(-100vh);
  animation-name: initial-slide-from-top;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}

@keyframes initial-slide-from-top {
  100% {
    transform: translateY(0);
  }
}
.b-sch-event-content {
  z-index: 1;
}

.b-milestone .b-sch-event-content {
  flex: 1;
}

.b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0 0.5em 0 0.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}
.b-sch-event:not(.b-milestone) .b-sch-event-content > :not(i) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.b-verticaltimeaxis-row .b-sch-event:not(.b-milestone) .b-sch-event-content {
  flex-direction: column;
}

.b-prevent-event-transitions .b-sch-event-wrap {
  transition: none !important;
}

.b-sch-event-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.b-sch-event-wrap .b-sch-event {
  height: 100%;
  grid-row: 2;
}
.b-sch-horizontal .b-sch-event-wrap, .b-sch-event-wrap.b-sch-horizontal {
  grid-template-columns: auto min-content minmax(auto, 100%) min-content auto;
  grid-template-rows: min-content auto min-content;
}
.b-sch-horizontal .b-sch-event-wrap .b-sch-event, .b-sch-event-wrap.b-sch-horizontal .b-sch-event {
  grid-column: 3;
}
.b-sch-event-wrap.b-sch-vertical {
  grid-template-rows: min-content minmax(auto, 100%) min-content;
  grid-template-columns: 100%;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-sch-event-content {
  flex-direction: column;
  align-items: center;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow i {
  margin-inline-end: 0;
  align-self: center;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap {
  writing-mode: vertical-rl;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event {
  grid-column: 1;
}
.b-sch-horizontal.b-eventbuffer-transition.b-animating .b-sch-event-wrap:not(.b-dragging):not(.b-sch-event-wrap-resizing) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, height 0.2s, font-size 0.2s;
}
.b-sch-vertical.b-eventbuffer-transition.b-animating .b-sch-event-wrap:not(.b-dragging):not(.b-sch-event-wrap-resizing) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, width 0.2s, font-size 0.2s;
}

.b-sch-event-wrap, .b-gantt-task-wrap {
  --event-primary-color-h: 125.8895705521deg;
  --event-primary-color-s: 67.6348547718%;
  --event-primary-color-l: 47.2549019608%;
  --event-primary-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), var(--event-primary-color-l));
}
.b-sch-event-wrap > .b-sch-event:hover, .b-sch-event-wrap > .b-sch-event.b-sch-event-selected, .b-sch-event-wrap > .b-sch-event.b-sch-event-resizing, .b-sch-event-wrap > .b-gantt-task:hover, .b-sch-event-wrap > .b-gantt-task.b-sch-event-selected, .b-sch-event-wrap > .b-gantt-task.b-sch-event-resizing, .b-gantt-task-wrap > .b-sch-event:hover, .b-gantt-task-wrap > .b-sch-event.b-sch-event-selected, .b-gantt-task-wrap > .b-sch-event.b-sch-event-resizing, .b-gantt-task-wrap > .b-gantt-task:hover, .b-gantt-task-wrap > .b-gantt-task.b-sch-event-selected, .b-gantt-task-wrap > .b-gantt-task.b-sch-event-resizing {
  --event-s-factor: var(--event-hover-s-factor);
  --event-l-factor: var(--event-hover-l-factor);
  --event-a: var(--event-hover-a);
  --event-color: var(--event-hover-color);
  --event-opacity: var(--event-hover-opacity);
}
.b-sch-event-wrap > .b-sch-event.b-sch-event-selected:hover, .b-sch-event-wrap > .b-gantt-task.b-sch-event-selected:hover, .b-gantt-task-wrap > .b-sch-event.b-sch-event-selected:hover, .b-gantt-task-wrap > .b-gantt-task.b-sch-event-selected:hover {
  --event-s-factor: var(--event-selected-hover-s-factor);
  --event-l-factor: var(--event-selected-hover-l-factor);
  --event-a: var(--event-selected-hover-a);
}

.b-sch-color-none {
  --event-primary-color-h: null;
  --event-primary-color-s: null;
  --event-primary-color-l: null;
  --event-primary-color: null;
}

.b-sch-event,
.b-gantt-task,
.b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-h: var(--event-primary-color-h);
  --event-background-s: var(--event-primary-color-s);
  --event-background-l: var(--event-primary-color-l);
  --event-s-factor: 1;
  --event-l-factor: 1;
  --event-a: 1;
  --event-hover-s-factor: 1;
  --event-hover-l-factor: 1;
  --event-hover-a: 1;
  --event-selected-hover-s-factor: 1;
  --event-selected-hover-l-factor: 1;
  --event-selected-hover-a: 1;
  --event-background-color: hsla(
          var(--event-background-h),
          calc(var(--event-background-s) * var(--event-s-factor)),
          calc(var(--event-background-l) * var(--event-l-factor)),
          var(--event-a)
  );
  --event-border-color: var(--event-primary-color);
  --event-border-width: 0px;
  --event-border-style: solid;
  --event-border-radius: 0;
  --event-color: #fff;
  --event-hover-color: #fff;
  --event-opacity: 1;
  --event-hover-opacity: 1;
  --event-font-weight: 500;
  color: var(--event-color);
  background-color: var(--event-background-color);
  border-color: var(--event-border-color);
  border-width: var(--event-border-width);
  border-style: var(--event-border-style);
  border-radius: var(--event-border-radius);
  font-weight: var(--event-font-weight);
  opacity: var(--event-opacity);
}
.b-sch-event.b-sch-event-startsoutside,
.b-gantt-task.b-sch-event-startsoutside,
.b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-startsoutside {
  border-inline-start: none;
}

.b-sch-event-wrap.b-milestone-wrap > .b-sch-event.b-milestone {
  border-width: 0;
}

.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone {
  background-color: var(--event-background-color);
  border-color: var(--event-border-color);
  border-width: var(--event-border-width) 0 var(--event-border-width) 0;
  opacity: var(--event-opacity);
  border-style: var(--event-border-style);
  font-weight: var(--event-font-weight);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone::before {
  --event-border-width: inherit;
  --event-border-radius: inherit;
  border-style: var(--event-border-style);
  border-color: var(--event-border-color);
  border-top-width: 0;
  border-inline-end-width: 0;
  border-bottom-width: var(--event-border-width);
  border-inline-start-width: var(--event-border-width);
  border-bottom-left-radius: var(--event-border-radius);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone::after {
  --event-border-width: inherit;
  --event-border-radius: inherit;
  border-style: var(--event-border-style);
  border-color: var(--event-border-color);
  border-top-width: 0;
  border-inline-end-width: var(--event-border-width);
  border-inline-start-width: 0;
  border-bottom-width: var(--event-border-width);
  border-bottom-right-radius: var(--event-border-radius);
  top: calc(var(--event-border-width) * -1);
}

.b-sch-event.b-milestone, .b-gantt-task.b-milestone {
  border-radius: 0;
}
.b-sch-event.b-milestone .b-gantt-task-content,
.b-sch-event.b-milestone .b-sch-event-content, .b-gantt-task.b-milestone .b-gantt-task-content,
.b-gantt-task.b-milestone .b-sch-event-content {
  background-color: var(--event-background-color);
}
.b-sch-event.b-milestone .b-gantt-task-content::before,
.b-sch-event.b-milestone .b-sch-event-content::before, .b-gantt-task.b-milestone .b-gantt-task-content::before,
.b-gantt-task.b-milestone .b-sch-event-content::before {
  border-width: var(--event-border-width);
  border-radius: var(--event-border-radius);
  border-color: var(--event-border-color);
  opacity: var(--event-opacity);
  border-style: var(--event-border-style);
}

.b-gantt-task,
.b-sch-style-none .b-sch-event {
  --event-background-image: none;
}
.b-gantt-task.b-sch-event-selected,
.b-sch-style-none .b-sch-event.b-sch-event-selected {
  --event-background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}
.b-gantt-task.b-sch-event-selected:hover,
.b-sch-style-none .b-sch-event.b-sch-event-selected:hover {
  --event-background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
}
.b-gantt-task:hover,
.b-sch-style-none .b-sch-event:hover {
  --event-background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}
.b-gantt-task:not(.b-milestone),
.b-sch-style-none .b-sch-event:not(.b-milestone) {
  background-image: var(--event-background-image);
}
.b-gantt-task.b-milestone > .b-sch-event-content::before,
.b-sch-style-none .b-sch-event.b-milestone > .b-sch-event-content::before {
  background-image: var(--event-background-image);
}

.b-sch-vertical .b-sch-event {
  align-items: flex-start;
  padding-inline: 0.75em;
  white-space: normal;
}
.b-sch-vertical .b-sch-event .b-sch-event-content {
  margin: 0.75em 0 0.5em 0;
}
.b-sch-vertical:not(.b-masked) .b-grid-empty .b-grid-subgrid:first-child::before {
  content: "";
  display: none;
}
.b-sch-vertical:not(.b-masked) .b-grid-empty .b-timeline-subgrid::before {
  color: #262626;
  content: attr(data-empty-text);
  padding: 1em;
}
.b-sch-vertical .b-grid-row {
  border-bottom: none;
}

.b-sch-vertical.b-eventlayout-mixed .b-sch-event {
  opacity: 0.8;
}

.b-timelinebase.b-overlay-scrollbar .b-virtual-scrollers {
  z-index: 100;
}

.b-sch-layout-milestone-labels .b-milestone-wrap {
  padding-inline-start: 1em;
}

.b-sch-layout-milestone .b-milestone-wrap {
  min-width: 1em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-scale-cell {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.b-scale-cell .b-scale {
  background-color: transparent;
  font-weight: 400;
}
.b-scale-cell .b-scale-tick-label {
  font-size: 70%;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerbase.b-animating .b-grid-row {
  transition: height 0.2s, transform 0.2s;
}

.b-grid-footer-container .b-sch-timeaxiscolumn {
  padding: 0;
}

.b-sch-timeaxis-cell {
  padding: 0;
  flex: none !important;
  align-items: baseline;
  border-inline-end: none;
}

.b-gridbase .b-timeline-subgrid .b-grid-row.b-selected:not(.b-group-row) {
  background-color: transparent;
}
.b-gridbase .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-sch-timeaxis-cell.b-selected {
  background-color: transparent;
}

.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
.b-stripe .b-timeline-subgrid .b-grid-row.b-odd,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-odd {
  background-color: rgba(250, 250, 250, 0.8);
}
.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-even,
.b-stripe .b-timeline-subgrid .b-grid-row.b-even,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-even,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-even {
  background-color: rgba(255, 255, 255, 0.8);
}

.b-stripe .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: transparent;
}

.b-stripe .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: transparent;
}

.b-gridbase .b-timeline-subgrid .b-group-row.b-selected,
.b-timeline-subgrid .b-group-row.b-selected,
.b-timeline-subgrid .b-group-row {
  z-index: 3;
  background-color: rgba(250, 251, 252, 0.8);
}

.b-timeline-subgrid {
  -webkit-user-select: none;
  user-select: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resource-info {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.b-resource-info dl {
  overflow: hidden;
}
.b-resource-info dt {
  font-weight: 600;
  margin-bottom: 0.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-resource-info dd {
  margin: 0;
  font-size: 0.8em;
  color: #b0b0b7;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-resource-info .b-resource-avatar {
  margin-inline-end: 0.5em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resourcecollapse-cell {
  cursor: pointer;
}
.b-resourcecollapse-cell .b-icon {
  transition: transform 0.2s !important;
}
.b-resourcecollapse-cell .b-icon.b-flip {
  transform: rotate(180deg);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-columnlines .b-grid-cell:not(:last-child) {
  border-inline-end: 1px solid #e9eaeb;
}

.b-columnlines .b-group-row .b-grid-cell {
  border-inline-end-color: transparent;
}

.b-column-line,
.b-column-line-major {
  height: 100%;
  position: absolute;
  border-left-width: 1px;
  border-left-style: solid;
}

.b-column-line {
  border-color: #f4f5f5;
}

.b-column-line-major {
  border-color: #d0d3d5;
  z-index: 1;
}

.b-sch-vertical .b-column-line:not(.b-resource-column-line),
.b-sch-vertical .b-column-line-major {
  height: auto;
  width: 100%;
  position: absolute;
  border-left: none;
  border-top-width: 1px;
  border-top-style: solid;
}
.b-sch-vertical .b-resource-group-divider {
  border-color: #d8d9da;
}

.b-animating .b-resource-column-line {
  transition: left 0.2s linear;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-foreground-canvas > svg {
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 100%;
  z-index: 3;
  --scheduler-dependency-marker: url("#arrowEnd");
}

.b-sch-dependency-arrow {
  fill: #bbb;
}
.b-sch-dependency-arrow path {
  fill: inherit;
}

.b-sch-dependency {
  pointer-events: visibleStroke;
  fill: transparent;
  stroke: #bbb;
  stroke-width: 1;
  transition: stroke-width 0.2s linear;
}
.b-sch-dependency.b-sch-dependency-over {
  stroke-width: 2;
  stroke-dasharray: 0;
}
.b-sch-dependency.b-sch-released {
  display: none;
}
.b-sch-dependency.b-click-area {
  stroke: transparent;
  stroke-dasharray: none !important;
  marker-end: none;
}

.b-sch-dependency {
  marker-end: var(--scheduler-dependency-marker);
}
.b-sch-dependency.b-sch-bidirectional-line {
  marker-start: var(--scheduler-dependency-marker);
}
.b-sch-dependency.b-sch-dependency-markerless {
  marker-end: none;
}

.b-dependencies .b-sch-event.b-sch-terminals-visible,
.b-dependencies .b-gantt-task.b-sch-terminals-visible {
  overflow: visible;
}
.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event,
.b-dependencies.b-highlighting .b-sch-dependency {
  opacity: 0.3;
}
.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event.b-highlight,
.b-dependencies.b-highlighting .b-sch-dependency.b-highlight {
  opacity: 1;
}
.b-dependencies.b-highlighting .b-sch-resourcetimerange {
  opacity: 0.3;
}

.b-sch-terminal {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  --terminal-start-end-offset: 80%;
}
@media (pointer: coarse) {
  .b-sch-terminal {
    --terminal-start-end-offset: 115%;
  }
  .b-sch-terminal::after {
    content: "";
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: absolute;
    transform: translate(-7px, -7px);
  }
}
.b-sch-terminal.b-sch-terminal:hover {
  background-color: #e6e6e6;
}
.b-dragging .b-sch-terminal, .b-sch-event-resizing .b-sch-terminal {
  display: none;
}

.b-sch-event-wrap:not(.b-sch-event-hover) .b-sch-terminal {
  display: none;
}

.b-creating-dependency .b-sch-terminal:hover,
.b-creating-dependency .b-sch-terminal-active {
  background-color: #e6e6e6;
}
.b-creating-dependency .b-sch-terminal:hover.b-valid,
.b-creating-dependency .b-sch-terminal-active.b-valid {
  border-color: #27ca37;
  background-color: #9eeca5;
}
.b-creating-dependency .b-sch-terminal:hover.b-invalid,
.b-creating-dependency .b-sch-terminal-active.b-invalid {
  border-color: #e53f2c;
  background-color: #f6bbb4;
}
.b-creating-dependency * {
  touch-action: none;
}

.b-sch-terminal-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-80%);
}

.b-sch-terminal-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(80%);
}

.b-sch-terminal-start {
  left: 0;
  top: 50%;
  transform: translateX(calc(var(--terminal-start-end-offset) * -1 * var(--rtl-negate))) translateY(-50%);
}
.b-rtl .b-sch-terminal-start {
  left: auto;
  right: 0;
}

.b-sch-terminal-end {
  right: 0;
  top: 50%;
  transform: translateX(calc(var(--terminal-start-end-offset) * var(--rtl-negate))) translateY(-50%);
}
.b-rtl .b-sch-terminal-end {
  right: auto;
  left: 0;
}

.b-labels-topbottom .b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-withicon) .b-sch-terminal-start,
.b-labels-topbottom .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon) .b-sch-terminal-start {
  transform: translate(calc(-0.35em * var(--rtl-negate)), -50%);
}
.b-labels-topbottom .b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-withicon) .b-sch-terminal-end,
.b-labels-topbottom .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon) .b-sch-terminal-end {
  transform: translate(calc(0.35em * var(--rtl-negate)), -50%);
}

.b-sch-dependency-connector {
  position: absolute;
  contain: strict;
  border-top: 2px dashed #bbb;
  z-index: 10;
  transform-origin: 0 0;
  pointer-events: none;
}
.b-sch-dependency-connector.b-removing {
  transition: width 0.2s ease-out;
}
.b-sch-dependency-connector.b-valid {
  border-color: #27ca37;
  border-top-style: solid;
}

.b-sch-dependency-creation-tooltip.b-popup {
  max-width: none;
}
.b-sch-dependency-creation-tooltip .b-popup-header {
  padding: 0.5em 0.075em;
  background-color: #27ca37;
}
.b-safari .b-sch-dependency-creation-tooltip .b-popup-header, .b-firefox .b-sch-dependency-creation-tooltip .b-popup-header {
  width: 1.5em;
}
.b-sch-dependency-creation-tooltip .b-popup-header i {
  margin-bottom: 0.5em;
}
.b-sch-dependency-creation-tooltip.b-rtl .b-popup-header i {
  margin-bottom: 0;
  margin-top: 0.5em;
}
.b-sch-dependency-creation-tooltip.b-invalid .b-popup-header {
  background-color: #e53f2c;
}
.b-sch-dependency-creation-tooltip.b-checking .b-popup-header {
  background-color: #b0b0b7;
}

.b-sch-dependency-tooltip {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 0.5em;
  align-items: center;
}
.b-sch-dependency-tooltip label {
  font-size: 0.8em;
}

.b-sch-dependency-creation-tooltip .b-panel-header,
.b-sch-dependency-tooltip .b-panel-header {
  color: #fff;
}
.b-sch-dependency-creation-tooltip .b-sch-box,
.b-sch-dependency-tooltip .b-sch-box {
  width: 12px;
  height: 8px;
  border: 1px solid #bbb;
  display: none;
  position: relative;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-start, .b-sch-dependency-creation-tooltip .b-sch-box.b-end, .b-sch-dependency-creation-tooltip .b-sch-box.b-right, .b-sch-dependency-creation-tooltip .b-sch-box.b-left, .b-sch-dependency-creation-tooltip .b-sch-box.b-top, .b-sch-dependency-creation-tooltip .b-sch-box.b-bottom,
.b-sch-dependency-tooltip .b-sch-box.b-start,
.b-sch-dependency-tooltip .b-sch-box.b-end,
.b-sch-dependency-tooltip .b-sch-box.b-right,
.b-sch-dependency-tooltip .b-sch-box.b-left,
.b-sch-dependency-tooltip .b-sch-box.b-top,
.b-sch-dependency-tooltip .b-sch-box.b-bottom {
  display: block;
}
.b-sch-dependency-creation-tooltip .b-sch-box:after,
.b-sch-dependency-tooltip .b-sch-box:after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #888;
  position: absolute;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-end:after, .b-sch-dependency-creation-tooltip .b-sch-box.b-right:after,
.b-sch-dependency-tooltip .b-sch-box.b-end:after,
.b-sch-dependency-tooltip .b-sch-box.b-right:after {
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.b-rtl .b-sch-dependency-creation-tooltip .b-sch-box.b-end:after,
.b-rtl .b-sch-dependency-tooltip .b-sch-box.b-end:after {
  right: auto;
  left: -2px;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-start:after, .b-sch-dependency-creation-tooltip .b-sch-box.b-left:after,
.b-sch-dependency-tooltip .b-sch-box.b-start:after,
.b-sch-dependency-tooltip .b-sch-box.b-left:after {
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.b-rtl .b-sch-dependency-creation-tooltip .b-sch-box.b-start:after,
.b-rtl .b-sch-dependency-tooltip .b-sch-box.b-start:after {
  left: auto;
  right: -2px;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-top:after,
.b-sch-dependency-tooltip .b-sch-box.b-top:after {
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-bottom:after,
.b-sch-dependency-tooltip .b-sch-box.b-bottom:after {
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.b-predecessor-list {
  display: flex;
  flex-direction: column;
}
.b-predecessor-list > * {
  flex: 0 0 auto;
  align-self: stretch;
  width: auto;
}
.b-predecessor-list > .b-list-item .b-predecessor-item-text {
  flex: 1;
}
.b-predecessor-list > .b-list-item .b-sch-box {
  width: 1.2em;
  height: 0.9em;
  border: 1px solid #bbb;
  margin-inline-start: 0.5em;
  position: relative;
}
.b-predecessor-list > .b-list-item .b-sch-box:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  border: 1px solid #bbb;
  display: none;
}
.b-predecessor-list > .b-list-item.b-selected .b-sch-box {
  background-color: #27ca37;
}
.b-predecessor-list > .b-list-item.b-selected.b-fs .b-sch-box.b-from::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-fs .b-sch-box.b-to::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-sf .b-sch-box.b-from::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-sf .b-sch-box.b-to::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ss .b-sch-box.b-from::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ss .b-sch-box.b-to::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ff .b-sch-box.b-from::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ff .b-sch-box.b-to::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dependencyeditor.b-popup {
  width: 29em;
}
.b-dependencyeditor.b-popup .b-popup-content {
  padding: 1em 1em 0 1em;
}
.b-dependencyeditor.b-popup .b-popup-content .b-textfield label,
.b-dependencyeditor.b-popup .b-popup-content .b-checkbox label {
  flex: 1 0 4em;
}
.b-dependencyeditor.b-popup .b-popup-content .b-textfield .b-checkbox-label,
.b-dependencyeditor.b-popup .b-popup-content .b-checkbox .b-checkbox-label {
  text-align: start;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar {
  padding: 1em 1em 0.4em 1em;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar .b-label-filler {
  display: none;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar > button {
  flex: 1;
  margin-inline-end: 0.5em;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dragselect-rect {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 100;
  border: 1px dashed #474849;
}

div.b-sch-event-wrap > .b-sch-event.b-cut-item {
  opacity: 0.4;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerbase.b-dragging-event {
  -webkit-user-select: none;
  user-select: none;
}

.b-sch-event-wrap.b-aborting, .b-sch-event-wrap.b-drag-unified-animation {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s, left 0.2s, top 0.2s;
}
.b-sch-event-wrap.b-dragging {
  z-index: 200;
}
.b-sch-event-wrap.b-dragging.b-drag-main {
  z-index: 201;
}
.b-sch-event-wrap.b-dragging .b-sch-event {
  outline: none !important;
}
.b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-plain .b-sch-event-wrap.b-dragging .b-sch-event, .b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-border .b-sch-event-wrap.b-dragging .b-sch-event, .b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-colored .b-sch-event-wrap.b-dragging .b-sch-event {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}
.b-sch-event-wrap.b-hidden {
  display: none !important;
}

.b-float-root > .b-tooltip.b-eventdrag-tooltip {
  pointer-events: none;
}

.b-sch-tip-message {
  margin-top: 0.5em;
}
.b-sch-tip-invalid .b-sch-tip-message {
  color: #e53f2c;
}
.b-sch-tip-message .b-icon:first-child {
  margin-inline-end: 0.4em;
}
.b-sch-tip-message:empty {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timelinebase.b-dragcreating {
  -webkit-user-select: none;
  user-select: none;
}
.b-timelinebase.b-dragcreating .b-sch-timeaxis-cell,
.b-timelinebase.b-dragcreating .b-sch-event-wrap,
.b-timelinebase.b-dragcreating .b-gantt-task-wrap {
  pointer-events: none;
}

.b-dragcreate-lock .b-iscreating {
  opacity: 0.5;
}
.b-dragcreate-lock .b-iscreating .b-sch-event-content {
  display: none;
}

.b-sch-dragcreating.b-too-narrow {
  opacity: 0.25;
}

.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-startdate,
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-enddate {
  color: #e53f2c;
}
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-startdate .b-sch-clock,
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-enddate .b-sch-clock {
  border-color: #e53f2c;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-eventeditor.b-popup {
  width: min(100%, 16em + var(--date-time-length));
  min-width: min(100%, 16em + var(--date-time-length));
  flex: unset;
}
.b-eventeditor.b-popup.b-collapsed .b-panel-collapse-revealer {
  display: none;
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content .b-field > label {
  flex: 0 0 6em;
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=startDateField], .b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=endDateField] {
  flex: 1 0 calc(55.5% + var(--date-width-difference) - 0.6em / 2);
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=startTimeField], .b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=endTimeField] {
  flex: 1 0 calc(44.5% - var(--date-width-difference) - 0.6em / 2);
}
@media (min-width: 390px) {
  .b-eventeditor.b-popup .b-bottom-toolbar > .b-toolbar-content {
    padding-inline-start: calc(1em + 6.6em);
  }
}
.b-eventeditor.b-popup .b-bottom-toolbar > .b-toolbar-content > button {
  flex: 1;
  margin-inline-end: 0.5em;
  min-width: 0;
}
.b-eventeditor.b-popup .b-bottom-toolbar > .b-toolbar-content > button:last-child {
  margin-inline-end: 0;
}

.b-popup[class*=editor] .b-bottom-toolbar .b-toolbar-content {
  padding-top: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-wrap .b-sch-nonworkingtime {
  z-index: 0;
}

.b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-nonworkingtime {
  display: none;
}

.b-animating .b-sch-event-wrap .b-sch-timerange {
  transition: none;
}

.b-sch-vertical .b-sch-event-wrap .b-sch-nonworkingtime {
  left: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-resizable-true, .b-sch-event-resizable-start, .b-sch-event-resizable-end {
  --handle-size: 0.5em;
}
@media (pointer: coarse) {
  .b-sch-event-resizable-true, .b-sch-event-resizable-start, .b-sch-event-resizable-end {
    --handle-size: 1em;
  }
}
.b-sch-event-resizable-true::before, .b-sch-event-resizable-true::after, .b-sch-event-resizable-start::before, .b-sch-event-resizable-start::after, .b-sch-event-resizable-end::before, .b-sch-event-resizable-end::after {
  --handle-width: 9px;
  --handle-height: 50%;
  --handle-inset: 3px;
  --handle-align-inset: 25%;
  --gradient-dir: to right;
  --handle-opacity: 0.7;
  --clip-path: inset(0 0 0 var(--handle-inset));
  position: absolute;
  clip-path: var(--clip-path);
  left: 0;
  top: var(--handle-align-inset);
  width: var(--handle-width);
  height: var(--handle-height);
  opacity: var(--handle-opacity);
  background: linear-gradient(var(--gradient-dir), #fff 1px, transparent 1px);
  background-size: 2px;
  background-position: var(--handle-inset);
}
@media (pointer: coarse) {
  .b-sch-event-resizable-true::before, .b-sch-event-resizable-true::after, .b-sch-event-resizable-start::before, .b-sch-event-resizable-start::after, .b-sch-event-resizable-end::before, .b-sch-event-resizable-end::after {
    --handle-width: 1.7em;
    --handle-inset: 0.7em;
  }
}
.b-sch-event-resizable-true::after, .b-sch-event-resizable-start::after, .b-sch-event-resizable-end::after {
  --clip-path: inset(0 var(--handle-inset) 0 0);
  left: auto;
  right: 0;
}
.b-sch-vertical .b-sch-event-resizable-true::before, .b-sch-vertical .b-sch-event-resizable-true::after, .b-sch-vertical .b-sch-event-resizable-start::before, .b-sch-vertical .b-sch-event-resizable-start::after, .b-sch-vertical .b-sch-event-resizable-end::before, .b-sch-vertical .b-sch-event-resizable-end::after {
  --handle-width: 50%;
  --handle-height: 0.7em;
  --gradient-dir: to bottom;
  background-size: 100% 2px;
  --clip-path: inset(var(--handle-inset) 0 0 0);
  top: 0;
  left: var(--handle-align-inset);
}
@media (pointer: coarse) {
  .b-sch-vertical .b-sch-event-resizable-true::before, .b-sch-vertical .b-sch-event-resizable-true::after, .b-sch-vertical .b-sch-event-resizable-start::before, .b-sch-vertical .b-sch-event-resizable-start::after, .b-sch-vertical .b-sch-event-resizable-end::before, .b-sch-vertical .b-sch-event-resizable-end::after {
    --handle-height: 1.7em;
  }
}
.b-sch-vertical .b-sch-event-resizable-true::after, .b-sch-vertical .b-sch-event-resizable-start::after, .b-sch-vertical .b-sch-event-resizable-end::after {
  --clip-path: inset(0 0 var(--handle-inset) 0);
  top: auto;
  bottom: 0;
}

.b-eventresize:not(.b-readonly):not(.b-creating-dependency) {
  --handle-cursor: ew-resize;
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency).b-sch-vertical {
  --handle-cursor: ns-resize;
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-start:before, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-end:after, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-true:before, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-true:after,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-start:before,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-end:after,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-true:before,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-true:after {
  content: "";
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event.b-resize-handle {
  cursor: var(--handle-cursor);
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency).b-resizing-event, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-resizing {
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--handle-cursor) !important;
}

.b-sch-event-wrap.b-sch-event-wrap-resizing {
  z-index: 7;
}

.b-schedulerbase.b-resizing-event .b-sch-timeaxis-cell,
.b-schedulerbase.b-resizing-event .b-sch-event-wrap {
  /* prevent drag create */
  pointer-events: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-popup.b-sch-event-tooltip {
  max-width: 30em;
  display: flex;
  flex-direction: column;
}
.b-popup.b-sch-event-tooltip .b-sch-event-title {
  font-weight: 600;
}

.b-eventtip-content {
  gap: 0.5em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timeaxis-group-summary {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.b-timeaxis-group-summary .b-timeaxis-tick {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.b-timeaxis-group-summary .b-timeaxis-summary-value {
  text-align: center;
}

.b-gridbase.b-schedulerbase .b-timeline-subgrid .b-grid-row.b-group-footer.b-hover .b-grid-cell,
.b-gridbase.b-schedulerbase .b-timeline-subgrid .b-grid-row.b-group-footer.b-hover .b-grid-cell:hover {
  background-color: #fffbf5;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-headerzoom-rect {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 100;
  background: rgba(152, 193, 255, 0.3);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-wrap .b-sch-label, .b-gantt-task-wrap .b-sch-label {
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  margin: 0.2em 0;
  color: #888;
  font-weight: 500;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all;
}
.b-sch-event-wrap .b-sch-label-before, .b-gantt-task-wrap .b-sch-label-before {
  position: absolute;
  margin: 0;
}
.b-sch-event-wrap .b-sch-label-after, .b-gantt-task-wrap .b-sch-label-after {
  position: absolute;
  margin: 0;
}
.b-baselines .b-sch-event-wrap.b-has-baselines .b-sch-label-before, .b-baselines .b-sch-event-wrap.b-has-baselines .b-sch-label-after, .b-baselines .b-gantt-task-wrap.b-has-baselines .b-sch-label-before, .b-baselines .b-gantt-task-wrap.b-has-baselines .b-sch-label-after {
  top: 0;
  line-height: 85%;
}

.b-sch-event-wrap .b-sch-label-top {
  grid-column: 3;
  grid-row: 1;
}
.b-sch-event-wrap .b-sch-label-before, .b-sch-event-wrap .b-sch-label-after {
  grid-row: 1;
  margin-top: 6px;
}
.b-sch-event-wrap .b-sch-label-before {
  grid-column: 1;
  transform: translate3d(calc(-100% * var(--rtl-negate)), 0, 0);
  margin-inline-start: -1.5em;
}
.b-sch-event-wrap .b-sch-label-after {
  grid-column: 5;
  margin-inline-start: 1.5em;
}
.b-sch-event-wrap .b-sch-label-bottom {
  grid-column: 3;
  grid-row: 3;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-label-before, .b-sch-event-wrap.b-milestone-wrap .b-sch-label-after {
  margin-inline: 0;
}
.b-labels-topbottom .b-sch-event-wrap.b-milestone-wrap .b-milestone {
  width: 100%;
}

.b-measure-label {
  height: 1em;
  position: fixed;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
.b-measure-label label {
  padding-inline-start: 1.5em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-pan .b-timeline-subgrid {
  cursor: move;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-resourcetimerange {
  display: flex;
  position: absolute;
  left: 0;
  background-color: rgba(255, 235, 59, 0.1);
  color: #ecd300;
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
}
.b-sch-resourcetimerange [data-task-feature] {
  display: flex;
  font-size: 12px;
}
.b-animating .b-sch-resourcetimerange {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s, left 0.2s, right 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-sch-resourcetimerange .b-sch-event-withicon .b-fa {
  margin-inline-end: 0.4em;
  line-height: inherit;
}
.b-sch-resourcetimerange .b-sch-event-content {
  margin: 3px;
}
.b-interactive-resourcetimeranges .b-sch-resourcetimerange {
  pointer-events: auto;
}

.b-sch-vertical .b-sch-resourcetimerange {
  justify-content: center;
  align-items: flex-start;
}

.b-sch-color-red.b-sch-resourcetimerange {
  background-color: rgba(229, 63, 44, 0.1);
  color: #b72615;
}

.b-sch-color-pink.b-sch-resourcetimerange {
  background-color: rgba(254, 49, 131, 0.1);
  color: #e2015b;
}

.b-sch-color-purple.b-sch-resourcetimerange {
  background-color: rgba(254, 49, 234, 0.1);
  color: #e201cc;
}

.b-sch-color-violet.b-sch-resourcetimerange {
  background-color: rgba(172, 49, 254, 0.1);
  color: #8801e2;
}

.b-sch-color-indigo.b-sch-resourcetimerange {
  background-color: rgba(69, 49, 254, 0.1);
  color: #1701e2;
}

.b-sch-color-blue.b-sch-resourcetimerange {
  background-color: rgba(49, 131, 254, 0.1);
  color: #015be2;
}

.b-sch-color-cyan.b-sch-resourcetimerange {
  background-color: rgba(49, 233, 254, 0.1);
  color: #01cbe2;
}

.b-sch-color-teal.b-sch-resourcetimerange {
  background-color: rgba(49, 254, 172, 0.1);
  color: #01e288;
}

.b-sch-color-green.b-sch-resourcetimerange {
  background-color: rgba(39, 202, 55, 0.1);
  color: #1c9928;
}

.b-sch-color-lime.b-sch-resourcetimerange {
  background-color: rgba(118, 230, 44, 0.1);
  color: #56b915;
}

.b-sch-color-yellow.b-sch-resourcetimerange {
  background-color: rgba(255, 235, 59, 0.1);
  color: #ecd300;
}

.b-sch-color-orange.b-sch-resourcetimerange {
  background-color: rgba(254, 172, 49, 0.1);
  color: #e28801;
}

.b-sch-color-deep-orange.b-sch-resourcetimerange {
  background-color: rgba(255, 112, 67, 0.1);
  color: #f23a00;
}

.b-sch-color-gray.b-sch-resourcetimerange {
  background-color: rgba(160, 160, 160, 0.1);
  color: #7e7272;
}

.b-sch-color-gantt-green.b-sch-resourcetimerange {
  background-color: rgba(142, 233, 151, 0.1);
  color: #3edc4d;
}

.b-schedule-selected-tick {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  background-color: rgba(254, 172, 49, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-sch-scheduletip {
  min-width: 10em;
}
.b-sch-scheduletip.b-nonworking-time {
  opacity: 0;
  pointer-events: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-simpleeventeditor {
  z-index: 15;
}
.b-simpleeventeditor .b-field {
  align-items: stretch;
}
.b-sch-horizontal .b-simpleeventeditor .b-field {
  height: 100%;
}

.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap),
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange {
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event-content,
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event-content {
  position: sticky;
  left: 0.75em;
}
.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event,
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event {
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange {
  justify-content: flex-start;
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange > div {
  overflow: visible;
  width: 100%;
}

.b-rtl.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event-content,
.b-rtl.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event-content {
  right: 0.75em;
}

.b-firefox.b-stickyevents.b-sch-horizontal .b-sch-foreground-canvas {
  contain: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-summarybar {
  padding: 0;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: unset !important;
}
.b-sch-summarybar .b-timeaxis-tick {
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  justify-content: center;
  align-items: stretch;
}

.b-sch-summarybar:not(.b-sch-vertical) .b-timeaxis-tick {
  padding: 0.5em 0;
}
.b-sch-summarybar:not(.b-sch-vertical) .b-timeaxis-tick:not(:last-child) {
  border-inline-end: 1px solid #d8d9da;
}

.b-sch-vertical .b-sch-summarybar {
  flex-direction: column;
  align-items: stretch;
  background: #f3f4f5 !important;
  color: #667280;
}
.b-sch-vertical .b-sch-summarybar .b-timeaxis-tick {
  padding: 0 0.5em;
}
.b-sch-vertical .b-sch-summarybar .b-timeaxis-tick:not(:last-child) {
  border-bottom: 1px solid #d8d9da;
}

.b-timeaxis-summary-tip {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.b-timeaxis-summary-tip header {
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
.b-timeaxis-summary-tip label {
  flex: 1 1 50%;
}
.b-timeaxis-summary-tip .b-timeaxis-summary-value {
  flex: 0 0 auto;
}

.b-sch-timeaxis-menu-daterange-popup {
  width: 21em;
}
.b-sch-timeaxis-menu-daterange-popup .b-left-nav-btn,
.b-sch-timeaxis-menu-daterange-popup .b-right-nav-btn {
  max-width: 1em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-float-root > .b-floating.b-interaction-tooltip {
  pointer-events: none;
}

.b-timeranges-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.b-sch-timerange {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 0;
  overflow: hidden;
  justify-content: center;
  color: #aaa;
  z-index: 1;
  cursor: pointer;
}
.b-sch-timerange.b-over-resize-handle {
  cursor: ew-resize;
}
.b-timelinebase:not(.b-dragging-timerange) .b-sch-timerange:hover {
  z-index: 3;
}
.b-sch-timerange label {
  font-size: 0.8em;
  color: inherit;
  white-space: nowrap;
  cursor: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.3em;
}
.b-sch-timerange label i {
  margin-inline-end: 0.5em;
}
.b-sch-foreground-canvas .b-sch-timerange.b-narrow-range label {
  writing-mode: tb;
  padding-inline-start: 1em;
}

.b-sch-current-time {
  pointer-events: none;
}

.b-animating .b-sch-timerange {
  transition: transform 0.3s, width 0.3s, height 0.3s;
}

.b-timeline-subgrid .b-sch-timerange {
  height: 100%;
  align-items: flex-start;
  min-width: 1px;
  color: #aaa;
  font-size: 14px;
}
.b-timeline-subgrid .b-sch-timerange:not(.b-sch-line) label {
  overflow: visible;
}
.b-timeline-subgrid .b-sch-timerange:not(.b-sch-line) label.b-vertical {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
}
.b-timeline-subgrid .b-sch-timerange.b-sch-line {
  width: 1px;
  overflow: visible;
}
.b-timeline-subgrid .b-sch-timerange.b-sch-line:before {
  display: none;
}
.b-timeline-subgrid .b-sch-range {
  background-color: rgba(240, 240, 240, 0.5);
  pointer-events: none;
}
.b-timeline-subgrid .b-sch-line {
  border-left: 2px dotted #fab005;
  color: #fff;
  padding: 0;
  z-index: 2;
}
.b-timeline-subgrid .b-sch-line label {
  background-color: #fab005;
  padding: 0.3em;
  white-space: nowrap;
}
.b-timeline-subgrid .b-sch-current-time {
  border-left-color: #fa5252;
}
.b-timeline-subgrid .b-sch-current-time label {
  background-color: #fa5252;
}

.b-timelinebase:not(.b-sch-vertical) .b-timeline-subgrid .b-sch-line {
  flex-direction: column;
  justify-content: flex-start;
  z-index: 6;
}
.b-timelinebase:not(.b-sch-vertical) .b-timeline-subgrid .b-sch-line label {
  margin-top: 0.5em;
}

.b-sch-vertical .b-sch-timerange {
  left: auto;
  top: 0;
  justify-content: flex-start;
}
.b-sch-vertical .b-sch-timerange label {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  transform: rotate(180deg);
}
.b-sch-vertical .b-sch-timerange.b-over-resize-handle {
  cursor: ns-resize;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-timerange {
  height: auto;
  width: 100%;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-line {
  border-top: 2px dotted #fab005;
  color: #fff;
  padding: 0;
  height: 1px;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-line label {
  background-color: #fab005;
  padding: 0.3em;
  white-space: nowrap;
}

.b-grid-header .b-sch-timerange {
  flex-direction: row;
  justify-content: center;
  bottom: 0;
  background-color: #98c1ff;
  color: #fff;
  line-height: 1;
  padding: 0.5em 0;
  -webkit-user-select: none;
  user-select: none;
}
.b-grid-header .b-sch-timerange.b-sch-line {
  padding: 0.5em;
  background-color: #fab005;
  z-index: 2;
}
.b-grid-header .b-sch-timerange.b-sch-current-time {
  background-color: #fa5252;
}
.b-grid-header .b-sch-timerange:before {
  margin-inline-end: 0.5em;
}
.b-grid-header .b-sch-timerange label {
  padding: 0;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-1 .b-sch-timerange {
  height: 100%;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-2 .b-sch-timerange {
  height: 50%;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-3 .b-sch-timerange {
  height: 33.3333333333%;
}
.b-grid-header .b-sch-line {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.b-grid-header .b-sch-line.b-rtl {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.b-grid-header .b-sch-line.b-sch-timerange-with-headerlabel label {
  left: -2px;
}

.b-verticaltimeaxiscolumn .b-sch-timerange {
  flex-direction: column;
  justify-content: center;
  right: 0;
  background-color: #98c1ff;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
}
.b-verticaltimeaxiscolumn .b-sch-timerange:before {
  margin-bottom: 0.5em;
}
.b-verticaltimeaxiscolumn .b-sch-line {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.b-verticaltimeaxiscolumn .b-sch-line.b-sch-timerange-with-headerlabel label {
  top: -2px;
}

.b-sch-timeranges-with-headerelements .b-timeline-subgrid .b-sch-range:before {
  display: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-timeaxiscolumn .b-selected-time-span,
.b-verticaltimeaxiscolumn .b-selected-time-span {
  background: #3183fe;
  color: #fff;
  justify-content: space-between;
  padding: 0.4em;
  opacity: 1;
}
.b-sch-timeaxiscolumn .b-selected-time-span span,
.b-verticaltimeaxiscolumn .b-selected-time-span span {
  white-space: nowrap;
  overflow: hidden;
}
.b-sch-timeaxiscolumn .b-selected-time-span .b-selection-start,
.b-sch-timeaxiscolumn .b-selected-time-span .b-selection-end,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-selection-start,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-selection-end {
  align-self: flex-end;
}
.b-sch-timeaxiscolumn .b-selected-time-span .b-icon-close, .b-sch-timeaxiscolumn .b-selected-time-span .b-popup-close:before,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  position: absolute;
  top: 0.2em;
  right: 0.4em;
  cursor: pointer;
}

.b-timelinebase.b-rtl .b-sch-timeaxiscolumn .b-selected-time-span .b-icon-close, .b-timelinebase.b-rtl .b-sch-timeaxiscolumn .b-selected-time-span .b-popup-close:before,
.b-timelinebase.b-rtl .b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close,
.b-timelinebase.b-rtl .b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  left: 0.4em;
  right: auto;
}

.b-sch-timeaxiscolumn .b-selected-time-span {
  font-size: 0.7em;
}

.b-verticaltimeaxiscolumn .b-selected-time-span {
  width: calc(100% - 2em);
}
.b-verticaltimeaxiscolumn .b-selected-time-span span {
  font-size: 0.7em;
}
.b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close, .b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  left: 0.4em;
}

.b-grid-header .b-selected-time-span,
.b-timeline-subgrid .b-selected-time-span,
.b-verticaltimeaxiscolumn .b-selected-time-span {
  transition: none;
  z-index: 10;
}

.b-timeline-subgrid .b-selected-time-span {
  background: rgba(152, 193, 255, 0.2);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-headers .b-sch-nonworkingtime {
  background-color: rgba(240, 213, 213, 0.3);
  z-index: 0;
  pointer-events: none;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-clockwrap {
  display: flex;
}
.b-sch-clockwrap:not(:first-child) {
  margin-top: 0.3em;
}

.b-sch-clock {
  position: relative;
  height: 21px;
  width: 21px;
  min-width: 21px;
  white-space: nowrap;
}
.b-sch-clock .b-sch-hour-indicator {
  border-top: 2px solid transparent;
  border-bottom: 6px solid #777;
}
.b-sch-clock .b-sch-minute-indicator {
  border-top: 8px solid #777;
}
.b-sch-clock .b-sch-minute-indicator,
.b-sch-clock .b-sch-hour-indicator {
  position: absolute;
  left: 50%;
  top: 1px;
  width: 2px;
  height: 8px;
  overflow: hidden;
  margin-left: -1px;
  transform-origin: 50% 100%;
}

.b-sch-clock-hour .b-sch-clock {
  border: 2px solid #feac31;
  background-color: #f8f8f8;
  border-radius: 100%;
}
.b-sch-clock-hour .b-sch-clock-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  background: #777;
  border-radius: 3px;
  z-index: 2;
}

.b-sch-clock-day .b-sch-clock {
  background-color: #f8f8f8;
  border: none;
  border-radius: 2px;
}
.b-sch-clock-day .b-sch-clock .b-sch-hour-indicator {
  width: inherit;
  position: static !important;
  background-color: #feac31;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 7px;
  line-height: 8px;
  text-align: center;
  color: #fff;
  height: 9px;
  text-indent: 0;
  margin-top: -1px;
  margin-left: 0;
  border: 0 none;
  transform: none !important;
}
.b-sch-clock-day .b-sch-clock .b-sch-minute-indicator {
  width: inherit;
  color: #555;
  position: static !important;
  height: 16px;
  background-color: transparent;
  font-size: 10px;
  text-align: center;
  text-indent: 0;
  line-height: 12px;
  border: none;
  margin-left: 0;
  transform: none !important;
}
.b-sch-clock-day .b-sch-clock-dot {
  display: none;
}

.b-sch-clock-text {
  margin-inline-start: 8px;
  padding-top: 1px;
  white-space: nowrap;
  width: 100%;
}

/*.b-rtl .b-sch-clock-text {
    margin-left  : auto;
    margin-right : 25px;
}*/
.b-sticky-headers .b-grid-header, .b-sticky-headers .b-timeaxis, .b-sticky-headers .b-sticky-header, .b-sticky-headers .b-sch-header-timeaxis-cell {
  overflow: visible;
}
.b-sticky-headers .b-sch-header-text.b-sticky-header {
  position: sticky;
}
.b-sticky-headers .b-horizontaltimeaxis .b-sch-header-text.b-sticky-header {
  left: 0;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.5em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-text.b-sticky-header {
  top: 0.15em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-row-0 .b-sch-header-text.b-sticky-header {
  padding-top: 0.5em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-text.b-sticky-header {
  padding-bottom: 0.5em;
}

body:not(.b-using-keyboard) .b-sch-timeaxis-cell:focus, body:not(.b-using-keyboard) .b-sch-timeaxis-cell:focus-within {
  outline: none !important;
}

.b-sch-header-timeaxis-cell {
  align-items: center;
}

.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:hover, .b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:focus {
  background: transparent;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timelinehistogram .b-grid-row {
  z-index: 3;
}
.b-timelinehistogram .b-timelinehistogram-cell {
  padding: 0;
  border-inline-end-width: 0;
}
.b-timelinehistogram .b-timeline-subgrid .b-grid-cell.b-focused::after {
  display: none;
}

.b-timelinehistogram-histogram {
  padding: 0;
  background-color: transparent;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-column.b-grid-header {
  padding: 0;
}

.b-grid-header-container .b-sch-timeaxiscolumn {
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  flex-grow: unset !important;
  background-color: #f3f4f5;
  border-inline-end: 0 none;
}
.b-grid-header-container .b-sch-timeaxiscolumn.b-depth-0:hover {
  background-color: #f3f4f5 !important;
}
.b-grid-header-container .b-sch-timeaxiscolumn .b-sch-header-timeaxis-cell:hover {
  background-color: white;
}

.b-horizontaltimeaxis {
  flex-direction: column;
  flex: 1 0 100%;
}
.b-horizontaltimeaxis .b-sch-header-row {
  flex: 1 0 2em;
}
.b-horizontaltimeaxis .b-sch-header-row.b-sch-header-row-0.b-lowest {
  flex: 1;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell {
  height: 100%;
  border-inline-start: 1px solid #d8d9da;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell:hover {
  cursor: pointer;
  background-color: white;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell.b-last .b-sch-header-text {
  overflow: hidden;
}

.b-sch-timeaxiscolumn-levels-1 {
  min-height: 1.5em;
}

.b-sch-timeaxiscolumn-levels-2 {
  min-height: 3em;
}

.b-sch-timeaxiscolumn-levels-3 {
  min-height: 4.5em;
}

.b-sch-header-row {
  position: relative;
  contain: strict;
}
.b-sch-header-row:last-child .b-sch-header-timeaxis-cell {
  border-bottom: none;
}

.b-sch-header-timeaxis-cell {
  display: flex;
  justify-content: center;
  position: absolute;
  color: #667280;
  border-bottom: 1px solid #d8d9da;
  overflow: hidden;
  transition: background-color 0.2s;
  font-size: 0.9em;
  font-weight: 500;
  padding: 0.5em 0 0.5em 0;
  white-space: nowrap;
  contain: strict;
  -webkit-user-select: none;
  user-select: none;
}
.b-sch-header-timeaxis-cell.b-align-start .b-sch-header-text, .b-sch-header-timeaxis-cell.b-align-end .b-sch-header-text {
  padding-inline-start: 0.75em;
  padding-inline-end: 0.5em;
}
.b-sch-header-timeaxis-cell.b-align-start {
  justify-content: flex-start;
}
.b-sch-header-timeaxis-cell.b-align-end {
  justify-content: flex-end;
}

.b-schedulerbase.b-fill-last-column .b-sch-timeaxiscolumn:last-child {
  border-inline-end-color: #d8d9da;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-verticaltimeaxiscolumn {
  flex-flow: column nowrap;
  align-items: stretch;
  padding: 0;
  border-inline-end: none;
  background-color: #fbfcfc !important;
}
.b-verticaltimeaxiscolumn.b-grid-cell.b-focused:after {
  display: none;
}

.b-verticaltimeaxis {
  flex: 1 0 100%;
  contain: strict;
}
.b-verticaltimeaxis .b-sch-header-row {
  flex-direction: column;
  flex: 1;
}
.b-verticaltimeaxis .b-sch-header-timeaxis-cell {
  width: 100%;
  text-transform: uppercase;
  padding: 0;
  border-inline-start: 0 none;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell {
  border-inline-end: none;
  border-bottom: none;
  justify-content: flex-end;
  align-items: flex-start;
  contain: unset;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell .b-sch-header-text {
  padding-inline-end: 0.5em;
  margin-top: -0.75em;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell:hover {
  background-color: #f3f4f5;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) {
  flex: 0 0 2em;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) .b-sch-header-timeaxis-cell {
  align-items: flex-start;
  border-inline-end: 1px solid #d8d9da;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) .b-sch-header-text {
  padding-bottom: 0.75em;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  transform: rotate(180deg);
}

.b-sch-vertical .b-sticky-headers .b-content-element,
.b-sch-vertical .b-sticky-headers .b-grid-subgrid-locked,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxis-row,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxiscolumn,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxis,
.b-sch-vertical .b-sticky-headers .b-sch-header-row,
.b-sch-vertical .b-sticky-headers .b-sch-header-timeaxis-cell {
  overflow: visible;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-vertical .b-sch-timeaxiscolumn {
  flex-direction: row;
  min-height: 3em;
}

.b-resourceheader {
  flex: 1;
  position: relative;
  contain: strict;
}
.b-resourceheader.b-has-images {
  min-height: 3em;
}
.b-resourceheader.b-grouped {
  height: 6em;
}

.b-resourceheader-group-cell {
  position: absolute;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}
.b-resourceheader-group-cell > span {
  padding: 0.5em 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d8d9da;
  border-inline-end: 1px solid #d8d9da;
}
.b-resourceheader-group-cell .b-resourceheader-group-children {
  position: relative;
  height: 100%;
}

.b-resourceheader-cell {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #667280;
  border-inline-end: 1px solid #d8d9da;
  overflow: hidden;
  transition: background-color 0.2s;
  font-size: 0.9em;
  font-weight: 500;
  padding: 0.5em;
  white-space: nowrap;
  contain: strict;
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.b-animating .b-resourceheader-cell {
  transition: width 0.2s, left 0.2s, right 0.2s;
}
.b-resourceheader-cell:hover {
  cursor: pointer;
  background-color: white;
}
.b-resourceheader-cell.b-align-start, .b-resourceheader-cell.b-align-end {
  padding-inline: 0.3em;
}
.b-resourceheader-cell.b-align-start {
  justify-content: flex-start;
}
.b-resourceheader-cell.b-align-end {
  justify-content: flex-end;
}
.b-resourceheader-cell i {
  margin-inline-end: 0.5em;
}
.b-resourceheader-cell .b-resource-name {
  overflow: hidden;
}
.b-resourceheader-cell .b-resource-avatar {
  margin-inline-end: 1em;
}

.b-recurrenceconfirmationpopup.b-popup {
  width: 29em;
  max-width: none;
}
.b-recurrenceconfirmationpopup.b-popup .b-recurrenceconfirmationpopup-header,
.b-recurrenceconfirmationpopup.b-popup .b-recurrenceconfirmationpopup-content {
  padding: 0.65em;
}
.b-recurrenceconfirmationpopup.b-popup .b-bottom-toolbar > button {
  margin-inline-end: 0.5em;
}
.b-recurrenceconfirmationpopup.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}

button.b-button.b-recurrencelegendbutton {
  /* allow lines wrapping for the button since recurrence legend might be a long string */
  white-space: normal;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-recurrenceeditor .b-panel {
  --panel-background-color: inherit;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content {
  padding: 0;
  column-gap: 1em;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content .b-field label.b-align-start {
  flex: 1 0 10.4em;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content .b-recurrencepositionscombo {
  flex: 0 0 9.6em;
}
.b-recurrenceeditor .b-bottom-toolbar .b-label-filler {
  width: 10em;
}
.b-recurrenceeditor .b-bottom-toolbar button {
  flex: 1;
}

.b-schedulerpro-taskeditor .b-recurrenceeditor .b-buttongroup {
  font-size: 0.8em;
}

.b-datepicker .b-icon-circle {
  font-size: 50%;
  color: #3183fe;
  margin-top: 1px;
}
.b-datepicker .b-selected-date .b-icon-circle {
  color: #fff;
}
.b-datepicker .b-cell-events-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 80%;
  background-color: #e53f2c;
  color: #fff;
  width: 1.3em;
  height: 1.3em;
}

.b-datepicker-with-events .b-calendar-weekdays {
  padding-bottom: 4px;
}
.b-datepicker-with-events .b-calendar-week .b-calendar-cell {
  margin: 1px 1px;
  justify-content: flex-start;
}
.b-datepicker-with-events .b-calendar-week .b-calendar-cell .b-datepicker-cell-inner {
  margin-bottom: 0.45em;
}

.b-resourcecombo .b-resource-icon {
  display: none;
  margin-inline: 0.5em 0;
}
.b-resourcecombo.b-show-event-color:not(.b-uses-chipview) .b-resource-icon {
  display: block;
}

.b-resourcecombo-picker .b-icon {
  display: none;
  margin-inline-end: 0.5em;
}
.b-resourcecombo-picker.b-show-event-color .b-icon {
  display: block;
}
.b-resourcecombo-picker.b-show-event-color .b-selected .b-icon-square:before {
  content: "\f14a";
}

.b-theme-material .b-resourcecombo .b-resource-icon {
  margin-inline: 0 0.5em;
}

.b-resourcefilter .b-list-item {
  border: 0 none;
  border-radius: 0;
}
.b-resourcefilter .b-icon {
  visibility: visible !important;
}
.b-resourcefilter .b-icon:before {
  content: "\f0c8";
  opacity: 0.6;
}
.b-resourcefilter .b-selected .b-icon:before {
  content: "\f14a";
  opacity: 1;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-red {
  background-color: #e53f2c;
}

.b-sch-foreground-red {
  color: #e53f2c;
}

.b-sch-pink {
  background-color: #fe3183;
}

.b-sch-foreground-pink {
  color: #fe3183;
}

.b-sch-purple {
  background-color: #fe31ea;
}

.b-sch-foreground-purple {
  color: #fe31ea;
}

.b-sch-magenta {
  background-color: #ff4dff;
}

.b-sch-foreground-magenta {
  color: #ff4dff;
}

.b-sch-violet {
  background-color: #ac31fe;
}

.b-sch-foreground-violet {
  color: #ac31fe;
}

.b-sch-indigo {
  background-color: #4531fe;
}

.b-sch-foreground-indigo {
  color: #4531fe;
}

.b-sch-blue {
  background-color: #3183fe;
}

.b-sch-foreground-blue {
  color: #3183fe;
}

.b-sch-cyan {
  background-color: #31e9fe;
}

.b-sch-foreground-cyan {
  color: #31e9fe;
}

.b-sch-teal {
  background-color: #31feac;
}

.b-sch-foreground-teal {
  color: #31feac;
}

.b-sch-green {
  background-color: #27ca37;
}

.b-sch-foreground-green {
  color: #27ca37;
}

.b-sch-lime {
  background-color: #76e62c;
}

.b-sch-foreground-lime {
  color: #76e62c;
}

.b-sch-gantt-green {
  background-color: #8ee997;
}

.b-sch-foreground-gantt-green {
  color: #8ee997;
}

.b-sch-yellow {
  background-color: #FFEB3B;
}

.b-sch-foreground-yellow {
  color: #FFEB3B;
}

.b-sch-orange {
  background-color: #feac31;
}

.b-sch-foreground-orange {
  color: #feac31;
}

.b-sch-deep-orange {
  background-color: #ff7043;
}

.b-sch-foreground-deep-orange {
  color: #ff7043;
}

.b-sch-gray {
  background-color: #a0a0a0;
}

.b-sch-foreground-gray {
  color: #a0a0a0;
}

.b-sch-light-gray {
  background-color: #e0e0e7;
}

.b-sch-foreground-light-gray {
  color: #e0e0e7;
}

.b-sch-color-red {
  --event-primary-color-h: 6.1621621622deg;
  --event-primary-color-s: 78.05907173%;
  --event-primary-color-l: 53.5294117647%;
}

.b-sch-color-pink {
  --event-primary-color-h: 336deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-purple {
  --event-primary-color-h: 305.8536585366deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-violet {
  --event-primary-color-h: 276deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-indigo {
  --event-primary-color-h: 245.8536585366deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-blue {
  --event-primary-color-h: 216deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-cyan {
  --event-primary-color-h: 186.1463414634deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-magenta {
  --event-primary-color-h: 300deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 65.0980392157%;
}

.b-sch-color-teal {
  --event-primary-color-h: 156deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-green {
  --event-primary-color-h: 125.8895705521deg;
  --event-primary-color-s: 67.6348547718%;
  --event-primary-color-l: 47.2549019608%;
}

.b-sch-color-lime {
  --event-primary-color-h: 96.1290322581deg;
  --event-primary-color-s: 78.813559322%;
  --event-primary-color-l: 53.7254901961%;
}

.b-sch-color-yellow {
  --event-primary-color-h: 53.8775510204deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 61.568627451%;
}

.b-sch-color-orange {
  --event-primary-color-h: 36deg;
  --event-primary-color-s: 99.0338164251%;
  --event-primary-color-l: 59.4117647059%;
}

.b-sch-color-deep-orange {
  --event-primary-color-h: 14.3617021277deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 63.137254902%;
}

.b-sch-color-gray {
  --event-primary-color-h: 0deg;
  --event-primary-color-s: 0%;
  --event-primary-color-l: 62.7450980392%;
}

.b-sch-color-light-gray {
  --event-primary-color-h: 240deg;
  --event-primary-color-s: 12.7272727273%;
  --event-primary-color-l: 89.2156862745%;
}

.b-sch-color-gantt-green {
  --event-primary-color-h: 125.9340659341deg;
  --event-primary-color-s: 67.4074074074%;
  --event-primary-color-l: 73.5294117647%;
}

.b-sch-style-interday > .b-sch-event,
.b-sch-style-interday > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-style-plain > .b-sch-event,
.b-sch-style-plain > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-s-factor: 1;
  --event-l-factor: 1;
  --event-hover-s-factor: 1.3;
  --event-hover-l-factor: 0.6;
  --event-selected-hover-s-factor: 1.4;
  --event-selected-hover-l-factor: 0.55;
}

.b-sch-style-interday .b-sch-event {
  opacity: 0.8;
  border-radius: 3px;
}
.b-sch-style-interday .b-sch-event-content {
  font-weight: 400;
}

.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone) > .b-sch-event-content {
  color: #fff;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.b-sch-layout-milestone-text-position-inside .b-sch-event-wrap.b-milestone-wrap {
  display: flex;
}
.b-sch-layout-milestone-text-position-inside .b-sch-event-wrap.b-milestone-wrap .b-milestone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-sch-layout-milestone-text-position-inside .b-sch-event-wrap.b-milestone-wrap .b-milestone label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: inherit;
}

.b-sch-style-border > .b-sch-event,
.b-sch-style-border > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-border-color: hsl(
          var(--event-background-h),
          var(--event-background-s),
          calc(var(--event-background-l) * 0.7)
  );
  --event-hover-color: #fff;
  --event-hover-l-factor: 0.7;
  --event-selected-hover-l-factor: 0.6;
  --event-border-style: solid;
  --event-border-radius: 3px;
  --event-border-width: 1px;
  --event-opacity: .8;
  --event-hover-opacity: 1;
}

.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-border > .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 11px;
}

.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  border-color: currentColor;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  color: #fff;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: none;
  border-color: currentColor;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  border-color: currentColor;
}

.b-sch-style-hollow > .b-sch-event,
.b-sch-style-hollow > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-s-factor: 0;
  --event-l-factor: 2;
  --event-a: 0.2;
  --event-hover-s-factor: 1;
  --event-hover-l-factor: 1;
  --event-hover-a: 1;
  --event-selected-hover-l-factor: 0.8;
  --event-color: var(--event-primary-color);
  --event-hover-color: #fff;
  --event-border-width: 2px;
  --event-border-radius: 3px;
  --event-opacity: .8;
}

.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-hollow > .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 11px;
  font-weight: 600;
}

.b-sch-style-hollow.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover .b-sch-event-content {
  color: #fff;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-resizing .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-color: currentColor;
}

.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 90%;
  --event-border-width: 3px;
  --event-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * 0.8));
  --event-border-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * 0.9));
  --event-opacity: 0.8;
  --event-selected-hover-l-factor: 0.8;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:hover,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event:hover,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover {
  --event-background-l: 85%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: var(--event-primary-color-l);
  --event-color: #fff;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-block-width: 0;
  border-inline-end-width: 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  --event-border-width: 0px;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone::before {
  --event-border-width: 3px;
}
.b-sch-vertical .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-colored.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-top-width: 3px;
  border-inline-width: 0;
}

.b-sch-style-colored.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover .b-sch-event-content, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing .b-sch-event-content, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content {
  color: #fff;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: none;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-resizing .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-image: none;
}

.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 97%;
  --event-selected-hover-l-factor: 1;
  opacity: 1;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:hover, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover {
  --event-background-l: 89%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: 84%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected .b-sch-event-content * {
  font-weight: 400;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content * {
  font-weight: 400;
  color: #606060;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected .b-sch-event-content * {
  color: #606060;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone) .b-sch-event-content, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0;
  padding: 0.3em;
}

.b-sch-event-wrap.b-sch-style-line > .b-sch-event,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * var(--event-l-factor)));
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 5px;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  justify-content: center;
  overflow: visible;
  height: auto !important;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event .b-sch-event-content,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-active,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-active {
  outline-offset: 5px;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone),
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  align-self: center;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  content: "";
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  position: absolute;
  border-radius: 2px;
  --handle-width: unset;
  --handle-height: unset;
  --handle-inset: unset;
  --handle-opacity: unset;
  --clip-path: unset;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  top: -9px;
  height: 13px;
  border-inline-start-width: 5px;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  left: -9px;
  width: 13px;
  border-top-width: 5px;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before {
  left: 0;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before {
  border-inline-start-width: 5px;
  top: 0;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  top: -9px;
  right: 0;
  height: 13px;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  bottom: 0;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-milestone,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  top: initial;
}

.b-sch-style-line.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-line.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}

.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * var(--event-l-factor)));
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 5px;
  --event-border-style: dashed;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  justify-content: center;
  overflow: visible;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-dashed > .b-sch-event,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  padding: 5px 0 3px 0;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event .b-sch-event-content,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event:not(.b-milestone),
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  align-self: center;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-milestone,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  top: initial;
}

.b-sch-style-dashed.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-dashed.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}

.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * var(--event-l-factor)));
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 1px;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  overflow: visible;
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  font-size: 10px;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-horizontal .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-width: 0 0 var(--event-border-width) 0;
  align-items: flex-end;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-vertical .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-width: 0;
  border-inline-start-width: var(--event-border-width);
  align-items: flex-start;
  padding-inline-start: 0.75em;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone .b-sch-event-content {
  font-size: 20px;
  left: 10px;
  position: relative;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content label, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone .b-sch-event-content label {
  font-size: 10px;
  left: 70%;
}

.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone {
  height: 20px;
  font-size: 20px;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content {
  font-size: 10px;
  left: 0;
}

.b-sch-style-minimal.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-minimal.b-sch-custom-color > .b-sch-event .b-sch-event-content {
  color: #777;
}
.b-sch-style-minimal.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}

.b-sch-horizontal .b-sch-style-line > .b-sch-event,
.b-sch-horizontal .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-horizontal .b-sch-style-dashed > .b-sch-event,
.b-sch-horizontal .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  top: 5px;
  height: auto !important;
  border-width: 5px 0 0 0;
}
.b-sch-vertical .b-sch-style-line > .b-sch-event,
.b-sch-vertical .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  left: 0;
  border-width: 0 0 0 5px;
  flex-direction: column;
}
.b-sch-vertical .b-sch-style-line > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  margin: 0;
}

.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event, .b-sch-event-wrap.b-sch-style-rounded > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 80%;
  --event-a: 0.6;
  --event-hover-a: 1;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.9;
  --event-color: hsl(var(--event-primary-color-h), var(--event-primary-color-s), calc(var(--event-primary-color-l) * 0.7));
  --event-border-color: var(--event-primary-color);
  --event-border-radius: 2em;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event.b-sch-event-selected, .b-sch-event-wrap.b-sch-style-rounded > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: var(--event-primary-color-l);
  --event-a: 1;
  --event-color: #fff;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0 1em;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event.b-milestone {
  --event-border-radius: 1em;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-rounded .b-sch-event.b-milestone {
  --event-border-radius: 3px;
  --event-a: 1;
  --event-background-l: 85%;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-rounded .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 11px;
}

.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected {
  background-image: none;
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content {
  color: #fff;
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content {
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content {
  background-image: none;
}

.b-sch-style-plain {
  border-radius: 2px;
}

.b-gridbase.b-no-column-lines .b-sch-header-timeaxis-cell {
  border-right-color: transparent;
}

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-BVqQ4OpK.woff2") format("woff2"), url("/assets/fa-solid-900-BNO9VvVv.ttf") format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.b-content-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before, .b-group-state-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}

.b-theme-info:before {
  content: '{"name":"Stockholm"}';
}

.b-slidetoggle .b-slidetoggle-label,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label {
  text-transform: uppercase;
  font-size: 0.9em;
}
.b-slidetoggle .b-slidetoggle-label::before,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label::before {
  font-size: 1.1111111111em;
}

.b-popup > .b-panel-body-wrap > .b-bottom-toolbar {
  background: #f8f9fa;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.cal-view-readonly {
  filter: grayscale(75%);
  transition: filter 0.5s;
}

.b-show-events-dots {
  --event-count-dot-size: 4px;
}

.b-cal-event-bar-container {
  flex: 1;
  flex-flow: column;
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal .b-cal-event, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing .b-cal-event, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event {
  background: var(--cal-event-color);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal .b-cal-event:hover, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing .b-cal-event:hover, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event:hover, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event:hover {
  background: var(--cal-event-color);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal .b-cal-event .b-cal-event-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal .b-cal-event .b-cal-recurrence-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal .b-cal-event .b-cal-event-body, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing .b-cal-event .b-cal-event-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing .b-cal-event .b-cal-recurrence-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing .b-cal-event .b-cal-event-body, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event .b-cal-event-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event .b-cal-recurrence-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event .b-cal-event-body, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event .b-cal-event-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event .b-cal-recurrence-icon,
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event .b-cal-event-body {
  color: #fff;
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar {
  opacity: 0.8;
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-cal-event-reveal .b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-editing, .b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar:hover {
  opacity: 1;
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon {
  color: var(--cal-event-color);
}
.b-cal-event-bar-container .b-cal-event {
  padding: 0 0.3em;
  gap: 0.3em;
}
.b-cal-event-bar-container .b-solid-bar .b-event-time, .b-cal-event-bar-container .b-solid-bar .b-cal-event-desc, .b-cal-event-bar-container .b-solid-bar .b-icon {
  color: #fdfdfd;
}

.b-daycellrenderer .b-cal-event-bar-container {
  display: flex;
  flex-grow: 1;
  contain: style;
}
.b-daycellrenderer .b-cal-event-bar-container .b-cal-event-wrap {
  position: absolute;
  padding-right: 2px;
  padding-left: 1px;
  z-index: 1;
}
.b-daycellrenderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  opacity: 0;
  pointer-events: none;
  max-width: 14%;
}
.b-daycellrenderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-daycellrenderer .b-cal-cell-no-content {
  flex: 0 0 auto;
  align-self: stretch;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #888;
  margin: 0 1px;
  font-family: inherit;
  padding: 0 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
  border: 0 none;
  background-color: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
}
.b-daycellrenderer .b-cal-cell-overflow:not(.b-calendar-cell):hover, .b-daycellrenderer .b-cal-cell-overflow:not(.b-calendar-cell):focus-within, .b-daycellrenderer .b-cal-cell-no-content:hover, .b-daycellrenderer .b-cal-cell-no-content:focus-within {
  background-color: #dcdce2;
}
.b-daycellrenderer .b-cal-cell-overflow:not(.b-calendar-cell).b-active, .b-daycellrenderer .b-cal-cell-no-content.b-active {
  outline: 0 none;
  font-weight: bold;
  color: #2f2f2f;
}
.b-daycellrenderer .b-cal-cell-no-content {
  padding: 0.2em 0;
  white-space: normal;
  display: inline-block;
}
.b-daycellrenderer .b-calendar-cell:last-child .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  right: 0;
}

.b-cal-color-red {
  --cal-event-color: var(--cal-color-red);
}

.b-cal-color-pink {
  --cal-event-color: var(--cal-color-pink);
}

.b-cal-color-purple {
  --cal-event-color: var(--cal-color-purple);
}

.b-cal-color-violet {
  --cal-event-color: var(--cal-color-violet);
}

.b-cal-color-blue {
  --cal-event-color: var(--cal-color-blue);
}

.b-cal-color-cyan {
  --cal-event-color: var(--cal-color-cyan);
}

.b-cal-color-teal {
  --cal-event-color: var(--cal-color-teal);
}

.b-cal-color-green {
  --cal-event-color: var(--cal-color-green);
}

.b-cal-color-lime {
  --cal-event-color: var(--cal-color-lime);
}

.b-cal-color-yellow {
  --cal-event-color: var(--cal-color-yellow);
}

.b-cal-color-orange {
  --cal-event-color: var(--cal-color-orange);
}

.b-cal-color-deep-orange {
  --cal-event-color: var(--cal-color-deep-orange);
}

.b-cal-color-gray {
  --cal-event-color: var(--cal-color-gray);
}

.b-cal-color-gantt-green {
  --cal-event-color: var(--cal-color-gantt-green);
}

.b-calendar,
:not(.b-calendar-viewcontainer) > .b-calendarmixin {
  --cal-color-red: #e53f2c;
  --cal-color-pink: #fe3183;
  --cal-color-purple: #fe31ea;
  --cal-color-violet: #ac31fe;
  --cal-color-indigo: #4531fe;
  --cal-color-blue: #3183fe;
  --cal-color-cyan: #31e9fe;
  --cal-color-magenta: #ff4dff;
  --cal-color-teal: #31feac;
  --cal-color-green: #27ca37;
  --cal-color-lime: #76e62c;
  --cal-color-yellow: #FFEB3B;
  --cal-color-orange: #feac31;
  --cal-color-deep-orange: #ff7043;
  --cal-color-gray: #a0a0a0;
  --cal-color-gantt-green: #8ee997;
  --cal-event-color: #59b53b;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-agendaview.b-gridbase.b-enable-sticky .b-grid-subgrid.b-grid-horizontal-scroller {
  overflow: visible !important;
}
.b-agendaview.b-gridbase.b-enable-sticky .b-virtual-scrollers {
  display: none !important;
}
.b-agendaview.b-gridbase.b-enable-sticky .b-cal-agenda-date {
  position: sticky;
  top: 1.5em;
  z-index: 12;
}
.b-agendaview.b-gridbase.b-enable-sticky.b-responsive-small .b-agendacolumn-cell {
  padding-top: 0;
}
.b-agendaview.b-gridbase.b-enable-sticky.b-responsive-small .b-agendacolumn-cell .b-cal-agenda-date {
  top: 0;
  min-height: 4em;
  background-color: #fff;
}
.b-agendaview.b-gridbase.b-enable-sticky.b-responsive-small .b-agendacolumn-cell.b-nonworking-day .b-cal-agenda-date {
  background-color: #fafbfb;
}
.b-agendaview .b-grid-cell::after {
  content: "";
  display: table;
  clear: both;
}
.b-agendaview .b-cal-eventlist-event-time {
  flex: 0 0 12em;
  min-height: auto;
  white-space: nowrap;
}
.b-agendaview.b-responsive-small .b-cal-event-bar-container {
  margin-inline-start: 2em;
  margin-block-start: 1em;
}
.b-agendaview.b-responsive-small .b-cal-eventlist-event-time {
  flex: 0 0 7.5em;
}
.b-agendaview.b-responsive-small .b-cal-agenda-grid-row .b-calendar-cell {
  display: block;
}

.b-agendaview-dayselector .b-calendarrow-body {
  display: none;
}

.b-cal-agenda-grid-row.b-selected, .b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected, .b-gridbase .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell, .b-gridbase .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-nonworking-day):hover {
  background-color: transparent;
}
.b-cal-agenda-grid-row.b-selected .b-calendar-cell.b-nonworking-day, .b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected .b-calendar-cell.b-nonworking-day, .b-gridbase .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell .b-calendar-cell.b-nonworking-day, .b-gridbase .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-nonworking-day):hover .b-calendar-cell.b-nonworking-day {
  background-color: #fafbfb;
}
.b-cal-agenda-grid-row .b-calendar-cell {
  flex: 1 1 100%;
  padding: 1.5em 0;
  align-items: flex-start;
  color: #606060;
}
.b-cal-agenda-grid-row .b-calendar-cell.b-nonworking-day {
  background-color: #fafbfb;
}
.b-cal-agenda-grid-row .b-calendar-cell:focus-within {
  outline: 0 none !important;
}

.b-cal-agenda-event-row {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
}
.b-cal-agenda-event-row:not(:last-child) {
  margin-bottom: var(--event-row-spacing);
}

.b-grid-cell.b-calendar-cell {
  font-weight: inherit;
}
.b-agendaview-with-dayselector .b-grid-cell.b-calendar-cell {
  padding-inline-start: 1.5em;
}

.b-cal-agenda-date {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 14em;
  padding: 0.2em 1em 0 1em;
  align-items: center;
  height: 2.6em;
}
.b-agendaview-with-dayselector .b-cal-agenda-date {
  display: none;
}

.b-cal-agenda-date-date-number {
  margin: 0 0.1em 0 0;
  font-size: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
}
.b-cal-agenda-date-date-number:hover {
  background-color: #f0f0f0;
}
.b-today .b-cal-agenda-date-date-number {
  background-color: #5fa2dd;
  color: #fff;
}

.b-cal-agenda-header {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: 0.5em 0 0.5em 0.5em;
}

.b-cal-agenda-header-date {
  width: 14em;
}

.b-cal-agenda-header-time {
  width: 12em;
}

.b-resourcechipview {
  display: flex;
  flex-flow: row wrap;
}
.b-resourcechipview .b-chip {
  gap: 0.5em;
  border-radius: 2.5em;
  padding-inline-start: 0.3em;
  white-space: nowrap;
}

.b-eventlist .b-grid-panel-body {
  background-color: #fff;
  position: relative;
}
.b-eventlist .b-grid-panel-body .b-cal-widget-settings-button {
  position: absolute;
  font-size: 110%;
  border-radius: 50%;
  left: auto;
  right: 0;
  margin-top: 0.75em;
  margin-inline-end: 0.75em;
  z-index: 100;
  width: 3em;
  height: 3em;
}
.b-rtl .b-eventlist .b-grid-panel-body .b-cal-widget-settings-button {
  right: auto;
  left: 0;
}
.b-eventlist .b-grid-panel-body.b-has-scrollbar .b-cal-widget-settings-button {
  margin-inline-end: 1.75em;
}

.b-calendarevents-cell {
  padding: 1em;
  gap: 1em;
  flex-wrap: wrap;
  align-items: flex-start;
}
.b-calendarevents-cell .b-cal-event-resource-avatars {
  flex-basis: 30%;
  min-width: 2.2em;
  flex-direction: column;
  gap: 0.3em;
}

.b-cal-event-resource-avatar-row {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
  align-items: center;
}

.b-cal-event-resource-avatar-desc {
  display: flex;
  flex-flow: column;
  gap: 0.3em;
}

.b-cal-event-column-event-desc {
  margin-inline-start: auto;
  display: flex;
  flex-direction: column !important;
  flex-flow: row nowrap;
  height: 2.2em;
  justify-content: center;
}

.b-cal-event-column-times {
  display: flex;
  flex-direction: column;
}

.b-event-column-resource-role {
  font-size: 80%;
  font-weight: 300;
}

.b-cal-eventlist-event-time {
  display: flex;
  min-height: 2.2em;
  align-items: center;
}

.b-cal-event-column-event-name {
  font-weight: bold;
}

.b-calendardatepicker .b-show-events-dots .b-calendar-cell.b-selected-date:not(.b-in-range) > .b-datepicker-cell-inner {
  color: inherit;
  background-color: rgba(95, 162, 221, 0.2);
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-calendarrow {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  overflow: hidden;
  flex: 1 0 0%;
  background-color: #fff;
}
.b-calendarrow.b-animating:not(.b-dayview-initializing) .b-calendarrow-cell-container {
  transition: height 300ms;
}
.b-calendarrow .b-calendarrow-header, .b-calendarrow .b-calendarrow-body {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
}
.b-calendarrow .b-calendarrow-body {
  flex: 1 1 0%;
  overflow: hidden;
}
.b-calendarrow .b-calendarrow-body.b-zero-height {
  max-height: 0px;
}
.b-calendarrow .b-calendarrow-body:not(.b-zero-height) {
  border-top: 1px solid #ddd;
}
.b-calendarrow .b-calendarrow-header-container, .b-calendarrow .b-calendarrow-cell-container {
  flex: 1 0 0%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
}
.b-calendarrow .b-calendarrow-cell-container {
  position: relative;
  overflow: var(--cell-container-overflow, hidden);
}
.b-calendarrow .b-cal-cell-header {
  padding: 1.2em 0 0.2em;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #fff;
  cursor: pointer;
}
.b-calendarrow .b-cal-cell-header .b-week-num {
  display: none;
}
.b-calendarrow .b-cal-cell-header:hover .b-day-name-date {
  background-color: #f0f0f0;
}
.b-draggable-started .b-calendarrow .b-cal-cell-header:hover .b-day-name-date {
  background-color: initial;
}
.b-calendarrow .b-cal-cell-header .b-day-name-day {
  font-size: 0.8em;
  margin-bottom: 0.2em;
}
.b-calendarrow .b-cal-cell-header .b-day-name-day.b-day-name-short {
  font-size: 1.1em;
}
.b-calendarrow .b-cal-cell-header .b-day-name-date {
  font-size: 1.8em;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em 0 0.2em 0;
  transition: background-color 0.4s;
}
.b-no-transitions .b-calendarrow .b-cal-cell-header .b-day-name-date {
  transition: none;
}
.b-calendarrow .b-cal-cell-header.b-weekend .b-day-name-part {
  color: #e53f2c;
}
.b-calendarrow .b-cal-cell-header.b-current-date .b-day-name-date {
  color: #fff;
  background-color: #3183fe;
}
.b-calendarrow .b-cal-cell-header.b-current-date:hover .b-day-name-date {
  background-color: rgba(49, 131, 254, 0.15);
  border-color: transparent;
}
.b-calendarrow .b-cal-cell-header.b-today .b-day-name-date {
  background-color: #5fa2dd;
  color: #fff;
}
.b-calendarrow .b-cal-cell-header.b-today:hover .b-day-name-date {
  background-color: #2c84d0;
}
.b-calendarrow.b-shifted-day .b-day-name-date {
  width: 3em;
}
.b-calendarrow.b-hide-allday-header .b-cal-cell-header:not(:last-child) {
  border-inline-end: 1px solid #ddd;
}
.b-calendarrow .b-cal-cell-header, .b-calendarrow .b-calendar-cell {
  flex: 1 1 100%;
  min-width: var(--min-day-width, 0);
  color: #606060;
  display: flex;
  flex-flow: column nowrap;
}
.b-calendarrow .b-calendar-cell {
  overflow: visible;
}
.b-calendarrow .b-calendar-cell.b-nonworking-day {
  background-color: rgba(243, 244, 245, 0.4);
}
.b-calendarrow .b-calendar-cell.b-weekend {
  color: #606060;
}
.b-calendarrow .b-calendar-cell.b-today .b-day-num {
  border-radius: 50%;
  background-color: #5fa2dd;
  color: #fff;
  font-weight: bold;
}
.b-calendarrow .b-calendar-cell.b-nonworking-day .b-cal-event-bar-container {
  background-color: transparent;
}
.b-calendarrow .b-calendar-cell:not(:last-child) {
  border-inline-end: 1px solid #ddd;
}
.b-calendarrow .b-cal-event-bar-container {
  flex: 1 1 100%;
}
.b-calendarrow.b-responsive-small .b-cal-cell-header {
  padding-block-start: 0.4em;
}
.b-calendarrow.b-responsive-small .b-cal-cell-header .b-day-name-date {
  font-size: 1.5em;
}
.b-calendarrow.b-responsive-small .b-cal-cell-header .b-dayname-date {
  flex-direction: row;
  justify-content: center;
}
.b-calendarrow.b-responsive-small .b-cal-cell-header .b-dayname-date > * {
  font-size: 1.5em;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-dayview {
  --dayview-border-color: #ddd;
  --dayview-background-color: #fff;
  --panel-background-color: #fff;
  --dayview-half-hour-line-color: #f0f0f0;
  --dayview-outside-core-hours-color: rgba(135, 135, 135, 0.1);
  --dayview-body-background-color: rgba(255, 255, 255, 0.9);
  --dayview-body-hover-mask-color: rgba(100, 100, 100, 0.1);
  --dayview-body-selected-mask-color: rgba(50, 50, 50, 0.1);
}
.b-dayview.b-dayview-with-dayselector.b-has-allday-events .b-calendarrow-body {
  border-top-width: 0;
}
.b-dayview.b-dayview-with-dayselector .b-dayview-content .b-calendarrow-header {
  display: none;
}
.b-dayview .b-cal-event-desc {
  line-height: 1.2;
}

.b-daycellcollecter .b-dayview-content {
  display: flex;
  align-items: stretch;
  padding: 0;
  flex: 1 1 0%;
  overflow: hidden;
  background-color: #fff;
  color: #606060;
  outline: none;
}
.b-daycellcollecter .b-dayview-content .b-virtual-scrollers {
  padding-inline-start: var(--time-axis-width);
  background-color: #fff;
}
.b-daycellcollecter .b-dayview-content .b-virtual-scrollers .b-virtual-scroller {
  border-inline-start: 1px solid #ddd;
  flex: 1 1 0%;
}
.b-daycellcollecter .b-dayview-content .b-virtual-scrollers .b-virtual-scroller .b-scroller-stretcher {
  position: relative;
}
.b-daycellcollecter .b-dayview-content .b-dayview-day-detail {
  z-index: 0;
  display: flex;
  position: relative;
  padding-inline-end: var(--dayview-cell-gutter);
}
.b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-before .b-dayview-inset::before {
  content: " ";
  left: 0;
}
.b-rtl .b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-before .b-dayview-inset::before {
  left: unset;
  right: 0;
}
.b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-before .b-dayview-event-container {
  margin-inline-start: calc(var(--dayview-cell-inset-size));
}
.b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-after .b-dayview-inset::after {
  content: " ";
  right: 0;
}
.b-rtl .b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-after .b-dayview-inset::after {
  left: 0;
  right: unset;
}
.b-daycellcollecter .b-dayview-content .b-dayview-day-detail.b-dayview-inset-after .b-dayview-event-container {
  margin-inline-end: calc(var(--dayview-cell-inset-size));
}
.b-daycellcollecter .b-dayview-content .b-dayview-inset {
  position: absolute;
  width: calc(100% - var(--dayview-cell-gutter));
  top: 0;
  bottom: 0;
}
.b-daycellcollecter .b-dayview-content .b-dayview-inset::after, .b-daycellcollecter .b-dayview-content .b-dayview-inset::before {
  background-color: rgba(244, 245, 246, 0.4);
  position: absolute;
  width: calc(var(--dayview-cell-inset-size));
  top: 0;
  bottom: 0;
  z-index: -1;
}
.b-daycellcollecter .b-dayview-content .b-dayview-event-container {
  flex: 1;
  position: relative;
}
.b-daycellcollecter .b-dayview-content .b-dayview-inset-after {
  width: calc(var(--dayview-cell-inset-after) * var(--dayview-cell-inset-after-enabled));
}
.b-daycellcollecter .b-dayview-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before, .b-daycellcollecter .b-dayview-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  transform: translate(-50%, -2px);
  margin-inline-start: 50%;
  position: absolute;
  font-size: 80%;
  opacity: 0.7;
  z-index: 1;
  pointer-events: none;
}
.b-rtl .b-daycellcollecter .b-dayview-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before, .b-rtl .b-daycellcollecter .b-dayview-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  transform: translate(50%, -2px);
}
.b-daycellcollecter .b-dayview-content .b-cal-event-wrap.b-starts-above:before {
  content: "\f106";
  top: 0;
}
.b-daycellcollecter .b-dayview-content .b-cal-event-wrap.b-ends-below:after {
  content: "\f107";
  bottom: 0;
}
.b-daycellcollecter .b-dayview-content .b-cal-event-desc-complex {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: normal;
}

.b-dayview-allday-row {
  display: flex;
  flex-flow: row nowrap;
  max-height: 50%;
  box-shadow: 0px 4px 4px rgba(221, 221, 221, 0.5);
}

.b-dayview-day-detail .b-cal-event-wrap {
  min-height: var(--dayview-min-event-height);
}
.b-dayview-day-detail .b-cal-event-wrap.b-cal-tentative-event {
  min-height: 10px;
}

.b-dayview-allday-row-start {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 var(--time-axis-width);
  min-width: var(--time-axis-width);
}
.b-dayview-allday-row-start .b-dayview-allday-text {
  flex: 1 1 auto;
  display: none;
  flex-flow: column nowrap;
  justify-content: center;
  font-size: 0.7em;
  color: #b0b0b0;
}
.b-dayview-allday-row-start .b-expand-allday-button {
  display: none;
}
.b-dayview-allday-row-start .b-expand-allday-button :before {
  line-height: inherit;
}
.b-dayview-allday-row-start.b-has-cell-overflow:not(.b-dayview-allday-autoheight) {
  padding: 0.5em 0;
  cursor: pointer;
}
.b-dayview-allday-row-start.b-has-cell-overflow:not(.b-dayview-allday-autoheight) .b-expand-allday-button {
  transition: transform 0.3s;
  display: flex;
  height: 1.5em;
  width: 1.5em;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: inherit;
  border: 0 none;
  background-color: transparent;
  color: #b0b0b0;
}
.b-dayview-allday-row-start.b-has-cell-overflow:not(.b-dayview-allday-autoheight) .b-expand-allday-button:focus {
  outline: none;
  background-color: #e8e8e8;
}
.b-dayview-allday-row-start.b-has-cell-overflow:not(.b-dayview-allday-autoheight).b-expanded .b-expand-allday-button {
  transform: rotate(-180deg);
}

.b-dayview-schedule-container {
  border-inline-start: 1px solid #ddd;
  flex: 1 0 0%;
  contain: style layout;
}

.b-dayview-day-content {
  --tick-height: var(--half-hour-height);
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 0;
  border-top: 1px solid #ddd;
  align-items: flex-start;
  outline: none;
  position: relative;
  z-index: 1;
}

.b-dayview-day-container {
  flex: 1 0 0%;
  border-inline-start: 1px solid #ddd;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  min-height: 100%;
  overscroll-behavior: contain auto;
  contain: layout style;
  background-image: linear-gradient(to bottom, transparent, transparent calc(var(--hour-height) - 1px), var(--dayview-border-color) 1px), repeating-linear-gradient(to bottom, transparent, transparent calc(var(--tick-height)), var(--dayview-half-hour-line-color) calc(var(--tick-height)), transparent calc(var(--tick-height) + 1px));
  background-size: 100% var(--hour-height);
  background-position-y: var(--day-start-offset);
  clip-path: polygon(0px 0px, 100% 0px, 100% calc(var(--day-length) * var(--hour-height)), 0px calc(var(--day-length) * var(--hour-height)));
  background-repeat: repeat-y;
}
.b-dayview-day-container .b-overflow {
  opacity: 0;
}
.b-dayview-day-container .b-cal-event-body {
  transition: background-color 0.1s;
}
.b-dayview-day-container .b-cal-event-wrap.b-starts-above .b-event-header {
  visibility: hidden;
}
.b-dayview-day-container .b-current-time-indicator {
  position: absolute;
  pointer-events: none;
  border-top: 2px solid #e53f2c;
  margin-top: -2px;
  width: 100%;
  z-index: 3;
}
.b-dayview-day-container .b-current-time-indicator:before {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  background-color: #e53f2c;
  margin-top: -6px;
  margin-inline-start: -5px;
}
.b-dayview-day-container .b-calendar-cell {
  flex: 1 1 100%;
  height: var(--day-height);
  min-width: var(--min-day-width);
  position: relative;
  overflow: visible;
}
.b-dayview-day-container .b-calendar-cell:not(:last-of-type) {
  border-inline-end: 1px solid #ddd;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  transition: left 0.1s, right 0.1s, width 0.1s, opacity 0.1s;
}
.b-rtl .b-dayview-day-container .b-calendar-cell .b-cal-tentative-event,
.b-rtl .b-dayview-day-container .b-calendar-cell .b-cal-event-wrap {
  left: auto;
  right: 0;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-editing,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-editing {
  left: 0 !important;
  width: calc(100% + var(--dayview-cell-gutter)) !important;
  z-index: 3;
  opacity: 1;
}
.b-rtl .b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-editing,
.b-rtl .b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-editing {
  left: auto !important;
  right: 0 !important;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-cal-in-cluster,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-cal-in-cluster {
  box-shadow: rgba(170, 170, 170, 0.2509803922) -2px 1px 3px, rgba(170, 170, 170, 0.2509803922) 0 -1px 3px;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-event-header,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-event-header {
  margin: 0;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-cal-event-body,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-cal-event-body {
  padding-block: 0;
  flex-flow: row-reverse nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.2em;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-cal-event-body .b-cal-event-desc,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-cal-event-body .b-cal-event-desc {
  font-size: 0.7em;
  white-space: nowrap;
  flex: 0 1 auto;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-event-time,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-event-time {
  text-transform: lowercase;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-cal-event-footer, .b-dayview-day-container .b-calendar-cell .b-cal-tentative-event.b-short-event .b-cal-event-resource-avatars,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-cal-event-footer,
.b-dayview-day-container .b-calendar-cell .b-cal-event-wrap.b-short-event .b-cal-event-resource-avatars {
  display: none;
}
.b-dayview-day-container .b-calendar-cell .b-cal-tentative-event {
  z-index: 20;
}
.b-dayview-day-container .b-calendar-cell .b-cal-event {
  align-items: stretch;
  background-color: var(--cal-event-color);
  color: #606060;
  border-radius: 0;
  position: relative;
}
.b-dayview-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars {
  display: grid;
  column-gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(1.4em, 1fr));
  padding-inline-end: 0.6em;
  padding-block-end: 0.3em;
}
.b-dayview-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar {
  width: 2em;
  height: 2em;
  transition: transform 0.2s;
}
.b-dayview-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar:hover {
  transform: scale(2);
  z-index: 1;
}
.b-dayview-day-container .b-calendar-cell .b-cal-event-body {
  padding: 0.3em 0.5em 0;
  flex: 1 1 0%;
  margin: 0 0 0 0.25em;
  background-color: var(--dayview-body-background-color);
  white-space: normal;
  display: flex;
  flex-direction: column;
}
.b-rtl .b-dayview-day-container .b-calendar-cell .b-cal-event-body {
  margin: 0 0.25em 0 0;
}
.b-dayview-day-container .b-calendar-cell.b-nonworking-day {
  background-color: rgba(243, 244, 245, 0.4);
}
.b-dayview-day-container .b-event-header {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.3em;
}
.b-dayview-day-container .b-event-header .b-event-time {
  flex: 1;
  font-size: 0.7em;
}
.b-dayview-day-container .b-cal-event-wrap:hover .b-cal-event-body {
  background-color: rgba(255, 255, 255, 0.7);
}
.b-dayview-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item):hover .b-cal-event-body,
.b-dayview-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item) .b-cal-event-body,
.b-dayview-day-container .b-cal-event-wrap.b-cal-tentative-event .b-cal-event-body {
  background-color: rgba(255, 255, 255, 0.6);
}
.b-dayview-day-container .b-cal-event-wrap.b-custom-body-color:hover .b-cal-event-body {
  background: linear-gradient(var(--dayview-body-hover-mask-color), var(--dayview-body-hover-mask-color)) var(--dayview-body-background-color);
}
.b-dayview-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item):hover .b-cal-event-body, .b-dayview-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item) .b-cal-event-body, .b-dayview-day-container .b-cal-event-wrap.b-custom-body-color.b-cal-tentative-event .b-cal-event-body {
  background: linear-gradient(var(--dayview-body-selected-mask-color), var(--dayview-body-selected-mask-color)) var(--dayview-body-background-color);
}

.b-dayview.b-no-transitions .b-cal-event-wrap {
  transition: none !important;
}

.b-timeaxis-container {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  background-position-x: 100%;
  background-repeat: repeat-y;
  flex: 0 0 var(--time-axis-width);
  min-width: var(--time-axis-width);
  height: var(--day-height);
  background-image: linear-gradient(to bottom, transparent calc(var(--hour-height) - 1px), var(--dayview-border-color) 1px), repeating-linear-gradient(to bottom, transparent, transparent calc(var(--tick-height)), var(--dayview-half-hour-line-color) calc(var(--tick-height)), transparent calc(var(--tick-height) + 1px));
  background-size: 0.5em var(--hour-height);
  background-position-y: var(--day-start-offset);
  position: relative;
}
.b-rtl .b-timeaxis-container {
  background-position-x: 0%;
}
.b-timeaxis-container .b-dayview-timeaxis-background {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.b-dayview-timeaxis-tick {
  opacity: 0;
  transition: opacity 0.4s;
  max-height: calc(var(--leaf-tick-height) + 1px);
  flex: 1 0 0%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  top: 1ex;
}
.b-fit-hours .b-dayview-timeaxis-tick {
  transition: none;
}

.b-dayview-hour-tick {
  color: #7d7d7d;
  opacity: 1;
}

.b-dayview-timeaxis-time {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 var(--hour-height);
  align-items: flex-end;
  font-size: 0.7em;
  color: #b0b0b0;
  white-space: nowrap;
  position: relative;
  padding-inline-end: 1em;
  pointer-events: none;
}
.b-dayview-timeaxis-time:last-child .b-dayview-hour-tick {
  display: none;
}

.b-dayview-hourheight-level-1 .b-dayview-tick-level-1 {
  opacity: 1;
}

.b-dayview-hourheight-level-2 {
  --tick-height: var(--fifteen-minute-height);
}
.b-dayview-hourheight-level-2 .b-dayview-tick-level-2 {
  opacity: 1;
}

.b-dayview-hourheight-level-3 {
  --tick-height: var(--ten-minute-height);
}
.b-dayview-hourheight-level-3 .b-dayview-tick-level-3 {
  opacity: 1;
}

.b-dayview-hourheight-level-4 {
  --tick-height: var(--five-minute-height);
}
.b-dayview-hourheight-level-4 .b-dayview-tick-level-4 {
  opacity: 1;
}

.b-six-minute-ticks .b-dayview-hourheight-level-2 {
  --tick-height: var(--twelve-minute-height);
}
.b-six-minute-ticks .b-dayview-hourheight-level-3 {
  --tick-height: var(--six-minute-height);
}

.b-dayselector .b-calendarrow-header-container {
  border-bottom: 1px solid #ddd;
}
.b-dayselector .b-calendarrow-header-container .b-cal-cell-header:not(:hover) div.b-day-name-date {
  background-color: inherit;
  color: inherit;
}
.b-dayselector .b-calendarrow-header-container .b-cal-cell-header.b-selected-date div.b-day-name-date {
  background-color: #5fa2dd;
  color: #fff;
}
.b-dayselector .b-calendarrow-body {
  display: none;
}

.b-dayview-with-dayselector .b-calendarrow-header-container, .b-weekview-with-dayselector .b-calendarrow-header-container {
  border-inline-start: 1px solid #ddd;
  margin-inline-start: var(--time-axis-width);
}
.b-dayview-with-dayselector:not(.b-has-allday-events) .b-calendarrow-header-container, .b-weekview-with-dayselector:not(.b-has-allday-events) .b-calendarrow-header-container {
  border-bottom-width: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-weekview .b-cal-event-wrap.b-cal-event-reveal.b-cal-in-cluster {
  left: 0 !important;
  width: calc(100% + var(--dayview-cell-gutter)) !important;
  z-index: 3;
  opacity: 1;
}
.b-rtl .b-weekview .b-cal-event-wrap.b-cal-event-reveal.b-cal-in-cluster {
  left: auto !important;
  right: 0 !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-visible-scrollbar .b-monthview .b-show-yscroll-padding > .b-yscroll-pad {
  visibility: hidden;
}
.b-monthview.b-hide-othermonth-cells .b-calendar-row[data-row-index="0"] .b-calendar-cell[data-date$="-01"]:not([data-column-index="0"]) {
  border-inline-start: 1px solid #ddd;
  margin-inline-start: -1px;
}
.b-monthview.b-disable-othermonth-cells .b-calendar-cell.b-other-month .b-cal-event-wrap:not(.b-overflow) {
  opacity: 1;
  pointer-events: all;
}
.b-monthview .b-calendar-row.b-calendar-weekdays {
  flex: 0 0 auto;
}
.b-monthview .b-calendar-row.b-calendar-weekdays .b-week-number-cell {
  flex: 0 0 2em;
}
.b-monthview .b-calendar-row.b-calendar-weekdays .b-calendar-day-header {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  color: #606060;
  padding-inline-end: 0.5em;
  padding-bottom: 0.25em;
}
.b-monthview .b-calendar-row.b-calendar-weekdays .b-calendar-day-header.b-weekend {
  color: #e53f2c;
}
.b-monthview .b-week-number-cell, .b-monthview .b-calendar-cell {
  flex-direction: column;
  contain: size style;
}
.b-monthview .b-week-number-cell.b-other-month .b-day-num, .b-monthview .b-calendar-cell.b-other-month .b-day-num {
  color: #aaa;
}
.b-monthview .b-week-num, .b-monthview .b-day-num {
  font-size: 0.9em;
  height: 2em;
  width: 2em;
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-monthview .b-calendar-cell .b-week-num {
  color: #777;
  margin-inline-end: auto;
}
.b-monthview .b-weeks-container {
  flex: 1 0 0%;
  border: 1px solid #ddd;
}
.b-monthview .b-weeks-container .b-calendar-row {
  flex: 1 0 0px;
  border-bottom: 1px solid #ddd;
}
.b-monthview .b-weeks-container .b-calendar-row:last-child {
  border-bottom: 0 none;
}
.b-monthview .b-weeks-container .b-calendar-row.b-shrinkwrapped {
  transition: flex-basis 0.5s;
  overflow: hidden;
}
.b-monthview .b-weeks-container .b-calendar-row.b-shrinkwrapped .b-cal-cell-overflow {
  display: none;
}
.b-monthview .b-weeks-container .b-calendar-row.b-shrinkwrapped.b-flexing .b-cal-cell-overflow {
  display: initial;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell {
  flex: 1;
  color: #606060;
  border-inline-end: 1px solid #ddd;
  overflow: hidden;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell:last-child, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell:last-child {
  border-inline-end: 0 none;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell.b-weekend, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell.b-weekend {
  color: #606060;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell.b-today .b-day-num, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell.b-today .b-day-num {
  border-radius: 50%;
  background-color: #5fa2dd;
  color: #fff;
  font-weight: bold;
  font-size: 85%;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell.b-nonworking-day, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell.b-nonworking-day {
  background-color: rgba(243, 244, 245, 0.4);
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell.b-nonworking-day.b-dynamic-nonworking-day, .b-monthview .b-weeks-container .b-calendar-row .b-calendar-cell.b-nonworking-day.b-dynamic-nonworking-day {
  display: flex !important;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell {
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
  flex: 0 0 2em;
  color: #777;
}
.b-monthview .b-weeks-container .b-calendar-row .b-week-number-cell:hover {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.b-monthview .b-weeks-container .b-calendar-days {
  position: relative;
}
.b-monthview .b-hide-nonworking-days .b-weeks-container .b-last-working-day {
  border-inline-end: 0 none;
}
.b-monthview .b-cal-cell-header {
  display: flex;
  color: #3c4043;
  padding: 1px 0.2em 0.1em 0.2em;
  max-height: 1.8em;
  align-items: center;
  justify-content: center;
}
.b-monthview .b-cal-cell-header .b-day-name {
  height: 1.8em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.b-monthview .b-cal-cell-header .b-day-num {
  height: 2em;
  z-index: 10;
  margin-inline-start: auto;
}
.b-monthview.day-number-center .b-cal-cell-header {
  justify-content: center;
}
.b-monthview.b-show-week-column .b-week-num {
  display: none;
}
.b-monthview.b-show-week-column .b-cal-cell-header {
  cursor: pointer;
}
.b-monthview.b-show-week-column .b-cal-cell-header:hover {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.b-monthview:not(.b-show-week-column) .b-day-name {
  cursor: pointer;
}
.b-monthview:not(.b-show-week-column) .b-week-num:hover, .b-monthview:not(.b-show-week-column) .b-day-num:hover {
  cursor: pointer;
  background-color: #f0f0f0;
  border-radius: 50%;
}
.b-monthview .b-monthview-content {
  contain: strict;
  background-color: #fff;
  flex-basis: 0%;
  justify-content: flex-start;
  padding: 0.6em 0 0 0;
}
.b-monthview .b-cal-event-bar-container,
.b-monthview .b-cal-cell-overflow {
  font-size: 0.9em;
}

.b-cal-event-wrap {
  display: flex;
  overflow: hidden;
}
.b-cal-event-wrap.b-readonly {
  opacity: 0.8;
}
.b-cal-event-wrap.b-readonly .b-event-header,
.b-cal-event-wrap.b-readonly .b-cal-event-desc {
  opacity: 0.5;
}
.b-grid-row .b-cal-event-wrap {
  transition: opacity 0.1s;
}
.b-draggable-started .b-cal-event-wrap:not(.b-dragging-item) {
  pointer-events: none;
}
.b-draggable-started .b-cal-event-wrap.b-dragging-item {
  opacity: 0.5;
  outline: none;
  pointer-events: none;
}
.b-cal-event-wrap:hover {
  cursor: pointer;
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar) .b-cal-event .b-cal-event-body {
  --cal-event-color: $cal-intraday-event-color;
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar) .b-cal-event:hover {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) currentColor;
}
.b-using-keyboard .b-cal-event-wrap.b-active {
  outline: 1px #64a2fe solid;
  outline-offset: 1px;
}
.b-cal-event-wrap.b-active:not(.b-dragging-item) {
  outline: none;
  opacity: 1 !important;
  z-index: 10 !important;
}
.b-offset-continues-past .b-cal-event-wrap.b-continues-past {
  margin-inline-start: var(--arrow-margin);
}
.b-cal-event-wrap.b-continues-past:not(.b-rtl) .b-cal-event {
  padding-left: calc(var(--arrow-width) + 0.3em);
  clip-path: polygon(0 50%, var(--arrow-width) 0, 100% 0, 100% 100%, var(--arrow-width) 100%);
}
.b-cal-event-wrap.b-continues-past.b-rtl .b-cal-event {
  padding-right: calc(var(--arrow-width) + 0.3em);
  clip-path: polygon(0 0, calc(100% - var(--arrow-width)) 0, 100% 50%, calc(100% - var(--arrow-width)) 100%, 0 100%);
}
.b-cal-event-wrap.b-continues-future:not(.b-rtl) .b-cal-event {
  padding-right: calc(var(--arrow-width) + 0.3em);
  clip-path: polygon(0 0, calc(100% - var(--arrow-width)) 0, 100% 50%, calc(100% - var(--arrow-width)) 100%, 0 100%);
}
.b-cal-event-wrap.b-continues-future.b-rtl .b-cal-event {
  padding-left: calc(var(--arrow-width) + 0.3em);
  clip-path: polygon(0 50%, var(--arrow-width) 0, 100% 0, 100% 100%, var(--arrow-width) 100%);
}
.b-cal-event-wrap.b-continues-past.b-continues-future .b-cal-event {
  clip-path: polygon(0 50%, var(--arrow-width) 0, calc(100% - var(--arrow-width)) 0, 100% 50%, calc(100% - var(--arrow-width)) 100%, var(--arrow-width) 100%);
}
.b-cal-event-wrap.b-focused .b-cal-event {
  background-color: green !important;
  color: #fff !important;
}

.b-cal-event {
  display: flex;
  border-radius: 4px;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  color: #606060;
  line-height: 1;
}
.b-cal-event .b-icon {
  flex-shrink: 0;
  display: flex;
}
.b-cal-event .b-icon:before {
  font-size: calc(var(--event-height) - 12px);
}

.b-cal-minimal-event-container {
  pointer-events: none;
  position: absolute;
  top: 1.5em;
  width: calc((var(--event-count-dot-size) + 2px) * 4);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2px;
  row-gap: 1px;
  opacity: 0.6;
}
.b-cal-minimal-event-container .b-cal-event-wrap {
  position: static !important;
  height: var(--event-count-dot-size);
  width: var(--event-count-dot-size);
  border-radius: 50%;
  padding: 0 !important;
}
.b-cal-minimal-event-container .b-cal-event {
  padding: 0;
  background-color: var(--cal-event-color);
}

.b-resource-avatar {
  border: 1px solid var(--cal-event-color);
}

.b-solid-bar .b-cal-event {
  background-color: var(--cal-event-color);
}
.b-solid-bar .b-resource-avatar {
  border: 1px solid #fff;
}

.b-cal-event-desc-complex {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

.b-cal-event-name {
  margin-inline-start: 0.3em;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  min-height: 1lh;
}

.b-cal-event-resource-avatars {
  gap: inherit;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}

:not(.b-calendar-cell)[data-resource-id] {
  cursor: pointer;
}

.b-cal-event-body {
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.4;
}
.b-cal-event-body .b-cal-event-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  padding-block-end: 1px;
}

.b-draggable-active .b-calendar-cell {
  -webkit-user-select: none;
  user-select: none;
}

.b-cal-event-list .b-panel-header .b-header-title {
  font-size: 1em;
  cursor: pointer;
}

.b-dayresourcecalendarrow .b-dayresourcecalendarrow-column {
  position: relative;
  display: flex;
  flex-flow: row;
  min-width: var(--min-day-width);
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-column:not(:last-child) {
  border-inline-end: 1px solid #c1c1c1;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-column .b-resourcecalendarrow-column-resource-cell {
  flex: 1 1 100%;
  display: flex;
  flex-flow: column nowrap;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-column .b-resourcecalendarrow-column-resource-cell:not(:last-child) {
  border-inline-end: 1px solid #ddd;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-column .b-cal-event-bar-container {
  position: relative;
}
.b-dayresourcecalendarrow .b-cal-cell-header {
  align-items: stretch;
  padding-bottom: 0;
  min-width: var(--min-day-width);
}
.b-dayresourcecalendarrow .b-cal-cell-header:not(:last-child) {
  border-inline-end: 1px solid #c1c1c1;
}
.b-dayresourcecalendarrow .b-dayname-date {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0.5em;
}
.b-dayresourcecalendarrow .b-day-name, .b-dayresourcecalendarrow .b-day-date {
  flex: 1;
  display: flex;
  justify-content: center;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-cell-resources {
  display: flex;
  overflow: hidden;
  flex-flow: row nowrap;
  border-top: 1px solid #ddd;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-resource-header {
  min-width: var(--min-resource-width);
  display: flex;
  gap: 0.8em;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%;
  padding-block: 1em;
  padding-inline: 0.5em;
  overflow: hidden;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-resource-header.b-avatar-after .b-resource-avatar {
  order: 1;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-resource-header:not(:last-child) {
  border-inline-end: 1px solid #ddd;
}
.b-dayresourcecalendarrow.b-narrow-resource-header .b-dayresourcecalendarrow-resource-header .b-resource-avatar {
  display: none;
}
.b-dayresourcecalendarrow .b-dayresourcecalendarrow-resource-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 2.2em;
}
.b-dayresourcecalendarrow .b-cal-event-wrap {
  max-width: 100%;
  opacity: 1;
  pointer-events: all;
}

.b-dayresourceview-column {
  display: flex;
  flex: 1 1 100%;
  min-width: var(--min-day-width);
  height: var(--day-height);
  position: relative;
}
.b-dayresourceview-column .b-calendar-cell {
  min-width: initial;
}
.b-dayresourceview-column:not(.b-last-cell) {
  border-inline-end: 1px solid #c1c1c1;
}

.b-resourceview {
  align-items: stretch;
}
.b-resourceview .b-cal-widget-settings-button {
  display: none;
}

.b-resourceview-content {
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0;
}
.b-resourceview-content > * {
  flex: 1 0 0;
  margin-inline-end: 0.5em;
}
.b-resourceview-content > *.b-resourceview-resource {
  min-width: var(--resource-width);
}
.b-resourceview-content > *.b-filtered-hiding {
  min-width: 0;
  width: 0;
  flex: none;
  border: 0 none;
  transition: width 0.3s;
}
.b-resourceview-content > *:last-child, .b-resourceview-content > *.b-last-resource-view {
  margin-inline-end: 0;
}
.b-resourceview-content .b-panel-header {
  background-color: #fff;
  border: 1px solid #ddd;
  border-block: none;
  border-radius: 0;
  color: #606060;
  height: 4.5em;
}
.b-resourceview-content .b-dayview.b-first-resource-view > .b-panel-header {
  border-inline-start: none;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
  border-inline-end: 1px solid #ddd;
}
.b-rtl .b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis {
  left: auto;
  right: 0;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis .b-dayview-day-container {
  display: none;
}
.b-resourceview-content > .b-dayview.b-first-resource-view .b-dayview-schedule-container, .b-resourceview-content > .b-dayview.b-first-resource-view .b-dayview-day-container {
  border-inline-start: 0 none;
}
.b-resourceview-content > .b-dayview.b-last-resource-view .b-panel-header {
  border-inline-end: 0 none;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-scroller {
  position: sticky;
  right: 0;
  background-color: #fff !important;
  z-index: 1;
  border-inline-start: 1px solid #ddd;
}
.b-rtl .b-resourceview-content > .b-dayview.b-resource-dayview-scroller {
  right: auto;
  left: 0;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-dayview-timeaxis-time, .b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-dayview-allday-row-start {
  display: none;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-dayview-day-container {
  visibility: hidden;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-timeaxis-container {
  max-width: 1px;
  margin-inline-start: -1px;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-yscroll-pad {
  visibility: hidden;
}
.b-resourceview-content > .b-dayview:not(.b-resource-dayview-timeaxis):not(.b-resource-dayview-scroller):not(.b-last-resource-view) .b-dayview-day-container, .b-resourceview-content > .b-dayview:not(.b-resource-dayview-timeaxis):not(.b-resource-dayview-scroller):not(.b-last-resource-view) .b-dayview-schedule-container {
  border-inline-end: 1px solid #ddd;
}
.b-resourceview-content > .b-dayview:not(.b-resource-dayview-timeaxis):not(.b-resource-dayview-scroller) .b-dayview-allday-row-start, .b-resourceview-content > .b-dayview:not(.b-resource-dayview-timeaxis):not(.b-resource-dayview-scroller) .b-timeaxis-container {
  display: none;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis, .b-resourceview-content > .b-dayview.b-resource-dayview-scroller {
  flex: 0 0 auto;
  margin-inline-end: 0;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis .b-dayview-header, .b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-dayview-header {
  visibility: hidden;
  padding-inline: 0;
}
.b-resourceview-content > .b-dayview.b-resource-dayview-timeaxis .b-dayview-schedule-container, .b-resourceview-content > .b-dayview.b-resource-dayview-scroller .b-dayview-schedule-container {
  display: flex;
  max-width: 0;
  border: 0 none;
}
.b-resourceview-content .b-dayview-day-container {
  overscroll-behavior: auto;
}
.b-resourceview-content .b-monthview-content {
  padding-top: 0;
}
.b-resourceview-content .b-monthview-content .b-calendar-weekdays {
  padding: 0.5em 0;
  border-inline: 1px solid #ddd;
}
.b-resourceview-content .b-monthview-content .b-calendar-weekdays .b-calendar-day-header {
  padding-bottom: 0;
}
.b-resourceview-content > .b-eventlist > .b-panel-body-wrap {
  border-inline: 1px solid #ddd;
}

.b-resourceview-title {
  display: grid;
  column-gap: 1em;
  align-items: center;
}
.b-resourceview-title .b-resource-avatar-container {
  font-size: 1.2em;
}
.b-resourceview-title.b-has-meta .b-resource-avatar-container {
  grid-row: 1/span 2;
}
.b-resourceview-title .b-resource-avatar {
  border: 1px solid currentColor;
}
.b-resourceview-title .b-resource-name,
.b-resourceview-title .b-resource-meta {
  grid-column: 2;
}
.b-resourceview-title .b-resource-name {
  font-size: 1.1em;
}
.b-resourceview-title .b-resource-meta {
  font-size: 0.7em;
  font-weight: 400;
}

.b-calendar-fullweek-button {
  margin-inline-end: 1em;
}
.b-calendar:not(.b-calendar-include-weekends-button) .b-calendar-fullweek-button {
  display: none;
}

.b-modeselector {
  flex-basis: min-content;
  flex-shrink: 0;
}
.b-modeselector.b-minified > :not(.b-calendar-mode-button) {
  display: none;
}
.b-modeselector:not(.b-minified) > .b-calendar-mode-button {
  display: none;
}

.b-overflowpopup {
  min-width: 13em;
  max-width: 30em;
  z-index: 20;
  position: fixed !important;
}
.b-overflowpopup .b-cal-event-bar-container {
  flex: 0 0 auto;
}
.b-overflowpopup .b-cal-event-wrap {
  flex-shrink: 0;
}

.b-overflowpopup-body-wrap {
  background-color: #f8f9fa;
}

.b-overflowpopup-content {
  padding: 0;
  margin: 1em;
}
.b-visible-scrollbar .b-overflowpopup-content.b-vertical-overflow {
  margin-inline-end: 0;
}

.b-overflowpopup-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.b-daycellcollecter .b-overflowpopup-content {
  contain: style !important;
  flex-flow: column nowrap;
  align-items: stretch;
}
.b-daycellcollecter .b-overflowpopup-content .b-cal-event-wrap {
  flex-shrink: 0;
  position: relative !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-sidebar {
  flex: 1 0 auto;
  width: min-content;
}
.b-sidebar .b-sidebar-content {
  align-items: stretch;
  gap: 1em;
}
.b-sidebar .b-sidebar-content.b-panel-content {
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding: 1em;
}
.b-sidebar .b-sidebar-body-wrap > .b-toolbar {
  background-color: #fff;
}

.b-calendar .b-sidebar {
  max-width: 30%;
}
.b-calendar .b-sidebar:not(.b-collapsed):not(.b-collapsing).b-has-datepicker {
  min-width: 17.5em;
}
.b-calendar .b-sidebar:not(.b-collapsed):not(.b-collapsing).b-has-datepicker.b-datepicker-with-events {
  min-width: 20em;
}
.b-calendar .b-sidebar.b-sidebar-left {
  order: 0;
}
.b-calendar .b-sidebar.b-sidebar-right {
  order: 10;
}
.b-calendar .b-sidebar-content {
  color: #606060;
  overflow: hidden;
}
.b-calendar .b-sidebar-content .b-datepicker {
  flex-shrink: 0;
}
.b-calendar .b-sidebar-content .b-datepicker:not(.b-datepicker-with-events) .b-toolbar.b-dock-top .b-toolbar-content {
  padding-inline: 0 !important;
  gap: 0;
}
.b-calendar .b-sidebar-content .b-datepicker .b-toolbar {
  background: transparent;
  font-size: 1em;
}
.b-calendar .b-sidebar-content .b-datepicker .b-toolbar .b-datepicker-yearbutton,
.b-calendar .b-sidebar-content .b-datepicker .b-toolbar .b-datepicker-monthfield {
  font-weight: 500;
}
.b-calendar .b-sidebar-content .b-datepicker .b-calendar-cell {
  flex: 0 0 2em;
  padding: 0;
  margin: 0.1em 0.24em;
}
.b-calendar .b-sidebar-content .b-datepicker .b-calendar-cell .b-datepicker-cell-inner {
  height: 2em;
  width: 2em;
}
.b-calendar .b-sidebar-content .b-calendar-weekdays {
  font-size: 0.9em;
}
.b-calendar .b-sidebar-content .b-calendar-weekdays {
  border-bottom: none;
}
.b-calendar .b-sidebar-content .b-datepicker-month {
  margin-inline-end: 0.5em;
}
.b-calendar .b-sidebar-content .b-datepicker-content {
  font-size: 0.85em;
  background: transparent;
}
.b-calendar .b-sidebar-content .b-datepicker-content .b-week-number-cell {
  line-height: 2em;
  width: 2em;
  margin: 0.1em 0.24em;
}
.b-calendar .b-sidebar-content .b-datepicker-content .b-calendar-weekdays {
  background: transparent;
}
.b-calendar .b-sidebar-content .b-resourcefilter {
  flex-shrink: 1;
}
.b-calendar .b-sidebar-content .b-resourcefilter .b-list-item {
  padding: 0.5em 0.5em 0.5em 0;
}
.b-calendar .b-sidebar-content .b-resourcefilter .b-icon {
  margin-inline-end: 0.8em;
}
.b-calendar .b-sidebar-content .b-resourcefilter .b-icon:before {
  font-size: 150%;
}
.b-calendar .b-sidebar-content .b-field {
  flex: 0 0 auto;
  width: auto;
  align-self: auto;
}
.b-calendar .b-sidebar-content .b-field input[type=text] {
  width: 0;
}
.b-calendar .b-sidebar-content .b-list {
  background-color: transparent;
}

.b-yearview-content {
  flex-basis: 0;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-around;
  font-size: 0.9em;
  font-weight: 300;
  padding: 1em;
  column-gap: 1em;
  row-gap: 3em;
  padding-inline-start: max((25% - 23em) - 2em, 1em);
}
.b-yearview-content.b-show-events-dots .b-calendar-cell {
  height: 2.3em;
}
.b-yearview-content.b-show-events-count .b-cell-events-badge {
  position: absolute;
  inset-block-start: 1.6EM;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 80%;
  background-color: #e53f2c;
  color: #fff;
  width: 1.3em;
  height: 1.3em;
}
.b-yearview-body-wrap .b-yearview-content {
  background-color: #fff;
  color: #606060;
}
.b-yearview.b-responsive-small .b-yearview-content {
  font-size: 1.3em;
}
.b-yearview-content .b-yearview-month {
  flex-basis: calc(25% - 1em);
  min-width: 16em;
  display: flex;
  flex-flow: column nowrap;
  height: min-content;
}
.b-yearview-content .b-yearview-month-name {
  margin-bottom: 0.4em;
  padding: 0.1em 0 0.2em 0.3em;
  font-size: 1.3em;
  color: #777;
  max-width: 15.3846153846em;
  border: 0 none;
  text-align: start;
  background-color: transparent;
  font-family: inherit;
  font-weight: inherit;
}
.b-yearview-content .b-yearview-month-name:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.b-yearview-content .b-calendar-weekdays {
  height: 2.1em;
}
.b-yearview.b-responsive-small .b-yearview-content .b-calendar-week {
  max-width: 100%;
}
.b-yearview-content .b-calendar-week {
  display: flex;
  flex-flow: row nowrap;
  max-width: 20em;
}
.b-yearview-content .b-calendar-week:last-child {
  margin-bottom: 1em;
}
.b-yearview-content .b-calendar-week > * {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-yearview-content .b-yearview-weekday-cell {
  color: #333;
}
.b-yearview-content.b-hide-week-numbers .b-week-number-cell {
  display: none;
}
.b-yearview-content .b-cal-cell-overflow.b-active {
  outline: 0 none;
  opacity: 1 !important;
  z-index: 10 !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px 2px 5px rgba(0, 0, 0, 0.2);
}
.b-yearview-content .b-cal-cell-overflow:hover {
  background-color: inherit;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-1-to-3-events:hover, .b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-4-to-6-events:hover, .b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-calendar-7-or-more-events:hover {
  border-radius: 0;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-1-to-3-events:hover .b-calendar-cell-inner, .b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-4-to-6-events:hover .b-calendar-cell-inner, .b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-calendar-7-or-more-events:hover .b-calendar-cell-inner {
  mix-blend-mode: multiply;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-1-to-3-events:hover .b-calendar-cell-inner {
  background-color: #f9f69e;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-datepicker-4-to-6-events:hover .b-calendar-cell-inner {
  background-color: #f9d49e;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell.b-calendar-7-or-more-events:hover .b-calendar-cell-inner {
  background-color: #f9bdb3;
}
.b-yearview-content:not(.b-draggable-active) .b-calendar-cell .b-calendar-cell-inner:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.b-yearview-content.b-show-events-heatmap .b-datepicker-1-to-3-events {
  background-color: #f9f69e;
}
.b-yearview-content.b-show-events-heatmap .b-datepicker-4-to-6-events {
  background-color: #f9d49e;
}
.b-yearview-content.b-show-events-heatmap .b-calendar-7-or-more-events {
  background-color: #f9bdb3;
}
.b-yearview-content .b-calendar-cell {
  position: relative;
}
.b-yearview-content .b-calendar-cell.b-cal-tentative-event {
  background-color: #19fd09;
}
.b-yearview-content .b-calendar-cell.b-cal-tentative-event.b-other-month {
  background-color: #79d59f;
}
.b-yearview-content .b-calendar-cell .b-cal-minimal-event-container {
  top: 1.7em;
}
.b-yearview-content .b-calendar-cell .b-calendar-cell-inner {
  height: 2em;
  width: 2em;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.b-yearview-content .b-calendar-cell.b-today .b-calendar-cell-inner {
  border-radius: 50%;
  background-color: #5fa2dd;
  color: #fff;
  font-weight: bold;
}
.b-yearview-content .b-calendar-cell.b-other-month .b-calendar-cell-inner {
  color: #aaa;
}
.b-yearview-content .b-week-number-cell {
  flex: 0 0 2em;
  background-color: #f1f3f4;
  color: #777;
  border: 0 none;
  padding: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.b-yearview-content .b-week-number-cell:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.b-yearview-content .b-calendar-cell.b-active, .b-yearview-content .b-week-number-cell.b-active {
  outline: 0 none;
  background-color: #e8e8e8;
  border-radius: 50%;
}
.b-yearview-content.b-hide-nonworking-days .b-nonworking-day {
  display: none;
}
.b-yearview-content .b-calendar-week:not([data-week]) .b-week-number-cell {
  background-color: inherit;
}

.b-hover-top.b-starts-above .b-gripper-horz, .b-hover-bottom.b-ends-below .b-gripper-horz {
  display: none;
}

.b-cal-event-wrap:not(.b-rtl).b-hover-left.b-continues-past .b-gripper-vert, .b-cal-event-wrap:not(.b-rtl).b-hover-right.b-continues-future .b-gripper-vert {
  display: none;
}
.b-cal-event-wrap.b-rtl.b-hover-right.b-continues-past .b-gripper-vert, .b-cal-event-wrap.b-rtl.b-hover-left.b-continues-future .b-gripper-vert {
  display: none;
}

.b-cal-drag-proxy {
  position: absolute;
  pointer-events: none;
  opacity: 0.8;
  max-width: 17em;
}
.b-cal-drag-proxy .b-cal-event {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) currentColor;
  padding: 0 0.3em;
  gap: 0.3em;
}

.b-dayview-content .b-cal-tentative-event,
.b-monthview-content .b-cal-tentative-event {
  pointer-events: none;
}

.b-dayview-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-event-header,
.b-dayview-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-cal-event-desc {
  display: none;
}

.b-draggable-started {
  cursor: pointer;
}
.b-draggable-started .b-week-num, .b-draggable-started .b-day-num, .b-draggable-started .b-cal-cell-overflow {
  pointer-events: none;
}

.b-cal-event-wrap.b-resizing {
  display: none;
}

.b-cal-event-wrap:not(.b-cal-tentative-event-last) .b-cal-event-footer {
  display: none;
}

.b-cal-event-footer {
  position: absolute;
  bottom: 0.5em;
  right: 0.7em;
  white-space: nowrap;
  font-size: 0.7em;
}
.b-rtl .b-cal-event-footer {
  right: auto;
  left: 0.7em;
}

.b-cal-tooltip-duration,
.b-cal-tooltip-recurrence {
  margin-top: 0.5em;
}
.b-cal-tooltip-duration:before,
.b-cal-tooltip-recurrence:before {
  margin-inline-end: 0.5em;
  width: 1.5em;
  text-align: center;
}

.b-eventtip .b-sch-clock {
  border-color: white;
}
.b-eventtip .b-tooltip-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.3em;
}
.b-eventtip .b-tooltip-content > * {
  margin-block: 0;
}

.b-grid-to-cal-drag-proxy {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  opacity: 0.9;
  width: 15em;
  height: 25px;
  align-items: center;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #59b53b;
  border-radius: 4px;
  color: #fdfdfd;
  padding-inline-start: 0.3em;
  font-size: 0.9em;
}
.b-grid-to-cal-drag-proxy .b-fa {
  font-size: 0.7em;
}
.b-grid-to-cal-drag-proxy .b-fa:first-child {
  margin-inline-end: 0.3em;
}
.b-grid-to-cal-drag-proxy .b-fa:not(:first-child) {
  margin-inline-start: 0.3em;
}

.b-grid-row.b-drop-above:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: red;
}

.b-grid-row.b-drop-below:before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  height: 1px;
  width: 100%;
  background-color: red;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-dayview .b-cal-timerange {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  left: 0;
  right: 0;
  --timerange-color: var(--cal-event-color);
  --timerange-footer-color: rgba(131, 254, 49, 0.5);
  --timerange-border-size: 0.15em;
  --timerange-line-size: 0.2em;
  --timerange-line-zoom-scale: 2;
}
.b-dayview .b-cal-timerange.b-cal-timerange-line {
  border-color: var(--timerange-color);
  border-width: calc(var(--timerange-line-size)) 0 0 0;
  border-style: solid;
  min-height: calc(var(--timerange-line-size));
  margin-inline-end: calc(-1 * var(--dayview-cell-gutter));
  transition: transform 0.3s ease-in-out;
  z-index: 1;
}
.b-dayview .b-cal-timerange.b-cal-timerange-line.b-cal-timerange-hover-zoom:hover {
  transform: scale(var(--timerange-line-zoom-scale));
}
.b-dayview .b-cal-timerange.b-cal-timerange-has-header::after {
  content: " ";
  background-color: var(--timerange-color);
  position: absolute;
  top: 0;
  width: calc(var(--timerange-border-size));
  bottom: 0;
  opacity: 0.5;
}
.b-dayview .b-cal-timerange.b-cal-timerange-has-header.b-cal-timerange-align-end.b-cal-timerange-rotate-pos::after, .b-dayview .b-cal-timerange.b-cal-timerange-has-header.b-cal-timerange-align-start.b-cal-timerange-rotate-neg::after {
  right: 0;
}
.b-dayview .b-cal-timerange.b-cal-timerange-has-header.b-cal-timerange-align-end.b-cal-timerange-rotate-neg::after, .b-dayview .b-cal-timerange.b-cal-timerange-has-header.b-cal-timerange-align-start.b-cal-timerange-rotate-pos::after {
  left: 0;
}
.b-dayview .b-cal-timerange .b-cal-timerange-body {
  width: 100%;
  pointer-events: none;
  z-index: -1;
}
.b-dayview .b-cal-timerange .b-cal-timerange-header,
.b-dayview .b-cal-timerange .b-cal-timerange-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-dayview .b-cal-timerange .b-cal-timerange-header {
  background-color: rgba(255, 255, 255, 0.9);
  transition: background-color 0.1s;
  position: relative;
  width: var(--timerange-header-width);
}
.b-dayview .b-cal-timerange .b-cal-timerange-header::after {
  content: " ";
  background-color: var(--timerange-color);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.b-dayview .b-cal-timerange .b-cal-timerange-header.b-icon .b-cal-timerange-header-text {
  margin-inline-start: 0.5em;
}
.b-dayview .b-cal-timerange:not(.b-cal-timerange-narrow) .b-cal-timerange-header-text {
  font-size: 0.9em;
}
.b-dayview .b-cal-timerange-rotate-neg {
  align-self: center;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.b-dayview .b-cal-timerange-rotate-neg .b-cal-timerange-header::before {
  transform: rotate(180deg);
}
.b-dayview .b-cal-timerange-rotate-pos {
  align-self: center;
  writing-mode: vertical-rl;
}
.b-dayview .b-cal-timerange-align-start {
  flex-direction: column-reverse;
}
.b-dayview .b-dayview-inset-after.b-dayview-inset-before .b-cal-timerange-has-header:not(.b-cal-timerange-stretch) .b-cal-timerange-body {
  width: calc(100% - 2 * var(--dayview-cell-inset-size));
}
.b-dayview .b-dayview-inset-after:not(.b-dayview-inset-before) .b-cal-timerange-has-header:not(.b-cal-timerange-stretch) .b-cal-timerange-body,
.b-dayview .b-dayview-inset-before:not(.b-dayview-inset-after) .b-cal-timerange-has-header:not(.b-cal-timerange-stretch) .b-cal-timerange-body {
  width: calc(100% - var(--dayview-cell-inset-size));
}
.b-dayview-inset-after .b-dayview .b-cal-timerange:not(.b-cal-timerange-line):not(.b-cal-timerange-has-header):not(.b-cal-timerange-stretch) {
  margin-block-end: calc(var(--dayview-cell-inset-size));
}
.b-dayview-inset-before .b-dayview .b-cal-timerange:not(.b-cal-timerange-line):not(.b-cal-timerange-has-header):not(.b-cal-timerange-stretch) {
  margin-block-start: calc(var(--dayview-cell-inset-size));
}

.b-weekexpander .b-has-overflow .b-week-number-cell, .b-weekexpander .b-shrinkwrapped .b-week-number-cell {
  position: relative;
}
.b-weekexpander .b-has-overflow .b-week-number-cell .b-week-toggle-tool-wrap, .b-weekexpander .b-shrinkwrapped .b-week-number-cell .b-week-toggle-tool-wrap {
  flex: 1 0 auto;
  order: 9999;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 4px;
}
.b-weekexpander .b-has-overflow .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool, .b-weekexpander .b-shrinkwrapped .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool {
  height: 1.5em;
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-weekexpander .b-has-overflow .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool:hover, .b-weekexpander .b-shrinkwrapped .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool:hover {
  border-radius: 50%;
  background-color: rgba(90, 90, 90, 0.2);
}
.b-weekexpander .b-has-overflow .b-week-toggle-tool:before {
  content: "\f107";
}
.b-weekexpander .b-shrinkwrapped .b-week-toggle-tool:before {
  content: "\f106";
}

.b-calendar-print-iframe {
  position: absolute;
  top: -1000em;
  left: -1000em;
}

.b-calendar.b-shrinkwrap-row-heights .b-print-content .b-weeks-container {
  flex: 0 0 auto;
}
.b-calendar .b-print-content {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.b-calendar .b-print-content .b-print-header {
  font-size: 1.4em;
}
.b-calendar .b-print-content .b-print-body {
  flex: 1;
  display: flex;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport {
  display: flex;
  flex: 1;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport header {
  display: none;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-calendarmixin {
  padding: 0;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-dayview, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-weekview, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-monthview {
  flex: 1 0 100%;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-dayview .b-monthview-content, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-weekview .b-monthview-content, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-monthview .b-monthview-content {
  padding: 0;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-dayview .b-expand-allday-button, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-dayview .b-yscroll-pad, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-weekview .b-expand-allday-button, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-weekview .b-yscroll-pad {
  display: none;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-dayview .b-dayview-day-content, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-weekview .b-dayview-day-content {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-agendaview .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-yearview .b-yearview-content {
  padding: 0;
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-yearview .b-yearview-month:nth-child(9),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-yearview .b-yearview-month:nth-child(10),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-yearview .b-yearview-month:nth-child(11),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-yearview .b-yearview-month:nth-child(12) {
  margin-bottom: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 *
 * The DayView. Days are vertical stack of hours in which intra day events are rendered.
 * A DayView can show a single of many days side by side.
 *
 */
/*
 * Calendar View styles
 *
 */
/*
 * Calendar header row styles
 *
 */
/**
 * DayResourceView styles
 */
.b-calendar.b-outer {
  height: 100%;
}

.b-calendar, .b-calendar-content {
  color: #606060;
  overflow: hidden;
}

.b-calendar {
  -webkit-user-select: none;
  user-select: none;
}
.b-calendar.b-overflow-popup-visible {
  z-index: 10;
}
.b-calendar .b-calendar-view-desc-text {
  font-size: 1.4em;
}
.b-calendar .b-calendar-view-desc-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.b-calendar > * > .b-top-toolbar {
  border-bottom: 1px solid #ddd;
}
.b-calendar > * > .b-top-toolbar > .b-button {
  margin-inline-end: 0.25em;
}
.b-calendar:not(.b-calendar-nav-toolbar) .b-calendar-toolbar .b-cal-nav-item {
  display: none;
}
.b-calendar:not(.b-calendar-nav-sidebar) .b-sidebar .b-cal-nav-item {
  display: none;
}
.b-calendar .b-cal-nav-next {
  margin-left: -0.5em;
}
.b-calendar.b-responsive-small .b-calendar-view-desc {
  margin-inline-start: 0.5em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar > .b-toolbar-content {
  gap: unset;
}
.b-calendar.b-responsive-small .b-calendar-toolbar button:not(.b-pressed) {
  background-color: transparent;
  border-color: transparent;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-sidebar-toggle {
  margin-inline-end: 0.5em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-mode-button > label,
.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-today-button > label {
  display: none;
}
.b-calendar .b-calendar-viewcontainer > .b-monthview > .b-panel-body-wrap > .b-panel-content,
.b-calendar .b-calendar-viewcontainer > .b-yearview > .b-panel-body-wrap > .b-panel-content {
  padding-top: 1.2em;
}
.b-calendar.b-notransition * {
  transition: none !important;
}

.b-panel-ui-calendar-banner.b-panel-header {
  background-color: #f3f4f5;
  color: #4f5964;
  font-size: 1.4em;
  padding: 0.5em;
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
}
.b-panel-ui-calendar-banner.b-panel-header .b-header-title {
  font-size: unset;
  font-weight: 400;
}
.b-panel-ui-calendar-banner.b-panel-header .b-tool {
  color: #4f5964;
}

/*# sourceMappingURL=calendar.stockholm.css.map */
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.app-screen-info-container .page-sub-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #f2f2f2;
  background-color: white;
}
.app-screen-info-container .page-sub-header .title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.app-screen-info-container .title-container {
  display: flex;
  flex-grow: 1;
}
.app-screen-info-container .page-sub-header__after-title {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.app-screen-info-container .page-sub-header__after-title .RoundedButton {
  margin-right: 20px;
}
.app-screen-info-container .switch-label {
  display: flex;
  flex-direction: row-reverse;
}
.app-screen-info-container .navigation-zone {
  display: flex;
  flex-direction: row;
}
.app-screen-info-container .name-switcher-wrapper {
  margin: 0 15px;
}
.app-screen-info-container .navigation-zone-default {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.app-screen-info-container .navigation-zone-custom {
  display: flex;
  flex-direction: row;
}
.app-screen-info-container .nav-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.screen-info {
  overflow-y: auto;
  height: 150px;
  padding: 20px;
}
.screen-info-grid .edit-btn {
  background-color: #0000ff !important;
  color: white;
  margin-top: 10px;
}
.app-screen-info-container .row-item {
  margin-bottom: 2rem;
}
.app-screen-info-container .row-item h4 {
  margin-bottom: 1rem;
  color: #333;
  font-weight: 500;
  font-size: 1.25rem;
}
.app-screen-info-container .row-item .MuiGrid-item {
  padding-right: 1rem;
}
.app-screen-info-container .row-item .MuiGrid-item:last-child {
  padding-right: 0;
}
.app-screen-info-container .MuiGrid-container {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .app-screen-info-container .row-item {
    margin-bottom: 1.5rem;
  }
  .app-screen-info-container .row-item .MuiGrid-item {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }
  .app-screen-info-container .row-item .MuiGrid-item:last-child {
    margin-bottom: 0;
  }
}
.l-title-font, .EditChannelForm__Title, .ChannelsManagement__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
}
.m-title-font, .Pathways__NoStartedPathways, .UserPromManager__EmptyResults, .AssetPreview__EmptyText, .AssetPreview__Title {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.main-text-font, .TokBoxVideoCall__SettingLabel, .TokBoxVideoCall__UserName {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
@font-face {
  font-family: "AkzidenzGroteskStd";
  src: url("/fonts/AkzidenzGroteskBE-Regular.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskStd-Light";
  src: url("/fonts/AkzidenzGroteskBE-Light.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskStd-Md";
  src: url("/fonts/AkzidenzGroteskBE-Md.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE-MdEx";
  src: url("/fonts/AkzidenzGroteskBE-MdEx.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE-LightEx";
  src: url("/fonts/AkzidenzGroteskBE-LightEx.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE-Ex";
  src: url("/fonts/AkzidenzGroteskBE-Ex.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("/fonts/AkzidenzGroteskBE-Regular.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE-Md";
  src: url("/fonts/AkzidenzGroteskBE-Md.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskBE-LightOsF";
  src: url("/fonts/AkzidenzGroteskBE-LightOsF.otf") format("opentype");
}
@font-face {
  font-family: "AkzidenzGroteskStd-Ex";
  src: url("/fonts/AkzidGroStdExt.otf") format("opentype");
}
@font-face {
  font-family: "Arial MT Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial MT Bold"), url("/fonts/ArialMT/ARIALBOLDMT.woff") format("woff");
}
@font-face {
  font-family: "Akzidenz";
  src: url("/fonts/AkzidGroStdReg.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Akzidenz";
  src: url("/fonts/AkzidGroStdItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Akzidenz";
  src: url("/fonts/Akzidenz/AkzidGroStdMed.otf") format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "Akzidenz";
  src: url("/fonts/Akzidenz/AkzidGroStdBol.otf") format("opentype");
  font-weight: 700;
}
html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  min-height: 100vh;
  width: 100%;
  font-family: Roboto, sans-serif;
}
@media screen and (max-width: 1440px) {
  html,
body {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  html,
body {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  html,
body {
    font-size: 12px;
  }
}
.main-content,
.main-wrapper {
  display: flex;
  flex: 1;
  height: 100%;
  min-height: calc(100vh - 40px);
}
.main-content {
  margin-left: 60px;
}
.AppContainer--clinic-manager .main-content,
.AppContainer--clinic-manager .main-wrapper {
  min-height: 100vh;
}
.main-wrapper {
  flex-direction: column;
}
.main-wrapper .sub-navi-placeholder {
  background-color: var(--submenu-background-color);
  height: 35px;
}
.main-container {
  position: relative;
  background: #f5f5f5;
  font-family: "AkzidenzGroteskStd" !important;
}
.main-container,
.main-container > div {
  height: 100%;
  min-height: 100vh;
}
.main-content {
  display: flex;
  flex-direction: column;
}
.main-content .content-children {
  position: relative;
  width: 100%;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.main-content .content-children > *:first-child {
  flex-grow: 1;
}
.content-navigation {
  display: flex;
  justify-content: center;
  height: 100%;
  width: calc(100vw - 374px);
}
.content-navigation .user-navigation {
  display: flex;
  flex: unset;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  position: static;
  overflow-x: auto;
  flex-wrap: nowrap !important;
}
.content-navigation .user-navigation::-webkit-scrollbar {
  height: 5px;
  background-color: var(--header-background-color);
}
.content-navigation .user-navigation::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--footer-background-color);
}
.content-navigation .user-navigation .v-line {
  height: 42px;
  border: 1px solid black;
  opacity: 0.25;
  margin-top: 10px;
}
.content-navigation .user-navigation .collapsed-nav-item {
  display: flex;
  height: 35px;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.content-navigation .user-navigation .collapsed-nav-item h3 {
  opacity: 0.5;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.1px;
  text-align: center;
  color: #000000;
}
.content-navigation .user-navigation .collapsed-nav-item a {
  text-decoration: none;
  height: 100%;
}
.content-navigation .user-navigation .collapsed-nav-item li {
  padding: 0 10px;
  min-width: 180px;
  display: flex;
  justify-content: center;
  height: 100%;
}
.content-navigation .user-navigation .collapsed-nav-item li div {
  padding: 0;
}
.content-navigation .user-navigation .collapsed-nav-item .active-route h3 {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.1px;
  text-align: center;
  color: var(--main-header-color);
  opacity: 1;
}
.content-navigation .user-navigation .submenu {
  position: absolute;
  top: 80px;
  background-color: var(--submenu-background-color);
  width: 100%;
  left: 0;
  height: 30px;
}
.page-sub-header {
  font-size: 24px !important;
  text-align: left;
  color: rgba(59, 59, 59, 0.87) !important;
  text-transform: capitalize;
  margin-top: 15px;
  padding-left: 25px !important;
  margin-bottom: 20px;
}
.margin-top {
  margin-top: 15px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-remove {
  margin: 0 !important;
}
.margin-bottom-remove {
  margin-bottom: 0 !important;
}
.margin-top-remove {
  margin-top: 0 !important;
}
.block_divider {
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative;
  height: 100%;
}
.block_divider .left,
.block_divider .right {
  max-width: 50%;
  flex-basis: 50%;
}
.block_divider .left .rules,
.block_divider .right .rules {
  flex: 1;
}
.block_divider .left {
  border-right: 1px solid #e0e0e0;
  min-width: 50%;
  max-width: 50%;
}
.block_divider .left_block {
  width: 100%;
}
.block_divider .vertical_title,
.block_divider .arrow-right {
  display: none;
}
.block_divider .arrow-left {
  position: absolute;
  top: 5px;
  right: calc(50% + 15px);
  cursor: pointer;
}
.block_divider.re_size .left {
  padding: 0;
  width: 60px;
  min-width: 60px;
  flex-basis: auto;
}
.block_divider.re_size .left_block,
.block_divider.re_size .arrow-left {
  display: none;
}
.block_divider.re_size .right {
  width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  flex-basis: auto;
}
.block_divider.re_size .vertical_title {
  display: block;
  position: absolute;
  top: 80px;
  left: -10px;
  font-size: 20px;
  font-weight: 400;
  transform: rotate(-90deg);
}
.block_divider.re_size .arrow-right {
  display: flex;
  position: absolute;
  top: 10px;
  left: 15px;
  cursor: pointer;
}
.block_divider.re_size .rules {
  padding-right: 20px !important;
}
.block_divider.re_size .rules-block {
  margin-right: 0;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: 100% 0;
  }
  25% {
    background-position: -200% 0;
  }
  50% {
    background-position: 100% 0;
  }
  75% {
    background-position: -200% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.content_pre_loader {
  background: #fff;
  padding: 12px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}
.content_pre_loader .animated-background {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, rgba(238, 238, 238, 0.3) 8%, rgba(221, 221, 221, 0.8) 18%, rgba(238, 238, 238, 0.5) 33%);
  background-size: 800px 104px;
  height: 100%;
  position: relative;
}
.content_pre_loader-transparent {
  background: none;
}
.content_pre_loader-transparent .animated-background {
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 8%, rgba(172, 171, 166, 0.4) 18%, rgba(238, 238, 238, 0) 33%);
  background-size: 800px 104px;
}
body .content_pre_loader-transparent .fail-background {
  background: none;
}
.content_pre_loader .fail-background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  position: absolute;
  z-index: 0;
}
.content_pre_loader .markers-row {
  background: inherit;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 35px;
}
.content_pre_loader .background-masker {
  background: inherit;
  position: relative;
  width: 100%;
  height: 24px;
}
.content_pre_loader .diagnosis-component {
  margin-top: -65px;
}
.choose-sequence-item-title {
  display: flex;
}
.ReactSummernoteComponent--isInCodeView {
  position: relative;
  z-index: 100;
}
.ReactSummernoteComponent .note-editable {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.ReactSummernoteComponent .modal-dialog {
  background: #bfbfbf;
  position: absolute;
  width: 400px;
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 20px;
}
.ReactSummernoteComponent .modal-dialog .modal-body {
  margin-bottom: 20px;
}
.ReactSummernoteComponent__codeViewReminder {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  position: absolute;
  top: -20px;
  right: 0px;
  color: #e91e63;
  z-index: 91;
}
.ReactSummernoteComponent__codeViewFade {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #bcbcbc;
  opacity: 0.7;
  z-index: 90;
}
.header {
  height: 80px;
  min-height: 80px;
  background-color: #bfbfbf !important;
}
.AppBar {
  display: flex;
  justify-content: space-between;
  height: 80px;
  padding: 0 18px !important;
}
@media all and (max-width: 1150px) {
  .AppBar {
    height: auto;
  }
}
.Header-Toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Header-Toolbar__Logo {
  width: 150px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 5px;
}
.Header-Toolbar__Logo .Header-Toolbar__Img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 0 50%;
}
.Header-Toolbar__Logo .Header-Toolbar__Img--loading {
  display: none;
}
.Header-Toolbar__Logo .ProgressLoader {
  width: 150px;
  height: 48px;
}
.Header-Toolbar__Logo .ProgressLoader--is-loading {
  width: 150px;
  height: 48px;
}
.Header-Toolbar__Logo .ProgressLoader__Overlay {
  background: transparent;
  width: 150px;
  height: 48px;
}
.Header-Toolbar__Logo .ProgressLoader__Overlay .ProgressLoader__SpinnerContainer {
  transform: scale(0.7);
}
.Header-Toolbar__UserInfo {
  padding: 5px;
  border-radius: 5px;
}
.Header-Toolbar__CustomerWrapper {
  display: flex;
  position: relative;
  align-items: center;
  height: 30px;
  justify-content: flex-end;
}
.Header-Toolbar__CustomerName {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  max-width: 240px;
  overflow: hidden;
  height: 16px;
  text-align: right;
}
.Header-Toolbar__ChangeCustomerButton.ButtonWithIcon {
  border: 0;
  margin-left: 20px;
  margin-right: 1px;
  width: 20px;
  height: 20px;
}
.Header-Toolbar__ChangeCustomerButton.ButtonWithIcon button {
  border: 0;
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.Header-Toolbar__ChangeCustomerButton.ButtonWithIcon button:hover {
  background: transparent;
}
.Header-Toolbar__ChangeCustomerButton.ButtonWithIcon .ButtonWithIcon__icon {
  margin-right: 0;
  width: 20px;
  height: 20px;
}
.Header-Toolbar__ChangeCustomerButton.ButtonWithIcon .ButtonWithIcon__icon g {
  fill: var(--main-header-color);
}
.Header-Toolbar__Navigation {
  width: auto;
  max-width: 800px;
  overflow-y: auto;
}
@media all and (min-width: 600px) {
  .Header-Toolbar {
    min-height: 80px !important;
  }
}
.Header-Toolbar__Logo {
  width: 150px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 5px;
}
.Header-Toolbar__Logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Header-Toolbar__CustomerWrapper {
  display: flex;
  position: relative;
  align-items: center;
}
@media all and (min-width: 600px) {
  .Header-Toolbar {
    min-height: 80px !important;
  }
}
@media all and (max-width: 960px) {
  .Header-Toolbar .user-navigation {
    overflow-y: hidden;
  }
}
@media all and (max-width: 1150px) {
  .Header-Toolbar__Logo {
    width: 100%;
  }
  .Header-Toolbar__Navigation {
    width: 100%;
    order: 3;
    max-width: 100%;
    min-height: 80px;
  }
  .Header-Toolbar__UserInfo {
    order: 2;
  }
  .Header-Toolbar .user-navigation {
    overflow-x: auto;
    display: flex;
  }
  .Header-Toolbar .user-navigation .submenu {
    top: 100%;
    height: auto;
  }
  .Header-Toolbar .user-navigation .submenu ul {
    flex-wrap: wrap;
  }
  .Header-Toolbar .user-navigation .collapsed-nav-item {
    height: auto;
  }
  .Header-Toolbar .user-navigation .collapsed-nav-item a {
    margin: 5px;
  }
}
.ProfileMenu__Links {
  display: flex;
  flex-direction: column;
}
.ProfileMenu__Link {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ProfileMenu__LinkText {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  flex-grow: 1;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.ProfileMenu__LinkIcon {
  color: var(--main-header-color);
}
.ProfileMenu__LinkIconContainer {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  right: -2px;
  position: relative;
}
.ProfileMenu__LanguageSwitcherContainer {
  height: 60px;
  position: relative;
  left: -30px;
  display: none;
}
.ProfileMenu__LinkImage {
  height: 30px;
  width: 30px;
}
.ProfileMenu__LinkImage img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.header-user-info {
  display: flex;
  align-items: center;
}
.page-navigation {
  padding: 5px 10px 5px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-navigation.active-navigation {
  background-color: #00c8c8;
}
.page-navigation.enable-nagation {
  display: none;
}
.page-navigation .table-controls {
  margin-top: 10px;
}
.page-navigation .hidden-details {
  display: none;
}
.page-navigation .navigation-search {
  display: flex;
  align-items: center;
}
.page-navigation .navigation-search .navigation-search-button {
  display: flex;
  align-items: center;
}
.page-navigation .navigation-search .navigation-search-button .contol-button {
  background: #0000ff;
  color: #ffffff;
  padding: 5px 15px;
  margin-right: 10px;
}
.page-navigation .navigation-search .navigation-search-button .contol-button svg {
  margin-right: 8px;
}
.page-navigation .navigation-search-button button.Table_Controls__examinationAddButton {
  background: #0000ff;
  color: #ffffff;
  padding: 2px 15px;
  margin-right: 10px;
}
.page-navigation .navigation-search-button button.Table_Controls__examinationAddButton svg {
  margin-right: 8px;
}
.page-navigation .navigation-search-button button.Table_Controls__examinationAddByCSVButton {
  background: #0000ff;
  color: #ffffff;
  padding: 2px 15px;
  margin-right: 10px;
}
.page-navigation .navigation-search-button button.Table_Controls__examinationAddByCSVButton svg {
  margin-right: 8px;
}
.page-navigation .navigation-info {
  display: none;
  justify-content: space-between;
  align-items: center;
}
.page-navigation .navigation-info.active-info {
  display: flex;
}
.page-navigation .navigation-info .navigation-control-buttons button {
  margin: 0 0 10px 10px;
  padding: 6px 10px;
}
.page-navigation .navigation-info .navigation-control-buttons button svg {
  margin-right: 8px;
}
.page-navigation .extra-components {
  display: flex;
}
.page-navigation.page-navigation--Evaluations {
  justify-content: flex-start;
}
.page-navigation-button {
  margin-left: 12px;
}
.page-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.active-route li {
  background-color: var(--submenu-background-color);
}
.active-route li h3 {
  object-fit: contain;
  font-family: Arial;
  font-size: 9px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--main-header-color);
  opacity: unset;
}
.active-route svg path {
  fill: var(--main-header-color);
}
.active-route .nav-icon {
  color: #4683f3;
}
.exercise-library-menu-item__icon path {
  fill: white;
}
.logout-library-menu-item path:nth-child(1) {
  fill: none;
}
.nav-menu-list-item {
  max-width: 100px;
  min-width: 75px;
  text-decoration: none;
  position: relative;
}
.nav-menu-list-item.active-route + a li::before {
  content: none;
}
.nav-menu-list-item.active-route li::before, .nav-menu-list-item.last.active-route li::after {
  content: none;
}
.nav-menu-list-item li::before {
  height: 50px;
  display: block;
  width: 1px;
  background: #97a6a4;
  border-right: 1px white;
  content: "";
  position: absolute;
  left: 0px;
  top: 14px;
}
.nav-menu-list-item.last li::after {
  height: 50px;
  display: block;
  width: 1px;
  background: #97a6a4;
  border-right: 1px white;
  content: "";
  position: absolute;
  right: 0px;
  top: 14px;
}
.nav-menu-list-item:hover {
  background-color: var(--submenu-background-color);
}
.nav-menu-list-item li {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  height: 100%;
  justify-content: flex-end;
}
.nav-menu-list-item li svg {
  max-width: 35px;
  fill: white;
}
.nav-menu-list-item h3 {
  opacity: 0.5;
  font-family: Arial;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--main-header-color);
}
#matrix-setup .matrix-tabs > div {
  background-color: white !important;
}
#matrix-setup .matrix-tabs > div button {
  color: #3b3b3b !important;
}
#diagnosis-component .diagnosis-table {
  margin-top: 15px;
}
.matrix-primary-button, .exercise-btn, .package-level-exercises .packages-btn, #create-question .row-item .exercise-btn, .create-question-sub-container .ChannelItemMultipleSelect__AddButton {
  background: #0000ff;
  margin: 7px;
  color: white;
}
.matrix-primary-button:hover, .exercise-btn:hover, .package-level-exercises .packages-btn:hover, #create-question .row-item .exercise-btn:hover, .create-question-sub-container .ChannelItemMultipleSelect__AddButton:hover {
  background: #0000ff;
  color: white;
}
.create-question-sub-container {
  height: calc(100vh - 130px - 120px);
  overflow-y: auto;
}
.app-screen-info-container .nav-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.app-screen-info-container .nav-buttons .nav-menu-save-button {
  background: #0000ff;
  padding: 6px 20px;
}
.app-screen-info-container .nav-buttons .nav-menu-save-button--disabled {
  background: #f2f2f2;
}
#create-question {
  background-color: #f5f5f5;
  height: 100%;
}
#create-question .sequence-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
#create-question .row-item {
  margin-top: 15px;
}
#create-question .row-item .MUIControl {
  width: 100%;
}
#create-question .page-sub-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #f2f2f2;
  background-color: white;
}
#create-question .page-sub-header .title-zone {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#create-question .page-sub-header .title-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#create-question .page-sub-header .switch-label {
  margin: 0;
}
#create-question .page-sub-header__after-title {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
#create-question .create-question__edit-warning {
  color: #e91e63;
  font-size: 13px;
  margin-top: 10px;
}
#create-question .create-question__after-title {
  position: relative;
  top: 5px;
}
#create-question .switch-label {
  display: flex;
  flex-direction: row-reverse;
}
#create-question .navigation-zone {
  display: flex;
  flex-direction: row;
}
#create-question .navigation-zone .MUITab__Tab-Label--error {
  color: #ff1744;
}
#create-question .name-switcher-wrapper {
  margin: 0 15px;
}
#create-question .navigation-zone-default {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#create-question .navigation-zone-custom {
  display: flex;
  flex-direction: row;
}
#create-question .nav-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#create-question .nav-buttons .nav-menu-save-button {
  background: #0000ff;
  padding: 6px 20px;
}
#create-question .nav-buttons .nav-menu-save-button--disabled {
  background: #f2f2f2;
}
#create-question .create-question-body-wrap {
  height: 100%;
}
#create-question .create-question-body {
  margin: 0 !important;
  padding: 0 20px;
  height: 100%;
}
#create-question .create-question-body > div:first-child {
  border-right: 2px solid #f2f2f2;
}
#create-question .level-up-block {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#create-question .level-up-block .level-up-block-label {
  display: flex;
  margin-left: 0;
}
#create-question .level-up-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#create-question .level-up-neighborhood {
  max-width: 50%;
}
#create-question .main-question .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#create-question .main-question .title h2 {
  margin-bottom: 0;
}
#create-question .main-question .answer,
#create-question .main-question .enable_scoring {
  margin-top: 40px;
  background: none;
}
#create-question .main-question .enable_scoring {
  flex-direction: column;
  align-items: flex-start;
}
#create-question .main-question .enable_scoring .enable_scoring_switch {
  margin-top: 20px;
}
#create-question .main-question .enable_scoring .enable_scoring_annotation {
  margin-top: 20px;
}
#create-question .main-question .main-question__evaluationSubtype {
  margin-right: 20px;
}
#create-question .main-question__DynamicSliderBuilder {
  margin-top: 30px;
}
#create-question .Select.Select--single:focus,
#create-question .Select input {
  box-shadow: none;
  outline: none !important;
}
#create-question .Select .Select-menu-outer {
  border-radius: 0;
}
#create-question .Select-control,
#create-question .Input-ui {
  border: none;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid grey;
}
#create-question .custom-select-title {
  margin-top: 7px;
}
#create-question .enable_scoring_annotation {
  margin-top: 20px;
}
#create-question .async-area-select {
  width: 100%;
}
#create-question .tab-lang,
#create-question .MUITab {
  min-width: 80px !important;
}
#create-question .tab-lang.answer {
  margin: 0;
}
#create-question .sequence-wrap .sequence {
  cursor: pointer;
}
#create-question .sequence-wrap .sequence-btn {
  background: #0000ff;
  margin-top: 10px;
}
#create-question .sequence-type {
  display: flex;
  align-items: flex-end;
  margin-top: 15px;
}
#create-question .answer-wrap {
  width: 100%;
}
#create-question .answer-wrap ol {
  padding-left: 5px;
}
#create-question .answer-wrap ol,
#create-question .answer-wrap ol > li {
  list-style: none;
}
#create-question .answer-wrap.range {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#create-question .answer-wrap.range h2 {
  margin-bottom: 0;
  margin-right: 20px;
}
#create-question .answer-wrap.range .range-to {
  margin-left: 20px;
}
#create-question .answer-wrap .add-answer {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0000ff;
  padding-left: 20px;
  cursor: pointer;
  margin-top: 30px;
}
#create-question .answer-wrap .add-answer svg {
  padding-right: 10px;
}
#create-question .answer-wrap .answer-item {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr 80px auto;
  align-items: baseline;
  gap: 20px;
}
#create-question .answer-wrap .answer-item svg {
  cursor: pointer;
}
#create-question .DiagnosisQuestion__RulesSection {
  margin-top: 30px;
}
#create-question .DiagnosisQuestion__RulesSectionTab {
  display: none;
}
#create-question .DiagnosisQuestion__RulesSectionTab--active {
  display: block;
}
#create-question .DiagnosisQuestion__TabsFlexContainer {
  display: inline-flex;
}
#create-question .DiagnosisQuestion__ImageStarterWrapper {
  padding: 0 20px;
}
.DependentRulingQuestions {
  margin: 20px;
  padding: 10px 20px;
}
.DependentRulingQuestions__Title {
  margin-bottom: 15px;
}
.DependentRulingQuestions__Question {
  margin-bottom: 15px;
  display: inline-block;
  background: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding: 10px 20px;
}
.DependentRulingQuestions__QuestionKey {
  display: flex;
  align-items: center;
}
.DependentRulingQuestions__QuestionKey .CopyToClipboardButton {
  margin-left: 5px;
}
.sequence-list {
  display: flex;
  align-items: center;
}
.sequence-list .open-sequence {
  display: flex;
  align-items: flex-end;
  margin: 15px 0;
  cursor: pointer;
}
.choose-sequence-toolbar {
  display: flex;
  justify-content: space-between;
}
.choose-sequence-toolbar .title-and-close {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.choose-sequence-list {
  margin-top: 56px !important;
}
.load-more-assets-button {
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: margin 0.3s;
  border: 1px solid #aaa;
  border-bottom: none;
  margin-bottom: 30px;
  padding: 20px;
}
.choose-sequence-item-sub-title {
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  min-width: 50px;
}
.choose-sequence-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: margin 0.3s;
  border-top: 1px solid #aaa;
}
.choose-sequence-item-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.choose-sequence-item-title .step {
  margin-left: 15px;
}
.choose-sequence-item-title .title {
  color: #0000ff;
  margin-left: 35px;
}
.testing_mode_true {
  display: inline;
  border: 2px solid green;
  border-radius: 50%;
  padding: 10px;
}
.testing_mode_true.open {
  transition: margin 0.3s;
  margin: 25px 0;
  box-shadow: 0 1px 1px 1px #ccc;
  border-bottom: 1px solid #aaa;
}
.choose-sequence-item-expand {
  display: flex;
  flex: 1;
  align-items: center;
}
.choose-sequence-collapse {
  display: flex;
  flex: 1;
  width: 100%;
  padding-left: 130px;
}
.choose-sequence-collapse .choose-sequence-collapse-list,
.choose-sequence-collapse .choose-sequence-collapse-item {
  white-space: pre-wrap;
  transition: height 0.3s;
}
.choose-sequence-collapse .choose-sequence-collapse-list .lens,
.choose-sequence-collapse .choose-sequence-collapse-item .lens {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  fill: #0000ff;
}
.page-tabs {
  padding: 5px 20px 30px 20px;
}
.package-level-header {
  display: flex;
  flex-direction: row;
}
.package-level-header .package-level-header-item-right,
.package-level-header .package-level-header-item-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.package-level-header .package-level-header-item-right {
  justify-content: flex-end;
}
.assets-list {
  padding: 10px 20px;
}
.package-level-counts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.package-level-counts .package-level-therapy-continuity {
  margin-bottom: 8px;
}
.package-level-exercises-status {
  margin-bottom: 10px;
  margin-top: 2px;
}
.package-level-exercises-info {
  display: flex;
  align-items: center;
}
.package-level-exercises {
  margin-top: 35px !important;
  margin-bottom: 25px !important;
}
.package-level-exercises .package-level-exercises-item {
  align-items: center;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 5px;
}
.package-level-exercises .package-level-exercises-item .package-exercise-name {
  display: flex;
  flex: 10;
  padding-right: 10px;
}
.package-level-exercises .package-level-exercises-item .information {
  display: flex;
  flex-direction: column;
}
.package-level-exercises .package-level-exercises-item .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.matrix_pre_loaders {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.matrix_pre_loaders .item:first-child {
  border-right: 1px solid #eeee;
}
.matrix_pre_loaders .item {
  width: 50%;
}
#search-field-container {
  margin-top: 60px;
  margin-left: 30px;
  display: block;
}
.assets-modal-content-scrollable {
  overflow-y: auto;
  height: calc(100vh - 128px);
}
.cancel-button {
  margin-right: 10px;
}
.nav-menu-save-button {
  padding-right: 20px;
}
.nav-menu-save-button--disabled {
  background: #f2f2f2;
}
.save-icon {
  margin-right: 8px;
}
.editor-button {
  margin-top: 10px;
}
.info {
  padding: 10px;
  margin-top: 10px;
  height: 140px;
  overflow-y: auto;
}
.exercise-packages {
  width: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}
.exercise-packages p {
  text-align: center;
}
.exercise-packages .exercise-packages-header {
  display: flex;
  justify-content: space-around;
}
.exercise-packages .packages-level-info {
  display: flex;
  justify-content: space-around;
  border: 1px solid black;
  border-radius: 8px;
  margin-bottom: 10px;
  align-items: center;
}
.editor h4 {
  color: rgba(0, 0, 0, 0.54);
}
.editor div {
  margin-top: 10px;
  border: 1px solid #bcbcbc;
  padding: 0px 10px 0px 10px;
  border-radius: 5px;
}
.duplication-modal {
  width: 50%;
}
.duplication-inputs-container {
  display: flex;
  justify-content: space-around;
}
.duplication-inputs-container .duplication-input {
  margin-right: 20px;
  width: 50%;
}
@media (max-width: 1024px) {
  .page-sub-header {
    flex-direction: column !important;
  }

  .navigation-zone {
    flex-direction: column !important;
  }
}
.ExercisesLibrary {
  height: 100%;
  display: flex;
}
.ExercisesLibrary__Sidebar {
  min-width: 300px;
  width: 300px;
  border-right: 1px solid #cccccc;
  height: 100%;
}
.ExercisesLibrary__SidebarTitle {
  font-size: 18px;
  margin: 20px 25px 0;
  font-weight: bolder;
}
.ExercisesLibrary__Sidebar .AutocompleteSearch {
  margin: 10px;
}
.ExercisesLibrary__SelectedTags {
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
}
.ExercisesLibrary .Tree__TreeNode.CategoriesTree__Category > .Tree__TreeNodeName {
  padding: 4px;
  font-size: 18px;
}
.ExercisesLibrary__Tag {
  margin-right: 5px;
  margin-top: 5px;
}
.ExercisesLibrary__Content {
  flex-grow: 1;
}
.ExercisesLibrary__TopPanel {
  height: 80px;
  display: flex;
  align-items: center;
}
.ExercisesLibrary__TopPanel .AutocompleteSearch {
  width: 100%;
}
.ExercisesLibrary__Results {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  background: #ebe9e7;
}
.ExercisesLibrary__NoResults {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  font-size: 23px;
  line-height: 35px;
}
.ExercisesLibrary__NoResultsInner {
  max-width: 750px;
  margin: 0 30px;
  text-align: center;
  white-space: pre-wrap;
}
.ExercisesLibrary .ExercisesList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 20px 30px;
}
.ExercisesLibrary .ExercisesList .Exercise {
  background: white;
  border-radius: 10px;
  padding: 20px 30px;
  width: 400px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ExercisesLibrary .CategoriesTree {
  min-height: 100px;
}
.ExercisesLibrary .CommonPaging {
  position: sticky;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  justify-content: center;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.ExercisesLibraryView {
  height: calc(100vh - 80px - 35px);
}
.ExercisesLibraryView .ExercisesLibrary__Results {
  height: calc(100vh - 80px - 35px);
}
.ExercisesLibrarySelectable {
  height: 100%;
}
.ExercisesLibrarySelectable--empty .ExercisesLibrarySelectable__SelectedActivities .ContainerFixedHeaderAndFooter__Body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ExercisesLibrarySelectable__ExerciseFooter {
  display: flex;
  justify-content: flex-end;
}
.ExercisesLibrarySelectable__SelectedActivities {
  max-height: 200px;
  min-height: 70px;
  width: 250px;
  border: 2px solid #bcbcbc;
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
  overflow-y: auto;
}
.ExercisesLibrarySelectable__SelectedActivitiesFooter {
  margin-top: 10px;
}
.ExercisesLibrarySelectable__SelectedActivitiesFooter .RoundedButton {
  height: 30px;
}
.ExercisesLibrarySelectable .ExercisesLibrarySelectable__SelectedLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: block;
}
.ExercisesLibrarySelectable__SelectedListTitle {
  font-size: 20px;
  margin-bottom: 5px;
  text-align: center;
}
.ExercisesLibrarySelectable__NoSelectedText {
  text-align: center;
}
.ExercisesLibrarySelectable__SelectedWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.ExercisesLibrarySelectable .ExercisesLibrarySelectable__Selected {
  width: 100%;
  justify-content: space-between;
  min-height: 32px;
  height: auto;
}
.ExercisesLibrarySelectable__amountCheckbox {
  height: 20px;
  margin-left: 5px;
  border-radius: 5px;
}
.ExercisesLibrarySelectable__AddButton.RoundedButton {
  background-image: none;
  background-color: #ffffff;
  color: #0000ff;
  border: 2px solid #0000ff;
}
.ExercisesLibrarySelectable__AddButton.RoundedButton:hover {
  background-image: none;
  background-color: #0000ff;
  color: #ffffff;
}
.ExercisesLibrarySelectable__AddButton.RoundedButton:disabled {
  border: none;
  background-color: transparent;
  color: #ffffff;
}
.ExercisesLibrarySelectable__AddButton.RoundedButton:disabled:hover {
  border: none;
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1) 99%), linear-gradient(to bottom, #d7d5d3, #d7d5d3);
  color: #ffffff;
}
.ExercisesLibrarySelectable__AddButton.RoundedButton .RoundedButton__Label {
  line-height: 1;
}
.ExercisesLibrarySelectable .ExercisesLibrary .Tree__TreeNode.CategoriesTree__Category > .Tree__TreeNodeName {
  font-size: 16px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.CarePlansLibrary__AddCarePlanButton.ButtonWithIcon {
  width: 150px;
  border: none;
}
.CarePlansLibrary__AddCarePlanButton.ButtonWithIcon .ButtonWithIcon__button {
  background-color: #0000ff;
  color: #ffffff;
}
.CarePlansLibrary__AddCarePlanButton.ButtonWithIcon .ButtonWithIcon__text {
  font-family: Roboto;
  font-size: 12px;
}
.CarePlansLibrary__Filters {
  display: flex;
  flex-wrap: wrap;
}
.CarePlanLibraryCard {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  cursor: pointer;
}
.CarePlanLibraryCard__Title {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  font-size: 17px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.CarePlanLibraryCard__Description {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  position: relative;
  height: 3.3em;
  overflow: hidden;
  font-family: AkzidenzGroteskStd;
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: 0.9px;
}
.CarePlanLibraryCard__Description::after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
}
.CarePlanLibraryCard__Info {
  font-family: AkzidenzGroteskStd-Md;
  font-size: 12px;
  line-height: 1.18;
  letter-spacing: 0.9px;
  margin-bottom: 10px;
}
.CarePlanLibraryCard__Info span {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}
.CarePlanLibraryCard__Availability {
  font-family: AkzidenzGroteskStd-Md;
  font-size: 12px;
  line-height: 1.18;
  letter-spacing: 0.9px;
}
.CarePlanLibraryCard__Availability span {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}
.MultipleClinicsSelect__Select {
  margin-bottom: 10px;
  width: 100%;
}
.MultipleClinicsSelect__ClinicsContainer {
  margin-top: 20px;
}
.MultipleClinicsSelect__AllClinics {
  color: #0000ff;
}
.MultipleClinicsSelect__SelectHint {
  font-size: 0.9em;
  color: #3b3b3b;
  margin-bottom: 10px;
}
.PackageBadges .Badge {
  margin-right: 10px;
}
.PackageBadges .Badge a {
  color: white;
}
.EvaluationComponent .EvaluationComponent__extraComponents {
  display: flex;
  align-items: center;
}
.EvaluationComponent .EvaluationComponent__EvaluationTypeSelectLabel {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.EvaluationComponent .EvaluationComponent__EvaluationTypeSelect.EvaluationTypeSelect {
  padding: 0 10px;
  margin: 0 5px;
}
.EvaluationComponent .EvaluationComponent__EvaluationTypeSelect.EvaluationTypeSelect div:focus {
  background: transparent;
}
.EvaluationComponent .page-navigation {
  justify-content: flex-start;
}
.EvaluationCSVUploadModal {
  justify-content: center;
  align-items: center;
}
.EvaluationCSVUploadModal .commonContentModal__root {
  height: 250px;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__LinearProgress.EvaluationCsvUploadComponent__LinearProgress--disable {
  background: #FFFFFF;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__LinearProgress.EvaluationCsvUploadComponent__LinearProgress--disable div {
  background-color: #FFFFFF;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Input {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  align-items: center;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Input i {
  margin-right: 10px;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Input input {
  width: 100%;
  cursor: pointer;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Upload {
  margin-bottom: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #0000ff;
  color: #ffffff;
  padding: 5px 15px;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Upload i {
  margin-right: 8px;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Alert {
  font-size: 12px;
  color: #009688;
}
.EvaluationCSVUploadModal .EvaluationCsvUploadComponent__Alert--fail {
  color: #e91e63;
}
.SelectEvaluationWithTracker__Controls {
  display: flex;
}
.SelectEvaluationWithTracker__Hint {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-top: 5px;
  margin-left: 5px;
}
.SelectEvaluationWithTracker .TrackerSelect {
  margin-left: 10px;
}
.SelectEvaluationWithTracker .TrackerSelect,
.SelectEvaluationWithTracker .EvaluationSelect {
  width: 300px;
}
.DynamicSliderBuilder {
  display: flex;
}
.DynamicSliderBuilder__StepsTitle {
  margin-bottom: 10px;
}
.DynamicSliderBuilder__AddStep {
  display: flex;
  margin-bottom: 10px;
}
.DynamicSliderBuilder__AddStep button {
  margin-left: 10px;
}
.DynamicSliderBuilder__Steps {
  margin: 10px 0;
}
.DynamicSliderBuilder__Preview {
  margin-left: 30px;
  border-left: 1px solid gray;
  padding-left: 20px;
}
.DynamicSliderBuilder__ColorsTable {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  margin-top: 30px;
}
.DynamicSliderBuilder__EnableScoring {
  margin: 15px 0;
}
.DynamicSliderBuilder .InfoButton {
  display: inline-flex;
}
.DynamicSliderStepControl {
  display: grid;
  grid-template-columns: 100px 80px 1fr auto auto;
  column-gap: 10px;
  border-bottom: 1px solid lightgray;
  padding: 4px 0;
  align-items: center;
}
.DynamicSliderStepControl--error {
  background: rgba(233, 30, 99, 0.56);
}
.DynamicSliderBuilder .DynamicSliderStepControl--header {
  margin-bottom: 0;
  line-height: initial;
}
.DynamicSliderStepControl__Value {
  padding-left: 5px;
}
.DynamicSliderPreview__SliderContainer {
  width: 400px;
  position: relative;
}
.DynamicSliderPreview__Header {
  height: 50px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
}
.DynamicSliderPreview__Footer {
  height: 50px;
  margin-top: 10px;
}
.DynamicSliderPreview__RangeTick {
  position: absolute;
}
.DynamicSliderPreview__Step {
  position: absolute;
}
.DynamicSliderPreview__SliderBody {
  margin-left: 100px;
  width: 100px;
  border-radius: 20px;
  background: lightblue;
}
.DynamicSliderPreview__Step {
  display: flex;
  align-items: center;
  transform: translateY(-50%);
}
.DynamicSliderPreview__StepValueLabel {
  width: 100px;
  text-align: right;
  padding-right: 5px;
  box-sizing: border-box;
}
.DynamicSliderPreview__StepTick {
  width: 100px;
  border-top: 1px solid black;
}
.DynamicSliderPreview__StepValueDescription {
  padding-left: 5px;
  box-sizing: border-box;
}
.DynamicSliderPreview__Tick {
  border-bottom: 1px solid #0d46ce;
  width: 20px;
  position: absolute;
  left: 100px;
}
.DynamicSliderPage {
  padding: 30px;
}
.DynamicSliderField {
  position: relative;
}
.DynamicSliderField__ColorPreview {
  position: absolute;
  right: 0;
  top: 30px;
  border: 1px solid black;
  width: 20px;
  height: 20px;
}
.CreateMetric .CreateMetric__Segments {
  display: flex;
  flex-direction: column;
}
.CreateMetric .CreateMetric__CreateButton {
  align-self: end;
  width: 200px;
  margin: 10px;
}
.CreateMetricModal__Content .CreateMetricModal__Color .UserForm__FieldLabel, .CreateMetricModal__Content .CreateMetricModal__Color .ChannelsTree__Label, .CreateMetricModal__Content .CreateMetricModal__Color .AssetPreview__TitleLabel, .CreateMetricModal__Content .CreateMetricModal__Color .DynamicSliderStepControl--header {
  font-size: 1rem;
  font-family: Roboto, sans-serif;
  color: #000000;
}
.CreateMetricModal__Content .MetricSegment__Value {
  display: flex;
}
.CreateMetricModal__Content .MetricSegment__Value .MetricSegment__ValueItem {
  display: flex;
  margin-right: 20px;
  align-items: center;
}
.CreateMetricModal__Content .MetricSegment__Value .MetricSegment__ValueItem span {
  margin-right: 10px;
}
.CreateMetricModal__Content .MetricSegment__Value .MetricSegment__ValueInput {
  width: 100%;
}
.CreateMetricModal__Content .MetricSegment__Value--single {
  width: 400px;
}
.CreateMetricModal__Content .MetricSegment__Value--single .MetricSegment__ValueInput {
  width: 100%;
  margin-left: 20px;
}
.CreateMetricModal__Content .commonContentModal__footer {
  padding: 0;
}
.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-sm .btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.popover {
  display: none;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
  margin-top: 8px;
}
/* ReactQuill Editor Styles */
.ck-editor-container {
  margin-bottom: 2rem;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.ck-editor-container .ql-container {
  height: auto !important;
  min-height: 150px;
  border: none;
  font-family: inherit;
}
.ck-editor-container .ql-container .ql-editor {
  min-height: 150px;
  padding: 12px;
  line-height: 1.5;
}
.ck-editor-container .ql-container .ql-editor.ql-blank::before {
  font-style: italic;
  color: #aaa;
}
.ck-editor-container .ql-toolbar {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f8f9fa;
}
.ck-editor-container .ql-toolbar .ql-formats {
  margin-right: 15px;
}
.ck-editor-container .ql-toolbar .ql-formats:last-child {
  margin-right: 0;
}
.ck-editor-container .ql-toolbar button {
  border: none;
  border-radius: 3px;
  margin: 2px;
  padding: 5px;
}
.ck-editor-container .ql-toolbar button:hover {
  background-color: #e9ecef;
}
.ck-editor-container .ql-toolbar button.ql-active {
  background-color: #007bff;
  color: white;
}
.ck-editor-container .ql-toolbar .ql-picker {
  border: none;
  border-radius: 3px;
  margin: 2px;
}
.ck-editor-container .ql-toolbar .ql-picker .ql-picker-label {
  border: none;
  padding: 5px 8px;
}
.ck-editor-container .ql-toolbar .ql-picker .ql-picker-label:hover {
  background-color: #e9ecef;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .ck-editor-container {
    margin-bottom: 1.5rem;
  }
  .ck-editor-container .ql-toolbar .ql-formats {
    margin-right: 8px;
  }
  .ck-editor-container .ql-toolbar button, .ck-editor-container .ql-toolbar .ql-picker {
    margin: 1px;
  }
  .ck-editor-container .ql-container .ql-editor {
    min-height: 120px;
    padding: 10px;
  }
}
.Select {
  position: relative;
  top: 0;
}
.Select,
.Select div,
.Select input,
.Select span,
.Input-ui {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select--not-trim-selected-value-label .Select__value-container {
  align-items: center;
}
.Select--not-trim-selected-value-label .Select__single-value {
  position: static;
  transform: none;
}
.Select-control,
.Input-ui {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.is-focused:not(.is-open) > .Select-control,
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 40px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select-input,
.Input-ui {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
@keyframes Select-animation-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Select-loading {
  animation: Select-animation-spin 500ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #d0021b;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
.AuthContainer__RightSide {
  position: relative;
}
.AuthContainer__RightSide .SetPasswordForm {
  max-width: 350px;
}
.AuthContainer__RightSideLogo {
  height: 40px;
  width: auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 960px) {
  .AuthContainer__RightSideLogo {
    display: none;
  }
}
.auth-logo-container {
  display: flex;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background: #cfcfcf center center;
  background-size: cover;
  position: relative;
}
.auth-logo-container .footer-text {
  position: absolute;
  bottom: 40px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 3px;
  color: #ffffff;
}
.auth-logo-container__img-container {
  width: 80%;
  padding: 10px 10px 7px 10px;
  box-sizing: border-box;
  text-align: center;
}
.auth-logo-container__img-container img {
  width: 100%;
  max-width: 710px;
}
.auth-logo-title {
  color: #ffffff;
  font-size: 28px;
}
.sign-up-form-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.sign-up-form-wrapper {
  min-width: 300px;
  width: 75%;
}
.sign-up-form-wrapper__bad-code {
  font-size: 22px;
  text-align: center;
  line-height: 1.5em;
  white-space: pre-line;
}
.sign-up-input-wrapper {
  display: flex;
  flex-direction: column;
}
.sign-up-title {
  margin: 15px 0;
  font-size: 24px;
  font-weight: bold;
  color: #212121;
}
.sign-up-button-wrapper {
  margin-top: 35px;
}
.sign-up-to-login-wrapper {
  margin-top: 35px;
}
.sign-up-to-login {
  color: #a7a7a7;
  cursor: pointer;
}
.sign-up-to-login:hover {
  color: #212121;
}
.LoginPage__FormContainer {
  min-height: 100vh;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.LoginPage__FormContainer .LoginForm {
  flex-grow: 1;
  width: 100%;
}
.LoginPage__FormContainer .LanguageSwitcher {
  margin-bottom: 60px;
}
.LoginForm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #212121;
  position: relative;
}
.LoginForm__LoaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  opacity: 0.5;
  flex-direction: column;
}
.LoginForm__LoaderContainer p {
  color: white;
}
.LoginForm__Tabs {
  position: absolute;
  top: 0;
}
.LoginForm__Tab {
  display: none;
}
.LoginForm__Tab--active {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.LoginForm .LoginForm__TabIndicator {
  background-color: #0000ff;
}
.LoginForm .LoginForm__loginButton--email, .LoginForm .LoginForm__loginButton--email:hover {
  background: #0000ff;
  color: white;
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.LoginForm .LoginForm__loginButton--email:disabled {
  color: #404040;
  background: #f2f2f2;
}
.LoginForm .LoginForm__open-device--bankid {
  text-decoration: underline;
  color: #212121;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.LoginForm .LoginForm__loginButton--bankid {
  height: 70px;
  width: 300px;
}
.LoginForm .LoginForm__loginButton--bankid, .LoginForm .LoginForm__loginButton--bankid:hover {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  background-color: #0000ff;
  color: white;
}
.LoginForm .LoginForm__loginButton--bankid:disabled {
  color: #404040;
  background: #f2f2f2;
}
.LoginForm .LoginForm__loginButton--bankid span {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  text-transform: none;
}
.LoginForm .LoginForm__loginButton--bankid img {
  width: 40px;
  padding: 6px;
  border-radius: 3px;
  background: white;
}
.LoginForm .LoginWithSignicatForm .LoginForm__loginButton--bankid img {
  width: auto;
  padding: 6px 12px;
}
.login-form-wrapper {
  min-width: 300px;
  width: 75%;
}
.login-form-wrapper h1 {
  font-weight: 600;
  text-align: center;
}
.login-form-wrapper p {
  text-align: center;
}
.login-form-wrapper h1 {
  font-weight: 600;
  text-align: center;
}
.login-form-wrapper p {
  text-align: center;
}
.login-input-wrapper {
  display: flex;
  flex-direction: column;
}
.login-title {
  margin: 15px 0;
  font-size: 24px;
  font-weight: bold;
}
.login-sub-title {
  border-top: 1px solid transparent;
}
.login-button-wrapper {
  margin: 35px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Google2FASetup__RightSide {
  height: 100%;
  display: flex;
  align-items: center;
}
.Google2FAForm {
  margin: 0 40px;
}
.Google2FAForm__Title {
  font-size: 30px;
  font-weight: 700;
  color: #0000ff;
  text-align: center;
  padding: 40px 0;
  letter-spacing: 2.3px;
  font-family: AkzidenzGroteskBE-LightEx, Roboto, sans-serif;
}
.Google2FAForm__StepsHeaders, .Google2FAForm__StepsBody {
  display: flex;
}
.Google2FAForm__StepsSingleHeader, .Google2FAForm__SingleStep {
  width: calc(100% / 3);
}
.Google2FAForm__SingleStep {
  padding: 10px 10px 0 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.Google2FAForm__SingleStepContent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Google2FAForm__StepsSingleHeader {
  display: flex;
  justify-content: center;
}
.Google2FAForm__StepsSingleHeaderText {
  background: #0000ff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: white;
  font-weight: 900;
}
.Google2FAForm__SingleStepTitle {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 24px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  white-space: pre-line;
}
.Google2FAForm__CodeInput, .Google2FAForm__QRCode {
  margin-top: -80px;
}
.Google2FAForm__SingleStepButtons {
  margin-top: 10px;
}
.Google2FAForm__SingleStepImage {
  width: 100%;
  height: auto;
}
.Google2FAForm__PhoneImage {
  margin-bottom: 10px;
}
.Google2FAForm__AppLink {
  display: inline-block;
  width: 60%;
  margin-bottom: 10px;
}
.Google2FAForm__AppLink img {
  width: 100%;
  height: auto;
}
.Google2FAForm__SubmitButtonContainer {
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}
.Google2FAForm__SubmitButtonContainer button {
  width: 200px;
}
.Google2FALoginForm__Info {
  display: flex;
}
.Google2FALoginForm__Image {
  height: 100px;
  width: initial;
}
.Google2FALoginForm__Text {
  margin-left: 20px;
  width: 200px;
}
.upload-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.upload-container.upload-chat {
  display: flex;
}
.upload-container.upload-chat .dropzone {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: white;
}
.upload-header-title-container {
  align-items: center;
  display: flex;
}
.upload-header-title-icon {
  cursor: pointer;
}
.upload-header-title {
  font-size: 18px;
  margin-left: 10px;
}
.upload-header-button-container {
  display: flex;
  align-items: center;
}
.upload-header-button-container .upload-header-save-button {
  margin-left: 30px;
  background: #0000ff !important;
}
.dropzone {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 8px transparent;
  cursor: pointer;
}
.dropzone-active {
  border: solid 8px #b9e5fd;
  background: #e9f2f7;
}
.upload-instruction-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #757575;
  font-size: 18px;
}
.upload-instruction-wrapper:last-child {
  font-size: 14px;
}
.upload-instruction-wrapper svg {
  margin-right: 10px;
}
.UploadImage__Error {
  color: #e91e63;
  text-align: center;
}
.UploadImage__Warning {
  color: #f5aa0a;
  text-align: center;
}
.progress-container {
  padding: 25px;
  border-bottom: 1px solid #ccc;
  background-color: #eeeeee;
}
.progress-name-controls-container {
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.progress-name-controls-sub-container {
  display: flex;
  align-items: center;
}
.progress-name {
  color: rgba(0, 0, 0, 0.75);
  margin-left: 10px;
}
.edit-name-controls-container {
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.change-file-wrapper {
  margin: 25px;
  position: relative;
}
.change-file-wrapper p {
  cursor: pointer;
  color: #4583f3;
}
.change-file-input {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.assets-title-cell {
  min-height: 49px;
}
.assets-title-cell:hover {
  text-decoration: underline;
  color: #4583f3;
}
.assets-title-cell:hover .assets-edit-icon {
  display: block !important;
}
.AssetItem__SizeItem {
  display: flex;
  align-items: center;
  width: 400px;
  justify-content: space-between;
}
.AssetItem__Sizes {
  margin-top: 40px;
}
.AssetItem__SizesTitle {
  font-size: 1.1em;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.AssetItem__SizesTitleIcon {
  margin-left: 10px;
}
.AssetItem__SizeItemDelete {
  margin-left: 100px;
}
.AssetItem .Assets__LanguageSelect {
  margin-top: 25px;
}
.AssetsTable__SizeAvailable path {
  fill: #0000ff;
}
.AssetsTable__SizeNotAvailable {
  font-weight: bold;
}
.assets-edit-icon {
  width: 20px !important;
  height: 20px !important;
  display: none !important;
  position: absolute;
  right: -20px;
  top: 0;
  color: #4583f3;
}
.Assets__LanguageSelect {
  width: 300px;
  margin-left: 40px;
  z-index: 2;
  color: #404040;
}
.Assets .Assets__LanguageSelectControl {
  margin-left: 0;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-bottom: 100px;
}
.UploadImageWithPreview {
  width: 250px;
  height: 250px;
  border-radius: 250px;
  overflow: hidden;
  border: 2px solid black;
}
.UploadImageWithPreview .UploadImage,
.UploadImageWithPreview .UploadImageWithPreview__Dropable,
.UploadImageWithPreview .UploadImageWithPreview__DropableHintImageContainer {
  height: 100%;
}
.UploadImageWithPreview .dropzone {
  position: relative;
  border: none;
}
.UploadImageWithPreview__Image {
  max-height: 100%;
  height: 100%;
}
.UploadImageWithPreview__DropableHintImage {
  max-height: 100%;
}
.UploadImageWithPreview__DropableHint {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  color: #0000ff;
}
.UploadImageWithPreview:hover .UploadImageWithPreview__DropableHint {
  display: flex;
}
body .UploadImageWithPreview--is-uploading .UploadImageWithPreview__DropableHint {
  display: none !important;
}
.AssetPreview {
  padding: 10px;
}
.AssetPreview__Title {
  width: 200px;
}
.AssetPreview__Image {
  width: 200px;
  height: auto;
  border-radius: 5px;
  cursor: pointer;
}
.AssetPreview__Video, .AssetPreview__Doc, .AssetPreview__Empty {
  width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
}
.AssetPicker {
  display: flex;
}
.AssetPicker__Sidebar {
  display: flex;
  align-items: flex-end;
}
.AssetPicker__Sidebar .Button {
  margin-bottom: 10px;
}
.AssetPicker__Buttons {
  display: flex;
  flex-direction: column;
}
.button-custom-black {
  background-color: #212121 !important;
  color: #fff !important;
}
.header-custom-black.submenu-space {
  box-shadow: none;
}
.header-user-info {
  min-width: 135px;
  display: flex;
  justify-content: flex-end;
}
.header-user-info .header-user-info-wrapper {
  width: auto !important;
  color: #fff !important;
}
.select-error {
  color: red !important;
}
body .table-template {
  overflow: visible;
}
.table-template .active {
  cursor: pointer;
}
.table-template .clickable {
  cursor: pointer;
}
.table-template .de-active {
  cursor: pointer;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.5);
}
.table-template .de-active:hover {
  background-color: #f5f5f5;
}
.table-template th.center,
.table-template td.center {
  text-align: center;
}
.table-template th.medium .cell-wrapper,
.table-template td.medium .cell-wrapper {
  width: 120px;
}
.table-template th.left,
.table-template td.left {
  text-align: left;
}
.table-template th.right,
.table-template td.right {
  text-align: right;
}
.table-template .td-checkbox {
  width: 60px;
  max-width: 60px;
}
.table-template .td-therapy-activity {
  border: none;
}
.table-template .td-therapy-activity:last-child {
  padding: 0 0 14px 0;
}
.table-template .td-therapy-activity-last:last-child {
  padding: 0;
}
#tooltip-simple {
  min-width: 100px;
}
.cell-wrapper {
  position: relative;
}
.cell-wrapper em.red {
  color: red;
}
.cell-wrapper em.green {
  color: green;
}
.search-icon {
  color: gray;
}
.in-testing-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.in-testing-wrap.in-testing {
  justify-content: initial;
  align-items: center;
  display: flex;
}
.in-testing-wrap .in-testing-tooltip {
  visibility: hidden;
}
.in-testing-wrap .in-testing-tooltip.active {
  visibility: visible;
}
.in-testing-wrap .in-testing:before {
  content: "●";
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 20px;
  flex-direction: column;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0);
}
.in-testing-wrap .in-testing.active:before {
  color: #0000ff;
}
#remove-menu-item {
  color: red;
}
.SimpleUsers .PrimarySelect,
.SimpleUsers .ClinicSelect,
.OrganizationsUsers .PrimarySelect,
.OrganizationsUsers .ClinicSelect,
.ClinicUsers .PrimarySelect,
.ClinicUsers .ClinicSelect,
.DeletedUsers .PrimarySelect,
.DeletedUsers .ClinicSelect,
.Clinics .PrimarySelect,
.Clinics .ClinicSelect,
.PersonalCabinetUsers .PrimarySelect,
.PersonalCabinetUsers .ClinicSelect,
.PersonalCabinetTerminated .PrimarySelect,
.PersonalCabinetTerminated .ClinicSelect,
.PersonalCabinetStaff .PrimarySelect,
.PersonalCabinetStaff .ClinicSelect,
.StaffUsers .PrimarySelect,
.StaffUsers .ClinicSelect {
  width: 300px;
  margin-right: 20px;
}
.img-responsive {
  width: 150px;
  height: auto;
}
.c-pointer {
  cursor: pointer;
}
.default-paper-shadow {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
body .MButton, body .M-Modal__Button {
  min-height: auto;
  min-width: auto;
  color: #ffffff;
  padding: 7px 9px;
  background: #0000ff;
  border-radius: 3px;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  letter-spacing: 1px;
}
body .MButton[disabled], body [disabled].M-Modal__Button {
  background: #696765;
}
body .MButton:hover, body .M-Modal__Button:hover {
  color: #ffffff;
  background: #0000ff;
}
.MInput {
  border-radius: 4px;
  border: 1px solid #ebe9e7;
  background: white;
}
.MInput:before, .MInput:after {
  display: none !important;
}
.MInput [class^=MuiInputAdornment-root] {
  align-self: center;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MInput [class^=MuiInput-input] {
  padding-top: 9px;
}
body .MuiCheckbox-root.Mui-checked {
  color: #0000ff;
}
body .Select__single-value, body .Select__option {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.MUIButton--blue, .profile-sub-header .profile-header-controls .control-btn, .upload-header-button-container .upload-header-save-button {
  background: #0000ff;
  color: #ffffff;
  margin-right: 15px;
  padding: 5px 10px;
}
.MUIButton--red {
  background: #ff004b;
  color: #ffffff;
}
.MUIButton svg, .profile-sub-header .profile-header-controls .control-btn svg, .upload-header-button-container .upload-header-save-button svg {
  margin-right: 10px;
}
.EnhancedTable__CellPaddingLeft {
  padding-left: 20px;
}
.Icon--primary path {
  fill: #0000ff;
}
.Icon--disabled path {
  fill: #bcbcbc;
}
.EnhancedTableHead .EnhancedTableHead__Cell {
  position: sticky;
  background: #efefef;
  z-index: 1;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.18);
}
.EnhancedTableHead .EnhancedTableHead__Cell--no-sort svg {
  display: none;
}
.EnhancedTableHead .EnhancedTableHead__Cell--no-sort span {
  cursor: initial;
}
#diagnosis-component .Select__menu {
  z-index: 2;
}
.SecondaryTitle, .OverridePackage__ChangePackage .Select-value-label, .OverridePackage__SelectPackageText, .PackagePreview__PackageTitle {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  letter-spacing: 1.6px;
  font-size: 16px;
  text-transform: uppercase;
  color: blue;
}
.M-SimpleModal__Footer {
  display: flex;
  justify-content: center;
}
.Notifications p {
  white-space: pre-wrap;
}
.TwoFactorInput {
  width: 100%;
}
.Link {
  cursor: pointer;
  color: #0000ff;
  text-decoration: none;
}
.Link:hover {
  color: #0000ff;
}
.CommonGlobalModal__Content {
  white-space: pre-wrap;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.MTable {
  display: table;
}
.MTable__Row {
  display: table-row;
}
.MTable__Cell {
  display: table-cell;
}
.DisabledBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.46);
  display: flex;
  justify-content: center;
  align-items: center;
}
.DisabledBlocker__Text {
  color: white;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  font-size: 25px;
  letter-spacing: 1px;
  padding: 20px;
}
.JSONDump .JSONText {
  max-height: 400px;
  overflow-y: auto;
}
.JSONText {
  padding: 5px;
  border: 1px solid rgba(29, 28, 29, 0.13);
  border-radius: 4px;
  background: rgba(29, 28, 29, 0.04);
  white-space: pre-wrap;
  font-size: 11px;
}
body .FormControlLabel__Label {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.LargeSwitch {
  display: flex;
  align-items: center;
}
.LargeSwitch__Label {
  flex-grow: 1;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.LargeSwitch__Tooltip {
  width: 22px;
  min-width: 22px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.LargeSwitch .LargeSwitch__RadioGroup {
  display: flex;
  flex-direction: row;
  min-width: 160px;
  max-width: 160px;
  justify-content: space-around;
}
.LargeSwitchHeader {
  display: flex;
}
.LargeSwitchHeader__Enabled, .LargeSwitchHeader__Disabled, .LargeSwitchHeader__SettingEnabled, .LargeSwitchHeader__SettingDisabled {
  width: 80px;
  display: flex;
  justify-content: center;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.LargeSwitchHeader__SettingEnabled {
  color: #009688;
}
.LargeSwitchHeader__SettingDisabled {
  color: #e91e63;
}
.LargeSwitchHeader__Title {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.MTabs--hide-scrollbar .MTabs__scrollingContainer {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  margin-bottom: -10px !important;
}
.MTabs--hide-scrollbar .MTabs__scrollingContainer::-webkit-scrollbar {
  display: none;
}
select {
  border: 1px solid gray;
  background: white;
}
.TestTokboxConnectionPage {
  padding: 20px;
}
.TestTokboxConnectionPage .TestTokboxConnection {
  max-width: 800px;
  margin: 0 auto;
}
.LocalizedTextArea__Input {
  margin-bottom: 10px;
  width: 100%;
}
.WUK-Table .MuiDataGrid-cell {
  height: auto !important;
}
.WUK-Table__Row-clickable {
  cursor: pointer;
}
.WUK-Table__Row--deactivated {
  background: rgba(196, 191, 191, 0.68) !important;
}
.WUK-Table__Row--test-user {
  background: #fff4ec !important;
}
.Heading-2 {
  margin-bottom: 10px;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.b-widget {
  font-family: Akzidenz, Roboto, sans-serif;
}
.FlexibleWidthContainer {
  /* Needed for position:absolute later. */
  position: relative;
  /* Shrink wrap to width of widest child, which will be the img here. */
  display: inline-block;
  overflow: hidden;
}
.FlexibleWidthContainer__Image {
  /* Adjust this value - this is how wide
  you want #contents to be, as a fraction
  of the height of #container.
  It works because if you only specify the
  height of an image, it's width will be
  set automatically to preserve the aspect
  ratio of the image. In this case the
  ratio is 1:1 so the image will end up
  exactly as wide as it is tall. */
  height: 100%;
}
.FlexibleWidthContainer__Content {
  /* Position this so it exactly matches the size of #container */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.MainNavigation__MenuListWrapper {
  display: flex;
  min-width: 1300px;
}
.MainNavigation__MenuListWrapper .nav-menu-list-item--clearDivider li:after {
  display: none;
}
.MainNavigation__Item {
  text-decoration: none;
  color: inherit;
}
.MainNavigation__Item--chat {
  position: relative;
}
.MainNavigation__UserProfile {
  text-decoration: none;
  color: inherit;
}
.MainNavigation__Sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  z-index: 1100;
}
.MainNavigation .SidebarNavigation__ItemFull:hover {
  color: black;
}
.MainNavigation .SidebarNavigation__ItemFull:hover path {
  fill: black;
}
.MainNavigation .SidebarNavigation-Container {
  background-color: var(--header-background-color);
  color: var(--main-header-color);
}
.MainNavigation .SidebarNavigation-ItemIcon path {
  fill: black;
}
.MainNavigation .SidebarNavigation-Header__Icon {
  display: none;
}
.MainNavigation .Header-Toolbar__ChangeCustomerButton {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.NavigationSubmenu {
  margin-left: 60px;
  width: calc(100% - 60px);
  display: flex;
  justify-content: center;
  height: 35px;
  background-color: var(--header-background-color);
}
.NavigationSubmenu__Inner {
  height: 100%;
  display: flex;
}
.NavigationSubmenu__Item {
  height: 100%;
  padding: 0 10px;
  min-width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.NavigationSubmenu__Item--active {
  font-weight: bolder;
}
.UnreadCountIcon, .UnreadCount__Icon, .RoomsSwitcher__TabLabelCounter {
  border-radius: 100px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  font-size: 11px;
  font-family: "Arial MT Bold", sans-serif;
  font-weight: 700;
}
.UnreadCountIcon__Primary, .RoomsSwitcher__TabLabelCounter--primary, .UnreadCount__Primary {
  background-color: #0000ff;
}
.UnreadCountIcon__Ping, .RoomsSwitcher__TabLabelCounter--ping, .UnreadCount__Ping {
  background-color: cyan;
  color: black;
}
.UnreadCount {
  position: absolute;
  width: 100%;
  top: 2px;
  right: 0;
  display: flex;
}
.UnreadCount__Primary {
  position: absolute;
  top: 4px;
  left: 13px;
}
.UnreadCount__Ping {
  position: absolute;
  top: 4px;
  right: 10px;
}
.Button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-around;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  background: white;
  box-shadow: none;
  color: #0000ff;
  border: 1px solid #0000ff;
  padding: 3px 12px 5px 12px;
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
}
.Button--colored {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.Button--blue {
  background: #0000ff;
  color: white;
  border: none;
}
.Button--blue-outline {
  border: 1px solid #0000ff;
  color: #0000ff;
}
.Button--red {
  background: #e91e63;
  color: white;
  border: none;
}
.Button--red-outline {
  border: 1px solid #e91e63;
  color: #e91e63;
}
.Button--grey {
  background: #f2f2f2;
  color: #404040;
  border: 1px solid #404040;
}
.Button--grey-outline {
  border: 1px solid #404040;
  color: #404040;
}
.Button--white {
  background: white;
  color: black;
  border-color: #c2dfdc;
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
}
.Button--green {
  background: #c2dfdc;
  color: black;
  border: none;
}
.Button--icon-button {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.Button__Label {
  text-transform: uppercase;
  position: relative;
  top: 2px;
}
.Button__Icon {
  display: flex;
}
.Button[disabled] {
  color: #404040;
  border-color: #404040;
  background: #f2f2f2;
  cursor: not-allowed;
}
.Button:focus {
  outline: none;
}
.ButtonsGroup {
  display: flex;
}
.ButtonsGroup .Button {
  margin-right: 10px;
}
.ButtonsGroup .Button:last-child {
  margin-right: 0;
}
.BigButton {
  font-family: AkzidenzGroteskBE-MdEx;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  color: #ffffff;
  background: #0000ff;
  padding: 20px 15px;
  margin: 0 10px;
  height: 30px;
  border-radius: 6px;
}
.NewButton {
  font-size: 12px;
  font-weight: 500;
  font-family: AkzidenzGroteskStd;
  box-shadow: none;
  outline: none;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: flex-end;
  gap: 0 4px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms;
}
.NewButton:hover {
  background: #ebe9e7;
}
.NewButton[disabled] {
  background-image: none;
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.NewButton .NewButton__icon {
  font-size: 16px;
}
.NewButton__text {
  text-transform: capitalize;
}
.NewButton__red {
  background-color: #a0003c;
  color: #fff;
}
.NewButton__red:hover {
  background-color: #8f0034;
}
.NewButton__black {
  background-color: #413f3d;
  color: #fff;
}
.NewButton__black:hover {
  background-color: #353331;
}
.NewButton__green {
  background-color: #32c8c8;
  color: #000;
}
.NewButton__green:hover {
  background-color: #31c4c4;
}
.NewButton__blue {
  background-color: #1414c8;
  color: #fff;
}
.NewButton__blue:hover {
  background-color: #1212ba;
}
.NewButton__dark-grey {
  background-color: #23211f;
  color: #fff;
}
.NewButton__dark-grey:hover {
  background-color: #201f1d;
}
.NewButton__dark_green {
  background-color: #007878;
  color: #fff;
}
.NewButton__dark_green:hover {
  background-color: #006666;
}
.NewButton__blue_text {
  background-color: #fff;
  color: #1414c8;
}
.NewButton__uppercase {
  padding: 8px 8px 6px 8px;
}
.NewButton__uppercase-text {
  text-transform: uppercase;
}
.NewButton__full-width {
  width: 100%;
  justify-content: center;
}
.NewButton__no_icon {
  padding: 8px 8px 6px 8px;
}
.RoundedButton {
  position: relative;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 45px;
  border-radius: 22.5px;
  padding: 0 20px;
  background-image: linear-gradient(to bottom, #0000ff, #0000aa);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  color: white;
  cursor: pointer;
  overflow: hidden;
}
.RoundedButton:hover {
  background-image: linear-gradient(to bottom, #0000ff, #000077);
}
.RoundedButton--small {
  height: 25px;
}
.RoundedButton--small .RoundedButton__Label {
  font-size: 0.8em;
}
.RoundedButton--small .RoundedButton__LeftIcon {
  height: 15px;
}
.RoundedButton--small .RoundedButton__LeftIconStatic {
  height: 15px;
}
.RoundedButton--spreaded {
  justify-content: space-between;
  width: auto;
}
.RoundedButton--spreaded .RoundedButton__Label {
  width: auto;
  margin-left: 20px;
}
.RoundedButton:focus {
  outline: 0;
}
.RoundedButton--gray {
  background-image: linear-gradient(to bottom, #696765, #403e3d);
}
.RoundedButton--gray:hover {
  background-image: linear-gradient(to bottom, #696765, #262524);
}
.RoundedButton--no-color {
  background: none;
  color: #0000ff;
  box-shadow: none;
}
.RoundedButton--no-color:hover {
  background: none;
}
.RoundedButton--compact {
  width: auto;
}
.RoundedButton--compact .RoundedButton__LeftIcon {
  margin-right: 10px;
}
.RoundedButton--red {
  background-image: linear-gradient(to bottom, #ff004b, #99002d);
}
.RoundedButton--red:hover {
  background-image: linear-gradient(to bottom, #ff004b, #800026);
}
.RoundedButton--green {
  background: linear-gradient(to bottom, #c9dedb, #9ac1bb);
  color: #0000ff;
}
.RoundedButton--green:hover {
  background: linear-gradient(to bottom, #c9dedb, #8ab7b1);
}
.RoundedButton--cyan {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1) 99%), linear-gradient(to bottom, #00ffff, #00ffff);
  color: black;
}
.RoundedButton--cyan:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3) 99%), linear-gradient(to bottom, #00ffff, #00ffff);
}
.RoundedButton:disabled {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1) 99%), linear-gradient(to bottom, #d7d5d3, #d7d5d3);
  cursor: not-allowed;
}
.RoundedButton__LeftIconStatic {
  margin-left: 10px;
}
.RoundedButton__Label {
  width: 100%;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.07;
  letter-spacing: 0.27px;
}
.RoundedButton--shadowed {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4);
}
.ButtonWithLoader {
  cursor: pointer;
}
.ButtonWithLoader--minimal {
  background: none;
  border: none;
  padding: 0;
}
.ButtonWithLoader:disabled {
  border: 1px solid #404040;
  color: #404040;
  background: #f2f2f2;
  cursor: not-allowed;
}
.SmallButton {
  cursor: pointer;
  border: none;
  background: white;
  color: #0000ff;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  text-transform: uppercase;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  letter-spacing: 0.3px;
  font-size: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
}
.SmallButton__Icon {
  margin-right: 5px;
}
.CircleButton {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #0000ff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.CircleButton:hover {
  background: #0000cc;
}
.CircleButton path {
  fill: white;
}
.Badge {
  display: inline-block;
  border-radius: 5px;
  background: #0000ff;
  color: white;
  font-size: 14px;
  padding: 6px 12px 4px;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  font-weight: 800;
  letter-spacing: 1.3px;
  text-align: center;
}
.Badge--green {
  background: #009688;
}
.Badge--black {
  background: black;
}
.Badge--gray {
  background: rgba(0, 0, 0, 0.54);
}
.Badge--blue {
  background: #649bff;
}
.Badge--red {
  background: #e91e63;
}
.Badge--green-new {
  background: #32c8c8;
  color: #000;
}
.Badge--dark-grey {
  background-color: #413f3d;
  color: #fff;
}
body .table-template {
  overflow: visible;
}
.table-template .active {
  cursor: pointer;
}
.table-template .clickable {
  cursor: pointer;
}
.table-template .de-active {
  cursor: pointer;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.5);
}
.table-template .de-active:hover {
  background-color: #f5f5f5;
}
.table-template th.center,
.table-template td.center {
  text-align: center;
}
.table-template th.medium .cell-wrapper,
.table-template td.medium .cell-wrapper {
  width: 120px;
}
.table-template th.left,
.table-template td.left {
  text-align: left;
}
.table-template th.right,
.table-template td.right {
  text-align: right;
}
.table-template .td-checkbox {
  width: 60px;
  max-width: 60px;
}
.table-template .td-therapy-activity {
  border: none;
}
.table-template .td-therapy-activity:last-child {
  padding: 0 0 14px 0;
}
.table-template .td-therapy-activity-last:last-child {
  padding: 0;
}
#tooltip-simple {
  min-width: 100px;
}
.cell-wrapper {
  position: relative;
}
.cell-wrapper em.red {
  color: red;
}
.cell-wrapper em.green {
  color: green;
}
.search-icon {
  color: gray;
}
.in-testing-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.in-testing-wrap.in-testing {
  justify-content: initial;
  align-items: center;
  display: flex;
}
.in-testing-wrap .in-testing-tooltip {
  visibility: hidden;
}
.in-testing-wrap .in-testing-tooltip.active {
  visibility: visible;
}
.in-testing-wrap .in-testing:before {
  content: "●";
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 20px;
  flex-direction: column;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0);
}
.in-testing-wrap .in-testing.active:before {
  color: #0000ff;
}
#remove-menu-item {
  color: red;
}
.SimpleUsers .PrimarySelect,
.SimpleUsers .ClinicSelect,
.OrganizationsUsers .PrimarySelect,
.OrganizationsUsers .ClinicSelect,
.ClinicUsers .PrimarySelect,
.ClinicUsers .ClinicSelect,
.DeletedUsers .PrimarySelect,
.DeletedUsers .ClinicSelect,
.Clinics .PrimarySelect,
.Clinics .ClinicSelect,
.PersonalCabinetUsers .PrimarySelect,
.PersonalCabinetUsers .ClinicSelect,
.PersonalCabinetTerminated .PrimarySelect,
.PersonalCabinetTerminated .ClinicSelect,
.PersonalCabinetStaff .PrimarySelect,
.PersonalCabinetStaff .ClinicSelect,
.StaffUsers .PrimarySelect,
.StaffUsers .ClinicSelect {
  width: 300px;
  margin-right: 20px;
}
.rule-question {
  display: flex;
  flex-direction: row;
  width: 560px;
  min-height: 72px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  margin-bottom: 30px;
}
.rule-question .nav-block,
.rule-question .question-block {
  display: flex;
  flex-direction: column;
}
.rule-question .question-block {
  background-color: white;
  width: calc(100% - 64px);
}
.rule-question .question-block .wrap {
  padding: 10px 20px;
}
.rule-question .question-block .wrap .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.rule-question .nav-block {
  background-color: #0000ff;
  width: 64px;
  min-height: 72px;
  position: relative;
  align-items: center;
}
.rule-question .nav-block button {
  position: absolute;
  bottom: -20px;
  width: 40px;
  height: 40px;
}
.rules {
  z-index: 0;
  height: 100%;
}
.rules-block .items > .rule-item {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.rules-block .items > div {
  margin-bottom: 30px;
}
.rules-block {
  position: relative;
  top: 0;
  height: 100%;
  padding: 20px 0 20px 20px;
  margin-right: 20px;
}
.rules-block .vertical-line {
  border-left: 2px solid #bdbdbd;
  width: 1px;
  height: calc(100% - 72px);
  position: absolute;
  top: 110px;
  left: 51px;
}
.rule-block,
.rule-item {
  display: flex;
  flex-direction: row;
}
.rule-block .nav,
.rule-item .nav {
  width: 64px;
  min-width: 64px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.rule-block .nav {
  margin-right: 2px;
  background-color: #e91e63;
}
.rule-block .nav.and {
  background-color: #0000ff;
}
.rule-block .nav.or {
  background-color: #009688;
}
.rule-block {
  width: 560px;
  min-height: 72px;
  background-color: white;
}
.rule-block .details {
  display: flex;
  flex-direction: column;
  height: 40px;
  width: 100%;
}
.rule-block .rule-block,
.rule-block .rule-item {
  margin-bottom: 2px;
}
.rule-block-details {
  background-color: white;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.26);
}
.rule-block .types-select,
.rule-item .types-select {
  margin: 0;
  display: flex;
  padding-top: 8px;
}
.rule-block .types-select > div:before, .rule-block .types-select > div:after,
.rule-item .types-select > div:before,
.rule-item .types-select > div:after {
  display: none;
}
.rule-block .types-select > div > div > div,
.rule-item .types-select > div > div > div {
  padding: 0 12px 2px 0;
  text-align: center;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.rule-block .types-select > div > div > svg,
.rule-item .types-select > div > div > svg {
  fill: white;
  stroke: white;
  width: 20px;
  height: 18px;
}
.rule-block .answer-select .types-select,
.rule-item .answer-select .types-select {
  padding-top: 4px;
}
.add-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #0000ff;
  cursor: pointer;
  background-color: white;
  border-bottom: 1px solid #bcbcbc;
}
.rule-item {
  width: 560px;
  min-height: 72px;
  background-color: white;
}
.rule-item .rule-nav {
  width: 64px;
  min-width: 64px;
  background-color: #bcbcbc;
}
.rule-item .rule-item-details {
  background-color: white;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rule-item .rule-item-details .rule-item-question,
.rule-item .rule-item-details .rule-item-answer,
.rule-item .rule-item-details .rule-item-delete {
  display: flex;
  flex-direction: column;
}
.rule-item .rule-item-details .rule-item-question {
  flex: 7;
  justify-content: center;
  align-items: flex-start;
  padding: 0 20px;
}
.rule-item .rule-item-details .rule-item-answer {
  flex: 4;
  justify-content: center;
  align-items: flex-start;
}
.rule-item .rule-item-details .rule-item-delete {
  flex: 1;
}
.rule-item .rule-item-details .PromSelect .Select__control {
  border: none;
  border-bottom: 1px solid grey;
  border-radius: 0;
}
.rule-item .rule-item-details .PromSelect .Select__control--is-focused {
  border: none;
  border-bottom: 1px solid blue;
  box-shadow: none;
}
.rule-item .rule-item-details .PromSelect .Select__indicator-separator {
  display: none;
}
.rule-item .rule-item-details .PatternInput__VisibleValue {
  border-bottom: none;
}
.rule-item .async-select {
  width: 100%;
}
.rule-types {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  margin-left: 15px;
}
.rule-types .main-select {
  width: 900px;
  display: flex;
  flex: 4;
  flex-direction: column;
  margin-right: 10px;
}
.rule-types .main-select .title {
  overflow: hidden;
  height: 20px;
  margin-top: 4px;
}
.rule-types .main-select .title div {
  color: #0000ff !important;
  font-weight: bold;
}
.rule-types .main-select .title .simple-question-variety {
  color: inherit !important;
  font-weight: normal;
  margin-top: 5px;
}
.rule-types .main-select .title .question-variety-select {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100px;
  height: 20px;
  border-bottom: none;
  padding-top: 4px;
}
.rule-types .main-select .title .question-variety-select:before, .rule-types .main-select .title .question-variety-select:after {
  display: none;
}
.rule-types .symbol-select,
.rule-types .promstatus-select {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 5px;
}
.rule-types .symbol-select > div > div > div > div:first-child,
.rule-types .promstatus-select > div > div > div > div:first-child {
  font-weight: bold;
  color: black !important;
  border-bottom: 1px solid grey;
  padding-bottom: 1px !important;
  margin: 0 !important;
}
.rule-types .answer-select {
  display: flex;
  flex: 2;
  flex-direction: column;
  margin-left: 10px;
  color: black !important;
}
.rule-types input ~ div {
  color: black !important;
  border-bottom: 1px solid black;
  padding-bottom: 1px !important;
  margin: 0 !important;
}
.rule-types svg {
  fill: black;
}
.rule-types .title {
  color: grey;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 12px;
}
.rule-types .range-answer {
  display: flex;
  flex-direction: column;
}
.rule-types .range-answer .range-answer-title {
  margin: 3px 0;
}
.rule-types .float-range-answer {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.rule-types .float-range-answer__input {
  top: -7px;
  width: 100px;
}
.rule-types .float-range-answer__label {
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.7em;
  position: absolute;
  left: 0;
  bottom: -4px;
}
.rule-types .float-range-answer .range-answer-title {
  margin: 3px 0;
}
.items {
  position: absolute;
}
body .PackagePreviewDialog__Inner {
  border-radius: 10px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  body .PackagePreviewDialog__Inner {
    margin: 10px;
  }
}
.PackagePreview {
  width: 100%;
  min-height: 150px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PackagePreview {
    padding-top: 5px;
  }
}
.PackagePreview__Logo {
  display: none;
}
.PackagePreview__PackageTitle {
  margin: 10px 30px 0 30px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PackagePreview__PackageTitle {
    margin-left: 0;
    margin-top: 0;
    padding: 10px 10px 0 30px;
    font-size: 14px;
  }
}
.PackagePreview__LevelSelector {
  margin: 10px 30px 10px;
  margin: 10px 16px 10px 30px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PackagePreview__LevelSelector {
    margin: 10px 10px 10px 27px;
  }
}
.PackagePreview__PositionsList {
  overflow-y: scroll;
  padding: 0 15px 0 30px;
  height: 200px;
  flex-grow: 2;
}
@media (min-height: 500px) {
  .PackagePreview__PositionsList {
    height: 300px;
  }
}
@media (min-height: 760px) {
  .PackagePreview__PositionsList {
    height: 500px;
  }
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PackagePreview__PositionsList {
    padding: 0 10px 0 27px;
    max-height: 290px;
  }
}
.PackagePreview__Position {
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
  background: white;
}
.PackagePreview__PositionExercise {
  padding: 30px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PackagePreview__PositionExercise {
    padding: 10px 30px 10px 30px;
  }
}
.PackagePreview__PositionExerciseDelim {
  margin: 0 30px;
}
.PackagePreview__PositionIndex {
  position: absolute;
  top: 10px;
  left: -20px;
  background: black;
  color: white;
  font-size: 22px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.PackagePreview__Error {
  text-align: center;
  padding: 40px 0;
  color: red;
  font-weight: bold;
  text-transform: uppercase;
}
.PackagePreview__PrintButton .SaveIcon {
  margin-right: 5px;
}
.PackagePreview .Exercise {
  border-radius: 5px;
}
.PackagePreview__Prom {
  display: flex;
  position: relative;
}
.PackagePreview__PromLeftSideInner {
  width: 180px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.6px;
  font-size: 12px;
  text-transform: uppercase;
}
button.PackagePreview__EditButton {
  position: fixed;
  top: 83%;
  z-index: 9;
  left: calc(50% - 80px);
}
.PackageLevelSelector {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 5px;
  min-height: 30px;
}
.PackageLevelSelector--readonly .PackageLevelSelector__LeftContainer,
.PackageLevelSelector--readonly .PackageLevelSelector__RightContainer {
  visibility: hidden;
}
.PackageLevelSelector__Title {
  flex-grow: 2;
  margin-top: 4px;
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.6px;
  font-size: 12px;
  text-transform: uppercase;
}
.PackageLevelSelector__TitleName {
  font-weight: bolder;
}
.PackageLevelSelector__TitleDash {
  margin: 0 5px;
}
.PackageLevelSelector__LeftContainer, .PackageLevelSelector__RightContainer {
  display: flex;
  justify-content: center;
  width: 30px;
  padding: 4px 0;
}
.PackageLevelSelector__Left, .PackageLevelSelector__Right {
  cursor: pointer;
}
.PackageLevelSelector__Left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #0000ff transparent transparent;
}
.PackageLevelSelector__Right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #0000ff;
}
.PackagePreviewLink {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: gray;
}
.PackagePreviewLink:hover {
  color: blue;
}
.PackagePreviewLink:hover .PackagePreviewLink__Icon path {
  fill: blue;
}
.PackagePreviewLink__Icon {
  width: 30px;
  min-width: 30px;
}
.PackagePreviewLink__Icon path {
  fill: gray;
}
.PackagePreviewLink__Text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.InfoButton {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  color: #0000ff;
  border: 1px solid #0000ff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  cursor: pointer;
  font-family: sans-serif;
}
.InfoButton--blue {
  color: white;
  background: #0000ff;
}
.InfoButton--gray {
  color: white;
  background: #404040;
  border: 1px solid #404040;
}
.Exercise {
  display: flex;
  position: relative;
}
.Exercise--excluded {
  background: rgba(185, 183, 181, 0.75);
}
.Exercise--excluded .Exercise__Title, .Exercise--excluded .Exercise__Description, .Exercise--excluded .Exercise__Image {
  opacity: 0.5;
}
.Exercise__IsExcluded {
  position: absolute;
  right: 10px;
  top: 6px;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.Exercise__ExcludeSwitch {
  position: absolute;
  right: -3px;
  top: 6px;
}
.Exercise__ExcludeSwitch .MSwitch__LabelContainer {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 0;
}
.Exercise__ExcludeSwitch .MSwitch__Label {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-right: -5px;
  margin-top: 2px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .Exercise__ExcludeSwitch .MSwitch__Label {
    font-size: 7px;
    margin-right: -10px;
  }
}
.Exercise__ExcludeSwitch .MSwitch__Switch {
  height: auto;
}
.Exercise__ExcludeSwitch .MSwitch__Switch--checked {
  color: #0000ff;
}
.Exercise__Image {
  width: 180px;
  height: auto;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .Exercise__Image {
    width: 160px;
  }
}
.Exercise__NoImage {
  width: 180px;
  height: 100px;
  background: black;
  color: white;
  text-transform: uppercase;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
  font-family: AkzidenzGroteskStd;
}
.Exercise__PreviewLink {
  position: relative;
  text-decoration: none;
}
.Exercise__PreviewPlayIcon {
  position: absolute;
  right: 3px;
  top: 5px;
}
.Exercise__PreviewPlayIcon polygon {
  fill: white;
}
.Exercise__InformationContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
  flex-grow: 1;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .Exercise__InformationContainer {
    margin-left: 10px;
  }
}
.Exercise__Title {
  font-family: AkzidenzGroteskBE-Md;
  font-size: 17px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .Exercise__Title {
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    max-width: 215px;
  }
}
.Exercise__ExternalView, .Exercise__ExternalView:hover, .Exercise__ExternalView:active {
  color: #000000;
}
.Exercise__Description {
  font-family: AkzidenzGroteskStd;
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: 0.9px;
}
.Exercise__Description--Sets {
  margin-top: 5px;
}
.Exercise__Probability {
  flex-grow: 2;
  margin: 5px 0 10px;
}
.Exercise__InfoButton {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.Exercise__Delim {
  border-bottom: 1px solid rgba(235, 233, 231, 0.5);
}
.Exercise__Information,
.Exercise .Exercise__Information > p {
  position: relative;
  height: 3.5em;
  overflow: hidden;
  margin: 5px 0 10px;
  font-family: AkzidenzGroteskStd-Light;
  font-size: 13px;
}
.Exercise__Information::after,
.Exercise .Exercise__Information > p::after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
}
html body .Exercise__Tooltip {
  letter-spacing: 0.5px;
  font-family: AkzidenzGroteskStd;
  color: black;
  width: 300px;
  font-size: 12px;
  opacity: 1;
  background-color: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  padding: 20px;
  line-height: 16px;
  white-space: pre-wrap;
}
.Exercise__TooltipTitle {
  font-weight: bolder;
  font-size: 13px;
  margin-bottom: 15px;
  color: blue;
}
html body .ExerciseTooltip__Tooltip {
  background: #ebe9e7;
  color: black;
  border-radius: 10px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  opacity: 1;
}
.ExerciseTooltip__Tooltip .Exercise {
  padding: 20px 30px;
}
.ExerciseTooltip__Tooltip .ExercisePreview {
  width: 440px;
}
.ExerciseTooltip__Tooltip .ExercisePreview .content_pre_loader {
  background: #ebe9e7;
  border-radius: 10px;
  padding: 10px;
}
.ExerciseTooltip__Tooltip .ExercisePreview .content_pre_loader .animated-background {
  border-radius: 5px;
  overflow: hidden;
}
.ExerciseTooltip__Tooltip .ExercisePreview .content_pre_loader .markers-row {
  margin-bottom: 0;
}
.ExerciseTooltip__Title {
  cursor: pointer;
  color: gray;
}
.ExerciseTooltip__Title:hover {
  color: blue;
}
@media print {
  @page {
    margin: 60px 0 0 0;
  }
  html {
    min-height: auto;
    overflow-y: auto;
  }

  body {
    padding: 0 !important;
  }
  body .PackagePreviewDialog {
    position: static;
    width: 100%;
    height: auto;
    min-height: auto;
  }
  body .PackagePreviewDialog__Inner {
    position: static;
    width: 100%;
    height: auto;
    max-height: initial;
    max-width: none;
    margin: 0;
  }

  body * {
    visibility: hidden;
    -webkit-print-color-adjust: exact !important;
  }

  #root {
    display: none;
  }

  .PackagePreview,
.PackagePreview * {
    visibility: visible;
    text-align: left;
    -webkit-print-color-adjust: exact !important;
  }

  html body .PackagePreviewDialog__Inner {
    border-radius: 0;
  }

  .PackagePreview {
    background: white;
  }
  html body .PackagePreview {
    position: static;
    width: 100%;
  }
  html body .PackagePreview .M-Modal__Header {
    display: none;
  }
  html body .PackagePreview__Logo {
    display: block;
    margin-left: 100px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  html body .PackagePreview__Logo img {
    height: 40px;
  }
  html body .PackagePreview__PositionsList {
    height: auto;
    overflow-y: auto;
    padding-left: 100px;
    padding-right: 100px;
  }
  html body .PackagePreview__PositionsList::-webkit-scrollbar {
    width: 0;
  }
  html body .PackagePreview__Header {
    display: none;
  }
  html body .PackagePreview__Position--excluded {
    display: none;
  }
  html body .PackagePreview__PackageTitle {
    font-size: 18px;
    color: black;
    margin-left: 100px;
  }
  html body .PackagePreview__PrintButton {
    display: none;
  }
  html body .PackagePreview__LevelSelector {
    background: none;
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 100px;
  }
  html body .PackagePreview__LevelSelector .PackageLevelSelector__Title {
    font-size: 16px;
  }
  html body .PackagePreview__LevelSelector .PackageLevelSelector__LeftContainer,
html body .PackagePreview__LevelSelector .PackageLevelSelector__RightContainer {
    display: none;
  }
  html body .PackagePreview__Position {
    border: 1px solid black;
  }
  html body .PackagePreview .Exercise {
    page-break-inside: avoid;
  }
  html body .PackagePreview .Exercise--excluded {
    display: none;
  }
  html body .PackagePreview .Exercise__PreviewPlayIcon {
    display: none;
  }
  html body .PackagePreview .Exercise__InfoButton {
    display: none;
  }
  html body .PackagePreview .Exercise__Title {
    font-size: 20px;
  }
  html body .PackagePreview .Exercise__Probability {
    display: none;
  }
  html body .PackagePreview .Exercise__Delim {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  }
  html body .PackagePreview .Exercise__Description {
    font-size: 15px;
  }
}
.DialogModal__Button {
  font-family: AkzidenzGroteskStd-Ex;
}
.DialogModal .Modal__Title {
  padding: 15px 15px;
  display: flex;
  justify-content: left;
  font-family: AkzidenzGroteskStd-Ex;
  color: #7d7b79;
  text-transform: uppercase;
}
.DialogModal .h2 {
  font-family: AkzidenzGroteskBE-LightEx;
}
.DialogModal .Modal__Content {
  padding: 0 10px 10px 10px;
  min-width: 300px;
  margin: 10px;
}
.DialogModal .Modal__Actions {
  justify-content: center;
  margin: 0 15px 15px 15px;
  padding: 5px;
}
.DialogModal .Modal__Actions div:first-child {
  flex: 1;
}
.DialogModal .Modal__Actions button {
  max-width: 200px;
  margin: 0 5px;
}
.DialogModal .Modal__Actions .Modal__ActionsInnerWrapper {
  display: flex;
  justify-content: center;
}
body .M-Modal__Inner {
  border-radius: 10px;
  background-color: #ebe9e7;
}
.M-Modal__Header {
  display: flex;
  align-items: center;
  position: relative;
}
.M-Modal__HeaderButtons {
  align-self: flex-end;
  margin-right: 30px;
}
.M-Modal__HeaderButtons {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .M-Modal__HeaderButtons {
    margin-right: 10px;
  }
}
.M-Modal__Title {
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.33px;
  font-size: 10px;
  text-transform: uppercase;
  flex-grow: 1;
}
.M-Modal__Close {
  margin: 15px 25px 15px 15px;
  cursor: pointer;
}
.M-Modal__Body {
  padding: 0 30px 15px 30px;
}
.M-Modal__Button {
  margin: 0 5px;
}
.CustomerSwitchModal .UserLanguageSwitcher__Select {
  width: 100%;
}
.CustomerSwitchModal .DialogModal__PaperRoot {
  overflow: visible !important;
  min-width: 400px;
}
.PackageItem__libraryModal .Modal__Actions div:first-child {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.PatientActivityGraph__TherapyDetails {
  margin-bottom: 10px;
}
.PatientActivityGraph__Error {
  text-align: center;
  color: red;
  font-size: 20px;
  margin-top: 50px;
}
.PatientActivityGraph__TherapyDetailsItem {
  padding-right: 10px;
  border-right: 1px solid gray;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
}
.PatientActivityGraph__TherapyDetailsItem:last-child {
  border-right: none;
  padding-left: 10px;
}
.PatientActivityGraph__AxisGraphBottom {
  position: relative;
  top: -3px;
}
.PatientActivityGraph__NoDataWrapper {
  display: flex;
  justify-content: space-between;
}
.PatientActivityGraph__NoData {
  margin: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1.2px;
}
.PatientActivityGraph__GraphContainer {
  position: relative;
}
.PatientActivityGraph__GraphActions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PatientActivityGraph__GraphActions {
    gap: 20px;
  }
}
.PatientActivityGraph__GraphActions .CarePlanSelector {
  margin-bottom: 0;
}
.PatientActivityGraph svg {
  box-sizing: border-box;
  display: block;
}
.PatientActivityGraph svg text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.PatientActivityGraph__GraphsWrapper {
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.PatientActivityGraph__Graphs {
  min-width: 400px;
  border-radius: 5px;
  overflow: hidden;
}
.PatientActivityGraph .GraphTopAxis .PatientGraph__Title {
  top: 8px;
}
.PatientActivityGraph__GraphCheckboxes {
  margin: 0 20px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PatientActivityGraph__GraphCheckboxes {
    margin: 0;
  }
}
.PatientActivityGraph__CheckboxLinesContainer > span {
  color: #ffffff;
}
.PatientActivityGraph__CheckboxLinesContainer .PatientActivityGraph__CheckboxLinesLabel {
  color: #ffffff;
}
.ProgressLoader {
  position: relative;
}
.ProgressLoader--dark .ProgressLoader__Overlay {
  background: #00000054;
}
.ProgressLoader--loader-type-gliding-background .ProgressLoader__SpinnerContainer {
  display: none;
}
.ProgressLoader--loader-type-gliding-background .ProgressLoader__Overlay {
  background: linear-gradient(to right, #fafafa 8%, #cbcbcb 38%, #fafafa 54%);
  opacity: 0.5;
  background-size: 200% 100%;
  animation-name: glidingBackground;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: 1000;
}
@keyframes glidingBackground {
  0% {
    background-position: 100%, 0;
  }
  100% {
    background-position: -100%, 0;
  }
}
body .ProgressLoader--is-loading {
  overflow: hidden;
}
.ProgressLoader__Overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 2;
}
.ProgressLoader__Text {
  margin: 0 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
}
.ProgressLoader--full-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.ProgressLoader--fill-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}
.ProgressLoader--fill-parent.ProgressLoader--is-loading {
  display: block;
}
.ProgressBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  min-width: 100px;
}
.ProgressBar--animated .ProgressBar__Filler {
  transition-property: width;
  transition-duration: 1s;
}
.ProgressBar__Background {
  flex: 1;
  height: 15px;
  border: 1px solid #918f8d;
  border-radius: 5px;
  background-color: #f2f2f2;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.ProgressBar__Filler {
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
}
.ProgressBar__Filler--blue {
  background-color: #0000ff;
  background-image: linear-gradient(to bottom, #0000ff, #0000aa);
}
.ProgressBar__Filler--black {
  background-image: none;
  background-color: #23211f;
}
.ProgressBar__Label {
  width: 30px;
  margin-right: 5px;
  font-family: Roboto, sans-serif;
}
.OverlayWithLoader {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.OverlayWithLoader__Brand {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 10px;
}
.WebdocPage {
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.WebdocPage__Content {
  padding: 50px;
  justify-content: center;
  align-items: center;
}
.WebdocPage__Error {
  color: red;
  font-weight: bolder;
}
.WebdocPage__Response {
  padding: 10px;
  background: rgba(0, 0, 0, 0.12);
  max-width: 600px;
  overflow: auto;
}
.Crop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Crop .ReactCrop__image {
  max-height: none;
}
.Tree__TreeNode {
  margin-left: 10px;
}
.Tree__TreeNode.Tree__TreeNode--selectable > .Tree__TreeNodeName:hover {
  background: #c9dedb;
  cursor: pointer;
}
.Tree__TreeNodeName {
  display: inline-block;
  padding: 2px;
}
.Tree__TreeNode--expanded > .Tree__TreeNodeExpander {
  transform: rotate(90deg);
}
.Tree__TreeNode--expandable .Tree__TreeNodeExpander,
.Tree__TreeNode--expandable .Tree__TreeNodeName {
  cursor: pointer;
}
.Tree__TreeNode--selected > .Tree__TreeNodeName {
  font-weight: 700;
}
.Tree__TreeNode--isRoot > .Tree__TreeNodeName {
  display: none;
}
.Tree__TreeNode--isRoot > .Tree__TreeNodeExpander {
  display: none;
}
.Tree__TreeNodeExpander {
  visibility: hidden;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  transition-property: transform;
  transition-duration: 300ms;
  transform: rotate(0deg);
  transform-origin: center center;
}
.Tree__TreeNodeExpander--available {
  visibility: visible;
}
.Tree__SelectedNodesList {
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
}
.Tree__SelectedNode {
  margin-right: 5px;
  margin-bottom: 5px;
}
.CommonPaging {
  padding: 20px;
  border-radius: 5px;
  background: white;
  display: flex;
  align-items: center;
}
.CommonPaging__Paging {
  display: flex;
  align-items: center;
}
.CommonPaging__Control {
  visibility: hidden;
  color: black;
  font-size: 20px;
  font-weight: 700;
}
.CommonPaging__Control--available {
  cursor: pointer;
  visibility: visible;
}
.CommonPaging__State {
  margin: 0 20px;
}
.CommonPaging__Information {
  margin-left: 15px;
}
.CommonPaging__CurrentPage {
  font-weight: 700;
}
.AuthorizeUser {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 40px 0;
  box-sizing: border-box;
}
.AuthorizeUser__Title {
  font-weight: 500;
  text-align: center;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .AuthorizeUser__VideoIcon {
  height: 60px;
  width: auto;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.AuthorizeUser__Logo {
  width: 400px;
  top: 20px;
  margin-bottom: 20px;
}
.AuthorizeUser__Version {
  font-family: monospace;
  font-size: 12px;
  color: white;
}
.AuthorizeUser__LoginFormContainer {
  padding: 20px 90px 60px;
  background: #ffffff;
  border-radius: 10px;
}
.AuthorizeUser .LoginForm {
  border-radius: 10px;
  min-height: auto;
}
.AuthorizeUser .LoginForm__TabBankId {
  padding: 110px;
}
.AuthorizeUser .LoginForm__TabEmail {
  padding: 110px 110px 40px;
}
.AuthorizeUser .LanguageSwitcher {
  margin-top: 20px;
}
.ThinModal__Title {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 25px;
  letter-spacing: 3px;
  margin-bottom: 20px;
  color: white;
  text-transform: uppercase;
  opacity: 0.7;
  overflow-wrap: break-word;
  text-align: center;
}
.ThinModal__Inner {
  padding: 20px;
  background: none !important;
  box-shadow: none !important;
  max-width: 900px !important;
}
.ThinModal .ThinModal__Backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
.ThinModal .ProgressLoader__Overlay {
  z-index: 3;
}
.ThinModal__Content {
  background: white;
}
.ThinModal__Footer {
  margin-top: -20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
  z-index: 2;
}
body .VideoPreviewModal__PopupRoot {
  z-index: 4000;
}
.VideoPreviewModal__PopupRoot > div:first-child {
  background: rgba(0, 0, 0, 0.85);
}
.VideoPreviewModal__PopupCross {
  position: absolute;
  left: -30px;
  top: -20px;
  cursor: pointer;
}
.VideoPreviewModal__PopupCross g {
  fill: #ffffffcc;
}
body .VideoPreviewModal__PopupContainer {
  background: none;
  overflow: visible;
}
.MSwitch--no-label .MSwitch__LabelContainer {
  margin-right: 0;
}
.MSwitch--disabled .MSwitch__SwitchRoot {
  opacity: 0.4;
}
.MSwitch .MSwitch__Switch {
  height: 24px;
}
.MSwitch--light-blue {
  color: white;
}
.MSwitch--light-blue .MSwitch__Switch {
  color: white;
}
.MSwitch--light-blue .MSwitch__Switch + .MSwitch__Bar {
  background-color: gray;
  opacity: 1;
}
.MSwitch--light-blue .MSwitch__Switch--checked + .MSwitch__Bar {
  background-color: #649bff;
}
.MSwitch--blue {
  color: white;
}
.MSwitch--blue .MSwitch__Switch {
  color: white;
}
.MSwitch--blue .MSwitch__Switch + .MSwitch__Bar {
  background-color: gray;
  opacity: 1;
}
.MSwitch--blue .MSwitch__Switch--checked + .MSwitch__Bar {
  background-color: #0000ff;
}
.DatePickerRangePopup__Inner {
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup .DatePickerRangePopup__Paper {
  overflow: initial;
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Header {
  padding: 10px;
  padding-bottom: 0;
  font-family: "AkzidenzGroteskStd-Ex";
  font-size: 12px;
  letter-spacing: 1.43px;
  color: blue;
  text-transform: uppercase;
}
.DatePickerRangePopup__Content {
  padding: 10px 10px 20px;
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Footer {
  display: flex;
  font-family: "AkzidenzGroteskStd-Light";
  justify-content: flex-end;
  padding: 10px;
  border-top: 1px solid #bcbcbc;
}
.DatePickerRangePopup__Footer__Button {
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Footer .RoundedButton {
  margin-left: 10px;
}
.DatePickerRange__Inner {
  display: flex;
}
.DatePickerRange__DatePickerContainer--right .DayPickerInput-Overlay {
  left: auto;
  right: 0;
}
.DatePickerRange__Error {
  color: #e91e63;
  font-size: 0.9em;
  margin-top: 5px;
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 1px;
}
.DatePickerRange__DatePickerContainer:first-child {
  margin-right: 10px;
}
.DatePickerRange__Label {
  margin-bottom: 4px;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.ContainerFixedHeaderAndFooter {
  display: flex;
  flex-direction: column;
}
.ContainerFixedHeaderAndFooter__Body {
  overflow-y: auto;
  flex-grow: 1;
}
.InputWithTitle {
  position: relative;
}
.InputWithTitle--disabled input:disabled {
  background-color: transparent;
}
.InputWithTitle--error::after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  background: #e91e63;
  width: 100%;
  bottom: 5px;
}
.InputWithTitle__Error {
  width: 100%;
  height: 14px;
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  color: #e91e63;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 12px;
  letter-spacing: 0.7px;
}
.InputWithTitle input {
  border: none;
  outline: none;
  font-size: 24px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  line-height: 1.28;
  letter-spacing: 0.7px;
  color: #000;
  margin: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ItemsList__Item {
  padding: 10px;
  border-bottom: 1px solid #ebe9e7;
}
.ItemsList__Item--selected {
  background: #ebe9e7;
}
.ItemsList__Item--selectable {
  cursor: pointer;
}
.ItemsList__Item--centered {
  text-align: center;
}
.SmallItemsList {
  padding: 5px;
}
.SmallItemsList__Item {
  display: flex;
  background: #ebe9e7;
  border-radius: 5px;
  margin-bottom: 5px;
  align-items: center;
}
.SmallItemsList__ItemLabel {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  padding: 10px;
}
.ContextMenu .ContextMenu__Item {
  height: 10px;
}
.DatePickerRangePopup__Inner {
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup .DatePickerRangePopup__Paper {
  overflow: initial;
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Header {
  padding: 10px;
  padding-bottom: 0;
  font-family: "AkzidenzGroteskStd-Ex";
  font-size: 12px;
  letter-spacing: 1.43px;
  color: blue;
  text-transform: uppercase;
}
.DatePickerRangePopup__Content {
  padding: 10px 10px 20px;
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Footer {
  display: flex;
  font-family: "AkzidenzGroteskStd-Light";
  justify-content: flex-end;
  padding: 10px;
  border-top: 1px solid #bcbcbc;
}
.DatePickerRangePopup__Footer__Button {
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerRangePopup__Footer .RoundedButton {
  margin-left: 10px;
}
.DatePickerRange__Inner {
  display: flex;
}
.DatePickerRange__DatePickerContainer--right .DayPickerInput-Overlay {
  left: auto;
  right: 0;
}
.DatePickerRange__Error {
  color: #e91e63;
  font-size: 0.9em;
  margin-top: 5px;
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 1px;
}
.DatePickerRange__DatePickerContainer:first-child {
  margin-right: 10px;
}
.DatePickerRange__Label {
  margin-bottom: 4px;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.LanguageSwitcher__Label {
  margin-right: 10px;
}
.CommonEditForm--horizontal .CommonEditForm__Field {
  display: flex;
  flex-direction: row;
}
.CommonEditForm--horizontal .CommonEditForm__Field .UserForm__FieldLabel, .CommonEditForm--horizontal .CommonEditForm__Field .ChannelsTree__Label, .CommonEditForm--horizontal .CommonEditForm__Field .DynamicSliderStepControl--header, .CommonEditForm--horizontal .CommonEditForm__Field .AssetPreview__TitleLabel {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  color: black;
  margin-right: 20px;
}
.CommonEditForm--horizontal .CommonEditForm__Field .CommonEditForm__FieldValue {
  margin-top: 0;
}
.CommonEditForm__Footer {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.CommonEditForm__Footer > .RoundedButton:first-child {
  margin-right: 20px;
}
.GlobalErrorHandler {
  display: flex;
  justify-content: center;
  align-items: center;
}
.GlobalErrorHandler__Inner {
  width: 600px;
  font-size: 20px;
  text-align: center;
}
.EmptyPage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.EmptyPage__Text {
  font-size: 25px;
  text-align: center;
}
.Selectable {
  display: flex;
  align-items: center;
}
.Selectable--selected .Selectable__Label {
  font-weight: bolder;
  color: #0000ff;
}
.Selectable__Content {
  flex-grow: 1;
}
.Selectable__CheckboxContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  min-width: 200px;
}
.Selectable__LabelContainer {
  display: flex;
  flex-direction: column-reverse;
}
.Selectable .Selectable__Label {
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 16px;
  line-height: 0.94;
  letter-spacing: 1.43px;
}
.Panel {
  border: 2px solid #0000ff;
  border-radius: 20px;
  overflow: hidden;
}
.Panel--gray {
  border: 2px solid #bcbcbc;
}
.Panel--gray .Panel__Header {
  background: white;
  color: black;
  border-bottom: 2px solid #bcbcbc;
}
.Panel__Header {
  background: #0000ff;
  border-bottom: 2px solid #0000ff;
  color: white;
  padding: 0 20px;
  line-height: 30px;
}
.Panel__AfterHeader {
  padding: 5px 20px;
  background: #ebe9e7;
}
.Panel__Content {
  padding: 20px;
}
.Panel__Footer {
  padding: 0 10px 10px 10px;
}
.RoundedButtonsGroup {
  display: flex;
}
.RoundedButtonsGroup .RoundedButton {
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.54);
  margin-right: 5px;
}
.RoundedButtonsGroup .RoundedButton:first-child {
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.RoundedButtonsGroup .RoundedButton:last-child {
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  border-right: none;
  margin-right: 0;
}
.SidebarListWithDetailView {
  display: flex;
}
.SidebarListWithDetailView__SidebarWrapper {
  width: 300px;
  min-width: 300px;
  height: 100%;
}
.SidebarListWithDetailView__Sidebar {
  border-right: 1px solid #bcbcbc;
  height: 100%;
  overflow-y: auto;
}
.SidebarListWithDetailView__ContentWrapper {
  flex-grow: 1;
  height: 100%;
}
.SidebarListWithDetailView__Content {
  height: 100%;
  overflow-y: auto;
  padding: 0 20px;
}
.SidebarListWithDetailView__SidebarWrapper > .ProgressLoader, .SidebarListWithDetailView__ContentWrapper > .ProgressLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.CopyToClipboardButton:hover {
  color: #0000ff;
}
.CopyToClipboardButton__Icon {
  cursor: pointer;
}
.CopyToClipboardButton__Icon--active {
  color: #0000ff;
}
.TableContainer {
  height: 420px;
  overflow: auto;
}
.ExtendedTable {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ExtendedTable__TableContainer {
  overflow: auto;
  flex-grow: 1;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  border-bottom: none;
  background: #fff;
}
.ExtendedTable__Table {
  width: 100%;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  opacity: 1;
  pointer-events: initial;
}
.ExtendedTable__Table--Loading {
  opacity: 0.35;
  pointer-events: none;
}
.ExtendedTable .ExtendedTable__Pagination * {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ExtendedTable .ExtendedTable__PaginationSelect {
  line-height: 32px;
}
.ExtendedTable__PaginationContainer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.ExtendedTable__PaginationContainer--Top {
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .ExtendedTable__PaginationContainer--Top {
    justify-content: center;
  }
}
.ExtendedTable__PaginationContainer--Top table {
  flex: 1;
}
.ExtendedTable__PaginationContainer--Top table td {
  border-bottom: none;
}
@media screen and (max-width: 1240px) {
  .ExtendedTable__PaginationContainer--Top table {
    flex: auto;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .ExtendedTable__PaginationContainer--Top table {
    flex: none;
  }
}
.ExtendedTable .ExtendedTable__SortIcon {
  display: none;
  visibility: hidden;
  height: 15px;
  transform: rotate(0deg);
  transition: transfrom 2s;
}
.ExtendedTable .ExtendedTable__SortIcon--desc {
  transform: rotate(180deg);
}
.ExtendedTable__Head {
  display: table-header-group;
}
.ExtendedTable__Head .ExtendedTable__Row {
  background-color: #efefef;
}
.ExtendedTable__Head--sticky .ExtendedTable__Row {
  top: 0;
  left: 0;
  z-index: 2;
  position: sticky;
  align-self: flex-start;
}
.ExtendedTable__Head .ExtendedTable__HeadCell {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ExtendedTable__HeadCell--resizable .ExtendedTable__Resizer:hover {
  background: #8b8b8b;
}
.ExtendedTable__HeadCell--selection.ExtendedTable__HeadCell {
  padding-top: 0;
  padding-bottom: 0;
}
.ExtendedTable__HeadCell--multiline .ExtendedTable__HeadLabel {
  overflow: visible;
  white-space: normal;
  line-height: 15px;
}
.ExtendedTable__HeadLabel:hover .ExtendedTable__SortIcon {
  visibility: visible;
}
.ExtendedTable__HeadLabel--sorted .ExtendedTable__SortIcon {
  visibility: visible;
}
.ExtendedTable__HeadLabel--sort {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  flex-direction: inherit;
  justify-content: flex-start;
}
.ExtendedTable__HeadLabel--sort .ExtendedTable__SortIcon {
  display: inline-block;
}
.ExtendedTable__Body {
  display: table-row-group;
}
.ExtendedTable__Body .ExtendedTable__Row:hover {
  cursor: pointer;
  background-color: #fafafa;
}
.ExtendedTable__Row {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle;
  min-height: 3em;
}
.ExtendedTable__Cell {
  display: flex;
  align-items: center;
  padding: 5px 5px;
  text-align: left;
  font-family: AkzidenzGroteskBE-LightOsF;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.43;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ExtendedTable__Cell--align-right,
.ExtendedTable__Cell--align-right .ExtendedTable__HeadLabel {
  text-align: right;
  flex-direction: row-reverse;
}
.ExtendedTable__Cell--align-center {
  text-align: center;
}
.ExtendedTable__Cell--multiline .CellContent {
  overflow: visible;
  white-space: normal;
}
.ExtendedTable__HeadLabel, .ExtendedTable__HeadLabelText {
  overflow: hidden;
  flex-grow: 1;
  font-family: AkzidenzGroteskBE-MD, Roboto, sans-serif;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.ExtendedTable__Resizer {
  position: absolute;
  display: inline-block;
  background: #d5d5d5;
  width: 5px;
  right: 0;
  top: 5px;
  bottom: 5px;
  transform: translateX(50%);
  z-index: 1;
  /* prevents from scrolling while dragging on touch devices */
  touch-action: none;
}
.ExtendedTable .CellContent {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.ExtendedTable__UserControlsWrapper {
  border-radius: 6px;
  border: 1px solid #0000ff;
  box-sizing: border-box;
  height: 50px;
  margin-right: 10px;
  color: #000000;
}
.ExtendedTable__LevelControlsWrapper {
  border-radius: 6px;
  border: 1px solid #0000ff;
  box-sizing: border-box;
  height: 50px;
  margin: 0 10px;
  width: 400px;
  color: #000000;
}
.ExtendedTable__StatusControlsWrapper {
  border-radius: 6px;
  border: 1px solid #0000ff;
  box-sizing: border-box;
  height: 50px;
  margin: 0 10px;
  width: 200px;
  color: #000000;
}
.ExtendedTable__AwailableAwaControlsWrapper {
  display: flex;
  border-radius: 6px;
  border: 1px solid #0000ff;
  box-sizing: border-box;
  height: 50px;
  margin: 0 10px;
  min-width: 500;
  color: #000000;
}
.ExtendedTable .ExtendedTable__Resizer {
  pointer-events: none;
}
.ExtendedTable--enable-resizing .ExtendedTable__Resizer {
  pointer-events: all;
}
body .ItemsSelectorWithOrdering .ItemsSelectorWithOrdering__Block {
  padding-top: 20px;
  padding-bottom: 20px;
}
body .ItemsSelectorWithOrdering .ItemsSelectorWithOrdering__Block:last-child {
  border-left: 1px solid gray;
}
.ItemsSelectorWithOrdering__Header {
  display: flex;
  justify-content: space-between;
}
.ItemsSelectorWithOrdering__Title {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ItemsSelectorWithOrdering__Filter {
  width: 100%;
}
.ItemsSelectorWithOrdering__OrderedItem {
  display: flex;
  background: #ebe9e7;
  border-radius: 5px;
  margin-bottom: 5px;
}
.ItemsSelectorWithOrdering__OrderedItemLabel {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  padding: 10px;
}
.ItemsSelectorWithOrdering__ItemsOrder {
  margin-top: 30px;
}
.ItemsSelectorWithOrdering__DndBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.ItemsSelectorWithOrdering__ListItem {
  height: 38px;
}
body .ItemsSelectorWithOrdering .ItemsSelectorWithOrdering__GridItem:last-child {
  padding-left: 30px;
}
.ItemsSelectorWithOrderingModal .commonContentModal__mainContent {
  padding-right: 10px;
}
.ItemsSelectorWithOrderingModal .commonContentModal__footer {
  background: none;
  padding: 0;
}
.ItemsSelectorWithOrderingModal .ItemsSelectorWithOrdering__ItemsOrder {
  padding-right: 30px;
}
.ItemsSelectorWithOrderingModal .ItemsSelectorWithOrdering {
  height: 100%;
}
.ItemsSelectorWithOrderingModal .ItemsSelectorWithOrdering__GridContainer {
  height: 100%;
}
.ItemsSelectorWithOrderingModal .ItemsSelectorWithOrdering__FilterContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ItemsSelectorWithOrderingModal .ItemsSelectorWithOrdering__GridItem {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.PackageAndLevelSelect {
  display: flex;
  flex-wrap: wrap;
}
.PackageAndLevelSelect .PackageSelect,
.PackageAndLevelSelect .LevelSelect {
  width: 300px;
}
.PackageAndLevelSelect .LevelSelect {
  margin-left: 15px;
}
.PackageAndLevelSelect .PackageSelect__select--error .Select__control {
  border-color: #e91e63;
}
.PackageAndLevelSelect__PackageSchedule {
  margin: 10px;
  padding: 10px;
  font-family: "AkzidenzGroteskStd";
}
.PackageAndLevelSelect__PackageScheduleLabel {
  font-size: large;
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-top: 10px;
}
.PackageAndLevelSelect__PackageScheduleTitle {
  font-family: "AkzidenzGroteskStd-Ex";
  font-weight: bold;
}
.PackageAndLevelSelect__PackageScheduleTitle_TBC {
  font-family: "AkzidenzGroteskStd-Ex";
  font-weight: bold;
  background-color: bisque;
}
.PackageAndLevelSelect__ButtonsSection {
  padding: 15px;
  margin: 5px;
}
.PackageAndLevelSelect__Buttons {
  padding: 10px;
  margin: 10px;
}
.PackageAndLevelSelect__Buttons__Delete {
  color: red;
}
.PackageAndLevelSelect__Paper {
  background-color: #dae8e5;
  margin: 10px;
  padding: 10px;
}
.PackageAndLevelSelect__Line {
  border: none;
  border-bottom: dashed 1px #000000;
}
.AdMeterView__Gauge {
  overflow: visible;
}
.RichTextEditor .dropdown-menu.dropdown-style {
  white-space: nowrap;
  padding: 0 10px;
}
.RichTextEditor .dropdown-menu.dropdown-style a {
  color: black;
  text-decoration: none;
}
.RichTextEditor .note-editable.panel-body h1,
.RichTextEditor .note-editable.panel-body h2,
.RichTextEditor .note-editable.panel-body h3,
.RichTextEditor .note-toolbar .dropdown-style h1,
.RichTextEditor .note-toolbar .dropdown-style h2,
.RichTextEditor .note-toolbar .dropdown-style h3 {
  font-weight: bold;
}
.RichTextEditor .note-editable.panel-body h1,
.RichTextEditor .note-toolbar .dropdown-style h1 {
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}
.RichTextEditor .note-editable.panel-body h2,
.RichTextEditor .note-toolbar .dropdown-style h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.RichTextEditor .note-editable.panel-body h3,
.RichTextEditor .note-toolbar .dropdown-style h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.RichTextEditor .CodeMirror {
  height: 100%;
}
.RichTextEditor .note-statusbar {
  display: none;
}
.RichTextEditor .modal .modal-dialog {
  width: 300px;
  border: 1px solid black;
  padding: 10px;
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.RichTextEditor .modal .modal-content {
  background: white;
}
.GraphControlsWrapper {
  width: 170px;
  display: flex;
  flex-direction: column;
}
.GraphControlsWrapper--Collapsed {
  flex-direction: row-reverse;
  align-items: flex-start;
}
.GraphControlsWrapper__Top {
  display: flex;
  justify-content: flex-end;
}
.GraphControlsWrapper__ControlIcon {
  transition: transform 0.1s ease-in-out;
  cursor: pointer;
}
.GraphControlsWrapper__ControlIcon--Up {
  transform: rotate(180deg);
}
.Graph__LineLegend {
  font-size: 14px;
}
.Graph__TherapyLine line {
  stroke: white;
  stroke-width: 1;
}
.Graph__TherapyLinePackageTitle {
  stroke: none;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.Graph__TherapyLineLevelTitle {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
}
.Graph__TherapyLineTooltipBackground {
  opacity: 0;
}
.Graph__TherapyLinePackageDate, .Graph__TherapyLineAssignedName {
  font-family: AkzidenzGroteskBE-LightOsF, Roboto, sans-serif;
}
.Graph__TherapyLinePackageTitlePart, .Graph__TherapyLineLevelTitlePart {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
.ExtendedDatePicker .DayPicker-Day {
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: initial;
}
.ExtendedDatePicker .DayPicker-Day--highlighted {
  background: rgba(0, 20, 255, 0.11);
}
.ExtendedDatePicker__Input {
  width: 150px;
}
.ExtendedDatePicker__Caption select[name=year] {
  margin-right: 10px;
}
.ExtendedDatePicker__CloseButton {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  padding: 5px;
  display: none;
}
.ExtendedDatePickerInput {
  display: inline-block;
}
.ExtendedDatePickerInput--disabled .ExtendedDatePicker__Icon {
  cursor: initial;
}
.ExtendedDatePickerInput--disabled .ExtendedDatePicker__Icon path {
  fill: rgba(0, 0, 0, 0.38);
}
.ExtendedDatePickerInput__DatePickerOverlay {
  display: none;
}
.ExtendedDatePickerInput__DatePickerOverlay--show {
  display: block;
}
.ExtendedDatePickerInput__DatePickerContainer {
  background: white;
  position: absolute;
  display: inline-block;
  z-index: 1;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.ExtendedDatePickerInput__DatePickerContainerFooter {
  padding: 0 23px 10px;
  box-sizing: border-box;
}
.ExtendedDatePickerInput__InputContainer {
  display: flex;
}
.ExtendedDatePickerInput .ExtendedDatePicker__Icon {
  position: relative;
  top: 10px;
}
.PatternInput {
  position: relative;
  display: flex;
}
.PatternInput input::placeholder {
  color: white;
}
.PatternInput__VisibleValue {
  position: absolute;
  user-select: none;
}
.PatternInput--basic input {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid gray;
  padding: 2px 3px;
  margin: 0;
  font-family: Roboto, sans-serif;
}
.PatternInput--basic .PatternInput__VisibleValue {
  top: 3px;
  left: 4px;
  font-size: 16px;
  font-family: Roboto, sans-serif;
}
.PatternInput--MUI {
  color: rgba(0, 0, 0, 0.87);
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  align-items: baseline;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.PatternInput--MUI:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.42);
}
.PatternInput--MUI:after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  pointer-events: none;
  background-color: #304ffe;
}
.PatternInput--MUI input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 7px 0 9px;
  display: block;
  box-sizing: content-box;
  background: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PatternInput--MUI input:focus {
  outline: 0;
}
.PatternInput--MUI .PatternInput__VisibleValue {
  padding: 7px 0 9px;
  display: block;
  box-sizing: content-box;
}
.PatternInput--l-font input {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.PatternInput--l-font .PatternInput__VisibleValue {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.PatternInput--disabled input {
  visibility: hidden;
}
.PatternInput--disabled .PatternInput__VisibleValue {
  color: rgba(0, 0, 0, 0.38);
}
.PatternInput--focused.PatternInput--MUI:after {
  transform: scaleX(1);
}
.PatternInput--error.PatternInput--MUI:after {
  transform: scaleX(1);
  background-color: #ff1744;
}
.PatternInput--warning.PatternInput--MUI:after {
  transform: scaleX(1);
  background-color: #f5aa0a;
}
.ConfirmModal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ConfirmModal .commonContentModal__mainContent {
  max-width: 400px;
  max-height: 400px;
  border-radius: 5px;
  outline: none;
  position: relative;
  overflow: visible;
  display: flex;
  padding: 0;
}
.ConfirmModal__InnerContent {
  width: 100%;
  overflow-y: auto;
  align-items: stretch;
  padding: 0 30px;
}
.ConfirmModal .ConfirmModal__Buttons {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.ConfirmModal .ConfirmModal__Buttons button {
  margin: 0 10px;
  flex-grow: 1;
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
}
.ConfirmModal .ConfirmModal__SubmitButton {
  color: #0000ff;
}
.ConfirmModal__Text {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConfirmModal__WarningIcon {
  position: absolute;
  left: 0;
  top: -30px;
}
.ConfirmModal__WarningIcon path {
  fill: white;
}
.SplitButton {
  height: 32px;
  display: flex;
  align-items: center;
}
.SplitButton button.SplitButton__Button {
  min-height: 32px;
  height: 32px;
  border: 1px solid #0000ff;
  background: #ffffff;
  color: #0000ff;
  border-right: 0;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 5px 12px;
  font-family: AkzidenzGroteskBE-LightOsF;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.43;
  cursor: pointer;
  width: clamp(100%, 200%, 300%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SplitButton button.SplitButton__Button:hover {
  color: #ffffff;
  background: #0000ff;
}
.SplitButton button.SplitButton__Button:active, .SplitButton button.SplitButton__Button:focus {
  outline: none;
}
.SplitButton button.SplitButton__Button--disabled {
  color: rgba(0, 0, 0, 0.54);
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.54);
  pointer-events: none;
}
.SplitButton button.SplitButton__Button--disabled:hover {
  color: rgba(0, 0, 0, 0.54);
  background: #f2f2f2;
}
.SplitButton button.SplitButton__Button span {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  position: relative;
  top: 2px;
}
.SplitButton__Select {
  border: 1px solid #0000ff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #0000ff;
}
.SplitButton__Select:after, .SplitButton__Select:before {
  display: none;
}
.SplitButton__Select--disabled {
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-left: none;
  background-color: #f2f2f2;
  pointer-events: none;
}
.SplitButton__Select .SplitButton__Select-root .SplitButton__Select-select {
  width: 24px;
  padding: 0;
}
.SplitButton__Select .SplitButton__Select-root .SplitButton__Select-select:focus {
  background: transparent;
}
.SplitButton__Select .SplitButton__Select-root svg {
  fill: #ffffff;
  top: 3px;
}
.SplitButton__Select .SplitButton__Select-root--disabled svg {
  fill: rgba(0, 0, 0, 0.54);
  top: 3px;
}
li.SplitButton__MenuItem--disabled {
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.SplitButton--Rounded {
  padding: 0;
  height: 45px;
}
.SplitButtonNew {
  color: #1414c8;
}
.SplitButtonNew .SplitButtonNew__icon {
  width: 16px;
  height: 16px;
}
.SplitButtonNew__text {
  font-weight: bold;
  line-height: 16px;
  position: relative;
  top: 1px;
}
.SplitButtonNew .SplitButton__Select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 4px;
  border: none;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.SplitButtonNew .SplitButton__Select .SplitButton__Select-select {
  width: 100%;
  height: 16px;
  min-height: 16px;
  padding: 0;
  padding-right: 0;
}
.SplitButtonNew .SplitButton__Select .SplitButton__Select-select:focus {
  background: transparent;
}
.SplitButtonNew .SplitButton__Select svg {
  fill: #ffffff;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
}
.SplitButtonNew .SplitButton__Select fieldset {
  display: none;
}
.SplitButtonNew .SplitButton__Select--disabled svg {
  fill: rgba(0, 0, 0, 0.54);
  top: 0;
}
.TableComponentWrapper {
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  overflow: hidden;
}
.TableComponent.table-template {
  border: none;
  background: #fff;
}
.TableComponent.table-template .Evaluation__evaluationType .Evaluation__evaluationTypeContent {
  width: 30px;
  padding: 3px 10px;
  text-align: center;
}
.TableComponent.table-template .Evaluation__evaluationType .Evaluation__evaluationTypeContent--eval {
  border-radius: 10px;
  border: 1px solid #ebe9e7;
  background-color: #ebe9e7;
}
.TableComponent.table-template .Evaluation__evaluationType .Evaluation__evaluationTypeContent--exam {
  border-radius: 10px;
  border: 1px solid #dae8e5;
  background-color: #dae8e5;
}
.CopyRichTextModal.commonContentModal {
  height: 500px;
  bottom: 0;
}
.CopyRichTextModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.CopyRichTextModal .commonContentModal__RoundedButton, .CopyRichTextModal .ExerciseView__FooterBtn {
  display: flex;
  align-items: center;
}
.CopyRichTextModal__ButtonText {
  margin-top: 3px;
}
.CopyRichTextModal__ButtonIcon {
  margin-right: 5px;
}
.DatePickerWithOptions {
  margin: 20px;
  min-width: 250px;
  font-family: "AkzidenzGroteskStd-Light";
}
.DatePickerWithOptions__FormControl {
  width: 100%;
}
.ColorPickerPalette {
  display: flex;
  padding: 5px;
}
.ColorPickerPalettePopup__PopoverRoot {
  overflow: visible !important;
}
.ColorPickerSelectValueButton {
  border: 1px solid #bcbcbc;
  border-radius: 4px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ColorPickerSelectValueButton__NotSelectedText {
  margin-left: 10px;
}
.ColorPickerCell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid transparent;
}
.ColorPickerCell--selected {
  border: 1px solid black;
}
.ColorPickerCell--empty {
  border: 1px solid gray;
}
.ColorPickerCell--small {
  height: 16px;
  width: 16px;
}
.ColorPickerCell.ColorPickerCell--empty.ColorPickerCell--selected {
  border: 2px solid black;
}
.ColorPickerCell__SelectedIcon path {
  fill: white;
}
.ColorPickerCell--selectable.ColorPickerCell:hover {
  border-color: #c1c7d0;
}
.NotificationPopup {
  top: 15px;
  right: 15px;
  z-index: 9999;
  position: fixed;
  height: 80px;
  width: 340px;
  background: #FFFFFF;
  padding: 5px 10px;
  margin: 5px;
  border-left: 2px solid #4dc657;
  display: flex;
  font-weight: 800;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.43;
  font-size: 14px;
}
.NotificationPopup__Ico {
  margin: 5px 0 0 10px;
  color: #4dc657;
  font-size: 20px;
}
.NotificationPopup__Content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 20px;
  margin-top: 2px;
}
.NotificationPopup__Text {
  font-weight: 400;
}
.ImageInfoModal .commonContentModal__mainContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ImageInfoModal__Image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.ImagePreviewWithSize {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 0;
}
.ImagePreviewWithSize__Image {
  height: 150px;
  width: auto;
}
.ImagePreviewWithSize__Info {
  margin-top: 10px;
}
.ImagePreviewWithSize__Error {
  color: #e91e63;
  text-align: center;
}
.SetTimeComponent {
  padding: 10px;
  background: white;
  width: 210px;
  height: 200px;
}
.RangeView {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.RangeView__Range {
  height: 90px;
  margin: 20px 50px;
  position: relative;
}
.RangeView__RangeStep {
  position: absolute;
  top: 37.5px;
  left: 0;
  width: 100px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.RangeView__RangeStepTick {
  border-left: 2px solid black;
  height: 15px;
}
.RangeView__RangeStepLabel {
  margin-top: 5px;
}
.RangeView__RangeStepDescription {
  margin-top: 2px;
  text-align: center;
  padding: 0 5px;
}
.RangeView__RangeValue {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, 0%);
  top: 8px;
}
.RangeView__RangeValueTick {
  height: 20px;
  width: 4px;
  background: black;
  border-radius: 5px;
}
.RangeView__RangeValueLabel {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  font-size: 1.2rem;
}
.RangeView__RangeLine {
  width: 100%;
  position: absolute;
  top: 43px;
  border-bottom: 4px solid lightgray;
}
.TrackerCompareComponent.rule-types {
  flex-direction: column;
}
.TrackerCompareComponent .main-select {
  flex: 5;
}
.TrackerCompareComponent .TrackerCompareComponent__Answers {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.TrackerCompareComponent .TrackerCompareComponent__Answers .answer-select {
  height: 50px;
  flex: 0;
  flex-direction: row;
  align-items: center;
}
.TrackerCompareComponent .TrackerCompareComponent__Answers .title {
  margin-top: 0;
}
.TrackerCompareComponent .TrackerCompareComponent__Answers .float-range-answer {
  height: 40px;
  margin-left: 20px;
}
.TrackerCompareComponent .TrackerCompareComponent__Answers .TrackerCompareComponent__AnswersLabel {
  display: flex;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  color: gray;
}
.Segments {
  margin: 0;
  padding: 0;
}
.Segments .Segments__ListElem {
  list-style-type: none;
  margin-bottom: 20px;
}
.SegmentItem .SegmentItem__Header {
  display: flex;
}
.SegmentItem .SegmentItem__Header .SegmentItem__Color {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #000000;
  margin-right: 10px;
}
.SegmentItem .SegmentItem__Header .SegmentItem__Title {
  display: flex;
  flex: 1;
  font-family: AkzidenzGroteskStd-Ex;
}
.SegmentItem .SegmentItem__Header .SegmentItem__EditIcon {
  fill: #0000ff;
}
.SegmentItem .SegmentItem__Header .SegmentItem__DeleteIcon {
  fill: #d70909;
}
.SegmentItem .SegmentItem__Header .SegmentItem__Buttons svg {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.SegmentItem .SegmentItem__Header .SegmentItem__Buttons svg:hover {
  fill: #d7d5d3;
}
.SegmentItem .SegmentItem__Info {
  display: flex;
  margin-bottom: 20px;
}
.SegmentItem .SegmentItem__Info .SegmentItem__Dates {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.SegmentItem .SegmentItem__Info .SegmentItem__Dates p {
  font-family: AkzidenzGroteskStd-Ex;
}
.SegmentItem .SegmentItem__Info .SegmentItem__Values {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 30%;
  margin-left: 10px;
}
.SegmentItem .SegmentItem__Info .SegmentItem__Values p {
  font-family: AkzidenzGroteskStd-Ex;
}
.SegmentItem .SegmentItem__Info .SegmentItem__Values span {
  font-size: 8px;
}
.InfiniteScrollWithDataSource {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.InfiniteScrollWithDataSource__InfiniteScrollContainer {
  flex-grow: 1;
  overflow-y: auto;
}
.InfiniteScrollWithDataSource__SearchField {
  margin-bottom: 10px;
}
.QuestionMetricSelect {
  margin-bottom: 20px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.PageBuilder {
  padding: 20px;
}
.PageBuilder__Content {
  display: flex;
  justify-content: center;
}
.PageBuilder__BlocksFooter {
  margin-top: 10px;
}
.PageBuilder__PreviewButton {
  margin-right: 30px;
}
.PageBuilder__Fields {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.PageBuilder__Fields .UserForm__Field {
  max-width: 500px;
}
.PageBuilder__Blocks {
  padding: 20px 15px;
  border-radius: 10px;
  width: 500px;
  background: lightgrey;
}
.PageBuilder__Blocks--is-dragging-over {
  background: lightblue;
}
.PageBuilder-Block {
  user-select: none;
  padding: 16px;
  margin: 0 0 8px 0;
  position: relative;
  display: flex;
  border-radius: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.PageBuilder-Block__LeftSide {
  flex-grow: 1;
  overflow: hidden;
}
.PageBuilder-Block__Type {
  font-weight: bolder;
  margin-bottom: 20px;
}
.PageBuilder-Block__Buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.PageBuilder-Block__Button {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid gray;
}
.PageBuilder__AddBlockButton {
  width: 100%;
}
.PageBuilder__PreviewInHtml {
  margin-left: 30px;
  color: #9d9d9d;
}
.PageBuilder__NoBlocks {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.PageBuilder-Blocks-RichText-EditModal__Editor {
  height: 100%;
}
.PageBuilder-Blocks-RichText-EditModal__Editor .note-editor {
  height: calc(100% - 20px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.PageBuilder-Blocks-RichText-EditModal__Editor .note-editing-area {
  flex-grow: 1;
}
.PageBuilder-Blocks-RichText-EditModal__Editor .note-editable {
  height: 100%;
}
.PageBuilder-Blocks-RichText-EditModal__Editor .note-editor .note-editable p {
  margin-top: 0;
}
.PageBuilder-Blocks-Image-EditModal__AssetButtons {
  display: flex;
  justify-content: center;
  padding: 24px 0;
  gap: 10px;
}
.PageBuilder-Blocks-CreateBlockModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.PageBuilder-Blocks-Image-PreviewInList {
  display: flex;
  align-items: center;
}
.PageBuilder-Blocks-Image-PreviewInList__Image {
  width: 200px;
  height: auto;
  margin-right: 10px;
}
.PageBuilder-Blocks-Image-PreviewInList__InfoContainer {
  align-self: start;
}
.PageBuilder-Blocks-RichText-PreviewInList__Content {
  word-break: break-all;
}
.SelectNewBlockModal__Root {
  align-items: center;
  justify-content: center;
}
.SelectNewBlockModal .SelectNewBlockModal__List {
  width: 300px;
  flex-grow: 0;
}
.SelectNewBlockModal .SelectNewBlockModal__ListItem {
  justify-content: center;
  background-color: white;
  cursor: pointer;
  border-bottom: 1px solid #c5c5c5;
}
.SelectNewBlockModal .SelectNewBlockModal__ListItem:hover {
  background: lightgray;
}
.SelectNewBlockModal .SelectNewBlockModal__ListItem--close {
  background: lightgray;
}
.SelectNewBlockModal .SelectNewBlockModal__ListItem--close:hover {
  background: #bdbdbd;
}
.PagesTable__Header {
  padding: 10px 0;
  display: flex;
  justify-content: flex-end;
}
.PagesTable__Header .BigButton {
  margin-right: 0;
}
.PagesTable__Actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.PagesTable__Actions .Button__Label {
  word-break: normal;
}
.PagesTable .WUK-Table {
  height: calc( 100vh - 130px - 122px - 35px );
  border-color: #d7d5d3;
}
.PagesTable .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}
.PagesTable .WUK-Table .WUK-Table__Header {
  background: #fff;
}
.PagesTable .WUK-Table .MuiDataGrid-main {
  background: #fff;
}
.Pages__FormHeader {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.Pages__FormHeaderButtons {
  display: flex;
  gap: 10px;
  margin-left: 50px;
}
.EditStylesheetForm {
  padding: 20px;
}
.TooltipInfoModal .commonContentModal__mainContent {
  padding-top: 20px;
  display: flex;
  justify-content: flex-start;
}
.ActivityPrescriptionDropdown {
  position: relative;
}
.ActivityPrescriptionDropdown .ActivityPrescriptionDropdown__icon {
  position: absolute;
  top: 9px;
  left: 8px;
  color: #fff;
  z-index: 1;
  width: 16px;
  height: 16px;
}
.ActivityPrescriptionDropdown__Select {
  cursor: pointer;
}
.ActivityPrescriptionDropdown__Select .ActivityPrescriptionDropdown__Select-select {
  box-shadow: none;
  outline: none;
  display: flex;
  align-items: center;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  background-color: #191715;
  padding: 5px 32px 4px 28px;
  padding-right: 26px !important;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: AkzidenzGroteskStd;
  max-height: 34px;
}
.ActivityPrescriptionDropdown__Select svg {
  fill: #fff;
  width: 16px;
  height: 16px;
  top: 9px;
  right: 7px;
}
.ActivityPrescriptionDropdown__Select--disabled {
  pointer-events: none;
  opacity: 0.7;
}
.ActivityPrescriptionDropdown__Select--disabled svg {
  fill: rgba(0, 0, 0, 0.54);
}
.TherapyActionModal__Content {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.TherapyActionModal__BoxesContainer {
  position: relative;
  display: flex;
  min-height: 150px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__BoxesContainer {
    overflow: scroll;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 580px;
    width: 580px;
  }
}
.TherapyActionModal__PackageLoader {
  width: 600px;
  padding: 20px 20px;
}
.TherapyActionModal__Title {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 25px;
  letter-spacing: 3px;
  margin-bottom: 20px;
  color: white;
  text-transform: uppercase;
  opacity: 0.7;
  position: relative;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__Title {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 20px;
  }
}
.TherapyActionModal__Close {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__Close {
    top: 5px;
  }
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__Close .CrossIcon {
    width: 16px;
    height: 16px;
  }
}
.TherapyActionModal__Close .CrossIcon g {
  fill: white;
}
.TherapyActionModal__BoxTitle {
  color: white;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  letter-spacing: 1.41px;
}
body .TherapyActionModal__Overlay {
  background-color: rgba(0, 0, 0, 0.85);
}
.TherapyActionModal__LeftBox, .TherapyActionModal__RightBox {
  position: relative;
  background: #f5f5f5;
  border-radius: 10px;
  width: 600px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__LeftBox, .TherapyActionModal__RightBox {
    width: 100%;
    min-width: 400px;
  }
}
.TherapyActionModal__RightBoxWrapper {
  margin-left: 40px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__RightBoxWrapper {
    margin-left: 0;
    width: 100%;
    min-width: 400px;
  }
}
.TherapyActionModal__ResetPackageButton {
  position: absolute;
  top: 23px;
  right: 30px;
  width: auto;
  padding: 0 15px 0 0;
}
.TherapyActionModal__BoxMessage {
  color: black;
  font-size: 20px;
  text-align: center;
  width: 600px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ebe9e7;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__BoxMessage {
    max-width: 580px;
  }
}
.TherapyActionModal .M-Modal__Header {
  display: none;
}
.TherapyActionModal .OverrideLevel .PackagePreview, .TherapyActionModal__LeftBox .PackagePreview, .TherapyActionModal__BoxMessage, .TherapyActionModal__PackageLoader {
  padding-top: 20px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal .OverrideLevel .PackagePreview, .TherapyActionModal__LeftBox .PackagePreview, .TherapyActionModal__BoxMessage, .TherapyActionModal__PackageLoader {
    padding-top: 0px;
  }
}
.TherapyActionModal__ButtonSection {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  z-index: 1;
  padding: 16px 16px 16px 0;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .TherapyActionModal__ButtonSection {
    padding: 10px 10px 10px 0;
  }
}
.TherapyActionModal__Error {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  color: #0000ff;
}
.TherapyActionModal__FooterError {
  background: white;
  padding: 10px;
  border-radius: 5px;
}
.TherapyActionModal__ActionButton {
  width: 250px;
}
.OverridePackage.TherapyActionModal__OverridePackage--WithPrintButton {
  padding-top: 52px;
}
.TherapyCreateModal__Content {
  position: relative;
}
button.TherapyActionModal__PrintButton {
  position: absolute;
  z-index: 99;
  right: 26px;
  top: 10px;
  font-family: AkzidenzGroteskStd-Ex, sans-serif;
  border-radius: 6px;
  letter-spacing: 1.5px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #0000ff;
  color: #0000ff;
}
button.TherapyActionModal__PrintButton:hover {
  background: #ebe9e7;
  color: #0000ff;
}
button.TherapyActionModal__PrintButton span:first-child {
  top: 2px;
  position: relative;
}
button.TherapyActionModal__PrintButton svg {
  margin-right: 10px;
}
button.TherapyActionModal__PrintButton svg path {
  fill: #0000ff;
}
.OverridePackage {
  min-height: 150px;
  padding-top: 20px;
}
.OverridePackage .PackagePreview__PackageTitle {
  width: 340px;
}
.OverridePackage .PackagePreview {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.OverridePackage .PackagePreview__PackageTitle {
  display: none;
}
.OverridePackage .PackageLevelSelector {
  margin-top: 0;
}
.OverridePackage__SelectPackageText {
  text-align: center;
  margin-top: 40px;
}
.OverridePackage__ChangePackage {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.OverridePackage__ChangePackage .Select-value-label {
  color: #0000ff !important;
}
.OverridePackage .Select__menu {
  z-index: 2;
}
.PatientGraph {
  position: relative;
  width: 100%;
}
.PatientGraph__Icon {
  position: absolute;
  right: 10px;
  top: 10px;
  transition: transform 0.1s ease-in-out;
  cursor: pointer;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend {
  display: flex;
  flex-wrap: wrap;
  z-index: 5;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .GraphLegend {
  display: flex;
  margin: 5px;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .GraphLegend .GraphLegend__Item {
  margin: 0 5px;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .GraphLegend .GraphLegend__Item .GraphLegend__ItemName {
  text-transform: capitalize;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .PatientTherapy__Trackers {
  display: flex;
  margin: 5px;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .PatientTherapy__Trackers .PatientTherapy__TrackerSwitch {
  margin-bottom: 0;
  margin-left: 10px;
}
body .PatientGraph--expanded .TrackersGraph__Controls .PatientTherapy__TrackersAndLegend .PatientTherapy__Trackers .PatientTherapy__TrackerSwitch .MSwitch__Label {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 0.875rem;
  line-height: initial;
  text-transform: uppercase;
  position: relative;
  top: 2px;
}
.PatientGraph--collapsed .PatientGraph__Icon {
  transform: rotate(180deg);
}
body .PatientGraph--collapsed .PatientGraph__SVG {
  height: 37px;
}
.PatientGraph__Tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 7px;
  color: white;
  background: rgba(0, 0, 0, 0.74);
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  border-radius: 2px;
  font-size: 15px;
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
}
.PatientGraph__Title {
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 0.875rem;
  line-height: initial;
  text-transform: uppercase;
}
.PatientGraph__TitleText {
  padding: 10px;
  display: inline-block;
}
.PatientGraph__SideLineLeft, .PatientGraph__SideLineRight {
  position: absolute;
  width: 5px;
}
.PatientGraph__SideLineLeft {
  top: 0;
  left: 0;
  bottom: 0;
}
.PatientGraph__SideLineRight {
  top: 0;
  right: 0;
  bottom: 0;
}
.PatientGraph__AxisX--Week .domain {
  stroke: none;
}
.PatientGraph__CanvasZoomRect {
  fill: transparent;
  cursor: zoom-in;
}
.PatientGraph__CanvasZoomRect.zoom-dragging {
  cursor: pointer;
}
.PatientGraph__SpiderGraphContainer {
  background: white;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.GraphGradient {
  background: linear-gradient(180deg, #413f3d 0%, #555555 100%);
  overflow: visible;
}
.GraphTopAxis .PatientGraph__Title {
  color: #979594;
}
.GraphTopAxis__AxisX--Week .domain {
  stroke: none;
}
.GraphTopAxis__AxisX--Week .tick text {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 0.875rem;
  fill: white;
}
.GraphTopAxis__AxisXFloatingWeek {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 0.875rem;
  fill: white;
}
.ActivitiesGraph .PatientGraph__TitleText {
  background: white;
  color: black;
}
.ActivitiesGraph .PatientGraph__SideLineLeft, .ActivitiesGraph .PatientGraph__SideLineRight {
  background: white;
}
.TrackersGraph {
  background-color: #fff;
}
.TrackersGraph .PatientGraph__Title {
  color: #4e82b0;
}
.TrackersGraph .TrackersGraph__LineMean:hover {
  cursor: pointer;
  stroke: red;
}
.PainDevelopmentGraph {
  border-radius: 8px;
  margin-top: 16px;
  overflow: hidden;
}
.PainDevelopmentGraph .PatientGraph__Header {
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.PainDevelopmentGraph .PatientGraph__TitleText {
  color: #4e82b0;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
}
.PainDevelopmentGraph .PatientGraph__SVG {
  background-color: white;
}
.PainDevelopmentGraph .PatientGraph__SVG .TrackersGraph__AxisY .domain {
  visibility: hidden;
}
.PainDevelopmentGraph .PatientGraph__SVG .TrackersGraph__AxisY .tick line {
  stroke: #d7d5d3;
}
.PainDevelopmentGraph .PatientGraph__SVG .TrackersGraph__AxisY .tick text {
  fill: black;
}
.SessionsGraph {
  border-radius: 8px;
  margin-top: 16px;
  overflow: hidden;
}
.SessionsGraph .PatientGraph__Header {
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.SessionsGraph .PatientGraph__TitleText {
  color: #7ce7e6;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
}
.SessionsGraph .PatientGraph__SideLineLeft, .SessionsGraph .PatientGraph__SideLineRight {
  background: #7ce7e6;
}
.SessionsContainer {
  position: relative;
  width: 100%;
  padding: 0px 20px;
}
.PainContainer {
  position: relative;
  width: 100%;
  padding: 0px 20px;
}
.TrackerContainer {
  position: relative;
  width: 100%;
  padding: 0 16px 32px 16px;
  margin-bottom: 16px;
}
.GraphBottomAxis .tick line {
  stroke: white;
}
.GraphBottomAxis .tick text {
  font-family: AkzidenzGroteskBE-Ex;
  font-size: 9px;
  line-height: 0.86;
  letter-spacing: 1px;
  fill: white;
}
.GraphBottomAxis__FloatingYear, .GraphBottomAxis__FloatingMonth, .GraphBottomAxis__FloatingDay {
  font-family: AkzidenzGroteskBE-Ex;
  font-size: 9px;
  line-height: 0.86;
  letter-spacing: 1px;
  fill: white;
}
.GraphBottomAxis .domain {
  stroke: white;
}
.TrackersGraph .TrackersGraph__Controls {
  display: flex;
  align-items: center;
}
.TrackersGraph .TrackersGraph__AxisY .tick text {
  fill: white;
}
.TrackersGraph .TrackersGraph__AxisY .domain {
  stroke: white;
}
.TrackersGraph__LeftTimeValue, .TrackersGraph__RightTimeValue, .TrackersGraph__DurationValue {
  fill: white;
}
.GraphTemplate__Selector.CarePlan__selector {
  width: 250px;
}
.GraphTemplate__CustomDateButton {
  background-color: white;
  margin-left: 20px;
  border-radius: 5px;
  border: solid 1px #d7d5d3;
  min-height: 38px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
}
.GraphLegend {
  border-radius: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  background: #616161eb;
  color: white;
}
.GraphLegend--horizontal {
  display: flex;
}
.GraphLegend--horizontal .GraphLegend__Item {
  margin-right: 10px;
}
.GraphLegend--horizontal .GraphLegend__Item:last-child {
  margin-right: 0;
}
.GraphLegend__Item {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.GraphLegend__LineContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 35px;
  box-sizing: border-box;
  margin-right: 10px;
}
.GraphLegend__Line {
  height: 3px;
  width: 100%;
  border-radius: 2px;
}
.GraphLegend__ItemName {
  color: white;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.5px;
}
.GraphLegend__LineDot {
  background: white;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}
.BioTrackersGraph {
  background: white;
  border-radius: 8px;
  overflow: hidden;
}
.BioTrackersGraph .PatientGraph__Header {
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.BioTrackersGraph .PatientGraph__Icon {
  position: inherit;
}
.BioTrackersGraph .PatientGraph__Title {
  position: inherit;
  display: flex;
  flex-direction: column;
}
.BioTrackersGraph .PatientGraph__Title h1 {
  color: #1414c8;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.48px;
  text-transform: none;
}
.BioTrackersGraph .PatientGraph__SubtitleText {
  color: #413f3d;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.3px;
  padding-left: 8px;
  text-transform: none;
}
.BioTrackersGraph .PatientGraph__TitleText {
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.48px;
  text-transform: none;
}
.BioTrackersGraph .PatientGraph__SVG {
  background: white;
}
.BioTrackersGraph .TrackersGraph__Controls .GraphLegend__ItemName {
  text-transform: none;
}
.BioTrackersGraph .PatientGraph__Footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.BioTrackersGraph .PatientGraph__Footer .PatientGraph__Tags {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.BioTrackersGraph .PatientGraph__Footer .PatientGraph__Tags span {
  padding: 8px 12px 8px 12px;
  background-color: #ebe9e7;
  color: #23211f;
  align-items: center;
  border-radius: 20px;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.BioTrackersGraph .PatientGraph__Footer .PatientGraph__Source p {
  right: 0;
  text-align: right;
  font-family: "Berthold Akzidenz Grotesk";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}
.BioTrackersGraph .PatientGraph__SVG .TrackersGraph__AxisY .domain {
  visibility: hidden;
}
.BioTrackersGraph .PatientGraph__SVG .TrackersGraph__AxisY .tick line {
  stroke: #d7d5d3;
}
.BioTrackersGraph .PatientGraph__SVG .TrackersGraph__AxisY .tick text {
  fill: black;
}
.SpiderGraph {
  position: relative;
}
.SpiderGraph__Graph .spiderGraphD3__legend {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.5px;
}
.SpiderGraph__Legend {
  position: absolute;
  right: 0;
  top: 15px;
}
.SpiderGraph__LegendItem {
  display: flex;
  margin-bottom: 2px;
  align-items: center;
}
.SpiderGraph__LegendItemRect {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.SpiderGraph__LegendItemLabel {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.5px;
}
.SpiderGraphWithNavigation__Footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 20px;
}
.SpiderGraphWithNavigation__FooterTitle {
  margin: 0 30px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  display: flex;
}
.SpiderGraphWithNavigation__Time {
  margin-left: 15px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.l-title-font, .EditChannelForm__Title, .ChannelsManagement__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
}
.m-title-font, .Pathways__NoStartedPathways, .UserPromManager__EmptyResults, .AssetPreview__Title, .AssetPreview__EmptyText {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.main-text-font, .TokBoxVideoCall__SettingLabel, .TokBoxVideoCall__UserName {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.profile-main-container {
  background: #f5f5f5;
  height: 100%;
  font-family: "AkzidenzGroteskBE" !important;
  padding: 0 20px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .profile-main-container {
    padding: 10px 15px 10px 15px;
  }
}
.MuiDialogActions-action-313:nth-child(2) {
  margin-left: auto;
}
.profile-header-text {
  display: flex;
  align-items: center;
}
.profile-header-text .profile-user-actions-btns {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.profile-header-text .profile-user-actions-btns button {
  background-color: #0000ff;
  color: white;
  padding: 0px 20px;
  margin-right: 10px;
}
.profile-header-text .profile-user-actions-btns button svg {
  margin-right: 5px;
}
.profile-sub-header {
  width: 100%;
  font-size: 21px;
  text-align: left;
  padding: 20px 0;
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-sub-header .profile-header-controls {
  display: flex;
  align-items: center;
}
.profile-sub-header .profile-name {
  color: #000000;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .profile-sub-header .profile-name {
    word-break: break-all;
  }
}
.profile-sub-header .profile-total {
  cursor: pointer;
}
.profile-sub-header .ResetDemoClinicButton {
  margin-right: 10px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .profile-sub-header {
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 0 5px 0;
  }
}
.group-profile-header {
  margin: 20px 10px 32px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
.group-profile-header .group-profile-header-text {
  font-family: AkzidenzGroteskStd, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
}
.groups-tabs-wrapper,
.groups-tabs-page-wrapper {
  margin: 0 10px 0 10px;
}
.profile-paper-container {
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.profile-paper-container .confirmation-btn {
  width: 63%;
  margin: 10px 0px 0px 25px;
}
.profile-paper-sub-header {
  margin-bottom: 15px;
}
.UserInformation .profile-paper-container {
  padding: 0 0 35px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.UserInformation .profile-paper-container .confirmation-btn {
  width: 63%;
  margin: 10px 0px 0px 25px;
}
.profile-paper-data-container {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.profile-paper-data {
  display: flex;
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 4px 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.profile-paper-data--deactivated_at .profile-paper-data-info, .profile-paper-data--deleted_at .profile-paper-data-info {
  color: #e91e63;
}
.add-user {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #0000ff;
  cursor: pointer;
}
.add-user * {
  color: #0000ff;
}
.add-user svg {
  margin-right: 10px;
}
.profile-paper-data-title {
  font-weight: 500;
  width: 130px;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 10px;
}
.PersonalCabinetProfile .profile-paper-data-title {
  width: 200px;
}
.PersonalCabinetProfile__CustomerSettings {
  padding: 20px;
  box-sizing: border-box;
  flex-direction: column;
}
.profile-paper-data-info {
  flex-grow: 2;
  display: flex;
  justify-content: space-between;
  overflow: auto;
  align-items: center;
  font-family: AkzidenzGroteskBE;
  font-size: 15px;
  letter-spacing: 0.3px;
}
.profile-paper-data-info-link {
  display: inline-block;
  padding: 0 5px;
}
.profile-paper-data-ssn .profile-paper-data-info,
.profile-paper-data-user_id .profile-paper-data-info {
  font-weight: bolder;
}
.profile-paper-hr {
  margin: 13px 30px;
  border: 1px solid #d7d5d3;
}
.company-sub-header {
  font-size: 21px;
  text-align: left;
  padding: 15px;
  color: #757575;
  background: #f5f5f5;
  cursor: pointer;
}
.link-icon-wrapper {
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  position: relative;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .link-icon-wrapper {
    top: 0;
  }
}
.link-icon-wrapper .arrow-left-icon {
  fill: #373533;
}
.profile-paper-data-title-status {
  font-weight: 500;
  width: 50%;
  display: flex;
  align-items: center;
}
.profile-paper-data-primary_clinic_manager {
  font-weight: bolder;
}
.edit-simple-user-container {
  display: flex;
  flex-direction: column;
}
.self-diagnosis {
  width: 500px;
  cursor: pointer;
}
.self-diagnosis-item {
  margin: 10px 0;
  border-bottom: 1px solid;
  padding: 10px;
}
.self-diagnosis-item .self-diagnosis-item-question-key {
  margin-top: 10px;
}
.self-diagnosis-item .self-diagnosis-item-question-key__link {
  cursor: pointer;
  color: #0000ff;
  margin-left: 5px;
}
.self-diagnosis-item .self-diagnosis-item-question-key__link:hover {
  text-decoration: underline;
}
.self-diagnosis-item .self-diagnosis-btn button {
  margin-top: 10px;
  color: white;
  background-color: #0000ff;
}
.self-diagnosis-item-answer {
  margin-top: 10px;
}
.self-diagnosis-item-answer__multiline {
  font-family: Roboto, sans-serif;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.TherapyActivity__PackagePreviewLink {
  margin-right: 20px;
}
.activity-journal {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .activity-journal {
    overflow-x: scroll;
  }
}
.exercise-cell__list {
  text-align: left;
  list-style-type: none;
  padding-left: 0;
}
.exercise-cell .list-icon {
  background: gainsboro;
  border-radius: 50%;
  padding: 3px;
  margin-right: 10px;
  cursor: pointer;
}
.exercise-cell__ExternalView, .exercise-cell__ExternalView:hover, .exercise-cell__ExternalView:active {
  color: #000000;
}
.exercise-modal {
  position: absolute;
  background: white;
  left: 74%;
  z-index: 1;
  padding: 10px 78px 16px 24px;
  box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.2);
  display: none;
  border-radius: 15px;
}
.active {
  display: block;
}
.skipped {
  margin-left: 10px;
  color: #ff004b;
}
.no-data {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.therapy-activity-wrapper {
  padding-top: 14px;
}
.therapy-info-list .therapy-info-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info--expandable {
  cursor: pointer;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info .therapy-info-details {
  display: flex;
  justify-content: space-between;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info .therapy-info-details .therapy-info-details-text {
  margin-right: 10px;
  color: #0000ff;
  font-size: 16px;
  font-family: "AkzidenzGroteskBE";
  font-weight: bold;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info .therapy-date {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info span {
  font-size: 24px;
  color: #0000ff;
  font-family: "AkzidenzGroteskBE-Md";
  font-weight: bold;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-info div {
  margin-left: 20px;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-control {
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.therapy-info-list .therapy-info-list-item .therapy-activity-control .answer-btn {
  color: #0000ff;
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 14px;
  font-weight: 500;
}
.therapy-info-list .therapy-detail {
  margin: 15px 0 0 25px;
}
.therapy-info-list .therapy-detail .sub-header {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.progress-prognosis-header {
  padding: 25px 0;
  border-bottom: 2px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
}
.progress-prognosis-header .progress-prognosis-header-text {
  width: 65%;
  display: flex;
}
.progress-prognosis-header .progress-prognosis-header-text .progress-prognosis-text {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.54);
  width: 33%;
  display: flex;
  justify-content: center;
}
.progress-prognosis-active-therapies {
  padding: 10px;
}
.progress-prognosis-info-container {
  display: flex;
}
.progress-prognosis-info-container .PackagePreviewLink {
  text-align: left;
}
.progress-prognosis-info-container .progress-prognosis-titles {
  width: 35%;
}
.progress-prognosis-info-container .progress-prognosis-titles div {
  padding: 20px 24px;
  border-bottom: 2px solid #e0e0e0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.progress-prognosis-info-container .progress-prognosis-info {
  width: 65%;
}
.progress-prognosis-info-container .progress-prognosis-info .progress-prognosis-info-row {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  border-bottom: 2px solid #e0e0e0;
  height: 40px;
  text-align: center;
}
.progress-prognosis-info-container .progress-prognosis-info .progress-prognosis-info-cell {
  width: 33%;
  display: flex;
  justify-content: center;
}
.progress-prognosis-info-container .progress-prognosis-info .progress-prognosis-info-cell.smaller {
  font-size: 12px;
}
.paper-row {
  padding: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 2px solid #e0e0e0;
}
.progress-prognosis-footer {
  display: flex;
  justify-content: space-between;
  padding: 25px;
  align-items: center;
}
.progress-prognosis-footer .progress-prognosis-footer-text {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.54);
  width: 35%;
  padding-left: 20px;
}
.progress-prognosis-footer .progress-prognosis-footer-btn {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #0000ff;
}
.profile-header {
  padding: 14px 30px;
}
.profile-avatar {
  position: inherit;
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: "inline-flex";
}
.proifle-name-wrapper {
  width: 100%;
  gap: 8px;
  display: "inline-flex";
  align-items: center;
  text-align: center;
  background-color: #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-left: -10px;
  padding: 8px 16px 8px 48px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .proifle-name-wrapper {
    margin-left: -30px;
    padding: 8px 16px 8px 32px;
  }
}
.proifle-name-wrapper .gender-icon {
  width: 36px;
  height: 36px;
  color: #161616;
  margin: 0 4px;
}
.proifle-name-wrapper .profile-name {
  font-family: "AkzidenzGroteskBE-Md";
  font-size: 22px;
  color: #161616;
  padding-right: 8px;
}
.proifle-name-wrapper .profile-info {
  font-family: "AkzidenzGroteskBE";
  font-weight: 300;
  font-size: 18px;
  color: #918f8d;
  padding: 0px 8px;
  border-left: 2px #918f8d solid;
}
.proifle-name-wrapper .profile-name-divider {
  width: 4px;
  height: 100%;
  border-left: 2px #000000;
}
.MainCardsContainer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.TherapiesCards {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.TherapiesCards .Card {
  display: flex;
  width: 120px;
  height: 120px;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background-color: #ebe9e7;
}
.TherapiesCards .Card h4 {
  color: #191715;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 100% */
  letter-spacing: 0.28px;
}
.TherapiesCards .Card h1 {
  color: #191715;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.TherapiesCards .Success {
  background-color: rgba(127, 217, 217, 0.4);
}
.TherapiesCards .Danger {
  background-color: #ffd9e8;
}
.TherapiesCards .Neutral {
  background-color: #ffffff;
}
.account-settings-wrapper {
  height: 100%;
  width: 100%;
  padding-left: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.account-settings-wrapper .account-settings-container {
  display: flex;
}
.account-settings-wrapper .account-settings-container .account-info {
  width: 65%;
}
.account-settings-wrapper .account-settings-communication-group .title {
  font-weight: bold;
}
.account-settings-wrapper .account-settings-communication-group .communication-emails-info {
  font-size: 15px;
}
.account-settings-wrapper .account-settings {
  border-right: 1px solid #e0e0e0;
  width: 50%;
}
.account-settings-wrapper .account-settings .center {
  text-align: center;
}
.account-settings-wrapper .account-settings .account-settings-info {
  text-align: left;
  margin-top: 35px;
  display: flex;
}
.account-settings-wrapper .account-settings .account-settings-info.right {
  justify-content: center;
  align-items: center;
  width: auto;
}
.account-settings-wrapper .account-settings .account-settings-info .acc-title {
  min-width: 60px;
}
.account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials {
  margin-top: 35px;
}
.account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials__Email, .account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials__Password {
  margin-top: 15px;
}
.account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials__Label {
  min-width: 100px;
  display: inline-block;
}
.account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials__Instructions {
  white-space: pre-line;
}
.account-settings-wrapper .account-settings .ClinicManagerTestPatientCredentials__CopyToClipboard {
  margin-left: 5px;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.profile-sidebar-buttons .ProfileButton {
  margin-bottom: 10px;
}
.CustomerProfile__UploadContainer {
  padding: 20px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.CustomerProfile .UploadClinicImage__UploadPicture {
  align-self: center;
}
.BookMeetingButton {
  margin-bottom: 20px;
}
.SendSmsButton {
  margin-bottom: 20px;
}
.ChatButton {
  margin-bottom: 20px;
}
.OldPpBtn {
  text-decoration: none;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  padding: 8px 8px 6px 8px;
  font-size: 12px;
  font-family: AkzidenzGroteskStd;
  font-weight: 500;
  color: #191715;
  display: flex;
  align-items: center;
  gap: 0 5px;
  background: #fff;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms;
}
.OldPpBtn:hover {
  background: #ebe9e7;
}
.profile-upload .image-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  width: 250px;
  border-radius: 50%;
  border: 2px solid black;
}
.profile-upload .image-wrapper:hover {
  opacity: 0.6;
}
.profile-upload .image-wrapper .image-overlay {
  opacity: 0;
}
.profile-upload .image-wrapper .image-overlay:hover {
  opacity: 1;
}
.UserInformation {
  position: relative;
}
.UserInformation__Inner {
  padding: 25px 0;
  display: flex;
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #d7d5d3;
  box-shadow: none !important;
}
.UserInformation--test-user .UserInformation__Inner {
  background: #fff4ec;
}
.UserInformation--deactivated-user .UserInformation__Inner {
  background: #d9d9d9;
}
.UserInformation__Name {
  margin-right: 10px;
  margin-top: 10px;
}
.UserInformation__NameContainer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap-reverse;
}
.UserInformation__Header {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  font-size: 22px;
  line-height: 22px;
}
.UserInformation__Primary {
  font-size: 16px;
  margin-top: 10px;
}
.UserInformation__EditIcon {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.UserInformation__Footer {
  margin: 15px 15px;
  width: auto;
}
.UserInformation__FieldBlue {
  color: #0000ff;
}
.UserInformation__FieldRed {
  color: #e91e63;
}
.UserInformation__Footer {
  display: flex;
  flex-wrap: wrap;
}
.UserInformation__Footer .RoundedButton {
  margin-top: 10px;
  margin-right: 10px;
  width: auto;
}
.ActivityJournal__Title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  padding: 30px;
}
body .ActivityJournal__Tab {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  color: #0000ff;
}
body .ActivityJournal__TabBarIndicator {
  background-color: #0000ff;
}
.ActivityJournal .PackagePreviewLink {
  display: inline-flex;
}
.ActivityJournal__UserSmsHistory {
  padding-left: 5px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .ActivityJournal__UserSmsHistory {
    overflow-x: scroll;
  }
}
.ActivityJournal__UserSmsHistory .UserSmsHistory__GroupLink {
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
}
.ActivityJournal__UserSmsHistory .UserSmsHistory__GroupLink:active, .ActivityJournal__UserSmsHistory .UserSmsHistory__GroupLink:hover, .ActivityJournal__UserSmsHistory .UserSmsHistory__GroupLink:visited {
  text-decoration: none;
  color: #ffffff;
}
.ActivityJournal__UserSmsHistory .UserSmsHistory__GroupLink div {
  cursor: pointer;
}
.PatientTherapies {
  width: 100%;
}
.PatientTherapies .MuiTabs-flexContainer {
  gap: 16px !important;
}
.PatientTherapies__Title {
  text-align: left;
  color: #000000;
  padding: 30px 30px 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1.33px;
  font-weight: 700;
}
.PatientTherapies__AppBar {
  background: transparent;
}
.PatientTherapies__NewTherapyContainer {
  margin-bottom: 30px;
}
body .PatientTherapies__Tab {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  letter-spacing: 2px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-right: 15px;
  background: white;
  max-width: 250px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  line-height: 1.6em;
}
body .PatientTherapies__Tab[aria-selected=true] {
  background: #262626;
  color: white;
}
body .PatientTherapies__Tab:not([aria-selected=true]):hover {
  background: #e6e6e6;
}
.PatientTherapies__TabIndicator {
  display: none;
}
body .PatientTherapies__Tab--treatment-last {
  margin-right: 40px;
}
body .PatientTherapies__Tab--add-treatment {
  padding-left: 20px;
  height: 48px;
}
.PatientTherapies__Tab--add-treatment > span:first-child {
  flex-direction: row;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PatientTherapies__ExportButtonWrapper {
    display: flex;
    justify-content: flex-end;
  }
}
.PatientTherapies__ExportButton {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PatientTherapies__ExportButton {
    position: static;
    margin-bottom: 15px;
  }
}
.PatientTherapies__ExportButton .SaveIcon {
  stroke: #0000ff;
}
.PatientTherapies .ProgressLoader__Overlay {
  background: #f5f5f5;
}
.PatientTherapies .ProgressLoader__Overlay .ProgressLoader__Text {
  color: rgba(255, 255, 255, 0.3);
}
.PatientTherapies__PackageTitleLinkContainer {
  display: flex;
}
.PatientTherapies__OSDBadge {
  margin-left: 10px;
}
.PatientTherapies__ActivityGraphContainer {
  padding: 20px 0;
  background: #262626;
  position: relative;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PatientTherapies__ActivityGraphContainer {
    padding: 15px;
  }
}
.PatientTherapies__ActivityGraphContainer .PatientTherapies__PackageTitle,
.PatientTherapies__ActivityGraphContainer .PatientTherapies__LevelTitle,
.PatientTherapies__ActivityGraphContainer .PatientActivityGraph__TherapyDetails {
  color: #000000;
}
.PatientTherapies__ActivityGraphContainer .Graph__LineLegend text, .PatientTherapies__ActivityGraphContainer .Graph__YLegend {
  fill: #b9b7b5;
  letter-spacing: 0.5px;
}
.PatientTherapies__ActivityGraphContainer .Graph__SessionLegendTitle {
  letter-spacing: 0.5px;
}
.PatientTherapies__ActivityGraphContainer .Graph .tick text {
  fill: #7d7d7d;
}
.PatientTherapies__ActivityGraphContainer .Graph__SessionLegendLine {
  stroke: #7d7d7d;
}
.PatientTherapies__ActivityGraphContainer .Graph__AxisX .domain {
  stroke: #7d7d7d;
}
.PatientTherapies__ActivityGraphContainer .Graph__AxisX .tick text {
  fill: white;
  font-size: 13px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
}
.PatientTherapies__ActivityGraphContainer .Graph__AxisY .domain {
  stroke: none;
}
.PatientTherapies__ActivityGraphContainer .Graph__AxisX .tick line, .PatientTherapies__ActivityGraphContainer .Graph__AxisY .tick line {
  stroke: #7d7d7d;
}
.PatientTherapies__ActivityGraphContainer .Graph__ResetZoomButton rect {
  stroke: white;
}
.PatientTherapies__ActivityGraphContainer .Graph__ResetZoomButton text {
  fill: white;
}
.PatientTherapies__ActivityGraphContainer .Graph__RangeRectangle {
  fill: white;
  fill-opacity: 0.3;
}
.PatientTherapies__ActivityGraphContainer .Graph__HoverCircle {
  stroke: white;
}
.PatientTherapies__PackageTitle {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 26px;
  margin-bottom: 5px;
}
.PatientTherapies__PackageTitleLink .PackagePreviewLink__Icon {
  display: none !important;
}
.PatientTherapies__LevelTitle {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 20px;
}
.PatientTherapies .PatientActivityGraph {
  margin-top: 10px;
}
.PatientTherapies__TherapyNotSelected {
  font-size: 20px;
  color: #000;
  width: 100%;
  text-align: center;
}
.PatientTherapies__TherapyNotSelectedButtonContainer {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.PatientTherapies__OverridePackage {
  box-shadow: none !important;
}
.PatientTherapies .NotationsBox {
  background: white;
  border-radius: 10px;
}
body .PatientTherapies__Footer {
  margin: 0;
  padding: 0 60px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  body .PatientTherapies__Footer {
    padding: 0 15px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
body .PatientTherapies__Footer .PatientTherapies__Actions {
  flex-grow: 1;
  max-width: 400px;
}
body .PatientTherapies__Footer .NotationsBoxWrapper {
  flex-grow: 2;
}
body .PatientTherapies__Footer .PatientTherapies__OverridePackage,
body .PatientTherapies__Footer .NotationsBox {
  border-radius: 6px;
}
body .PatientTherapies__Footer .PatientTherapies__Actions {
  margin-right: 40px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  body .PatientTherapies__Footer .PatientTherapies__Actions {
    margin-right: 0;
  }
}
.PatientTherapies__Actions button {
  margin-bottom: 15px;
}
.PatientTherapies__EndTreatmentButton {
  margin-top: 40px;
}
.PatientTherapiesNew .profile-tab-bar {
  position: inherit;
  margin: 20px 0;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab {
  background-color: #ffffff;
  border-radius: 4px;
  width: auto !important;
  display: inline-block !important;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab--treatment-last,
.PatientTherapiesNew .PatientTherapiesNew__Tab--treatment {
  padding: 8px 16px 8px 16px;
}
body .PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment {
  padding: 8px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #161616;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment--icon {
  width: 18px;
  height: 20px;
  color: #ffffff;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment > span:first-child {
  flex-direction: row;
}
.NotationsBox__Header {
  padding: 25px 30px 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.NotationsBox__Title {
  font-family: AkzidenzGroteskBE-LightEx, Roboto, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
}
.NotationsBox .NotationsList {
  max-height: 400px;
  min-height: 200px;
  overflow-y: auto;
  margin: 0 30px 30px;
  padding-right: 10px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NotationsBox .NotationsList {
    margin: 0 30px 10px 30px;
  }
}
.NotationsList__Empty {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
}
.NotationView {
  padding: 20px 0;
  border-bottom: 1px solid #bcbcbc;
  position: relative;
}
.NotationView__Header {
  margin-bottom: 10px;
}
.NotationView__Time, .NotationView__Name {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
}
.NotationView__Name {
  margin-left: 15px;
}
.NotationView__Text {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
}
.NotationView__Actions {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.NotationView__EditButton {
  color: #0000ff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.NotationView__EditButtonText {
  padding: 0 5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-left: 5px;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
.NotationForm__Text {
  min-height: 400px;
  width: 500px;
}
.NotationForm__Inner {
  border-radius: 5px;
  background: none !important;
  box-shadow: none !important;
}
.NotationForm .note-toolbar.panel-heading {
  background: white;
}
.NotationForm .note-editor.note-frame {
  border: none;
}
.NotationForm .note-editable.panel-body {
  font-size: 22px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  letter-spacing: 0.6px;
}
.NotationForm .note-editable.panel-body p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.NotationForm__Footer {
  margin-top: -20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
  z-index: 2;
}
.NotationForm__Footer button {
  width: 200px;
}
.ClinicWhiteLabels .assets-list {
  padding: 10px 20px;
  background: #80808024;
  margin-bottom: 10px;
}
.PatientTherapy {
  position: relative;
}
.PatientTherapy__TrackersAndLegend {
  display: flex;
  align-items: start;
}
.PatientTherapy__TrackersAndLegend--Collapsed {
  margin-top: 0;
  height: 25px;
  overflow: hidden;
}
.PatientTherapy__Trackers {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.PatientTherapy__Trackers--Collapsed {
  display: flex;
}
.PatientTherapy__Legend {
  background: #616161eb;
  color: white;
}
.PatientTherapy__Legend--Collapsed {
  display: none;
}
.PatientTherapy__TrackerSwitch {
  background: #616161eb;
  color: white;
  border-radius: 10px;
  margin-bottom: 10px;
}
.PatientTherapy__TrackerSwitch:last-child {
  margin-bottom: 0;
}
.PatientTherapy__TrackerSwitch--Collapsed {
  width: 180px;
}
.PatientTherapy__TrackerSwitch--Collapsed:last-child {
  margin: 0 20px 12px;
}
.PatientTherapy__TrackerSwitch .MSwitch__LabelContainer {
  flex-direction: row-reverse;
  margin: 0;
  justify-content: space-between;
  padding: 0 0 0 20px;
}
.PatientTherapy__TrackerSwitch .MSwitch__Label {
  color: white;
  font-family: AkzidenzGroteskBE-MdEx, Roboto, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.ClinicInvoices .profile-paper-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.ClinicInvoices .profile-paper-sub-header {
  margin-bottom: 15px;
}
.ClinicInvoices .profile-paper-data-container {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.ClinicInvoices__InvoiceList table {
  width: 100%;
  text-align: left;
}
.ClinicInvoices__InvoiceRecipientSettings {
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.ClinicInvoices__InvoiceRecipientSettings .current-invoice-recipient {
  display: flex;
  justify-content: space-between;
}
.ClinicInvoices__InvoiceRecipientSettings .current-invoice-recipient__email {
  width: 50%;
  flex-grow: 0.75;
  min-height: 32px;
}
.ClinicInvoices__InvoiceRecipientSettings .current-invoice-recipient__email div {
  width: 100%;
}
.ClinicInvoices__InvoiceRecipientSettings .current-invoice-recipient__email__value {
  display: inline-block;
  margin-top: 4px;
}
.ClinicInvoices__InvoiceRecipientSettings .current-invoice-recipient__action {
  flex-grow: 0.25;
  margin-left: 20px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.ClinicStatistics {
  box-shadow: none !important;
}
.ClinicStatistics__Container {
  padding: 0 20px;
}
.ClinicStatistics__Paper {
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.ClinicStatistics__Controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 20px 0;
}
@media screen and (max-width: 540px) {
  .ClinicStatistics__Controls {
    flex-direction: column;
    align-items: center;
  }
}
.ClinicStatistics__ClinicSelector {
  width: 200px;
}
@media screen and (max-width: 540px) {
  .ClinicStatistics__ClinicSelector {
    margin-bottom: 20px;
  }
}
.ClinicStatistics__ClinicsOptions {
  display: flex;
  align-items: center;
}
.ClinicStatistics__ExportBtn.MessengerHeader__ExportChatButton {
  width: 100px;
}
.ClinicStatistics__DatePickerOption {
  margin-left: 20px;
  display: flex;
  justify-content: center;
}
.ClinicStatistics__Paper {
  width: auto;
}
.ClinicStatistics .profile-paper-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.ClinicStatistics .profile-paper-data-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0;
}
.ClinicStatistics .selectPeriod {
  width: 100%;
}
.ClinicStatistics__TableTitle {
  font-family: AkzidenzGroteskStd-Md, Roboto, SansSerif;
  font-size: 16px;
}
.ClinicStatistics .StatisticElement {
  text-align: center;
  padding: 10px;
  font-family: AkzidenzGroteskStd-Light, Roboto, SansSerif;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
  overflow: hidden;
}
.ClinicStatistics .StatisticElement__title {
  font-size: 18px;
  margin-bottom: 5px;
  font-family: AkzidenzGroteskStd-Md, Roboto, SansSerif;
}
.ClinicStatistics .StatisticElement__activatedItems {
  font-weight: bold;
}
.ClinicStatistics .StatisticElement__totalItems {
  font-size: 14px;
  margin-top: 5px;
}
.ClinicStatistics .StatisticElement__pricePerItem {
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 5px;
}
.ClinicStatistics .StatisticElement__totalPrice {
  font-size: 14px;
  font-family: AkzidenzGroteskStd-Md, Roboto, SansSerif;
}
.ClinicStatistics .StatisticElement .currencies {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ClinicStatistics .StatisticElement .currencies .prices {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.AccountDetails .StaffProfile__Breadcrumbs {
  display: none;
}
.AccountDetails .UserInformationAndActions__ActivationCheckbox {
  display: block;
}
.AccountDetails .UserInformationAndActions__ActivationCheckbox .DefaultButton-outlined {
  margin-left: auto;
}
.AccountDetails .UserInformationAndActions__ActivationCheckbox .MSwitch {
  display: none;
}
.AccountDetails__EditUserForm .UserForm__Field--language {
  display: none;
}
.ChatWelcomeMessage .Panel__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ChatWelcomeMessage .contentLanguageSwitcher__option--active {
  background: #bcbcbc;
}
.ChatWelcomeMessage__MessageText {
  padding: 10px 0;
  font-weight: bolder;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 16px;
}
@media screen and (max-width: 1240px) {
  .ChatWelcomeMessage .Panel__Header {
    flex-direction: column;
    justify-content: center;
  }
}
.ChatWelcomeMessage .Panel__Footer {
  display: flex;
  justify-content: flex-end;
}
.ChatWelcomeMessage .Panel__Footer .RoundedButton {
  margin-left: 20px;
}
.ChatWelcomeMessage__InputArea {
  width: 100%;
  height: 100px;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}
.ChatWelcomeMessage__SelectableCheckboxContainer {
  justify-content: left;
}
.WelcomeMessageSettings .ChatWelcomeMessage {
  margin-bottom: 30px;
}
.WelcomeMessageSettings__Selectable {
  display: column;
}
.WelcomeMessageSettings__Selectable--selected .contentLanguageSwitcher__option {
  background: #0000ff;
  color: white;
}
.WelcomeMessageSettings__Selectable--selected .contentLanguageSwitcher__option--active {
  background: white;
  color: #0000ff;
}
.WelcomeMessageSettings__Selectable--selected .WelcomeMessageSettings__CheckboxLabel {
  color: #0000ff;
}
.WelcomeMessageSettings__Selectable .ChatWelcomeMessage {
  flex-grow: 1;
}
.WelcomeMessageSettings__SelectableCheckboxContainer {
  min-width: 200px;
  max-width: 200px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding: 10px;
}
.WelcomeMessageSettings .WelcomeMessageSettings__CheckboxLabelContainer {
  margin-right: 0;
  margin-left: 0;
}
.WelcomeMessageSettings .WelcomeMessageSettings__CheckboxLabel {
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 1.43px;
  text-align: left;
}
.ClinicWelcomeMessageSettings {
  position: relative;
}
.PersonalCabinetClinicProfile {
  padding: 20px 0;
}
.PersonalCabinetClinicProfile__ImageContainer {
  display: flex;
  justify-content: flex-end;
}
.PersonalCabinetClinicProfile__Image, .PersonalCabinetClinicProfile__NoImage {
  width: 150px;
  height: 150px;
  border-radius: 150px;
}
.PersonalCabinetClinicProfile__NoImage {
  border: 1px solid #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PersonalCabinetClinicProfile__InformationAndImage {
  display: flex;
  padding: 35px;
}
.PersonalCabinetClinicProfile__Paper {
  box-shadow: none !important;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
}
.PersonalCabinetClinicProfile .clinic-profile-hr {
  margin: 13px 30px 13px 0;
}
.PersonalCabinetClinicProfile .paper-clinic-profile {
  padding: 0 30px 0 0;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.PersonalCabinetClinicSettings__ImageContainer {
  display: flex;
  justify-content: flex-start;
}
.PersonalCabinetClinicSettings__CustomerSettings {
  margin-top: 20px;
}
.PersonalCabinetClinicSettings__Paper {
  box-shadow: none !important;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
}
.PersonalCabinetClinicSettings .PersonalCabinetEditCustomerProfileForm {
  margin-bottom: 20px;
}
div.PersonalCabinetClinicSettings__ImageContainer {
  margin-bottom: 20px;
}
.UpcomingInvoice .header-block .title {
  font-size: 20px;
  font-weight: 600;
}
.UpcomingInvoice .header-block .title-preposition {
  color: #6e6d6e;
  font-size: 16px;
}
.UpcomingInvoice .header-block .title-currency {
  font-size: 18px;
}
.UpcomingInvoice .header-block .subtitle {
  height: 10px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 200;
  color: #6e6d6e;
}
.UpcomingInvoice .header-block .subtitle .plans {
  color: #0000ff;
}
.UpcomingInvoice .header-block .subtitle .date {
  font-weight: 600;
}
.UpcomingInvoice .invoice-table .p20 {
  padding: 20px;
}
.UpcomingInvoice .invoice-table .title {
  line-height: 22px;
}
.UpcomingInvoice .invoice-table .subtitle {
  height: 10px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 200;
  color: #6e6d6e;
}
.UpcomingInvoice .invoice-table .w15 {
  width: 15%;
}
.UpcomingInvoice .invoice-table .w20 {
  width: 20%;
}
.UpcomingInvoice .invoice-table .right {
  text-align: right;
}
.UpcomingInvoice .invoice-table .grayed {
  color: #6e6d6e;
}
.UpcomingInvoice .customer-table .w15 {
  width: 15%;
}
.UpcomingInvoice .customer-table .w30 {
  width: 30%;
}
.UpcomingInvoice .customer-table .w40 {
  width: 40%;
}
.UpcomingInvoice .customer-table .mw105 {
  min-width: 105px;
}
.UpcomingInvoice .customer-table .mw115 {
  min-width: 115px;
}
.UpcomingInvoice .customer-table .grayed {
  color: #6e6d6e;
}
.UpcomingInvoice .customer-table .blue {
  color: #0000ff;
}
.UpcomingInvoice .customer-table .border-0 {
  border: 0;
}
.UpcomingInvoice .show-full-upcoming-invoice {
  width: 100%;
  text-align: center;
  margin: 15px 0;
  color: #0000ff;
  font-size: 12px;
  cursor: pointer;
}
.CompanyLanguageSettings .CustomerSettings__Setting {
  display: flex;
  align-items: flex-start;
}
.CompanyLanguageSettings .CustomerSettings__SettingTitle {
  flex: 1;
}
.CompanyLanguageSettings .ExpansionBlock {
  flex: 1;
  margin: 0 10px;
  padding: 10px 20px 10px 10px;
}
.CompanyLanguageSettings .ExpansionBlock .BlockArrowIcon.ExpansionBlock__icon {
  right: -8px;
}
.CompanyLanguageSettings__CustomerSettingItem {
  margin-bottom: 20px;
}
.CompanyLanguageSettings__Chip {
  margin: 0 5px;
  border-radius: 5px !important;
}
.CompanyLanguageSettings__ChipLabel {
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.PersonalCabinetEditCustomerProfileForm {
  display: flex;
  align-items: center;
}
.PersonalCabinetEditCustomerProfileForm__Buttons {
  display: flex;
  margin-left: 20px;
}
.PersonalCabinetEditCustomerProfileForm__Buttons .RoundedButton {
  margin-right: 10px;
}
.AwaProfileList {
  font-size: medium;
  border-radius: 10px;
  padding: 5px;
}
.AwaProfileList__MainExpansion {
  margin: 10px !important;
}
.AwaProfileList__Title {
  font-family: "AkzidenzGroteskBE-LightOsF";
  text-transform: uppercase;
  font-size: medium;
}
.AwaProfileList__Title__Text {
  position: relative;
  bottom: -4px;
  right: -8px;
}
.AwaProfileList__Avatar__1 {
  background-color: #EBE9E7 !important;
}
.AwaProfileList__Avatar__2 {
  background-color: #EBE9E7 !important;
}
.AwaProfileList__ChipGrid {
  margin-top: 5px !important;
}
.AwaProfileList__ListChip__1 {
  border-radius: 5px !important;
  margin: 5px;
  background-color: #EBE9E7 !important;
  font-family: "AkzidenzGroteskBE-LightOsF";
  text-transform: uppercase;
  color: black !important;
  border: 1px black;
}
.AwaProfileList__ListChip__2 {
  border-radius: 5px !important;
  margin: 5px;
  background-color: #EBE9E7 !important;
  font-family: "AkzidenzGroteskBE-LightOsF";
  text-transform: uppercase;
  color: #696765 !important;
}
.AwaProfileList__1 {
  color: #649bff !important;
  padding: 10px;
}
.AwaProfileList__2 {
  color: #f5aa0a !important;
  padding: 10px;
}
.AwaProfileList__3 {
  color: #ff004b !important;
  padding: 10px;
}
.AwaProfileList__Title {
  color: grey;
}
.AwaProfileList__List {
  list-style-type: none;
}
.CalendarSettings .CustomerSettings__Setting {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.CalendarSettings__MeetingLengthInput {
  margin-right: 10px;
}
.CalendarSettings__MeetingLengthField {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.CalendarSettings .ExpansionBlock {
  flex: 1;
  margin: 0 10px;
  padding: 10px 20px 10px 10px;
}
.SmsSettings .CustomerSettings__Setting {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.AppSettings .AppSettings__Select {
  width: 150px;
}
.WndrHlthTab {
  width: 100%;
}
.WndrHlthTab .profile-tab-bar {
  position: inherit;
  margin: 20px 0;
}
.WndrHlthTab .MuiTabs-flexContainer {
  gap: 16px !important;
}
.WndrHlthTab__Tab {
  background-color: #ffffff;
  border-radius: 4px;
  width: auto !important;
  display: inline-block !important;
}
body .WndrHlthTab__Tab {
  padding: 8px 16px 8px 16px !important;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  border-radius: 4px;
  background-color: #ffffff;
  max-width: 250px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
body .WndrHlthTab__Tab:not([aria-selected=true]):hover {
  background: #e6e6e6;
}
body .WndrHlthTab__Tab--treatment-last {
  margin-right: 40px;
}
.WndrHlthTab__TabIndicator {
  display: none;
}
.WndrHlthTab__Content {
  background: transparent;
  padding: 0;
  border-radius: 6px;
}
.WndrHlthTab__DashboardContainer {
  position: relative;
}
.WndrHlthTab__LoadingMessage, .WndrHlthTab__ErrorMessage {
  color: white;
  font-size: 18px;
  text-align: center;
  padding: 20px;
}
.WndrHlthTab__ErrorMessage {
  color: #ff6b6b;
}
.WndrHlthTab__Iframe {
  width: 100%;
  border: none;
  min-height: 500px;
}
@media (max-width: 768px) {
  .WndrHlthTab .profile-tab-bar {
    overflow-x: auto;
    white-space: nowrap;
  }
  body .WndrHlthTab__Tab {
    max-width: none;
    margin-right: 10px;
    padding: 8px 12px;
  }
  .WndrHlthTab__Content {
    padding: 15px;
  }
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.l-title-font, .EditChannelForm__Title, .ChannelsManagement__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
}
.m-title-font, .Pathways__NoStartedPathways, .UserPromManager__EmptyResults, .AssetPreview__Title, .AssetPreview__EmptyText {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.main-text-font, .TokBoxVideoCall__SettingLabel, .TokBoxVideoCall__UserName {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.create-user-main-container {
  display: flex;
  min-height: calc(100vh - 64px);
  background-color: #eeeeee;
}
.create-user-container {
  display: flex;
  justify-content: space-around;
  width: 60%;
  border-right: 3px solid #e0e0e0;
  flex-wrap: wrap;
}
.create-contact-container {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.create-user-contacts-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.create-user-input-container {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid black;
}
.create-user-contact-info {
  border-bottom: 4px solid #e0e0e0;
  padding: 40px;
}
.create-user-contact-info .delete-item {
  width: 70%;
  position: relative;
}
.create-user-contact-info .delete-item .delete-tooltip {
  position: absolute;
  top: 15px;
  right: -60px;
}
.create-user-title {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 0;
  min-width: 300px;
}
.delete-item-container {
  display: flex;
}
.add-billing {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #0000ff;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: 15px;
}
.add-contact-person {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #0000ff;
  cursor: pointer;
  margin-top: 10px;
}
.add-contact-person * {
  color: #0000ff;
}
.add-contact-person svg {
  margin-right: 10px;
}
.create-simple-users-content {
  min-width: 402px;
  min-height: 182px;
  padding: 24px;
}
.create-simple-users-drop-zone-container {
  width: 400px;
  height: 180px;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
}
.create-simple-admin-users-content {
  width: 310px;
}
.chargless-container {
  border-radius: 3px;
  border: solid 1px #e0e0e0;
  margin-top: 20px;
  padding: 10px 10px;
}
.RequestClinicManagerProfileFieldsModal .M-Modal__Inner {
  background-color: white;
}
.RequestClinicManagerProfileFields__Info {
  text-align: center;
  padding: 20px 0;
  font-size: 17px;
}
.UserForm__Fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body .UserForm__FieldLabel, body .ChannelsTree__Label, body .DynamicSliderStepControl--header, body .AssetPreview__TitleLabel {
  font-family: AkzidenzGroteskStd;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.93;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: -7px;
}
.UserForm__FieldEmptyValue {
  height: calc(1em + 14px);
  display: flex;
  align-items: flex-end;
}
.UserForm__FieldInput {
  margin-top: 0 !important;
}
body .UserForm__Field {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 10px;
}
body .UserForm__Field--half-size, body .EditUserForm .UserForm__Field, .EditUserForm body .UserForm__Field, body .CreateNewUserForm .UserForm__Field, .CreateNewUserForm body .UserForm__Field {
  width: calc(50% - 20px);
}
body .UserForm__Field--changed input,
body .UserForm__Field--changed div[role=button],
body .UserForm__Field--changed .PatternInput__VisibleValue,
body .UserForm__Field--changed .has-value.Select > .Select-control .Select-value .Select-value-label {
  color: #0000ff;
}
body .UserForm__Field input[type=text][readonly] {
  background: #f2f2f2;
}
.UserForm__ColorFieldContainer {
  position: relative;
}
.UserForm__ColorIndicator {
  position: absolute;
  right: 0;
  top: 30px;
  border: 1px solid black;
  width: 20px;
  height: 20px;
}
.UserForm__Footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
.CreateNewUserForm__Tooltip {
  font-size: 15px !important;
}
.CreateNewUserForm__AuthMethods {
  display: flex;
  justify-content: center;
}
.CreateNewUserForm__Subtitle {
  text-align: center;
  padding-top: 20px;
  color: #0000ff;
}
.CreateNewUserForm__AuthMethod {
  width: 110px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #f5f4f3;
  border-radius: 8px;
  margin-right: 20px;
  box-sizing: border-box;
}
.CreateNewUserForm__AuthMethod:last-child {
  margin-right: 0;
}
.CreateNewUserForm__AuthMethod--active {
  border: solid 2px #0000ff;
}
.CreateNewUserForm__AuthMethod--email .CreateNewUserForm__AuthMethodImage {
  height: 35px;
}
.CreateNewUserForm__AuthMethod--bankId .CreateNewUserForm__AuthMethodImage {
  height: 48px;
}
.CreateNewUserForm__AuthMethod--signicat {
  width: 180px;
}
.CreateNewUserForm__AuthMethod--signicat .CreateNewUserForm__AuthMethodImage {
  height: 50px;
}
.CreateNewUserForm__AuthMethodImage {
  height: 40px;
  width: auto;
}
.CreateNewUserForm__AuthMethodLabel {
  font-family: AkzidenzGroteskStd-Light;
  margin: 5px 0;
  font-size: 12px;
  letter-spacing: 0.89px;
}
.CreateNewUserForm__AuthMethodTooltip {
  font-size: 14px;
}
.CreateNewUserForm .UserForm__Field {
  width: 100%;
}
.CreateNewUserForm .UserForm__Field--ssn {
  width: 100% !important;
}
.CreateNewUserForm__ClinicSelect {
  margin-top: 12px;
}
.CreateNewUserModal .M-Modal__Header {
  background: white;
}
.CreateNewUserModal .M-Modal__Body {
  padding: 0;
  background: white;
}
.CreateNewUserModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
}
.CreateNewUserModal .CreateNewUserForm {
  padding: 10px 30px 15px 30px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.CreateNewUserModal .CreateNewUserForm .UserForm__Footer {
  margin-top: auto;
}
html body .EditUserForm .UserForm__Field--ssn {
  width: 100%;
}
.EditUserForm .UserForm__Field--birthday .ExtendedDatePickerInput__DatePickerContainer {
  margin-top: calc(-100% - 100px);
}
.EditUserModal .M-Modal__Header {
  background: white;
}
.EditUserModal .M-Modal__Body {
  padding: 0;
  background: white;
}
.EditUserModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
}
.EditUserModal .EditUserForm {
  display: flex;
  flex-direction: column;
  padding: 10px 50px 40px 60px;
  overflow-x: hidden;
}
.EditUserModal .EditUserForm .UserForm__Fields {
  order: 1;
}
.EditUserModal .EditUserForm .UserForm__Footer {
  order: 0;
  margin-top: 0;
}
.EditUserModal .EditUserForm__CancelButton {
  display: none;
}
.SearchSelect--options-up .Select__menu, .CreateNewUserForm .PrimarySelect .Select__menu, .EditUserForm .PrimarySelect .Select__menu {
  top: auto;
  bottom: 110%;
  border: 1px solid #ccc;
  border-radius: 0;
}
.SearchSelect .Select__input, .SearchSelect .Select__value, .SearchSelect .Select__placeholder {
  padding-left: 0 !important;
}
.SearchSelect .Select__value-container {
  padding-left: 0;
}
.SearchSelect .Select__indicator-separator {
  display: none;
}
.SearchSelect .Select__control {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  border-radius: 0;
}
.SearchSelect .Select__control--is-focused {
  border: none;
  border-bottom: 1px solid gray;
  box-shadow: none;
}
.SearchSelect.Select--is-disabled .Select__multi-value__remove {
  display: none;
}
.SearchSelect.Select--is-disabled .Select__multi-value__label {
  padding-right: 6px;
}
.SearchSelect.Select--is-disabled .Select__indicators {
  display: none;
}
.OnlineIndicator {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.OnlineIndicator__Circle {
  background: #ff0000;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 8px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .OnlineIndicator__Circle {
    width: 8px;
    height: 8px;
    margin-right: 6px;
  }
}
.OnlineIndicator__Text {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.07;
  letter-spacing: 0.27px;
  text-align: center;
  margin-top: 2px;
  color: #373533;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .OnlineIndicator__Text {
    font-size: 8px;
  }
}
.OnlineIndicator--online .OnlineIndicator__Circle {
  background-color: #32c8c8;
}
.PatientVideoCallButton {
  display: flex;
  align-items: center;
}
.PatientVideoCallButton__ButtonsGroup {
  display: flex;
  gap: 8px;
}
.PatientVideoCallButton__QualityButton {
  background-color: white !important;
  border: 1px solid #32c8c8 !important;
}
.PatientVideoCallButton__QualityButton:hover {
  background-color: rgba(117, 117, 117, 0.04) !important;
}
.PatientVideoCallButton .OnlineIndicator {
  margin-left: 16px;
}
.TokBoxVideoCall-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #3b3b3b;
}
.TokBoxVideoCall {
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
}
.TokBoxVideoCall__SharedScreenContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #3b3b3b;
}
.TokBoxVideoCall__SubscribersContainer {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  overflow: hidden;
}
.TokBoxVideoCall__Subscribers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
}
.TokBoxVideoCall__SubscribersPrevious, .TokBoxVideoCall__SubscribersNext, .TokBoxVideoCall__SubscribersPage {
  display: none;
}
.TokBoxVideoCall__SubscribersPrevious, .TokBoxVideoCall__SubscribersNext {
  position: absolute;
}
.TokBoxVideoCall__SubscribersPrevious svg, .TokBoxVideoCall__SubscribersNext svg {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer;
}
.TokBoxVideoCall__SubscribersPrevious:hover path, .TokBoxVideoCall__SubscribersNext:hover path {
  fill: #a9a9a9;
}
.TokBoxVideoCall__SubscribersPrevious {
  left: -65px;
}
.TokBoxVideoCall__SubscribersNext {
  right: -65px;
}
.TokBoxVideoCall__SubscribersInfo {
  position: absolute;
  top: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.TokBoxVideoCall__Subscribers--paging .TokBoxVideoCall__SubscribersPrevious, .TokBoxVideoCall__Subscribers--paging .TokBoxVideoCall__SubscribersNext, .TokBoxVideoCall__Subscribers--paging .TokBoxVideoCall__SubscribersPage {
  display: block;
}
.TokBoxVideoCall__Subscriber {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.TokBoxVideoCall__Subscriber--isHidden {
  display: none;
}
.TokBoxVideoCall__Subscriber .TokBoxVideoCall__SubscriberButtonMicrophone--subscriber {
  position: absolute;
  top: 10px;
  right: 10px;
}
.TokBoxVideoCall__SubscriberVideoElement {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  overflow: hidden;
}
.TokBoxVideoCall__SubscriberVideoElement video {
  border-radius: 12px;
}
.TokBoxVideoCall__SubscriberVideoElement--isSharedScreen {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TokBoxVideoCall__SubscriberVideoElement--isSharedScreen video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
}
.TokBoxVideoCall__SubscriberName {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1;
  font-family: "Akzidenz", sans-serif;
  font-weight: 500;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  color: white;
  padding: 4px 8px;
  font-size: 0.75rem;
}
.SubscribersGrid--screenSharing .TokBoxVideoCall__SubscriberName {
  bottom: 20px;
  left: 20px;
}
.TokBoxVideoCall__UserName {
  color: white;
  padding: 8px 10px 5px;
}
.TokBoxVideoCall__Publisher .OT_bar,
.TokBoxVideoCall__Publisher .OT_name, .TokBoxVideoCall__Subscriber .OT_bar,
.TokBoxVideoCall__Subscriber .OT_name {
  display: none !important;
}
.TokBoxVideoCall__Publisher, .TokBoxVideoCall__ScreenPublisher {
  width: 360px;
  height: 240px;
  border: 3px solid white;
  border-radius: 12px;
  background: #3b3b3b;
  overflow: hidden;
}
.TokBoxVideoCall__Publisher video, .TokBoxVideoCall__ScreenPublisher video {
  border-radius: 12px;
}
.TokBoxVideoCall__Publisher {
  bottom: 10px;
  left: 10px;
}
.TokBoxVideoCall__PublisherElement {
  width: 100%;
  height: 100%;
}
.TokBoxVideoCall__PublisherName {
  position: absolute;
  top: 10px;
  left: 10px;
}
.TokBoxVideoCall__ScreenPublisher {
  bottom: 10px;
  left: 370px;
}
.TokBoxVideoCall__ScreenPublisher--disabled {
  display: none;
}
.TokBoxVideoCall__Okay {
  margin-top: 20px;
  width: 100px;
}
.TokBoxVideoCall__PersistError {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  padding: 40px;
  background: white;
  border-radius: 5px;
  border: 1px solid #3b3b3b;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
}
.TokBoxVideoCall__ReconnectingTooltip {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 12;
  padding: 20px;
  background: white;
  border-radius: 5px;
  border: 1px solid #3b3b3b;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  color: #ff004b;
}
.TokBoxVideoCall__Watermark {
  position: absolute;
  width: 186px;
  z-index: 11;
  left: 32px;
  top: 32px;
  opacity: 0.8;
}
.TokBoxVideoCall__Button {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  position: relative;
  margin: 0 4px;
  background-color: #fff;
  color: #5e6d7a;
  border: 1px solid #d1dbe8;
  transition: all 0.2s ease;
}
.TokBoxVideoCall__Button:hover {
  background-color: #dbdbdb;
}
.TokBoxVideoCall__Button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.TokBoxVideoCall__Button--disabled .TokBoxVideoCall__ButtonCross {
  display: block;
}
.TokBoxVideoCall__ButtonMicrophone--disabled .TokBoxVideoCall__ButtonCross {
  display: block;
}
.TokBoxVideoCall__ButtonZoomIn, .TokBoxVideoCall__ButtonZoomOut, .TokBoxVideoCall__ButtonResetZoom {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.TokBoxVideoCall__ButtonZoomIn:hover, .TokBoxVideoCall__ButtonZoomOut:hover, .TokBoxVideoCall__ButtonResetZoom:hover {
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.TokBoxVideoCall__ButtonZoomIn:disabled, .TokBoxVideoCall__ButtonZoomOut:disabled, .TokBoxVideoCall__ButtonResetZoom:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}
.TokBoxVideoCall__ButtonResetZoom svg {
  transform: rotate(45deg);
}
.TokBoxVideoCall__ButtonCross {
  display: none;
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #5e6d7a;
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -1px;
}
.TokBoxVideoCall__ButtonMicrophone--subscriber {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
}
.TokBoxVideoCall__Actions {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  background: #3b3b3b;
  position: relative;
  z-index: 12;
}
.TokBoxVideoCall__Actions > * {
  margin: 0 8px;
}
@media (max-width: 767px) {
  .TokBoxVideoCall__Actions {
    padding: 16px 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 32px;
    margin: 0 auto 16px;
    width: fit-content;
  }
  .TokBoxVideoCall__Actions button {
    padding: 8px;
    margin: 0 4px;
  }
}
.TokBoxVideoCall__SettingContainer {
  width: 100%;
  margin-bottom: 10px;
}
.TokBoxVideoCall__SettingLabel {
  color: white;
}
.TokBoxVideoCall__SettingLabel-New {
  color: #000;
}
.TokBoxVideoCall__Settings {
  display: flex;
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 12;
  width: 300px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.TokBoxVideoCall__Settings .SearchSelect {
  width: 100%;
}
.TokBoxVideoCall__Settings .SearchSelect .Select__control {
  background: white;
}
.TokBoxVideoCall__CallErrorModalContent {
  white-space: pre-wrap;
}
.TokBoxVideoCall__CallError {
  white-space: pre-wrap;
}
.TokBoxVideoCall__Subscriber video {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
  object-fit: cover;
  transition: all 0.3s ease;
}
.TokBoxVideoCall__Subscriber--loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.TokBoxVideoCall .SubscribersGrid {
  display: grid;
  gap: 16px;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  margin: 32px;
  grid-auto-flow: dense;
}
.TokBoxVideoCall .SubscribersGrid__SubscriberContainer {
  width: 100%;
  height: 100%;
  min-height: 200px;
  position: relative;
  aspect-ratio: 16/9;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 12px;
  overflow: hidden;
}
.TokBoxVideoCall .SubscribersGrid__SubscriberContainer--pinned {
  border: 2px solid #ff004b;
  box-shadow: 0 0 10px rgba(255, 0, 75, 0.5);
  z-index: 5;
  transform: scale(1.05);
  transition: all 0.3s ease;
}
.TokBoxVideoCall .SubscribersGrid__SubscriberContainer--pinned::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: #ff004b;
  border-radius: 50%;
  z-index: 6;
}
.TokBoxVideoCall .SubscribersGrid__SubscriberContainer--pinned::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  z-index: 7;
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid__SubscriberContainer {
    min-height: 180px;
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid__SubscriberContainer {
    min-height: 160px;
    aspect-ratio: 1/1;
    margin: 8px;
  }
  .TokBoxVideoCall .SubscribersGrid__SubscriberContainer--pinned {
    transform: scale(1.02);
  }
}
@media (max-width: 480px) {
  .TokBoxVideoCall .SubscribersGrid__SubscriberContainer {
    min-height: 140px;
    margin: 4px;
  }
}
.TokBoxVideoCall .SubscribersGrid--count-1 {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.TokBoxVideoCall .SubscribersGrid--count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-2 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-3 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-4 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-5 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .TokBoxVideoCall .SubscribersGrid--count-5 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .TokBoxVideoCall .SubscribersGrid--count-6 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-7 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-7 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-7 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .TokBoxVideoCall .SubscribersGrid--count-7 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--count-8 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .TokBoxVideoCall .SubscribersGrid--count-8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid--count-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .TokBoxVideoCall .SubscribersGrid--count-8 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
}
.TokBoxVideoCall .SubscribersGrid--screenSharing {
  width: 100%;
  display: flex !important;
  flex-direction: column;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SubscriberContainer#shared-subscriber-container {
  position: relative;
  z-index: 4;
  grid-column: 1;
  grid-row: 1;
  height: 100%;
  width: 100%;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SubscriberContainer#shared-subscriber-container .TokBoxVideoCall__Subscriber {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SubscriberContainer#shared-subscriber-container .TokBoxVideoCall__Subscriber .TokBoxVideoCall__SubscriberVideoElement {
  flex: 1;
  min-height: 0;
  position: relative;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SubscriberContainer#shared-subscriber-container .TokBoxVideoCall__Subscriber .TokBoxVideoCall__SubscriberVideoElement video {
  width: 100%;
  object-fit: contain;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100% !important;
  overflow-y: auto;
  height: auto;
  max-height: 100%;
  padding: 0;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer .SubscribersGrid__SubscriberContainer {
  aspect-ratio: 16/9;
  min-height: 180px;
  width: 100%;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer .SubscribersGrid__SubscriberContainer .TokBoxVideoCall__Subscriber {
  height: 100%;
}
.TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer .SubscribersGrid__SubscriberContainer .TokBoxVideoCall__Subscriber .TokBoxVideoCall__SubscriberVideoElement {
  height: calc(100% - 24px);
}
@media (max-width: 767px) {
  .TokBoxVideoCall .SubscribersGrid {
    gap: 8px;
    padding: 8px;
  }
  .TokBoxVideoCall .SubscribersGrid--screenSharing {
    width: 100%;
    height: 100%;
    flex-direction: row;
  }
  .TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    height: 40%;
    padding: 8px;
  }
  .TokBoxVideoCall .SubscribersGrid--screenSharing .SubscribersGrid__SharedSubscriberContainer .SubscribersGrid__SubscriberContainer {
    min-width: 200px;
    width: 200px;
    height: 100%;
  }
}
.TokBoxVideoCall__SharedScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #3b3b3b;
  display: none;
  overflow: hidden;
  touch-action: none;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}
.TokBoxVideoCall__SharedScreen--active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.TokBoxVideoCall__SharedScreen--active video {
  object-fit: contain;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.TokBoxVideoCall__SharedScreen--zoomed {
  overflow: hidden;
  transform-origin: center center;
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.TokBoxVideoCall__SharedScreen--zoomed video {
  pointer-events: auto;
}
.TokBoxVideoCall__SharedScreen--dragging {
  cursor: grabbing;
  transition: none;
}
.TokBoxVideoCall__SharedScreen #shared-screen-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  touch-action: none;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
}
.TokBoxVideoCall__SubscribersContainer {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  overflow: hidden;
}
.TokBoxVideoCall__SubscribersContainer--screenSharing {
  width: 30%;
}
.TokBoxVideoCall__SubscribersContainer--fullWidth {
  width: 100%;
}
@media (max-width: 767px) {
  .TokBoxVideoCall {
    flex-direction: column;
  }
  .TokBoxVideoCall__SharedScreen {
    width: 100%;
    height: 60%;
  }
  .TokBoxVideoCall__SubscribersContainer {
    width: 100%;
  }
  .TokBoxVideoCall__SubscribersContainer--screenSharing {
    height: 40%;
    overflow-x: auto;
  }
  .TokBoxVideoCall__SubscribersContainer:not(.TokBoxVideoCall__SubscribersContainer--screenSharing) {
    height: 100%;
  }
}
.TokBoxVideoCall__Modal .M-SimpleModal__Inner {
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  .TokBoxVideoCall__Subscriber {
    min-height: 120px;
  }
  .TokBoxVideoCall__SubscriberVideoElement video {
    object-fit: contain;
  }
  .TokBoxVideoCall__SubscriberName {
    font-size: 14px;
    padding: 4px 8px;
  }
}
#shared-screen-container {
  flex: 1;
  min-width: 0;
  position: relative;
}
#shared-screen-container .OT_widget-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: transparent !important;
}
#shared-screen-container .OT_widget-container .OT_video-element {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
}
.SubscribersGrid--screenSharing {
  width: 300px;
  flex-shrink: 0;
}
.TokBoxVideoCall__SharedScreen--active {
  display: block;
}
.VideoCallEnded {
  height: 100vh;
  background: #3b3b3b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.VideoCallEnded__Text {
  color: white;
  font-size: 30px;
  letter-spacing: 2px;
}
.CallsLog {
  padding: 20px;
}
.CallsLog__Inner {
  width: 100%;
  height: 600px;
  display: flex;
}
.CallsLog__Sidebar {
  border-right: 1px solid #bcbcbc;
  width: 300px;
  min-width: 300px;
  height: 100%;
  overflow-y: auto;
}
.CallsLog__SidebarHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.CallsLog__SidebarHeader .RoundedButton {
  margin-left: 10px;
}
.CallsLog__Content {
  flex-grow: 1;
  white-space: pre;
  height: 100%;
  overflow-y: auto;
  display: flex;
  padding: 0 20px;
}
.SingleCallInformation__ParticipantsList {
  display: flex;
}
.SingleCallInformation__Participant {
  margin-right: 20px;
  padding: 10px;
  border: 1px solid #ebe9e7;
  min-width: 200px;
}
.SingleCallInformation__ParticipantName {
  text-align: center;
  margin-bottom: 10px;
}
.SingleCallInformation__ParticipantNameLink {
  color: #0000ff;
  text-decoration: none;
}
.SingleCallInformation__EventTitle {
  margin-left: 10px;
  color: #009688;
}
.TestTokboxConnection__SummaryData {
  margin-top: 20px;
}
.TestTokboxConnection__SummaryDataContent {
  position: relative;
}
.TestTokboxConnection__SummaryDataCopy {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.TestTokboxConnection__SummaryDataCopy:hover {
  color: #0000ff;
}
.TestTokboxConnection__InitialMessageTitle {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 16px;
  line-height: 0.94;
  letter-spacing: 1.43px;
  color: #0000ff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.TestTokboxConnection__InitialMessageText {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  font-size: 1.2em;
}
.TestTokboxConnection__InitialMessageInfo {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  font-size: 0.9em;
  margin-top: 5px;
}
.TestTokboxConnection__ProgressBox {
  margin: 25px 0;
}
.TestTokboxConnection__ProgressBoxText {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  margin-top: 10px;
  text-align: center;
  opacity: 0.5;
}
.TestTokboxConnection__Results {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}
.TestTokboxConnection__ResultsTitle {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  font-size: 1.2em;
  font-weight: bolder;
  margin: 20px 0px;
}
.TestTokboxConnection__ResultsTable {
  display: flex;
  flex-direction: column;
}
.TestTokboxConnection__ResultsRow {
  display: flex;
}
.TestTokboxConnection__ResultsRow:last-child .TestTokboxConnection__ResultsParameter,
.TestTokboxConnection__ResultsRow:last-child .TestTokboxConnection__ResultsValue {
  border-bottom: none;
}
.TestTokboxConnection__ResultsRow--error {
  background: rgba(233, 30, 99, 0.1);
}
.TestTokboxConnection__ResultsRow--error .TestTokboxConnection__ResultsValueTitle {
  color: #e91e63;
}
.TestTokboxConnection__ResultsRow--success {
  background: rgba(0, 150, 136, 0.1);
}
.TestTokboxConnection__ResultsRow--success .TestTokboxConnection__ResultsValueTitle {
  color: #0000ff;
}
.TestTokboxConnection__ResultsRow--score-BAD {
  background: rgba(233, 30, 99, 0.1);
}
.TestTokboxConnection__ResultsRow--score-BAD .TestTokboxConnection__ResultsValueTitle {
  color: #e91e63;
}
.TestTokboxConnection__ResultsRow--score-POOR {
  background: rgba(245, 170, 10, 0.1);
}
.TestTokboxConnection__ResultsRow--score-POOR .TestTokboxConnection__ResultsValueTitle {
  color: #f5aa0a;
}
.TestTokboxConnection__ResultsRow--score-FAIR {
  background: rgba(0, 150, 136, 0.1);
}
.TestTokboxConnection__ResultsRow--score-FAIR .TestTokboxConnection__ResultsValueTitle {
  color: #0000ff;
}
.TestTokboxConnection__ResultsRow--score-GOOD {
  background: rgba(0, 150, 136, 0.1);
}
.TestTokboxConnection__ResultsRow--score-GOOD .TestTokboxConnection__ResultsValueTitle {
  color: #0000ff;
}
.TestTokboxConnection__ResultsRow--score-EXCELLENT {
  background: rgba(0, 150, 136, 0.1);
}
.TestTokboxConnection__ResultsRow--score-EXCELLENT .TestTokboxConnection__ResultsValueTitle {
  color: #0000ff;
}
.TestTokboxConnection__ResultsParameter, .TestTokboxConnection__ResultsValue {
  display: table-cell;
  vertical-align: top;
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
}
.TestTokboxConnection__ResultsValue {
  flex-grow: 1;
}
.TestTokboxConnection__ResultsValueTitle {
  margin-bottom: 10px;
  font-weight: bolder;
}
.TestTokboxConnection__ResultsValueText {
  margin-bottom: 10px;
}
.TestTokboxConnection__ResultsParameter, .TestTokboxConnection__ResultsValue, .TestTokboxConnection__ResultsTip {
  padding: 15px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.51);
}
.TestTokboxConnection__ResultsParameter {
  padding: 30px;
  font-weight: bolder;
}
.TestTokboxConnection__ResultsTip {
  background: #0000ff0f;
}
.TestTokboxConnection__ResultsTipTitle {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  font-weight: bolder;
  margin-bottom: 10px;
}
.TestTokboxConnection__ResultsTipText {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  font-size: 1.2em;
}
.TestTokboxConnection__ResultsTips {
  margin-top: 40px;
}
.TestTokboxConnection__CredentialsError {
  background: rgba(233, 30, 99, 0.1);
}
.TestTokboxConnection__IntermediateStatistics {
  font-family: AkzidenzGroteskStd, Roboto, sans-serif;
  letter-spacing: 0.7px;
  margin-left: 15px;
}
.TestTokboxConnection__IntermediateStatisticsVideoUploaded {
  margin-left: 15px;
}
.TestTokboxConnection__EnableCameraInSettings {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-top: 20px;
  padding: 10px;
  background: #ffccdb;
}
.TestTokboxConnection__EnableCameraInSettingsTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-bottom: 10px;
}
.TestTokboxConnection__EnableCameraInSettingsModal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1100;
}
.TestTokboxConnection__EnableCameraInSettingsModalTips {
  margin-top: 30px;
  text-align: center;
}
.TestTokboxConnection__EnableCameraInSettingsModalTipsFirstLink {
  margin-top: 30px;
}
.TestTokboxConnection__EnableCameraInSettingsModalTips a {
  color: #67d4ff;
  padding: 7px 0;
  text-decoration: none;
  display: inline-flex;
}
.TestTokboxConnection__EnableCameraInSettingsModalTips a:first-child {
  margin-top: 30px;
}
.TestTokboxConnection__EnableCameraInSettingsModalCross {
  cursor: pointer;
  margin-bottom: 40px;
}
.TestTokboxConnection__EnableCameraInSettingsModalCross g {
  fill: white;
}
.TestTokboxConnectionModal .TestTokboxConnection__InitialMessageTitle {
  display: none;
}
.TestTokboxConnectionModal .commonContentModal__mainContent {
  padding: 20px 30px;
}
.CallsInformationPage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
}
.CallsInformationPage__Tabs {
  height: 60px;
}
.CallsInformationPage__Inner {
  height: 100%;
}
.CallsInformationPage .CallsLogPage {
  height: calc(100% - 60px);
  padding: 20px;
  box-sizing: border-box;
}
.CallsInformationPage .CallsLogPage__Header {
  height: 60px;
  overflow: hidden;
}
.CallsInformationPage .CallsLogPage .SidebarListWithDetailView {
  height: calc(100% - 60px);
  background: white;
}
.DebugInformation {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 300px;
  font-size: 12px;
  z-index: 10;
}
.DebugInformation__Content {
  height: 400px;
  padding: 20px;
  overflow: auto;
  background: #ffffff85;
}
.DebugInformation__Field {
  margin-bottom: 10px;
}
.DebugInformation__Label {
  font-weight: bolder;
  margin-right: 5px;
}
.DebugInformation__Value {
  white-space: pre;
  display: block;
  unicode-bidi: embed;
}
.DebugInformation__AlwaysVisibleButtons, .DebugInformation__Buttons {
  display: flex;
  align-items: center;
  justify-content: right;
}
.DebugInformation__Buttons {
  margin: 10px 0 5px;
}
:root {
  font-family: "Akzidenz-Grotesk Std", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: #000;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --default-dark-color: #000;
  --default-light-color: #fff;
  --title-color: #000;
  --description-color: #918f8d;
  --form-input-border-color: #d7d5d3;
  --form-error-color: red;
  --button-background: #fff;
  --disabled-button-background: #ebe9e7;
  --footer-copyright-color: #696765;
  --divider-background: #d7d5d3;
  --exit-call-room-button-background: #ff0064;
  --accept-call-room-button-background: #32c8c8;
  --copy-clipboard-button-background: #191715;
}
.main-loader-container {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-flow-container {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-flow-container__background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.video-flow-container a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
.video-flow-container a:hover {
  color: #535bf2;
}
.video-flow-container body {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
}
.video-flow-container h1 {
  font-size: 1.75rem;
  line-height: 2.07rem;
  margin: 0;
}
@media (prefers-color-scheme: light) {
  .video-flow-container :root {
    color: #213547;
  }
  .video-flow-container a:hover {
    color: #747bff;
  }
}
.video-flow-container__modigo-home-container {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.video-flow-container__main-container {
  background-color: var(--default-light-color);
  min-width: 860px;
  border-radius: 1rem;
}
.video-flow-container__main-container .video-flow-container__main-content {
  padding: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 2.6875rem;
}
.video-flow-container__main-container .video-flow-container__main-content--qr-code {
  padding: 2rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
  gap: 2.6875rem;
}
.video-flow-container__main-container .video-flow-container__main-content.--waiting-room {
  gap: 4.875rem;
}
.video-flow-container__main-container .video-flow-container__main-content.call-ended, .video-flow-container__main-container .video-flow-container__main-content.kicked-out {
  align-items: center;
  justify-content: center;
}
.video-flow-container__main-container.guest-container {
  min-width: 650px;
}
@media (max-width: 768px) {
  .video-flow-container__main-container.guest-container {
    min-width: 100vw;
  }
  .video-flow-container__main-container.guest-container .video-flow-container__main-content {
    max-height: calc(100vh - 90px);
    min-height: calc(100vh - 90px);
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 768px) {
  .video-flow-container__main-container {
    min-width: 100vw;
    position: relative;
    border-radius: 0rem;
  }
  .video-flow-container__main-container .video-flow-container__main-content {
    min-height: calc(100vh - 150px);
    padding-bottom: 5.625rem;
    gap: 1.875rem;
  }
  .video-flow-container__main-container .video-flow-container__main-content.--waiting-room {
    justify-content: space-between;
    gap: 0;
    min-height: calc(100vh - 112px);
  }
  .video-flow-container__main-container .video-flow-container__main-content.kicked-out, .video-flow-container__main-container .video-flow-container__main-content.call-ended {
    min-height: calc(100vh - 112px);
  }
}
.video-flow-container__header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.video-flow-container__header-container.waiting-room {
  width: 100%;
}
@media (max-width: 768px) {
  .video-flow-container__header-container.waiting-room {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 400px;
  height: 100%;
  gap: 3.75rem;
}
.content hr {
  width: 1px;
  height: 400px;
  margin: 0;
  background: var(--divider-background);
  border: none;
}
@media (max-width: 768px) {
  .content {
    flex-direction: column;
    gap: 1.875rem;
    min-height: 100%;
  }
  .content hr {
    width: 100%;
    height: 1px;
  }
}
.video-flow-container__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25rem;
}
.video-flow-container__header .video-flow-container__call-time {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.video-flow-container__header .video-flow-container__call-time span {
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.219rem;
  font-weight: 400;
}
.video-flow-container__header.call-ended .video-flow-container__call-time, .video-flow-container__header.kicked-out .video-flow-container__call-time {
  display: none;
}
.mobile-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  background: var(--divider-background);
  border: none;
  display: none;
}
@media (max-width: 768px) {
  .mobile-divider {
    display: flex;
  }
}
.waiting-room {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.waiting-room__divider--mobile {
  display: none;
}
@media (max-width: 768px) {
  .waiting-room {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
  }
  .waiting-room__divider--mobile {
    margin-top: 1.75rem;
    display: flex;
  }
}
.video-preview {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.625rem;
}
.video-preview__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.5rem;
  gap: 0.5rem;
  background-color: var(--default-dark-color);
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  border-radius: 0.25rem;
  border: none;
  outline: none;
}
.video-preview__button:hover {
  border-color: transparent;
}
.video-preview__picture {
  width: 175px;
  height: 100px;
  background-color: #000;
  border-radius: 0.375rem;
  position: relative;
}
.video-preview--waiting-room .video-preview__picture {
  width: 280px;
  height: 160px;
}
@media (max-width: 768px) {
  .video-preview--waiting-room .video-preview__picture {
    width: calc(100vw - 120px);
    height: 300px;
  }
}
.video-preview--call-ended, .video-preview--kicked-out {
  display: none;
}
.video-preview__picture-mic-icon {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  color: var(--default-light-color);
  z-index: 999;
}
.video-preview__picture-video-icon {
  position: absolute;
  left: 0.625rem;
  top: 0.625rem;
  color: var(--default-light-color);
  z-index: 999;
}
.video-preview .OT_widget-container {
  border-radius: 0.375rem;
}
.video-preview .OT_audio-level-meter__audio-only-img {
  display: none;
}
.call-ended-container {
  margin: 5.75rem 0;
  text-align: center;
}
.kicked-out-container {
  margin: 5.75rem 0;
  text-align: center;
}
.form-main-container {
  width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
}
.form-main-container__open-device {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  text-decoration: underline !important;
  color: var(--default-dark-color) !important;
}
.form-main-container__title-container h1 {
  font-weight: 500;
}
.form-main-container__title-container span {
  font-size: 1rem;
  color: var(--description-color);
}
.form-main-container__title-container--qr_code {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-main-container__title-container--qr_code h1 {
  font-weight: 600;
  margin-bottom: 35px;
}
.form-main-container__form-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: 30px;
}
.form-main-container__form-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-main-container .form-field {
  display: flex;
  flex-direction: column;
  height: 80px;
}
.form-main-container .form-field label {
  font-size: 1rem;
  padding-left: 1px;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--title-color);
}
.form-main-container .form-field input {
  line-height: 1.5;
  padding: 0.5625rem 0.675rem;
  border: 1px solid var(--form-input-border-color);
  border-radius: 4px;
  color: var(--title-color);
  background-color: transparent;
  display: flex;
  outline: none;
}
.form-main-container .form-field .error {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--form-error-color);
}
.form-main-container .form-field .filledIn {
  border-color: var(--default-dark-color);
}
.form-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 310px;
  margin-left: auto;
  min-height: 3.75rem;
  padding: 0 1.875rem;
  border-radius: 2rem;
  border: 1px solid var(--title-color);
  background-color: var(--button-background);
  box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: filter 0.2s;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6875rem;
  color: var(--title-color);
}
.form-button:disabled {
  background-color: var(--disabled-button-background);
  border: none;
  color: var(--description-color);
  box-shadow: none;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .form-button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .form-main-container {
    height: 100%;
  }
  .form-main-container.guest-container .form-main-container__form-container {
    height: calc(100vh - 410px);
  }
}
@media (max-width: 480px) {
  .form-main-container.guest-container .form-main-container__form-container {
    height: calc(100vh - 380px);
  }
}
.footer-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.footer-container.video-call {
  position: relative;
}
.footer-container.video-call .footer-text {
  position: relative;
  bottom: -1.75rem;
}
.footer-container .footer-text {
  position: absolute;
  font-size: 0.675rem;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.footer-container .footer-text span + span {
  color: var(--footer-copyright-color);
  padding-left: 0.75rem;
}
@media (max-width: 768px) {
  .footer-container .footer-text {
    bottom: 2.5rem;
  }
}
.drawer-main-container {
  height: calc(100% - 20px) !important;
  border-radius: 0.5rem;
  top: 0.625rem !important;
  right: 0.625rem !important;
}
.video-call-drawer-container {
  width: 20vw;
  min-width: 300px;
  max-width: 400px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.video-call-drawer-container__close-drawer-icon {
  padding: 0.627rem;
  cursor: pointer;
}
.video-call-drawer-container__drawer-content {
  padding: 0 1.875rem;
  padding-bottom: 1.875rem;
  flex: 1;
  overflow-y: auto;
}
.video-call-drawer-container__drawer-content h1 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
@media (max-width: 1024px) {
  .video-call-drawer-container__drawer-content {
    padding: 0 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  .video-call-drawer-container__drawer-content {
    padding: 0 1rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .video-call-drawer-container__drawer-content {
    padding: 0 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.video-call-drawer-settings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.video-call-drawer-settings__media-config-button {
  color: white;
}
.call-info-drawer-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: calc(100vh - 102px);
}
.call-info-drawer-container .call-info-drawer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.media-config-button, .video-call-drawer-settings__media-config-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.625rem;
  gap: 0.625rem;
  height: 28px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  border-radius: 0.25rem;
  border: none;
  background-color: var(--default-dark-color);
  outline: none !important;
  cursor: pointer;
}
.media-config-button:hover, .video-call-drawer-settings__media-config-button:hover {
  border-color: var(--default-dark-color);
}
.media-config-button:disabled, .video-call-drawer-settings__media-config-button:disabled {
  color: var(--default-dark-color);
  background-color: var(--disabled-button-background);
  border: var(--disabled-button-background);
}
.media-config-button .audio-icon, .video-call-drawer-settings__media-config-button .audio-icon {
  padding-top: 1px;
}
.participants-drawer-info-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.participants-drawer-info-container h2 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0;
}
.participants-drawer-info-container .participants-drawer-info-content {
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: normal;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .participant-description__container {
  display: flex;
  flex-direction: column;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .participant-description .name {
  font-weight: 600;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .participant-description .email {
  text-decoration: underline;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .participant-description .identification,
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .participant-description .joining-time {
  color: var(--description-color);
  font-size: 0.75rem;
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .remove-from-call-room-button {
  cursor: pointer;
  color: var(--exit-call-room-button-background);
}
.participants-drawer-info-container .participants-drawer-info-content .participant-drawer-info-inner-item .accept-on-call-room-button {
  cursor: pointer;
  color: var(--accept-call-room-button-background);
}
.meeting-link-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1rem;
}
.meeting-link-container span {
  font-weight: normal;
}
.meeting-link-container span + span {
  font-weight: 600;
}
.meeting-link-container .copy-clipboard-button {
  height: 1.5rem;
  width: 3rem;
  border-radius: 0.25rem;
  padding: 0;
  background-color: var(--copy-clipboard-button-background);
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  outline: none;
  border: none;
  cursor: pointer;
}
.meeting-link-container .copy-clipboard-button:hover {
  border: transparent;
}
.testing-container {
  background: #f5f5f5;
  min-height: 100%;
}
.testing-scrollable-sub-container {
  height: calc(100vh - 128px);
  overflow-y: auto;
}
.testing-answers-title {
  font-family: Roboto, sans-serif;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.description {
  display: flex;
}
.description .description-text {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.description .description-text .testing-answers-title {
  margin: 10px 0;
}
.testing-wrapper {
  padding: 20px 30px 0px 30px;
}
.testing-wrapper .testing-profile {
  padding: 23px 30px;
}
.testing-wrapper .testing-profile .testing-profile-header {
  font-size: 20px;
}
.testing-wrapper .testing-profile .testing-profile-data {
  margin-top: 20px;
  width: 65%;
  display: flex;
  justify-content: space-between;
}
.testing-wrapper .testing-profile .testing-profile-data span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, sans-serif;
}
.testing-sub-header {
  font-size: 21px;
  text-align: left;
  color: #757575;
}
.testing-sub-header .testing-name {
  color: #000000;
}
.testing-header-control-container {
  display: flex;
  align-items: center;
}
.testing-header-control-container .testing-header-next {
  background: #0000ff;
  color: white;
  padding: 2px 20px;
}
.testing-header-control-container .testing-header-next:hover {
  background: #0000ff;
  color: white;
}
.testing-header-control-container * {
  margin: 0 15px;
}
.testing-header-cancel {
  cursor: pointer;
  font-size: 14px;
}
.testing-inner-container {
  padding: 24px;
}
.testing-inner-question-sub-header {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  text-align: center;
}
.answers {
  display: flex;
}
.answers .marker {
  margin: 21px 18px 0px 0px;
  color: #5d74ff;
}
.answers .testing-condition-marker {
  margin: 21px 18px 0px 0px;
  color: #f8e71c;
}
.testing-answers {
  padding: 18px 24px 17px 24px;
  margin-bottom: 10px;
}
.testing-answers .testing-answers-header {
  display: flex;
  justify-content: space-between;
}
.testing-answers .testing-answers-info {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0px 20px 0px;
  width: 100%;
}
.testing-answers .testing-answers-info .testing-answers-info-title {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 10px;
}
.testing-answers .testing-answers-info .testing-answers-info-text {
  margin: 10px 0;
}
.testing-inner-question-wrapper {
  border-right: 2px solid #e0e0e0;
}
.testing-inner-question-wrapper .testing-inner-question-container {
  position: sticky;
  top: 26px;
}
.testing-question-cond-block {
  margin: 0 10px 20px 10px;
  padding: 10px 0 5px 15px;
}
.testing-question-cond-block span {
  font-size: 15px;
  font-family: Roboto, sans-serif;
  color: rgba(0, 0, 0, 0.54);
}
.testing-inner-container-long {
  padding: 0 24px;
  top: 0;
}
.testing-inner-container-long h5 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.testing-inner-container-long h6 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.testing-inner-container-long .radio-formLabel {
  line-height: 1.5;
}
.testing-inner-container-long fieldset {
  margin: 5px;
}
.border-bottom {
  border-bottom: 1px solid #eaeaea;
}
.border-top {
  border-top: 1px solid #eaeaea;
}
.border-right {
  border-right: 1px solid #eaeaea;
}
.testing-inner-sub-header {
  font-size: 20px;
  font-family: Roboto, sans-serif;
}
.margin-range {
  margin: 24px 24px 24px 0;
}
.range-input-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.range-input-value-indicator {
  display: inline-block;
  margin: 8px;
  border-bottom: 1px solid #949494;
  padding: 5px;
  color: rgba(0, 0, 0, 0.87);
}
.testing-file-icon {
  color: #0000ff;
  font-size: 25px;
  width: 30px !important;
  height: 30px !important;
}
.package-infos {
  display: flex;
  justify-content: space-between;
}
.result-container {
  padding-left: 20px;
}
.RoomsSwitcher {
  display: flex;
  flex-direction: column;
}
.RoomsSwitcher .RoomsSwitcher__Icon path {
  fill: url(#gradient_gray);
}
.RoomsSwitcher .RoomsSwitcher__TabLabelText {
  text-transform: none;
  color: black;
}
.RoomsSwitcher__Tab[aria-selected=true] {
  background: white;
}
.RoomsSwitcher__Tab[aria-selected=true] .RoomsSwitcher__Icon path {
  fill: url(#gradient_blue);
}
.RoomsSwitcher__Tab[aria-selected=true] .RoomsSwitcher__TabPingIcon path {
  fill: url(#gradient_cyan);
}
.RoomsSwitcher__TabPing--active .RoomsSwitcher__TabPingIcon,
.RoomsSwitcher__TabPing--active span {
  color: cyan;
}
.RoomsSwitcher .RoomsSwitcher__Tab {
  min-width: 115px;
}
.RoomsSwitcher__TabLabelCounter {
  position: absolute;
  top: 10px;
  left: calc(50% + 20px);
  transform: translateX(-50%);
}
.RoomsSwitcher__Room {
  border-bottom: solid 1px #d8d8d8;
  padding: 5px 15px;
  cursor: pointer;
}
.RoomsSwitcher__Room--selected {
  background-color: #d8d8d8;
}
.RoomsSwitcher__Room:hover {
  background: #d8d8d8;
}
.RoomsSwitcher__RoomRow {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.RoomsSwitcher__RoomRowInner {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  color: #000000;
}
.RoomsSwitcher__RoomRowName {
  font-weight: 600;
}
.RoomsSwitcher__RoomRowValue {
  margin-top: 5px;
}
.RoomsSwitcher__RoomTime {
  font-size: 13px;
  text-align: left;
  color: rgba(0, 0, 0, 0.54);
}
.RoomsSwitcher__RoomLastMessage {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.RoomsSwitcher__RoomUnreadMessage {
  width: 28px;
  height: 18px;
  border-radius: 100px;
  background-color: #5d74ff;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}
.RoomsSwitcher .PrimarySelect {
  width: 50%;
  margin-bottom: 5px;
}
.RoomsSwitcher .Select-control {
  background-color: transparent;
}
.RoomsSwitcher .Select-placeholder,
.RoomsSwitcher .Select-value {
  line-height: 40px;
}
.RoomsSwitcher__Tabs {
  position: relative;
}
.RoomsSwitcher__Tabs .chat-types {
  background: #fff;
  box-shadow: none;
  border-bottom: 1px solid #d7d5d3;
}
.RoomsSwitcher__DraftMessage {
  color: #5d74ff;
}
.RoomsList {
  position: relative;
  overflow-y: auto;
  flex-grow: 1;
}
.RoomsList .infinite-scroll-component {
  overflow-y: hidden !important;
}
.RoomsList__InfiniteScrollLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.RoomsList__InfiniteScrollLoaderInner {
  display: flex;
}
.RoomsList__InfiniteScrollLoaderText {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  font-size: 12px;
  margin-right: 10px;
}
.RoomsList__InfiniteLoader {
  text-align: center;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  padding: 20px 0;
}
.RoomsList__Loader {
  margin-left: 10px;
}
.RoomsList__NoRooms, .RoomsList__LoaderContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.RoomSwitcherControls {
  background: #fff;
  border-bottom: solid 1px #d8d8d8;
  padding: 3px 5px;
  box-sizing: border-box;
}
.RoomSwitcherControls .RoomSwitcherControls__Form {
  display: flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: space-around;
}
.RoomSwitcherControls .RoomSwitcherControls__Form .MuiInput-input-11 {
  margin-bottom: -2px;
}
.RoomSwitcherControls .Search {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.Messenger {
  height: 100%;
}
.Messenger .ContainerFixedHeaderAndFooter__Body {
  position: relative;
}
.Messenger--smooth-scroll .ContainerFixedHeaderAndFooter__Body {
  scroll-behavior: smooth;
}
.Messenger__LoaderContainer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Messenger__ChatNotExists {
  text-align: center;
  padding: 40px 20px;
  font-size: 25px;
}
.Messenger__NextRoomsLoaderContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.82);
  z-index: 1;
}
.MessengerHeader {
  padding: 0 20px 10px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: solid 1px #d7d5d3;
  background: #fff;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .MessengerHeader {
    padding: 0 10px 10px;
  }
}
.MessengerHeader__Header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.MessengerHeader__DropdownsWrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.MessengerHeader__Dropdowns {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.MessengerHeader__DropdownContainer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.MessengerHeader__UserInfo {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 26px;
  margin: 15px 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.MessengerHeader__Name {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 26px;
  margin-right: 10px;
  font-weight: bolder;
  letter-spacing: 1.5px;
}
.MessengerHeader__SSN {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  font-size: 26px;
}
.MessengerHeader__Actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 15px 0 10px;
  flex: 1;
  justify-content: flex-start;
}
.MessengerHeader__ExportChatButton {
  background: white;
  color: #0000ff;
  padding: 7px;
  width: auto;
  display: inline-block;
  height: 32px;
  margin-left: 20px;
}
.MessengerHeader__ExportChatButton .SmallButton__Icon {
  position: relative;
  top: 3px;
}
.MessengerHeader__ExportChatButton .SmallButton__Icon path {
  fill: #0000ff;
}
.MessengerHeader__LeftBar {
  display: flex;
}
.MessengerHeader__LeftBar > .RoundedButton {
  margin-right: 10px;
}
.MessengerHeader__RightBar {
  display: flex;
  align-items: center;
}
.MessengerHeader__Ping {
  display: flex;
  margin-left: 20px;
}
.MessengerHeader__Ping .PrimarySelect {
  width: 220px;
  margin-right: 10px;
}
.MessengerHeader__Call {
  margin-right: 10px;
}
.MessengerHeader .PingClinicManager .RoundedButton__Label {
  font-family: AkzidenzGroteskBE;
}
@media screen and (max-width: 1335px) {
  .MessengerHeader__Actions {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .MessengerHeader__Name, .MessengerHeader__SSN {
    font-size: 20px;
  }
}
@media screen and (max-width: 960px) {
  .MessengerHeader__Header {
    gap: 12px;
  }
  .MessengerHeader__Actions {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .MessengerHeader__Header {
    flex-direction: column;
    align-items: stretch;
  }
  .MessengerHeader__Actions {
    justify-content: flex-start;
    gap: 8px;
  }
  .MessengerHeader__UserInfo {
    margin: 10px 0;
  }
}
.NewMessengerHeader {
  padding: 0 0 20px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewMessengerHeader {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.NewMessengerHeader__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.NewMessengerHeader__UserInfo {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 26px;
  margin: 15px 0 10px;
}
.NewMessengerHeader__Name {
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  font-size: 26px;
  margin-right: 10px;
  font-weight: bolder;
  letter-spacing: 1.5px;
}
.NewMessengerHeader__SSN {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  font-size: 26px;
}
.NewMessengerHeader__Actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.NewMessengerHeader__ExportChatButton {
  background: white;
  color: #0000ff;
  padding: 7px;
  width: auto;
  display: inline-block;
  height: 32px;
  margin-left: 20px;
}
.NewMessengerHeader__ExportChatButton .SmallButton__Icon {
  position: relative;
  top: 3px;
}
.NewMessengerHeader__ExportChatButton .SmallButton__Icon path {
  fill: #0000ff;
}
.NewMessengerHeader__LeftBar {
  display: flex;
}
.NewMessengerHeader__LeftBar > .RoundedButton {
  margin-right: 10px;
}
.NewMessengerHeader__RightBar {
  display: flex;
  align-items: center;
}
.NewMessengerHeader__Ping {
  display: flex;
  margin-left: 20px;
}
.NewMessengerHeader__Ping .PrimarySelect {
  width: 220px;
  margin-right: 10px;
}
.NewMessengerHeader__Call {
  margin-right: 10px;
}
.NewMessengerHeader .PingClinicManager .RoundedButton__Label {
  font-family: AkzidenzGroteskBE;
}
.MessageInputBox {
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 10px 0px 10px 0px;
  gap: 8px;
  border-top: 1px solid #d7d5d3;
}
.MessageInputBox__SendButtonTooltip {
  white-space: nowrap;
  font-size: 14px;
}
.MessageInputBox__Error {
  color: #ff004b;
  white-space: pre-line;
  margin-top: 10px;
}
.MessageInputBox__FileUpload {
  grid-area: upload;
  padding-left: 10px;
  padding-right: 10px;
}
.MessageInputBox .input-message {
  grid-area: input;
  width: 100%;
  background: white;
  border: 1px solid #0000ff59;
  border-radius: 9px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  min-height: 34px;
}
.MessageInputBox .input-message textarea {
  min-height: 19px;
}
.MessageInputBox .input-message:before, .MessageInputBox .input-message:after {
  display: none;
}
.MessageInputBox__SendButton {
  grid-area: send;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}
.MessageInputBox__SendButtonIcon {
  padding: 2px;
  transition: color 500ms ease;
}
.MessageInputBox__SendButtonIcon:hover {
  background: #80808030;
  border-radius: 3px;
  cursor: pointer;
}
.MessageInputBox__SendButtonIcon[disabled]:hover {
  background: none;
}
.MessageInputBox__SendButtonIcon[disabled] {
  color: #bcbcbc;
}
.MessageInputBox .MessageInputBox_sendButton button {
  height: 38px;
}
.MessageInputBox__UploadButtonIcon {
  cursor: pointer;
  transition: color 500ms ease;
}
.MessageInputBox__UploadButtonIcon:hover {
  background: #80808030;
  border-radius: 3px;
}
.MessageInputBox__UploadButtonIcon[disabled]:hover {
  background: none;
}
.MessageInputBox__UploadButtonIcon[disabled] {
  color: #bcbcbc;
}
@media (max-width: 476px) {
  .MessageInputBox {
    padding-right: 2rem;
  }
}
@media (min-width: 477px) {
  .MessageInputBox {
    padding-right: 3rem;
  }
}
.MessageList {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 10px;
}
.MessageList__Inner {
  display: flex;
  flex-direction: column;
}
.MessageList__Section {
  position: relative;
  margin-bottom: 10px;
}
.MessageList .Chat__NoMessageContainer {
  font-size: 25px;
}
.separator {
  padding-bottom: 20px;
}
.separator p {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
  padding-top: 20px;
}
.separator p span {
  background: #f9fafa;
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.Message {
  display: flex;
}
.Message .Message__Time__AvatarWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 8px;
}
.Message .message {
  background-color: #5f70ff;
  max-width: 540px;
  border-radius: 10px;
  color: #ffffff;
  width: 100%;
}
.Message--error .message {
  border: 1px solid #ff004b;
}
.Message--error .message,
.Message--error .message-time,
.Message--error .Message__SenderName {
  color: #ff004b;
}
.Message--error .Message__ErrorButton {
  margin-right: 5px;
}
.Message .TextMessage {
  white-space: pre-line;
  overflow-wrap: break-word;
}
.Message__Inner {
  display: flex;
  min-width: 300px;
  position: relative;
}
.Message__SeenStatusCopy {
  cursor: pointer;
  font-weight: 500;
}
.Message__InfoLabelWrapper {
  line-height: 16px;
}
.Message__SeenLabel {
  color: #32c8c8;
  text-transform: capitalize;
  font-weight: 500;
}
.Message__SeenDate {
  font-weight: 400;
}
.Message__SeenDate, .Message__SeenTime {
  color: black;
}
.Message__ErrorButton {
  color: #ff004b;
}
.Message__SeenContainer, .Message__UnseenLabel {
  font-size: 12px;
  font-family: Roboto, sans-serif;
  color: #918f8d;
  text-transform: capitalize;
}
.Message__SeenContainer {
  cursor: pointer;
  min-width: 69px;
}
.Message__SeenStatus {
  margin-left: 8px;
}
.Message__SeenStatusCopy {
  color: #000;
}
.Message__SeenStatus:hover .Message__SeenStatusCopy {
  display: block;
}
.Message--my {
  flex-direction: row-reverse;
}
.Message--my .Message__Time__AvatarWrapper {
  margin-left: 8px;
}
.Message--my .Message__SeenStatus {
  left: 13px;
  right: auto;
  transform: translateX(-100%);
  position: absolute;
}
.Message--my .message {
  background: #dae8e5;
  color: black;
}
.Message--my-seen .Message__SeenStatus {
  left: -12px;
}
.Message--sender .message {
  background: #f5f5f5;
  color: black;
}
.Message--patient .message {
  background: #fbe0d8;
  color: black;
}
.Message--system .message {
  background-color: white;
  color: black;
  border: 1px solid #1414c8;
}
.Message--sender.Message--clinic-manager .message {
  background: #bfd4d1;
  color: black;
}
.Message__SenderName {
  position: absolute;
  bottom: 10px;
  font-size: 12px;
  color: #000;
}
.Message .system {
  color: #1414c8;
}
.Message__AvatarImage {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.Message__SystemAvatarImageWrapper {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #dae8e580;
}
.ConsentMessage__Text {
  white-space: pre-line;
}
.message-time {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.message {
  padding: 20px;
  margin-bottom: 30px;
  line-height: 20px;
}
.message.show-media {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.message .image-preview {
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat, repeat;
  width: 200px;
  height: 100px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.l-title-font, .EditChannelForm__Title, .ChannelsManagement__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
}
.m-title-font, .Pathways__NoStartedPathways, .UserPromManager__EmptyResults, .AssetPreview__Title, .AssetPreview__EmptyText {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.main-text-font, .TokBoxVideoCall__UserName, .TokBoxVideoCall__SettingLabel {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.Chat {
  display: flex;
  height: calc( 100vh - 68px - 35px - 62px );
  flex-grow: 1;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.Chat__Initializing {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Chat__RoomsSwitcherContainer {
  height: 100%;
  width: 350px;
  border-right: solid 1px #d8d8d8;
}
.Chat__MessengerContainer {
  width: 100%;
  overflow-x: auto;
}
.Chat__ChatNotSelected {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: rgba(0, 0, 0, 0.54);
}
.Chat__LoaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  opacity: 0.5;
}
.Chat__BottomContent {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Chat .RoomsSwitcher {
  height: 100%;
}
.Chat__Toggle {
  display: none;
  cursor: pointer;
}
.Chat__NoMessageContainer {
  align-self: center;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  margin: auto;
  display: flex;
  justify-content: center;
}
.lock-icon {
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 1335px) {
  .MessengerHeader__Name, .MessengerHeader__SSN {
    font-size: 20px;
  }
}
/* mobile and small tablet */
@media screen and (max-width: 960px) {
  .Chat {
    overflow: hidden;
    position: relative;
  }
  .Chat__ChatNotSelected {
    width: 11vw;
    writing-mode: vertical-rl;
    border-left: 1px solid #d8d8d8;
    font-size: 20px;
  }
  .Chat__RoomsSwitcherContainer {
    width: 90vw;
  }
  .Chat__MessengerContainer {
    position: absolute;
    right: -90vw;
    top: 0;
    background: white;
    display: flex;
    height: 100%;
    transition: all 1s ease;
  }
  .Chat__MessengerContainer--display {
    right: 0;
    transition: all 1s ease;
  }
  .Chat__Toggle {
    width: 11vw;
    writing-mode: vertical-rl;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    color: #0000ff;
    text-transform: uppercase;
  }

  .Messenger {
    width: 90%;
  }
}
/* tablet */
@media screen and (min-width: 600px) and (max-width: 960px) {
  .MessageInputBox__SendButtonTooltip {
    display: none;
  }

  .MessengerHeader__Name, .MessengerHeader__SSN {
    font-size: 16px;
  }

  .Message .message {
    max-width: 350px;
  }
}
/* mobile */
@media screen and (max-width: 600px) {
  .Message {
    flex-direction: column;
  }
  .Message .message {
    max-width: 170px;
  }
  .Message .Message__Inner {
    min-width: 100px;
    max-width: 280px;
  }
  .Message .Message__SeenStatus {
    transform: none;
  }
  .Message--my {
    flex-direction: column;
    align-items: flex-end;
  }
  .Message--my .Message__SeenStatus {
    transform: translateX(-100%);
  }
  .Message--my .Message__Inner {
    justify-content: flex-end;
    min-width: 100px;
  }

  .MessengerHeader__ExportChatButton {
    display: none;
  }
  .MessengerHeader__UserInfo {
    margin: 10px 0 8px;
  }
  .MessengerHeader .PingClinicManager__PingSelectWrapper {
    margin: 0;
  }
  .MessengerHeader__Ping {
    flex-direction: row;
    width: -webkit-fill-available;
    align-items: center;
  }
  .MessengerHeader__Ping .PrimarySelect {
    width: 190px;
  }
  .MessengerHeader__RightBar {
    width: -webkit-fill-available;
  }

  .MessageInputBox {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px auto;
    grid-template-areas: "input input" "upload send";
  }
  .MessageInputBox__SendButton {
    text-align: end;
  }
  .MessageInputBox__SendButtonTooltip {
    display: none;
  }

  .Hide {
    display: none;
  }
}
.NewChat {
  border: none;
  height: calc(100vh - 170px - 35px);
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox {
  padding: 14px 20px;
  padding-right: 3rem;
  gap: 8px;
  background-color: #fff;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox .NewButton__icon {
  width: 16px;
  height: 16px;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__SendButton {
  grid-area: send;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 0;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__SendButton[disabled] {
  opacity: 1;
  color: #bcbcbc;
  cursor: default;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__SendButtonIcon {
  padding: 0;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__SendButtonIcon:hover {
  background: none;
  cursor: pointer;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__SendButtonIcon[disabled] {
  color: #bcbcbc;
  cursor: default;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox .input-message {
  border-color: #000;
  margin-right: 0;
  border-radius: 4px;
  padding: 6px 8px;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__FileUpload {
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  background-color: #fff;
  padding: 7.5px 8px 5px 8px;
  cursor: pointer;
  transition: color 500ms ease;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__FileUpload:hover {
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__FileUpload[disabled]:hover {
  background: none;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__FileUpload[disabled] {
  color: #bcbcbc;
}
.NewChat .ContainerFixedHeaderAndFooter__Footer .MessageInputBox__FileUpload__UploadButtonIcon {
  transform: none;
}
.NewChat .MessageList .separator p span {
  background: #fff;
}
.NewChat__BottomContent {
  border: 1px solid #ebe9e7;
  border-radius: 4px;
  background: #fff;
}
.PingClinicManager__PingSelectWrapper {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 22.5px;
  padding-left: 18px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin-right: 10px;
}
.PingClinicManager__PingSelectWrapper .Select__control {
  border-bottom: none;
}
@media screen and (max-width: 1190px) {
  .PingClinicManager__PingSelectWrapper {
    margin: 0px 10px 0 0;
  }
}
@media screen and (max-width: 960px) {
  .PingClinicManager__PingSelectWrapper {
    margin: 10px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .PingClinicManager .RoundedButton--tablet {
    margin: 10px;
  }
}
.TogglePatientChatMessageModal .ThinModal__Content {
  padding: 20px;
}
.TogglePatientChatMessageModal__Textarea {
  height: 200px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: none;
}
.TogglePatientChatMessageModal__Textarea:active, .TogglePatientChatMessageModal__Textarea:focus {
  border: none;
}
.TogglePatientChatMessageModal__Buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
}
.TogglePatientChatMessageModal__Buttons button {
  width: auto;
}
.TogglePatientChatMessageModal__ButtonCancel {
  margin-right: 40px;
  flex-grow: 1;
}
.TogglePatientChatMessageModal__ButtonSilent {
  margin-right: 30px;
}
.ChatUploadModal .Modal__Title {
  display: none;
}
.ChatUploadModal .Modal__Content {
  margin: 0;
  padding: 0;
  min-width: 400px;
}
.ChatUploadModal__DropZoneContainer {
  padding: 20px;
}
.table-header {
  display: flex;
  justify-content: center;
  margin: 20px 0 50px 0;
  align-items: center;
}
.table-header .input-field {
  margin-right: 30px;
}
.table-header .search-user {
  height: 10%;
  background: #0000ff;
  color: #ffffff;
}
.table-header .search-user svg {
  margin-right: 8px;
}
.table-header .search-user:hover {
  background: #0000ff;
  color: #ffffff;
}
.table-header .operator-select {
  width: 100%;
}
#data-visualization .progress {
  position: absolute;
  right: 42%;
  top: 60%;
}
.packages {
  margin-left: 50px;
}
.TherapyPreviewIcon--white path {
  fill: white;
}
.TherapyPreviewIcon--blue path {
  fill: blue;
}
.SaveIcon path {
  fill: white;
}
.SaveIcon--blue path {
  fill: blue;
}
.ClinicAdmins__TopPanel {
  display: flex;
  margin-bottom: 10px;
}
.ClinicAdmins__ClinicManagerSelect {
  width: 100px;
  flex-grow: 1;
  margin-right: 20px;
}
.ClinicAdmins__ActiveAdmins {
  margin-top: 10px;
}
.ClinicAdmins__ActiveAdmin {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ClinicAdmins__ActiveAdminName {
  flex-grow: 1;
  margin-right: 20px;
}
.CustomerSettings {
  font-family: "AkzidenzGroteskStd-Light";
}
.CustomerSettings__Title {
  margin-bottom: 15px;
}
.CustomerSettings__HintsTitle {
  font-weight: bolder;
  margin-top: 10px;
  margin-bottom: 5px;
}
.CustomerSettings__Header {
  display: flex;
}
.CustomerSettings__Setting {
  display: flex;
  align-items: center;
}
.CustomerSettings__SettingTitle {
  flex-grow: 1;
}
.CustomerSettings__Button {
  background-color: #0000ff !important;
  color: #ffffff !important;
  margin: 5px;
}
.CustomerSettings__Button[disabled] {
  background-color: #bcbcbc !important;
}
.CustomerSettings__Enabled, .CustomerSettings__Disabled, .CustomerSettings__SettingEnabled, .CustomerSettings__SettingDisabled {
  width: 80px;
  display: flex;
  justify-content: flex-end;
}
.CustomerSettings__SettingEnabled {
  color: #009688;
}
.CustomerSettings__SettingDisabled {
  color: #e91e63;
}
.CustomerSettings__Tooltip {
  width: 22px;
}
.CustomerSettings .CustomerSettings__RadioGroup {
  display: flex;
  flex-direction: row;
  min-width: 160px;
  max-width: 160px;
  justify-content: space-around;
}
.CustomerSettings__Footer {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
.CustomerSettings__Footer > * {
  margin-left: 20px;
}
.CustomerSettings__Group {
  margin-bottom: 30px;
}
.CustomerSettings__Group__Title {
  font-family: "AkzidenzGroteskBE-Md";
  margin-bottom: 20px;
}
.CustomerSettings__Switch {
  color: #0000ff !important;
}
.CustomerSettings__Switch .MuiSwitch-checked {
  color: #0000ff !important;
}
.CustomerSettings__Folder {
  margin: 10px;
}
.CustomerSettings__FileInput {
  display: none;
}
.CustomerSettings__FileInputLabel {
  margin: 5px;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.CustomerSettings__Uploader {
  font-family: "AkzidenzGroteskStd-Light";
  margin-bottom: 10px;
}
.ClinicPaymentMethods__Panel {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.ClinicPaymentMethods__Name {
  flex-grow: 1;
  margin-top: 10px;
}
.ClinicPaymentMethods__RightBar {
  flex-grow: 1;
}
.ClinicPaymentMethods__Buttons {
  margin-right: 20px;
}
.ClinicPaymentMethods__radio {
  display: flex;
  flex-direction: column-reverse;
}
.ClinicPaymentMethods__ActivePaymentMethods {
  margin-top: 10px;
}
.ClinicPaymentMethods__PaymentMethodCardBrand {
  flex-grow: 1;
  font-size: 13px;
  margin: 0;
}
.ClinicPaymentMethods__PaymentMethodCardDetails {
  margin: 0;
}
.ClinicPaymentMethods__PaymentMethodCardDetailsCardNumber {
  margin-right: 20px;
}
.ClinicPaymentMethods__PaymentMethodCardDetails__ActionRemove {
  font-weight: bold;
  color: red;
}
.ClinicPaymentMethods__PaymentMethodCardDetails__ActionActivate {
  color: black;
  font-weight: bold;
}
.CreateNewPaymentMethodModal .M-Modal__Header {
  background: white;
}
.CreateNewPaymentMethodModal .M-Modal__Body {
  padding: 0;
  background: white;
}
.CreateNewPaymentMethodModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm {
  padding: 10px 30px 15px 30px;
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm label {
  font-family: AkzidenzGroteskStd;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.93;
  letter-spacing: 0.5px;
  margin-bottom: -7px;
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm .StripeElement {
  width: 500px;
  padding: 7px 0 9px;
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm .PostalCode {
  margin-top: 0;
  width: 500px;
  padding: 7px 0 9px;
  font-size: 18px;
  letter-spacing: 0.025em;
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm .StripeElement--focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.CreateNewPaymentMethodModal .CreateNewPaymentMethodForm__Footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
.StaffProfile__ProgressLoader {
  height: 500px;
}
.StaffProfile .UserInformation__Primary {
  display: none;
}
.StaffProfile__RightBar {
  padding: 25px;
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
  border-radius: 4px !important;
  border: 1px solid #d7d5d3;
}
.StaffProfile__Footer {
  background: #f5f5f5;
}
.PatientProfile .UserInformation__Footer .RoundedButton {
  width: 100%;
}
.PatientProfile .PatientProfile__OldPpIcon {
  font-size: 16px;
}
.PatientProfile__PatientTherapiesPreloader {
  background: black;
  min-height: 500px;
}
.PatientProfile__PromsExpansionBlock.ExpansionBlockMaterial {
  margin-top: 20px;
}
.PatientProfile__PromsExpansionBlock.ExpansionBlockMaterial .ExpansionBlockMaterial__title {
  font-size: 1.3rem;
}
.PatientProfile__ExpansionBlock.ExpansionBlockMaterial {
  margin-block: 20px;
}
.PatientProfile__ExpansionBlock.ExpansionBlockMaterial .ExpansionBlockMaterial__title {
  font-size: 1.3rem;
}
.PatientProfile__ExpansionBlock.ExpansionBlockMaterial.ExternalTrackerBlock .ExpansionBlock__content {
  background: #262626;
  padding: 20px;
  margin-top: 20px;
}
.PatientProfile .PatientTherapies__TherapiesContainer {
  min-height: 500px;
  background: #262626;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
.PatientProfile .PatientGroups,
.PatientProfile .MeetingsCalendarExpandable {
  margin-top: 30px;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__IntervalTypeSelect {
  display: none;
}
.PatientProfile .MeetingsCalendarExpandable .CalendarAgenda__Day {
  padding: 20px 0;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__Header {
  padding: 20px 0;
  border: none;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__HeaderInterval {
  margin: 0;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__HeaderIntervalDelimiter {
  margin: 0 5px;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__HeaderIntervalFrom,
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendarView__HeaderIntervalTo {
  text-align: center;
}
.PatientProfile .MeetingsCalendarExpandable .MeetingsCalendar__AddButton {
  display: none;
}
.PatientProfile .MeetingsCalendarExpandable .AgendaEvent__Time {
  margin-right: 10px;
  margin-left: 0;
}
.healo-settings-container {
  padding: 0;
}
.HealoSettings__Paper {
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.PersonalSettings {
  padding-bottom: 20px;
}
.PersonalSettings__Paper {
  padding: 25px;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.PersonalSettings__Image {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: 30px;
}
.PersonalSettings__Image .UploadImageWithPreview {
  width: 150px;
  height: 150px;
}
.PersonalSettings__MainTitle {
  font-weight: bolder;
  margin-bottom: 20px;
}
.PersonalSettings__Instructions {
  margin-top: 10px;
  margin-bottom: 10px;
}
.PersonalSettings__Title {
  font-weight: bolder;
}
.PersonalSettings .ClinicManagerTestPatientCredentials {
  margin-top: 30px;
}
.PersonalSettings__CommunicationEmailSetting {
  margin-bottom: 20px;
}
.PersonalSettings .UserLanguageSwitcher {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.PersonalSettings .UserLanguageSwitcher__Label {
  margin-right: 20px;
  color: black;
  font-weight: bold;
}
.ClinicManagerTestPatientCredentials__CopyToClipboard {
  margin-left: 5px;
}
.ClinicManagerTestPatientCredentials__Label {
  margin-right: 20px;
}
.ClinicManagerTestPatientCredentials__Title {
  font-weight: bolder;
  margin-bottom: 5px;
}
.ClinicManagerTestPatientCredentials__Value {
  font-weight: bold;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.SelfDiagnosisQA__Header {
  display: flex;
  margin: 30px 30px 30px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.SelfDiagnosisQA__Header > div {
  margin-bottom: 10px;
}
.SelfDiagnosisQA__ReportTitle {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
  font-family: AkzidenzGroteskBE-Md;
  flex-grow: 1;
}
.SelfDiagnosisQA__ReportedAt {
  white-space: nowrap;
  margin-left: 30px;
  text-align: right;
}
.SelfDiagnosisQA__ReportedDate {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
  font-size: 1.375rem;
}
.SelfDiagnosisQA__ReportedTime {
  margin-left: 10px;
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
  font-size: 1rem;
  text-align: right;
}
.SelfDiagnosisQA__ReportedNameContainer {
  margin-top: 5px;
}
.SelfDiagnosisQA__ReportedName {
  text-align: right;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-size: 1.25rem;
}
.SelfDiagnosisQA__Splitter {
  width: 100%;
  border-bottom: 1px solid #bcbcbc;
  margin: 30px 0;
  align-self: center;
}
.SelfDiagnosisQA__Info {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.SelfDiagnosisQA .commonContentModal__footer .commonContentModal__RoundedButton, .SelfDiagnosisQA .commonContentModal__footer .ExerciseView__FooterBtn {
  width: 50%;
}
.QA_QuestionsList {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  display: flex;
  flex-direction: column;
}
.QA_QuestionsList__Asset {
  display: flex;
  align-items: center;
}
.QA_QuestionsList__Asset svg {
  margin-right: 5px;
}
.QA_QuestionsList__Question, .EvaluationResponseForm__QuestionsContainerInner {
  display: flex;
  align-items: flex-start;
}
.QA_QuestionsList__Answer {
  font-family: AkzidenzGroteskBE-Md;
}
.QA_QuestionsList__Answer--multiline {
  font-family: Roboto, sans-serif;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.QA_QuestionsList__Answer--hint {
  font-family: AkzidenzGroteskBE-LightOsF;
}
.QA_QuestionsList__Answer .AnswerList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.QA_QuestionsList__Answer .AnswerList__Answer {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  color: #bcbcbc;
  font-size: 1.25rem;
}
.QA_QuestionsList__Answer .AnswerList__Answer--selected {
  color: #404040;
}
.QA_QuestionsList__Answer .AnswerList__DotAnswer {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid gray;
  margin-right: 10px;
}
.QA_QuestionsList__Answer .AnswerList__DotAnswer--selected {
  background: #404040;
}
.QA_QuestionsList__MetricDescription {
  font-family: AkzidenzGroteskBE-LightOsF;
  font-size: 0.875rem;
}
.QA_QuestionsList__QuestionName {
  margin-bottom: 10px;
  display: flex;
}
.QA_QuestionsList__QuestionNameText {
  flex: 1;
}
.QA_QuestionsList__QuestionNameTooltips {
  position: relative;
}
.QA_QuestionsList__QuestionTooltip {
  width: 23px;
}
.QA_QuestionsList__QuestionNumber, .EvaluationResponseForm__QuestionsNumber {
  margin-right: 5px;
  min-width: 25px;
  color: #bcbcbc;
}
.QA_QuestionsList__QuestionFields, .EvaluationResponseForm__Question {
  flex-grow: 1;
}
.QA_QuestionsList__QuestionKey {
  margin-left: 15px;
  font-weight: 100;
  color: #404040;
  position: relative;
  font-size: 0.8em;
  display: none;
}
.QA_QuestionsList__Answer--human-model {
  display: flex;
  justify-content: center;
}
.QA_QuestionsList p {
  margin: 0;
}
.BodyModelView {
  display: inline-flex;
  flex-direction: row;
}
.BodyModelView__Sidebar {
  margin-left: 10px;
}
.BodyModelView__SidebarHeader {
  margin-bottom: 30px;
}
.BodyModelView__SidebarFooter {
  margin-top: 10px;
}
.BodyModelView__SelectedZonesInfo {
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  background: rgba(194, 223, 220, 0.5);
  box-sizing: border-box;
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.BodyModelView__Tabs {
  display: flex;
  flex-direction: column;
}
.BodyModelView__Tabs .Button {
  width: 100%;
  margin-bottom: 5px;
}
.BodyModelSideView {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.BodyModelSideView .BodyModelSideView__Loader {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: #ffffffa3;
}
.BodyModelSideView__Filters {
  position: absolute;
  left: -100vw;
}
.BodyModelSideView a[href="http://leafletjs.com"] {
  display: none;
}
.BodyModelSideView__Area {
  stroke: gray;
  fill: gray;
  stroke-width: 1;
}
.BodyModelSideView__SelectedArea {
  stroke-width: 0;
  fill: #ff004b;
  fill-opacity: 0.4;
  filter: url(#blur);
}
.ResetDemoClinicButton {
  display: flex;
  align-items: center;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  padding: 3px 10px;
}
.ResetDemoClinicButton__Button {
  margin-right: 10px;
}
.ResetDemoClinicButton__Status {
  font-size: 13px;
  color: black;
}
.ResetDemoClinicButton__StatusRow {
  display: flex;
}
.ResetDemoClinicButton__StatusLabel {
  width: 100px;
  margin-right: 10px;
}
.ResetDemoClinicButton__StatusValue {
  font-weight: bolder;
  width: 130px;
}
.AlertsTableView__Container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.AlertsTableView__CellLevel {
  width: 19px !important;
  height: 19px !important;
}
.AlertsTableView__CellLevel--alert {
  color: #649bff;
}
.AlertsTableView__CellLevel--warning {
  color: #f5aa0a;
}
.AlertsTableView__CellLevel--alarm {
  color: #ff004b;
}
.AlertsTableView__CellLevel--level-4 {
  color: #2bc20e;
}
.AlertsTableView__CellLevel--level-5 {
  color: #39ff14;
}
.AlertsTableView__CellStatus {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AlertsTableView__Row--managed {
  color: #696765;
}
.AlertsTableView .ExtendedTable__Cell--level {
  justify-content: center;
}
.AlertsTableView__UserGroupSelectWrapper {
  min-width: 270px;
  flex-wrap: wrap;
  max-width: 400px;
  min-height: 50px;
  height: auto;
}
.AlertsTableView__UserGroupSelectWrapper .AlertsTableView__UserGroupSelect {
  margin: 5px 10px;
}
.AlertsTableView__UserGroupSelectWrapper .AlertsTableView__UserGroupSelect .Select__placeholder {
  color: #a6a6a6;
  top: 19px;
  font-family: AkzidenzGroteskBE-LightOsF;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.AlertsTableView__UserGroupSelectWrapper .AlertsTableView__UserGroupSelect:hover .Select__control {
  border-bottom: 2px solid black;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.GroupProfile__Wrapper {
  background: #f5f5f5;
  padding: 0 10px;
}
.GroupProfile__Wrapper .profile-sub-header {
  margin-top: 20px;
  padding: 10px 10px 0 10px;
}
.GroupProfile__Wrapper .GroupActions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.GroupProfile__Wrapper .ActivityPrescriptionDropdown__Select {
  border: none;
}
.ColorPicker__Wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ColorPicker__Wrapper .top_indent {
  margin-top: 20px;
}
.group_delete_btn {
  margin-top: 35px;
}
.GroupSettings__Paper {
  max-width: 300px;
  box-shadow: none !important;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
}
.GroupSettings__Paper .profile-paper-container {
  padding: 9px 16px;
}
.new-groups-footer {
  background: #f5f5f5;
}
.PreviewUsersGroup {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.PreviewUsersGroup__ProgressLoader {
  margin: 20px;
  height: 40px;
}
.PreviewUsersGroup__ProgressLoader .ProgressLoader__Overlay {
  background: #f5f5f5;
}
.PreviewUsersGroup__TalksButtons button {
  margin-bottom: 10px;
}
.PreviewUsersGroup__TalksButtons .Button__Label {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.07;
  letter-spacing: 0.27px;
}
.PreviewUsersGroup__TalksButtons .SplitButton button.SplitButton__Button {
  margin-bottom: 0;
}
.PreviewUsersGroup__GroupTitle {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  font-size: 22px;
  line-height: 22px;
}
.PreviewUsersGroup__MainInfo {
  margin: 10px 20px 10px 10px;
}
.PreviewUsersGroup__Paper {
  min-width: 350px;
  padding: 30px 20px 20px 20px;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.PreviewUsersGroup__Group {
  margin-bottom: 20px;
}
.PreviewUsersGroup__Group .UserForm__FieldLabel, .PreviewUsersGroup__Group .ChannelsTree__Label, .PreviewUsersGroup__Group .DynamicSliderStepControl--header, .PreviewUsersGroup__Group .AssetPreview__TitleLabel {
  font-weight: 500;
  width: 100%;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 10px;
}
.PreviewUsersGroup__Group input,
.PreviewUsersGroup__Group textarea {
  font-family: AkzidenzGroteskBE;
  font-size: 15px;
  letter-spacing: 0.3px;
}
.PreviewUsersGroup__Group .profile-paper-hr {
  margin: 13px 0;
}
.PreviewUsersGroup__Actions button {
  margin-bottom: 10px;
}
.PreviewUsersGroup__Actions .Button__Label {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.07;
  letter-spacing: 0.27px;
}
.PreviewUsersGroup__Summary {
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.PreviewUsersGroup__UsersManagement {
  margin: 10px 10px 10px 20px;
  flex: 1;
}
.PreviewUsersGroup__UsersManagementHeader {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
}
.PreviewUsersGroup__UsersManagementHeader .Button {
  margin-right: 15px;
}
.PreviewUsersGroup__UsersManagementTable {
  margin-bottom: 30px;
}
.PreviewUsersGroup .ExtendedTable__PaginationContainer--Top {
  display: none;
}
.PreviewUsersGroup .Select__menu {
  z-index: 2;
}
.PreviewUsersGroup .CreateUsersGroupModal__Access,
.PreviewUsersGroup .CreateUsersGroupModal__AccessValues {
  max-width: 350px;
}
.PreviewUsersGroup .GroupUsersHistoryTableView__ActionTitle {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PreviewUsersGroup .UserProms__DataCards {
  margin-bottom: 30px;
}
.PreviewUsersGroup .profile-paper-container {
  padding: 0;
}
.UserForm__FieldLabel, .ChannelsTree__Label, .DynamicSliderStepControl--header, .AssetPreview__TitleLabel {
  font-weight: 500;
  width: 100%;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 10px;
}
.PatientGroups__List {
  margin-top: 20px;
}
.PatientGroups__GroupChip {
  margin-bottom: 10px;
}
.PatientGroups__GroupChip--isAdmin.GroupChip {
  cursor: initial;
}
.PatientGroups__Title {
  display: flex;
  align-items: center;
}
.PatientGroups__TitleIcon {
  margin-right: 10px;
}
body .GroupChip {
  cursor: pointer;
}
.GroupsTableView .ExtendedTable__Cell--name {
  padding-left: 20px;
}
.GroupsTableView .UserTableView__Controls .UserTableView__PrimarySelect {
  width: auto;
  min-width: 250px;
}
.GroupUsersTableView__RowDeleted, .GroupUsersTableView__RowDeleted:hover {
  background: #ffbcce !important;
}
.GroupUsersTableView__ActionsCell {
  display: flex;
  align-items: center;
}
.GroupUsersTableView__ActionsCell > * {
  margin-right: 5px;
}
.GroupUsersTableView__OpenProfileIcon path {
  fill: #0000ff;
}
.GroupForm .UserForm__Field {
  margin-bottom: 20px;
}
.GroupForm__Owner .Field__TextField {
  color: #0000ff;
  cursor: pointer;
}
.UsersGroupModal__Summary {
  margin-top: 20px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.UsersGroupModal .Select__menu {
  z-index: 2;
}
.SendSmsModal .M-Modal__Inner {
  min-width: 400px;
}
.SendSmsModal .M-Modal__Header {
  background: white;
}
.SendSmsModal .M-Modal__Body {
  padding: 0;
  background: white;
  min-height: 445px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.SendSmsModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
  margin-right: 15px;
}
.SendSmsModal .M-Modal__Close {
  margin: 15px;
}
.SendSmsModal__ProgressLoader {
  flex: 1;
  background: #ffffff;
}
.SendSmsModal .SendSmsModal__Content {
  display: flex;
  flex-direction: column;
  padding: 15px;
  overflow-x: hidden;
}
.SendSmsModal .SendSmsModal__SubmitButton {
  margin: 15px;
  height: 40px;
  max-width: 200px;
}
.SendSmsModal .SendSmsModal__SubmitButton .Button__Label {
  top: 0;
}
.SendSmsModal__Footer {
  display: flex;
  align-items: center;
}
.SendSmsModal .SendSmsForm__UserList {
  margin-top: 10px;
}
.SendSmsModal .SendSmsForm__Characters {
  display: flex;
  justify-content: space-between;
}
.SendSmsModal .SendSmsForm__Characters .SendSmsForm__SmsNumber, .SendSmsModal .SendSmsForm__Characters .SendSmsForm__LeftSymbols {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  font-size: 10px;
  height: 10px;
  margin: 5px 0;
}
.SendSmsModal .SendSmsForm__ExtraControls {
  display: flex;
  justify-content: space-between;
}
.SendSmsModal .SendSmsForm__ExtraControls .SendSmsForm__TimerBtn {
  padding: 0;
  width: 35px;
  height: 35px;
}
.SendSmsModal .SendSmsForm__ExtraControls .SendSmsForm__TimerBtn span {
  font-size: 21px;
}
.SendSmsModal .SendSmsForm__ExtraControls .SendSmsForm__EmojiBtn {
  margin-left: 10px;
  padding: 0;
  width: 35px;
  height: 35px;
}
.SendSmsModal .SendSmsForm__ExtraControls .SendSmsForm__EmojiBtn span {
  font-size: 21px;
}
.SendSmsModal .SendSmsForm .emoji-mart {
  height: 200px !important;
}
.SendSmsModal .SendSmsForm .emoji-mart-scroll {
  height: 150px;
}
.SendSmsModal .SendSmsForm .emoji-mart-bar {
  display: none;
}
.SendSmsModal .SendSmsForm .UserForm__Field {
  margin-bottom: 0px;
}
.SendSmsModal .SendSmsForm__DateAndTime {
  display: flex;
  align-items: center;
}
.SendSmsModal .SendSmsForm__DeleteTimeIcon {
  cursor: pointer;
  margin-left: 10px;
}
.SmsReportModal .M-Modal__Inner {
  min-width: 400px;
}
.SmsReportModal .M-Modal__Header {
  background: white;
}
.SmsReportModal .M-Modal__Body {
  padding: 0;
  background: white;
  min-height: 445px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.SmsReportModal .M-Modal__Body--single {
  min-height: 300px;
}
.SmsReportModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
  margin-right: 15px;
}
.SmsReportModal .M-Modal__Close {
  margin: 15px;
}
.SmsReportModal__ProgressLoader {
  flex: 1;
  background: #ffffff;
}
.SmsReportModal__Wrapper {
  height: 400px;
  min-width: 300px;
  position: relative;
  margin: 10px;
}
.SmsReportModal__Wrapper > .ProgressLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.SmsReportModal__Wrapper--single {
  height: 120px;
}
.SmsReportModal__NotesListWrapper {
  height: 100%;
  overflow-y: auto;
}
.SmsReportModal .SendSmsModal__GeneralInfo {
  display: flex;
  flex-direction: column;
  padding: 15px;
  overflow-x: hidden;
  margin: 10px;
}
.SmsReportModal .SendSmsModal__SubmitButton {
  margin: 15px;
  height: 40px;
  max-width: 200px;
}
.SmsReportModal .SendSmsModal__SubmitButton .Button__Label {
  top: 0;
}
.SmsReportModal .SmsReportModal__ReportListItem {
  min-height: 40px;
  margin-bottom: 10px;
  padding: 10px;
}
.SmsReportModal__Label {
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.33px;
  text-transform: uppercase;
  font-size: 12px;
}
.SmsReportModal__GeneralInfo {
  margin: 10px 30px 10px 10px;
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.33px;
  text-transform: uppercase;
}
.SmsReportModal__GeneralInfo .SmsReportModal__GeneralInfoTitle {
  margin-bottom: 20px;
  font-size: 12px;
}
.SmsReportModal__GeneralInfo .SmsReportModal__GeneralInfoStatuses {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.SmsReportModal__GeneralInfo .SmsReportModal__GeneralInfoStatuses li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.SmsReportModal__GeneralInfo .SmsReportModal__GeneralInfoStatuses li span {
  font-size: 12px;
}
.SmsReportModal__Label {
  margin-bottom: 20px;
}
.SmsReportModal__Sender {
  margin: 10px 30px 20px 10px;
}
.SmsReportModal__SmsPanel {
  margin: 0 10px 20px 10px;
}
.SmsReportModal__SmsPanel .Panel__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SmsReportModal__SmsPanel .SmsReportModal__MessageText .TextMessage {
  padding: 0;
  margin: 0;
}
.SmsReportModal__SmsPanel .SmsReportModal__SmsPanelTitle {
  font-family: AkzidenzGroteskStd-Ex;
  letter-spacing: 1.33px;
  font-size: 12px;
  text-transform: uppercase;
}
.SmsReportModal__StatusBlock {
  height: 100% !important;
  display: inline-block !important;
  width: 100px !important;
  white-space: nowrap;
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  padding: 5px 5px 3px 5px;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}
.SmsReportModal__StatusBlock--pending {
  border: 1px solid grey;
  background: #d7d5d3;
  color: #ffffff !important;
}
.SmsReportModal__StatusBlock--sent {
  border: 1px solid #0000ff;
  background: #0000ff;
  color: #ffffff !important;
}
.SmsReportModal__StatusBlock--successful {
  border: 1px solid #006400FF;
  background: #006400FF;
  color: #ffffff !important;
}
.SmsReportModal__StatusBlock--unsuccessful {
  border: 1px solid #ff004b;
  background: #ff004b;
  color: #ffffff !important;
}
.SmsReportModal__Footer {
  display: flex;
  align-items: center;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.NewPatientProfile {
  min-height: calc(100vh - 40px - 35px);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  container-type: inline-size;
  container-name: patient-profile;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile {
    min-height: calc(100vh - 10px - 35px);
  }
}
@media (max-width: 768px) {
  .NewPatientProfile .intercom-client-button {
    display: block;
    width: 100%;
    margin: 16px 0;
  }
  .NewPatientProfile .intercom-client-button button {
    width: 100%;
  }
}
.NewPatientProfile .NewPatientProfileWrapper {
  display: grid;
  gap: 20px;
  height: 100%;
  padding: 20px 0;
  padding-bottom: 0;
  grid-template-columns: 1fr;
}
@container patient-profile (min-width: 768px) {
  .NewPatientProfile .NewPatientProfileWrapper {
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }
}
@container patient-profile (min-width: 1440px) {
  .NewPatientProfile .NewPatientProfileWrapper {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 0.3fr);
  }
}
.NewPatientProfile .NewPatientProfileWrapper .patient-custom-fields,
.NewPatientProfile .NewPatientProfileWrapper .LinkedAccounts {
  grid-column: 1/-1;
}
@container patient-profile (min-width: 768px) {
  .NewPatientProfile .NewPatientProfileWrapper .patient-custom-fields,
.NewPatientProfile .NewPatientProfileWrapper .LinkedAccounts {
    grid-column: auto;
  }
}
.NewPatientProfile .NewPatientLoadingContainer {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.NewPatientProfile .NewPatientProfile__OldPpIcon {
  font-size: 16px;
}
.NewPatientProfile .information-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.NewPatientProfile .UserInformation {
  position: relative;
}
.NewPatientProfile .UserInformation__BadgesWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}
.NewPatientProfile .UserInformation__Header {
  margin: 0 20px 0 20px;
  padding: 0 0 20px 0;
}
.NewPatientProfile .UserInformation__TitleContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.NewPatientProfile .UserInformation__Title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.NewPatientProfile .UserInformation__Footer {
  gap: 10px;
  padding-top: 20px;
  margin: 0 20px;
  border-top: 1px solid #ebe9e7;
}
.NewPatientProfile .UserInformation__Footer .RoundedButton {
  width: 100%;
}
.NewPatientProfile .UserInformation__EditButton {
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  gap: 0;
  border: 1px solid #d7d5d3 !important;
}
.NewPatientProfile .UserInformation__Inner {
  padding: 20px 0;
  box-shadow: none;
  border: 1px solid #ebe9e7;
  border-radius: 4px;
}
.NewPatientProfile .UserInformation--deactivated-user .UserInformation__Inner {
  background: #fff;
}
.NewPatientProfile .UserInformation .profile-paper-container {
  padding: 0;
  border-top: none;
}
.NewPatientProfile .UserInformation .profile-paper-data-container {
  padding: 20px 0;
  margin: 0 20px;
}
.NewPatientProfile .UserInformation .profile-paper-data-container .profile-paper-data {
  display: grid;
  grid-template-columns: 135px 1fr;
  align-items: start;
}
.NewPatientProfile .UserInformation .profile-paper-data-container .profile-paper-data-title {
  color: #918f8d;
  text-transform: capitalize;
  font-size: 14px;
  font-family: AkzidenzGroteskStd;
  font-weight: 400;
}
.NewPatientProfile .UserInformation .profile-paper-data-container .profile-paper-data-info {
  font-size: 14px;
  font-family: AkzidenzGroteskStd;
  font-weight: bold;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  word-break: break-all;
}
.NewPatientProfile .UserInformation .Badge {
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  font-family: AkzidenzGroteskStd;
  padding: 2px 12px 0 12px;
  text-transform: capitalize;
}
.NewPatientProfile .UserInformation .Badge--black-test-patient {
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  font-weight: 500;
}
.NewPatientProfile .PatientConsentedForms__Paper {
  padding: 20px;
  box-shadow: none;
  border: 1px solid #ebe9e7;
  border-radius: 4px;
}
.NewPatientProfile .PatientConsentedForms__Title {
  font-size: 20px;
  font-weight: 500;
  font-family: AkzidenzGroteskBE-Md, Arial, sans-serif;
  padding-bottom: 20px;
}
.NewPatientProfile .PatientGroups__List {
  margin-top: 0;
}
.NewPatientProfile .PatientGroups__GroupChip {
  margin-bottom: 0;
}
.NewPatientProfile .PatientGroups__GroupChip--isAdmin.GroupChip {
  cursor: initial;
}
body .NewPatientProfile .GroupChip {
  cursor: pointer;
}
.NewPatientProfile .GroupChip--Label {
  font-size: 12px;
  font-family: AkzidenzGroteskStd;
  padding: 6px 12px 4px 12px;
}
.NewPatientProfile .border-top {
  border-top: 1px solid #ebe9e7;
}
.NewPatientProfile .border-white {
  border-color: #fff;
}
.NewPatientProfile .UserPromManager {
  position: relative;
}
.NewPatientProfile .UserPromManager__Header {
  padding: 0 0 15px 0;
  display: flex;
  justify-content: flex-end;
}
.NewPatientProfile .UserPromManager .underline {
  text-decoration: underline;
}
.NewPatientProfile .UserPromManager .UserPromManager__SearchAssessmentsButton {
  position: absolute;
  top: -38px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .UserPromManager .UserPromManager__SearchAssessmentsButton {
    position: static;
    margin-bottom: 0;
  }
}
.NewPatientProfile .UserPromManager .UserPromManager__EmptyResults {
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 500;
  font-family: AkzidenzGroteskStd;
}
.NewPatientProfile .Page__Tabs {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer {
  min-height: 500px;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  box-shadow: none;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .SwitchButton {
  box-shadow: inset 0 0 0 1px #32c8c8;
  background-color: #ffffff;
  height: 42px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .IconButton {
  height: 42px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .SecondaryButton {
  border: 1px solid #32c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .SecondaryButton svg {
  fill: #32c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .DangerButton {
  border: 1px solid #32c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__DetailsContainer .PatientTherapies__ActionsButtons .DangerButton svg {
  fill: #32c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details {
  display: flex;
  flex-direction: row;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer {
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: 50px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .Program {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .Program p {
  color: #918f8d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .Program h3 {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .Program h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .TextArea {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding-right: 32px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .TextArea p {
  color: #918f8d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyContainer .TextArea h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .Description {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 32px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Details .TherapyTitleContainer {
  display: flex;
  flex-direction: row;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar {
  background-color: #7fd9d9;
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  margin: 32px 0 32px 0;
  gap: 10px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SelectInputContainer .SelectInputLabel {
  padding-bottom: 0 !important;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SelectInputContainer .react-select-container .react-select__control {
  height: 40px;
  border-radius: 4px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SwitchButton {
  height: 40px;
  width: fit-content;
  background-color: #ffffff !important;
  border: 1px solid #34c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SwitchButton.isChecked {
  border: 1px solid #32c8c8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SwitchButton .Mui-checked + .MuiSwitch-track {
  background-color: #32c8c8 !important;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .FilterBar .SwitchButton .Mui-checked .MuiSwitch-thumb {
  background-color: #fff !important;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .DateRangeContainer {
  display: flex;
  flex-direction: row;
  margin: 32px 0 32px 0;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .DateRangeContainer p {
  display: flex;
  flex-direction: row;
  color: #000;
  font-family: "AkzidenzGroteskStd" !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .DateRangeContainer span {
  margin: 0 5px;
  color: #918f8d;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards .Card {
  display: flex;
  width: 120px;
  height: 120px;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background-color: #ebe9e7;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards .Card h4 {
  color: #191715;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 100% */
  letter-spacing: 0.28px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards .Card h1 {
  color: #191715;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards .Success {
  background-color: rgba(127, 217, 217, 0.4);
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .TherapiesCards .Danger {
  background-color: #ffd9e8;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__ActivityGraphContainer {
  background-color: #f5f5f5;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__ActivityGraphContainer .ButtonWithLoader {
  padding: 0px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__ActivityGraphContainer,
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Footer,
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientActivityGraph__MetricContainer {
  border-radius: 4px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientActivityGraph__MetricContainer {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientActivityGraph__BioTrackersContainer {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .PatientTherapies__TherapiesContainer {
    padding: 0 15px;
    gap: 20px;
  }
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Actions,
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Metric,
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__SparkLines {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 250px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Biotracker {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 16px;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Biotracker .apexcharts-toolbar {
  z-index: 0;
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Biotracker .TrackersGraph {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) {
  .NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Biotracker .TrackersGraph {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1800px) {
  .NewPatientProfile .PatientTherapies__TherapiesContainer .PatientTherapies__Biotracker .TrackersGraph {
    width: calc(33.33% - 16px);
  }
}
.NewPatientProfile .PatientTherapies__TherapiesContainer .NotationsBoxWrapper {
  flex-grow: 1;
}
.NewPatientProfile .TabsHierarchy__Container {
  padding-bottom: 10px;
}
.NewPatientProfile .TabsHierarchy__Container button:focus {
  outline: none !important;
}
.NewPatientProfile .TabsHierarchy__Container .TabComponent {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6px !important;
}
.NewPatientProfile .TabsHierarchy__Container .Mui-selected {
  background-color: #ffffff;
  display: flex;
  border-radius: 2px;
  width: auto !important;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .TabsHierarchy__Container {
    flex-wrap: wrap;
    gap: 5px 16px;
  }
}
.NewPatientProfile .TabsHierarchy__Indicator {
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .TabsHierarchy__Indicator {
    display: none;
  }
}
.NewPatientProfile .CurrentTabsWrapper {
  border-bottom: 0px solid #918f8d;
}
.NewPatientProfile .RecursiveSubtabs .CurrentTabsWrapper {
  border: none;
}
.NewPatientProfile .RecursiveSubtabs .NavigationTabs {
  width: 85%;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .RecursiveSubtabs .NavigationTabs {
    width: 100%;
  }
}
.NewPatientProfile .RecursiveSubTabsWrapper {
  width: calc(100% - 100px);
}
.NewPatientProfile .Pathways__Header {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.NewPatientProfile .no-data {
  height: 500px;
  font-size: 17px;
  font-weight: 500;
}
.NewPatientProfile .HealthPlan,
.NewPatientProfile .Habits {
  padding: 0;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .Messenger {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .NewPatientProfile .MessageInputBox__SendButtonTooltip {
    display: flex;
    justify-content: flex-end;
  }
}
.NewPatientProfile .therapy-activity-wrapper {
  padding-top: 0;
}
.NewPatientProfile .OnlineIndicator__Circle {
  width: 10px;
  height: 10px;
}
.NewPatientProfile .OnlineIndicator__Text {
  font-size: 8px;
}
.NewPatientProfile .Chat__MessengerContainer {
  transition: none;
}
.NewPatientProfile .Chat__MessengerContainer--display {
  transition: none;
}
.NewPatientProfile .HealthPlanNote {
  background: #fff;
}
.NewPatientProfile .activity-journal {
  border: 1px solid #d7d5d3;
  box-shadow: none;
}
.NewPatientProfile .Metric {
  display: inline-flex;
  padding: 32px;
  overflow: "hidden";
  flex-direction: column;
  justify-content: left;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #fff;
}
.NewPatientProfile .container {
  width: 193px;
  height: 77px;
  position: relative;
  display: inline-flex;
}
.NewPatientProfile .container .section {
  width: 48%;
  height: 100%;
  position: relative;
  display: inline-flex;
}
.NewPatientProfile .container .primary-text {
  left: 0;
  top: 23px;
  position: absolute;
  color: black;
  font-size: 32px;
  font-family: "AkzidenzGroteskStd";
  font-weight: 700;
  word-wrap: break-word;
}
.NewPatientProfile .container .description {
  left: 0;
  top: 61px;
  position: absolute;
  color: #4e82b0;
  font-size: 14px;
  font-family: "AkzidenzGroteskStd";
  font-weight: 400;
  word-wrap: break-word;
}
.NewPatientProfile .container .percentage {
  left: 140px;
  top: 23px;
  position: absolute;
  color: #50b04e;
  font-size: 14px;
  font-family: "AkzidenzGroteskStd";
  font-weight: 700;
  word-wrap: break-word;
}
.NewPatientProfile .container .title {
  left: 0;
  top: 0;
  position: absolute;
  color: #b1b1b1;
  font-size: 14px;
  font-family: "AkzidenzGroteskStd";
  font-weight: 400;
  word-wrap: inherit;
}
.NewPatientProfile .green {
  color: #28a745;
}
.NewPatientProfile .orange {
  color: #fd7e14;
}
.NewPatientProfile .red {
  color: #dc3545;
}
.NewPatientProfile .MetricResponses {
  margin-top: 5px;
}
.NewPatientProfile .MetricChange {
  font-size: 0.9em;
}
.NewPatientProfile .positive {
  color: #28a745;
}
.NewPatientProfile .negative {
  color: #dc3545;
}
.NewPatientProfile .MetricVCC {
  font-size: 0.9em;
  margin-top: 5px;
}
.NewPatientProfile .PatientActivityGraph__MetricContainer {
  padding: 1.5rem;
  margin: 16px 0px 16px 0;
  display: grid;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.PatientChannels.ExpansionBlock {
  background: #262626;
  border: none;
}
.PatientChannels.ExpansionBlock .ExpansionBlock__title,
.PatientChannels.ExpansionBlock .Channel,
.PatientChannels.ExpansionBlock .Chapter,
.PatientChannels.ExpansionBlock .Episode {
  color: white;
}
.PatientChannels.ExpansionBlock > .ExpansionBlock__item:not(.ExpansionBlock__item--collapsed) {
  margin-top: 20px;
}
.PatientChannels__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.PatientChannels__Title {
  font-family: AkzidenzGroteskBE-Ex, Roboto, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 10px 0;
}
.PatientChannels__NewTitle {
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 1rem;
  font-weight: 700;
  color: black;
}
.PatientChannels__NewTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PatientChannels__ExpandSymbol {
  display: flex;
  align-items: center;
  margin-right: -10px;
}
.PatientChannels .PatientChannels__ExpandIcon {
  width: 50px;
  height: 50px;
}
.PatientChannels__Switch {
  margin-right: -13px;
}
.PatientChannels .MSwitch--disabled .MSwitch__SwitchRoot {
  opacity: 0.3;
}
.Channel {
  font-size: 20px;
  outline: 1px solid #d7d5d3;
  outline-offset: -1px;
  background-color: white;
  border-radius: 4px;
  padding: 10px 20px 0 20px;
}
.Channel .ChannelCancelButton {
  background-color: #a0003c !important;
  border: 1px solid #a0003c !important;
}
.Channel + .Channel {
  margin-top: 0.625rem;
}
.Channel__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.Channel__Title {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
  font-family: AkzidenzGroteskBE-Md;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.Channel__Title .switch-button {
  margin-top: -4px;
}
.Channel__Capters {
  padding-left: 10px;
}
.isEditingChannel {
  outline: 2px solid #1414c8 !important;
  outline-offset: -2px;
}
.Chapter {
  padding-bottom: 0.5rem;
}
.Chapter__Header {
  display: flex;
  align-items: start;
  border-top: 1px solid #979797;
  padding: 1.125rem 0 0;
}
.Chapter__Subheader {
  padding: 0.75rem 1.25rem;
  border: 1px solid #ebe9e7;
  border-radius: 4px;
  margin-left: 3rem;
  margin-top: 0.5rem;
  width: calc(100% - 3rem);
}
.Chapter__Info {
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
  flex-grow: 1;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.Chapter__Title {
  font-family: AkzidenzGroteskBE-Md;
  font-size: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Chapter__Title .switch-button {
  margin-top: -4px;
}
.Chapter__Subtitle {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-size: 1.25rem;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
.Chapter__Author {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-size: 1.25rem;
}
.Episode {
  display: flex;
  align-items: start;
}
.Episode .switch-button {
  width: 100%;
}
.Episode .switch-button p {
  width: 100%;
}
.Episode__Title {
  flex-grow: 1;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-size: 1.0625rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Episode__TitleContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.Episode__TitleContainer__Actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
.Episode__TitleContainer__Actions__Percentage {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.Episode__TitleContainer__Actions__Percentage span {
  font-family: AkzidenzGroteskStd;
  color: #0000ff !important;
  font-size: 0.875rem;
}
.Episode__TitleContainer__Actions__Percentage__Value {
  margin-bottom: -2px;
}
.Episode__TitleContainer__Actions__Percentage .MuiLinearProgress-root {
  min-width: 50px;
  height: 0.5rem;
  border-radius: 8px !important;
  background-color: #ebe9e7;
}
.Episode__TitleContainer__Actions__Percentage .MuiLinearProgress-root .MuiLinearProgress-bar {
  background-color: #0000ff !important;
}
.Episode__TitleContainer__Actions__Watching {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
}
.Episode__TitleContainer__Actions__Watching span {
  font-family: AkzidenzGroteskStd;
  font-size: 0.875rem;
  margin-bottom: -2px;
}
.Episode__TitleContainer__Actions__Date {
  width: 100%;
  font-family: AkzidenzGroteskStd;
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
}
.Episode__Preview {
  margin-left: 10px;
  cursor: pointer;
  color: #0000ff;
}
.Episode__Name {
  cursor: pointer;
}
.Episode__Name:hover {
  text-decoration: underline;
}
.Episode__Index {
  min-width: 20px;
  display: inline-block;
}
.ChannelsTree {
  position: relative;
  padding: 20px 0 0 5px;
}
.ChannelsTree__Header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: white;
  z-index: 2;
  margin-bottom: 10px;
}
.ChannelsTree__ExpansionToggler {
  margin-right: 20px;
}
.ChannelsTree__Channels, .ChannelsTree__ChannelChapters, .ChannelsTree__ChapterEpisodes {
  padding-left: 20px;
}
.ChannelsTree__Channel {
  margin-bottom: 20px;
}
.ChannelsTree__Chapter {
  margin-bottom: 10px;
}
.ChannelsTree__Channel--is-dragging .ChannelsTree__ChannelBox, .ChannelsTree__Channel--is-dragging .ChannelsTree__ChapterBox, .ChannelsTree__Channel--is-dragging .ChannelsTree__EpisodeBox, .ChannelsTree__Chapter--is-dragging .ChannelsTree__ChannelBox, .ChannelsTree__Chapter--is-dragging .ChannelsTree__ChapterBox, .ChannelsTree__Chapter--is-dragging .ChannelsTree__EpisodeBox, .ChannelsTree__Episode--is-dragging .ChannelsTree__ChannelBox, .ChannelsTree__Episode--is-dragging .ChannelsTree__ChapterBox, .ChannelsTree__Episode--is-dragging .ChannelsTree__EpisodeBox {
  background-color: #c2dfdc;
}
.ChannelsTree__Channel--selected > .ChannelsTree__ChannelBox,
.ChannelsTree__Channel--selected > .ChannelsTree__ChapterBox,
.ChannelsTree__Channel--selected > .ChannelsTree__EpisodeBox, .ChannelsTree__Chapter--selected > .ChannelsTree__ChannelBox,
.ChannelsTree__Chapter--selected > .ChannelsTree__ChapterBox,
.ChannelsTree__Chapter--selected > .ChannelsTree__EpisodeBox, .ChannelsTree__Episode--selected > .ChannelsTree__ChannelBox,
.ChannelsTree__Episode--selected > .ChannelsTree__ChapterBox,
.ChannelsTree__Episode--selected > .ChannelsTree__EpisodeBox {
  border: 3px solid blue;
  color: #404040;
}
.ChannelsTree__ChannelDraft, .ChannelsTree__ChapterDraft, .ChannelsTree__EpisodeDraft {
  display: none;
  color: black;
  background: lightslategray;
  border: 1px solid black;
  border-radius: 5px;
  margin-left: 10px;
  padding: 5px 10px;
}
.ChannelsTree__ChannelBox, .ChannelsTree__ChapterBox, .ChannelsTree__EpisodeBox {
  border: 3px solid #c2c2c2;
  border-radius: 5px;
  display: inline-flex;
  align-items: stretch;
  cursor: pointer;
  position: relative;
  background: white;
}
.ChannelsTree__ChannelInfo, .ChannelsTree__ChapterInfo, .ChannelsTree__EpisodeInfo {
  padding: 10px;
  display: inline-flex;
}
.ChannelsTree__ChannelBox {
  margin-bottom: 15px;
}
.ChannelsTree__ChapterBox {
  margin-bottom: 10px;
}
.ChannelsTree__EpisodeBox {
  margin-bottom: 5px;
}
.ChannelsTree__ChapterIcon, .ChannelsTree__EpisodeIcon {
  margin-right: 10px;
}
.ChannelsTree__Expander {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 100%;
  position: absolute;
  left: -30px;
}
body .ChannelsTree__ExpanderIcon {
  transform: rotate(-90deg);
  transition: transform 0.2s;
}
.ChannelsTree__Expander .ChannelsTree__ExpanderIcon {
  width: 35px;
  height: 35px;
}
.ChannelsTree__Expander--expanded .ChannelsTree__ExpanderIcon {
  transform: rotate(0deg);
}
.ChannelsManagement {
  background: #fff;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  height: calc(100vh - 68px - 35px);
}
.ChannelsManagement .ProgressLoader {
  height: 100%;
}
.ChannelsManagement__Inner {
  height: 100%;
}
.ChannelsManagement__Header {
  height: 50px;
  border-bottom: 1px solid #bcbcbc;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.ChannelsManagement__MainArea {
  display: flex;
  height: 100%;
}
.ChannelsManagement__LeftSide {
  height: 100%;
  width: 50%;
  overflow-y: auto;
}
.ChannelsManagement__RightSide {
  height: 100%;
  width: 50%;
  border-left: 1px solid #bcbcbc;
  overflow-y: auto;
}
.ChannelsManagement__FormContainer {
  padding: 20px;
  position: relative;
}
.ChannelsManagement__FormContainerClose {
  position: absolute;
  right: 20px;
}
.ChannelsManagement .ChannelsTree__AddChannelButtonContainer {
  display: none;
}
.ChannelsManagement__RootProgressLoader .ProgressLoader__Overlay {
  z-index: 3;
}
.EditChannelForm__Title {
  margin-bottom: 15px;
}
.EditChannelForm__EpisodeType {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.EditChannelForm__EpisodeTypeField {
  width: 250px;
}
.EditChannelForm__Footer {
  margin-top: 15px;
  display: flex;
  width: 100%;
}
.EditChannelForm__FooterLeftSide {
  display: flex;
}
.EditChannelForm__FooterLeftSide .RoundedButton {
  margin-right: 15px;
}
.EditChannelForm__FooterRightSide {
  flex-grow: 2;
  display: flex;
  justify-content: flex-end;
}
.EditChannelForm .MultipleClinicsSelect__AllClinics,
.EditChannelForm .MultipleClinicsSelect__SelectHint {
  display: none;
}
.EditChannelForm__Info {
  margin: 15px 0;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.EditChannelForm__SectionName {
  margin-top: 30px;
  margin-bottom: 10px;
}
.EditChannelForm__PosterSection {
  margin-top: 15px;
  padding: 0 20px 20px;
  border: 1px solid #8a8a8a;
  border-radius: 10px;
}
.EditChannelForm__FullWidthInput {
  width: 100%;
}
.EditChannelForm .ChannelMobilePreview {
  box-shadow: 1px 1px 10px grey;
}
.EditChannelForm__PreviewContainer {
  margin: 20px 0;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
}
.EditChannelForm__PreviewContainerTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-bottom: 15px;
}
.EditChannelFormModal .EditChannelForm__Title,
.EditChannelFormModal .EditChannelForm__Footer {
  display: none;
}
.EditChapterFormModal .EditChannelForm__Title,
.EditChapterFormModal .EditChannelForm__Footer {
  display: none;
}
.EditEpisodeFormModal .EditChannelForm__Title,
.EditEpisodeFormModal .EditChannelForm__Footer {
  display: none;
}
.EditEpisodeFormModal .commonContentModal__mainContent {
  padding-top: 15px;
}
body .EditEpisodeForm .UserForm__Field {
  margin-top: 15px;
}
.EditEpisodeForm .AssetPreview {
  padding-top: 0px;
  padding-left: 0px;
}
.ChannelMobilePreview {
  padding: 30px 20px 20px 30px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 400px;
  background: white;
  min-height: 200px;
}
.ChannelMobilePreview--with-image {
  height: 400px;
}
.ChannelMobilePreview__ImageContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ChannelMobilePreview__Image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ChannelMobilePreview__ImageCover {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ChannelMobilePreview__ImageDefaultGradient {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 49.79%, rgba(0, 0, 0, 0) 100%);
}
.ChannelMobilePreview__MainContent {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: calc(100% - 50px);
}
.ChannelMobilePreview__Category {
  font-family: AkzidenzGroteskStd;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}
.ChannelMobilePreview__Title {
  font-family: AkzidenzGroteskStd;
  font-size: 27px;
  font-weight: 400;
  margin-bottom: 15px;
}
.ChannelMobilePreview__Duration {
  font-family: AkzidenzGroteskStd;
  font-size: 17px;
}
.ChannelMobilePreview__Copyright {
  margin-top: 10px;
}
.ChannelMobilePreview__Arrow {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.EditArticleEpisodeForm__PageSelectControlWrapper {
  display: flex;
  gap: 20px;
}
.EditArticleEpisodeForm__PageSelectControlWrapper .PageSelect {
  flex-grow: 1;
}
.EditArticleEpisodeForm__PageSelectContainer {
  margin-bottom: 40px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.l-title-font, .ChannelsManagement__HeaderTitle, .EditChannelForm__Title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
}
.m-title-font, .Pathways__NoStartedPathways, .UserPromManager__EmptyResults, .AssetPreview__Title, .AssetPreview__EmptyText {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.main-text-font, .TokBoxVideoCall__UserName, .TokBoxVideoCall__SettingLabel {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
}
.commonContentModal {
  max-width: 900px;
  min-width: 320px;
  width: 100%;
  right: 0;
  margin: auto;
}
body .commonContentModal__overlay {
  background-color: rgba(0, 0, 0, 0.85);
}
.commonContentModal__root {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 800px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  outline: none;
  padding: 40px;
}
.commonContentModal__progressLoader {
  width: 100%;
  height: 100%;
}
.commonContentModal__progressLoader > .ProgressLoader__Overlay {
  border-radius: 40px;
}
.commonContentModal__closeIcon {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
}
.commonContentModal__closeIcon svg g {
  fill: white;
}
.commonContentModal__infoButton {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 20px;
  right: 0;
  border: none;
  font-family: AkzidenzGroteskStd-Md;
  font-weight: normal;
  font-size: 24px;
  background-color: #fff;
  display: none;
}
.commonContentModal__section {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 40px;
  overflow: hidden;
}
.commonContentModal__header, .commonContentModal__footer {
  box-sizing: border-box;
  padding: 0 60px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.commonContentModal__header {
  background-color: #f5f3f1;
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}
.commonContentModal__footer {
  background-color: #0000ff;
  display: flex;
  justify-content: space-between;
}
.commonContentModal__title {
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 16px;
  line-height: 0.94;
  letter-spacing: 1.43px;
  color: #0000ff;
  text-transform: uppercase;
}
.commonContentModal__mainContent {
  box-sizing: border-box;
  width: 100%;
  padding: 0 30px;
  background-color: #fff;
  overflow-y: auto;
  flex: 1;
}
.commonContentModal__Button {
  background: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 0.85rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
  text-transform: uppercase;
}
.commonContentModal__RoundedButton, .ExerciseView__FooterBtn {
  flex-grow: 1;
  height: 100%;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #0000ff;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  font-family: AkzidenzGroteskStd-Ex;
  text-transform: uppercase;
}
.commonContentModal__RoundedButton--red {
  background: #e91e63;
}
.commonContentModal__RoundedButton--gray {
  background: #bcbcbc;
  color: black;
}
.commonContentModal__RoundedButton[disabled], [disabled].ExerciseView__FooterBtn {
  color: #404040;
  border-color: #404040;
  background: #f2f2f2;
  cursor: not-allowed;
}
.commonContentModal--transparent-footer .commonContentModal__footer {
  background: none;
  padding: 0;
}
.commonContentModal--transparent-footer .commonContentModal__RoundedButton, .commonContentModal--transparent-footer .ExerciseView__FooterBtn {
  text-transform: uppercase;
}
.commonContentModal--empty-footer .commonContentModal__footer {
  background: #f5f3f1;
}
.commonContentModal--auto-height .commonContentModal__section {
  flex: initial;
  overflow: initial;
}
.commonContentModal--auto-height .commonContentModal__progressLoader {
  justify-content: center;
}
.commonContentModal--no-body-scroll .commonContentModal__mainContent {
  flex: 0;
  overflow-y: initial;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.contentLanguageSwitcher {
  display: flex;
}
.contentLanguageSwitcher__option {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
  font-size: 10px;
  cursor: pointer;
}
.contentLanguageSwitcher__option--active {
  background-color: #0000ff;
  color: #fff;
}
.contentLanguageSwitcher__option--highlighted {
  color: #e91e63;
}
.textOverFlow {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.textOverFlow__wrap {
  display: table-cell;
}
.textOverFlow__content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.TextBlockWithTitle__title {
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  color: #696765;
  text-transform: uppercase;
  margin: 0;
  min-height: 20px;
}
.TextBlockWithTitle__text {
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 18px;
  line-height: 1.28;
  letter-spacing: 0.7px;
  color: #000;
  margin: 0;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.ExpansionBlock {
  border-radius: 10px;
  border: solid 1px #d7d5d3;
  box-sizing: border-box;
  padding: 10px 20px;
}
.ExpansionBlock__item {
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
  height: auto;
  max-height: 9999px;
}
.ExpansionBlock__item--collapsed {
  max-height: 0;
  transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
}
.ExpansionBlock__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  padding-right: 20px;
  min-height: 20px;
  position: relative;
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  color: #696765;
  text-transform: uppercase;
}
.ExpansionBlock__icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: transform 0.1s ease-in-out;
}
.ExpansionBlock__content {
  margin-top: 5px;
  font-family: AkzidenzGroteskStd;
  font-size: 12px;
  line-height: 1.42;
  letter-spacing: 0.7px;
  color: #000;
  position: relative;
}
.ExpansionBlock__errorMessage {
  display: block;
  width: 100%;
  height: 14px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  color: #e91e63;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 12px;
  letter-spacing: 0.7px;
  z-index: 999;
  left: 5px;
}
.ExpansionBlock__title--open .ExpansionBlock__icon {
  transform: rotate(180deg);
}
.ExpansionBlock__title--error {
  color: #e91e63;
}
.ExpansionBlock__title--error + .ExpansionBlock__item--collapsed .ExpansionBlock__errorMessage {
  display: none;
}
.ExpansionBlock__EmptyContent, .MeetingsCalendarExpandable .CalendarAgenda__EmptyContent {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-family: AkzidenzGroteskBE-Md;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ExpansionBlockMaterial {
  border-radius: 0;
  padding: 20px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: white;
}
body .ExpansionBlockMaterial__title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  color: black;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.TabsComponent {
  position: relative;
}
.TabsComponent__tabsWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.TabsComponent__tabsWrapper--margin {
  margin-bottom: 5px;
}
.TabsComponent__tabsTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
  text-transform: uppercase;
  margin-right: 10px;
}
.TabsComponent__tabBar {
  min-width: 550px;
  flex: 1;
}
.TabsComponent__tabBar--hidden {
  display: none;
}
.TabsComponent__tabBar .TabsComponent__scrollButton {
  flex: 0 0 30px;
  color: #d7d5d3;
}
@media screen and (max-width: 768px) {
  .TabsComponent__tabBar {
    order: 2;
  }
}
.TabsComponent__addButton.ButtonWithIcon {
  max-width: 200px;
  border: none;
}
.TabsComponent__addButton.ButtonWithIcon button {
  box-shadow: none;
  background: transparent;
  color: #0000ff;
}
.TabsComponent__addButton.ButtonWithIcon button .ButtonWithIcon__text {
  font-size: 10px;
}
.TabsComponent__tabIndicator {
  display: none;
}
.TabsComponent button.TabsComponent__tab {
  min-width: 50px;
  max-width: 170px;
  height: 40px;
  margin-right: 15px;
  background: transparent;
}
.TabsComponent button.TabsComponent__tab span {
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #000;
  text-transform: uppercase;
}
.TabsComponent button.TabsComponent__tab > span > div {
  padding-left: 10px;
  padding-right: 10px;
}
.TabsComponent__tab-label {
  position: relative;
  height: 2.4em;
  overflow: hidden;
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1.5px;
  padding-right: 14px;
  padding-left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.TabsComponent__tab-label::after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.2em;
}
.TabsComponent__tab-label .TabsComponent__LabelIcon {
  position: absolute;
  top: -4px;
  right: -2px;
  width: 16px;
  height: 16px;
}
.TabsComponent__tab-label .TabsComponent__LabelIcon--hide {
  display: none;
}
.TabsComponent__tab-label--LabelIconHide {
  padding-right: 14px;
  padding-left: 14px;
}
.TabsComponent button.TabsComponent__tab--selected {
  background: #0000ff;
}
.TabsComponent button.TabsComponent__tab--selected .TabsComponent__tab-label {
  color: #fff;
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
}
.TabsComponent button.TabsComponent__tab--withError .TabsComponent__tab-label {
  color: #e91e63;
}
.TabsComponent__tabContent {
  margin-bottom: 20px;
  padding: 20px 30px;
}
.ButtonWithIcon {
  border: 1px solid grey;
}
.ButtonWithIcon__button {
  cursor: pointer;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  color: #696765;
}
.ButtonWithIcon__icon {
  margin-right: 6px;
  display: block;
  width: 24px;
}
.ButtonWithIcon__text {
  text-align: left;
  flex: 1;
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.AvailabilitySelector__selector {
  font-family: AkzidenzGroteskStd-Light, Roboto;
  font-size: 15px;
}
.AvailabilitySelector__selector .Select__control,
.AvailabilitySelector__selector .Select__control:hover {
  border: 1px solid #0000ff;
  cursor: pointer;
}
.AvailabilitySelector__selector .Select__control--is-disabled,
.AvailabilitySelector__selector .Select__control--is-disabled:hover {
  background-color: #ffffff;
  cursor: none;
}
.AvailabilitySelector__selector .Select__single-value {
  color: #0000ff;
  font-family: AkzidenzGroteskStd-Md, Roboto;
}
.AvailabilitySelector__selector .Select__indicator-separator {
  background-color: #0000ff;
}
.AvailabilitySelector__selector svg {
  fill: #0000ff;
}
.TagSelector .TagSelector-Select__control {
  border: none;
  outline: none;
}
.TagSelector .TagSelector-Select__control--is-disabled {
  background-color: transparent;
}
.TagSelector .TagSelector-Select__control--is-disabled .TagSelector-Select__indicators {
  display: none;
}
.TagSelector .TagSelector-Select__value-container {
  padding: 0;
}
.TagSelector .TagSelector-Select__multi-value {
  border-radius: 5px;
}
.TagSelector .TagSelector-Select__multi-value__label {
  padding: 6px 10px;
  font-size: 15px;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  text-transform: capitalize;
}
.TagSelector .TagSelector-Select__placeholder {
  font-size: 12px;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  color: #696765;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.TextAreaWithTitle {
  position: relative;
}
.TextAreaWithTitle.ExerciseView__textBlock {
  margin-bottom: 10px;
}
.TextAreaWithTitle--disabled input:disabled {
  background-color: transparent;
}
.TextAreaWithTitle--error::after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  background: #e91e63;
  width: 100%;
  bottom: 5px;
}
.TextAreaWithTitle__Error {
  width: 100%;
  height: 14px;
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  color: #e91e63;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 12px;
  letter-spacing: 0.7px;
}
.TextAreaWithTitle__Wrapper textarea {
  border: none;
  outline: none;
  font-size: 24px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  letter-spacing: 0.7px;
  color: #000;
  margin: 0;
  width: 100%;
  background-color: transparent;
  resize: none;
}
.NumberCounter {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  width: 85px;
  height: 40px;
  border-radius: 5px;
  background-color: #ffffff;
}
.NumberCounter__Value {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  font-size: 24px;
  color: #000000;
  margin: 0 5px;
  padding-top: 6px;
  display: flex;
  align-items: center;
}
.NumberCounter__Button {
  font-family: AkzidenzGroteskStd-Md, Roboto, sans-serif;
  color: #918f8d;
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.NumberCounter__Button:active {
  border: none;
}
.NumberCounter__Button svg {
  width: 14px;
  height: 14px;
}
.HorizontalSwitch__LabelItem {
  cursor: pointer;
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  color: #696765;
  text-transform: uppercase;
}
.HorizontalSwitch__Switcher {
  margin: 0 -5px !important;
}
.HorizontalSwitch label.HorizontalSwitch__Switch {
  max-width: 400px;
  padding: 0 10px;
  justify-content: center;
  height: 40px;
  border-radius: 5px;
  background-color: #ffffff;
}
.HorizontalSwitch label.HorizontalSwitch__Switch .MSwitch__Switch {
  color: #ffffff;
  height: 40px;
}
.HorizontalSwitch label.HorizontalSwitch__Switch .MSwitch__Bar {
  background-color: #918f8d;
  border-radius: 25px;
  width: 29px;
  height: 15px;
  margin-top: -7px;
  margin-left: -14px;
}
.HorizontalSwitch label.HorizontalSwitch__Switch .MSwitch__Switch--checked {
  color: #ffffff;
  height: 40px;
}
.HorizontalSwitch label.HorizontalSwitch__Switch .MSwitch__Switch--checked + .MSwitch__Bar {
  background-color: #918f8d;
}
.HorizontalSwitch label.HorizontalSwitch__Switch .MSwitch__Icon {
  height: 13px;
  width: 13px;
}
.Tags {
  border-radius: 5px;
  border: solid 1px #dae8e5;
  background-color: #ffffff;
}
.Tags__Input {
  display: inline-block;
  width: 33%;
  min-height: 36px;
  margin-left: 10px;
  border: 0;
  outline: none;
  font-size: 0.9rem;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  font-size: 15px;
  color: #000000;
}
.Tags__Input::placeholder {
  color: #0000ff;
  opacity: 1;
  font-family: AkzidenzGroteskStd-Md, Roboto, sans-serif;
  font-size: 15px;
}
.Tags .Tag {
  display: inline-block;
  margin: 5px 40px 5px 5px;
  position: relative;
}
.Tags .Tag__Value {
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  font-size: 12px;
  display: inline-block;
  padding: 6px 7px 5px 15px;
  background: #0000ff;
  color: #ffffff;
  font-weight: bold;
  border-radius: 15px 0 0 15px;
  text-transform: uppercase;
}
.Tags .Tag__DeleteButton {
  background: #0000ff;
  color: #ffffff;
  border: 0;
  border-radius: 0 15px 15px 0;
  padding: 2px 8px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -34px;
  line-height: 0.5;
  font-weight: bold;
  outline: none;
  border: 0;
}
.Tags .Tag__DeleteButton:active {
  border: none;
}
.Tags .Tag__DeleteIcon {
  width: 18px;
  height: 18px;
}
.TagSelector .TagSelector-Select__control {
  border: none;
  outline: none;
}
.TagSelector .TagSelector-Select__control--is-disabled {
  background-color: transparent;
}
.TagSelector .TagSelector-Select__control--is-disabled .TagSelector-Select__indicators {
  display: none;
}
.TagSelector .TagSelector-Select__value-container {
  padding: 0;
}
.TagSelector .TagSelector-Select__multi-value {
  border-radius: 5px;
}
.TagSelector .TagSelector-Select__multi-value__label {
  padding: 6px 10px;
  font-size: 15px;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  text-transform: capitalize;
}
.TagSelector .TagSelector-Select__placeholder {
  font-size: 12px;
  font-family: AkzidenzGroteskStd-Light, Roboto, sans-serif;
  color: #696765;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.TextAreaWithTitle {
  position: relative;
}
.TextAreaWithTitle.ExerciseView__textBlock {
  margin-bottom: 10px;
}
.TextAreaWithTitle--disabled input:disabled {
  background-color: transparent;
}
.TextAreaWithTitle--error::after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  background: #e91e63;
  width: 100%;
  bottom: 5px;
}
.TextAreaWithTitle__Error {
  width: 100%;
  height: 14px;
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  color: #e91e63;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 12px;
  letter-spacing: 0.7px;
}
.TextAreaWithTitle__Wrapper textarea {
  border: none;
  outline: none;
  font-size: 24px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  letter-spacing: 0.7px;
  color: #000;
  margin: 0;
  width: 100%;
  background-color: transparent;
  resize: none;
}
.ModalComponent__Wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100% - 40px);
  height: calc(100vh - 100px);
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  padding: 50px 20px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2000;
}
.ModalComponent__Main {
  width: 100%;
  height: fit-content;
  max-width: 300px;
  background-color: #a4d1c8;
  position: relative;
  border: 5px;
  box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  padding: 20px;
}
.SaveStatusCheckerModal__Wrapper {
  justify-content: center;
  display: flex;
  align-items: center;
  outline: none;
}
.SaveStatusCheckerModal__Content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  padding: 20px;
  border-radius: 20px;
}
.SaveStatusCheckerModal__Text {
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 16px;
  line-height: 0.94;
  letter-spacing: 1.6px;
  text-align: center;
}
.SaveStatusCheckerModal__Buttons {
  display: flex;
  justify-content: center;
}
.SaveStatusCheckerModal__Buttons button {
  margin: 5px 10px;
}
.ModalComponent__Wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100% - 40px);
  height: calc(100vh - 100px);
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  padding: 50px 20px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2000;
}
.ModalComponent__Main {
  width: 100%;
  height: fit-content;
  max-width: 300px;
  background-color: #a4d1c8;
  position: relative;
  border: 5px;
  box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  padding: 20px;
}
.CarePlan__info {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.CarePlan__infoText {
  flex: 1;
  box-sizing: border-box;
  padding: 0 30px;
}
.CarePlan__infoNotes {
  width: 30%;
}
.CarePlan__ContentBlock {
  display: block;
  margin-left: 30px;
}
.CarePlan__textBlock {
  margin-bottom: 10px;
}
.CarePlan__textBlock .TextAreaWithTitle__Error {
  bottom: -5px;
}
.CarePlan__textBlock.TextAreaWithTitle--error::after {
  bottom: 10px;
}
.CarePlan__textBlock.CarePlan__textBlock--description .TextAreaWithTitle__Wrapper textarea {
  font-size: 18px;
}
.CarePlan__availability {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CarePlan__availability .TextBlockWithTitle {
  flex: 1;
  margin-right: 10px;
}
.CarePlan__availability .CarePlan__selector .Select__control {
  border: 1px solid #0000ff;
}
.CarePlan__availability .CarePlan__selector .Select__single-value {
  color: #0000ff;
}
.CarePlan__availability .CarePlan__selector .Select__indicator-separator {
  background-color: #0000ff;
}
.CarePlan__availability .CarePlan__selector svg {
  fill: #0000ff;
}
.CarePlan__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.CarePlan__saveIcon {
  height: 22px;
  width: 18px;
}
.CarePlan__saveBtn {
  cursor: pointer;
  outline: none;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-family: AkzidenzGroteskStd-Ex;
  color: #fff;
  text-transform: uppercase;
}
.CarePlan__saveBtn--disabled {
  color: #b1b1b1;
}
.CarePlan__expansionBlock span {
  font-family: AkzidenzGroteskStd-Md;
}
.CarePlan__infoButton {
  height: 40px;
  width: 40px;
  border: none;
  font-family: AkzidenzGroteskStd-Md;
  font-weight: normal;
  font-size: 24px;
  color: #fff;
  background-color: #0000ff;
}
html body .CarePlan__Tooltip {
  letter-spacing: 0.5px;
  font-family: AkzidenzGroteskStd;
  color: black;
  width: 300px;
  font-size: 12px;
  opacity: 1;
  background-color: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  padding: 20px;
  line-height: 16px;
}
.CarePlan__TooltipTitle {
  font-weight: bolder;
  font-size: 13px;
  margin-bottom: 15px;
  color: blue;
}
.CarePlan__saveModal [role=document] {
  width: 600px;
  max-width: 600px;
}
.CarePlan__saveModal .CarePlan__selector {
  min-height: 170px;
}
.CarePlan__saveModalWarning {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 2px solid #0000ff;
  border-radius: 10px;
}
.CarePlan__saveModalWarning .CarePlan__saveModalWarningIcon {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
.CarePlan__saveModal .CarePlan__saveModalErrors {
  color: #e91e63;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  font-size: 12px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.PackageItem__expansionBlock {
  border: none;
  position: relative;
  padding: 10px 0px;
}
.PackageItem__expansionBlock .ExpansionBlock__content {
  border-radius: 10px;
  border: 1px solid #d7d5d3;
  box-sizing: border-box;
  padding: 0 30px 40px;
}
.PackageItem__expansionBlock .ExpantionBlock__editor .note-placeholder {
  font-family: AkzidenzGroteskStd-Light;
  font-size: 18px;
}
.PackageItem__expansionBlock .ExpansionBlock__errorMessage {
  bottom: 20px;
  left: 20px;
}
.PackageItem .note-editor.note-frame {
  border: none;
}
.PackageItem .note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
  font-family: AkzidenzGroteskStd-Light;
  font-size: 18px;
}
.PackageItem__Regularity {
  margin-left: 20px;
}
.PackageItem__copiedBlock {
  position: absolute;
  height: 30px;
  bottom: 5px;
  left: 50px;
  color: #696765;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 8px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  display: block;
}
.PackageItem__copiedBlock .PackageItem__copiedButton {
  outline: none;
  border: none;
  color: #0000ff;
  font-size: 8px;
  font-family: AkzidenzGroteskStd-MdEx, Roboto;
  text-transform: uppercase;
  cursor: pointer;
}
.PackageItem .ExpansionBlock__item--collapsed .PackageItem__copiedBlock {
  display: none;
}
.PackageItem__controlBlock {
  display: flex;
  justify-content: space-around;
}
.PackageItem__selector {
  width: 100%;
}
.PackageItem__textBlock {
  flex: 1;
}
.PackageItem__textBlock .PackageItem__title-input {
  border: none;
  outline: none;
  font-size: 24px;
  height: 36px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  line-height: 1.28;
  letter-spacing: 0.7px;
  color: #000;
  margin: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.PackageItem__textBlock .PackageItem__title-input--highlighted {
  color: #e91e63;
}
.PackageItem__addActivityBlock {
  margin-top: 20px;
  padding: 15px 15px 15px 30px;
  min-height: 40px;
  border-radius: 10px;
  background-color: #f5f3f1;
}
.PackageItem__addActivityBlock-text {
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 300px;
  color: #0000ff;
}
.PackageItem__addActivityBlock-btn {
  height: 40px;
  width: 40px;
  padding: 0;
  border-radius: 50%;
  margin-bottom: 20px;
}
.PackageItem__libraryModal [role=document] {
  width: 900px;
  max-width: 900px;
}
.PackageItem__libraryModal .Library__ContentWrapper {
  height: 100%;
}
.PackageItem__libraryModal .Modal__Title {
  justify-content: flex-end;
}
.PackageItem__libraryModal .Modal__Title h2 {
  width: 525px;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 16px;
  line-height: 0.94;
  letter-spacing: 1.43px;
  text-transform: uppercase;
}
.PackageItem__libraryModal .Modal__Actions {
  display: flex;
  justify-content: flex-end;
}
.PackageItem__libraryModal .Modal__ActionsInnerWrapper {
  display: flex;
  justify-content: space-between;
  width: 550px;
}
.PackageItem__libraryModal .Modal__ActionsInnerWrapper .RoundedButton--gray {
  width: 200px;
  margin-right: 100px;
}
.PackageItem__libraryModal .CommonPaging__State {
  color: rgba(0, 0, 0, 0.54);
}
.PackageItem__libraryModal .CommonPaging__Control--available {
  color: #404040;
}
.PackageItem__ExercisesLibrary {
  height: 650px;
}
.PackageItem__ExercisesLibrary .Library__Sidebar {
  position: relative;
  top: -40px;
  height: 730px;
}
.PackageItem .ExpansionBlock__content {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}
.PackageItem .ExpansionBlock__content .ck-editor-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 0;
  margin: 0;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill {
  background: transparent;
  border: none;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-toolbar {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  padding: 12px 30px;
  margin: 0;
  flex-shrink: 0;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-toolbar .ql-formats {
  margin-right: 15px;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-toolbar .ql-formats button {
  height: 24px;
  width: 28px;
  padding: 3px 5px;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container {
  border: none;
  font-family: AkzidenzGroteskStd-Light, sans-serif;
  font-size: 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container .ql-editor {
  flex: 1;
  min-height: 150px;
  padding: 20px 30px 10px 30px;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container .ql-editor.ql-blank::before {
  font-family: AkzidenzGroteskStd-Light, sans-serif;
  font-size: 18px;
  color: #999;
  font-style: normal;
  left: 30px;
  right: 30px;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container .ql-editor p {
  margin: 0 0 10px 0;
  line-height: 1.5;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container .ql-editor ul, .PackageItem .ExpansionBlock__content .ck-editor-container .quill .ql-container .ql-editor ol {
  padding-left: 1.5em;
  margin: 10px 0;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow {
  border: none;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow .ql-toolbar button:hover,
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow .ql-toolbar button:focus,
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow .ql-toolbar button.ql-active {
  color: #06c;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow .ql-toolbar .ql-stroke {
  stroke: #444;
}
.PackageItem .ExpansionBlock__content .ck-editor-container .quill.ql-snow .ql-toolbar .ql-fill {
  fill: #444;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.CarePlanSelector .Select__control {
  border-radius: 5px;
  border: solid 1px #d7d5d3;
}
.CarePlanSelector .Select__control--is-focused {
  border: solid 1px #0000ff;
}
.CarePlanSelector .Select__control--is-focused svg {
  fill: #0000ff;
}
.CarePlanSelector .Select__single-value {
  font-family: AkzidenzGroteskStd-Md, SansSerif;
}
.CarePlanSelector .Select__menu {
  font-size: 15px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  color: #000;
}
.CarePlanSelector .Select__menu .Select__option--is-focused {
  color: #ffffff;
  background: #0000ff;
  cursor: pointer;
}
.CarePlanSelector .Select__menu .Select__option--is-selected {
  display: none;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.CarePlanExercises {
  margin-bottom: 20px;
}
.CarePlanExercises .PackagePreview__PositionsList {
  margin-top: 20px;
  padding: 15px 15px 15px 30px;
  height: auto;
  overflow-y: visible;
  border-radius: 10px;
  background-color: #f5f3f1;
}
.CarePlanExercises .PackagePreview__Position {
  background: transparent;
}
.CarePlanExercises .PackagePreview__PositionIndex {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  left: -50px;
}
.CarePlanExercises__PositionExerciseWrapper {
  position: relative;
  display: flex;
}
.CarePlanExercises__PositionExerciseWrapper .PackagePreview__DndBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.CarePlanExercises__PositionExerciseWrapper .PackagePreview__PositionExercise {
  flex: 1;
  padding: 30px;
}
.CarePlanExercises__divider {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CarePlanExercises__dividerLine {
  flex: 1;
  height: 1px;
  background-color: #f5f3f1;
  box-sizing: border-box;
  display: block;
  margin-right: 4px;
  margin-left: 30px;
}
.CarePlanExercises__addActivityButton {
  position: relative;
  border: none;
  outline: none;
}
.CarePlanExercises__addActivityButton button {
  box-shadow: none;
  background: transparent;
  color: #0000ff;
}
.CarePlanExercises__addActivityButton button:hover {
  background-color: transparent;
}
.CarePlanExercises__addActivityButton .ButtonWithIcon__text {
  font-size: 10px;
  width: 70px;
}
.CarePlanExercises__deleteButton {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  background: transparent;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  padding: 0;
}
.CarePlanExercises__addPosition {
  padding: 15px 15px 15px 30px;
  min-height: 20px;
  border-radius: 25px;
  border: 1px dashed #0000ff;
  display: none;
}
.CarePlanExercises__addPosition--isDragging {
  display: block;
}
.CarePlanExercises__addPosition-btn {
  height: 40px;
  width: 40px;
  padding: 0;
  border-radius: 50%;
}
.CarePlanExercises__addPosition-text {
  font-family: AkzidenzGroteskStd-Ex, Roboto;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #0000ff;
  margin-left: 20px;
}
.CarePlanExercises .CarePlanExercises__PositionExerciseWrapper {
  max-width: 500px;
  border-radius: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.CarePlanExercises .Dnd-wrapper__item--dragging .CarePlanExercises__PositionExerciseWrapper {
  transform: scale(0.9);
}
.CarePlanExercises .PackagePreview__Prom {
  padding: 30px;
  flex: 1;
  min-height: 165px;
  box-sizing: border-box;
}
.CarePlanCriteria {
  margin-bottom: 10px;
}
.CarePlanCriteria--disabled {
  display: none;
}
.CarePlanCriteria__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 30px;
  height: auto;
  border-radius: 10px;
  background-color: #f5f3f1;
}
.CarePlanCriteria__Item {
  margin-bottom: 10px;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.ExerciseView__contentModal {
  max-width: 600px;
}
.ExerciseView__contentModal .commonContentModal__progressLoader {
  max-width: 600px;
}
.ExerciseView__contentModal .commonContentModal__mainContent {
  padding: 0;
}
.ExerciseView__contentModal .commonContentModal__section {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ExerciseView__contentModal .commonContentModal__footer {
  background-color: transparent;
  padding: 0;
  align-items: flex-start;
}
.ExerciseView__info {
  padding: 0 30px;
}
.ExerciseView__imgWrapper {
  max-width: 525px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.ExerciseView__img {
  width: 100%;
  height: auto;
}
.ExerciseView__NoImage {
  width: 100%;
  height: 150px;
  background: #737373;
  color: white;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
  font-family: AkzidenzGroteskStd;
}
.ExerciseView__PreviewPlay {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 50%;
}
.ExerciseView__PlayIcon {
  width: 24px;
  height: 24px;
  fill: #000000;
  margin-left: 20px;
}
.ExerciseView__tagsBlock {
  margin-bottom: 20px;
}
.ExerciseView__textBlock {
  margin-bottom: 20px;
}
.ExerciseView__textBlock.ExerciseView__textBlock--description .TextAreaWithTitle__wrapper textarea {
  font-size: 18px;
}
.ExerciseView__PackageBlock {
  box-sizing: border-box;
  padding: 10px;
  min-height: 70px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #dae8e5;
  font-size: 15px;
  font-family: AkzidenzGroteskStd-Md, SansSerif;
  color: #0000ff;
}
.ExerciseView__expansionBlock {
  border: none;
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
.ExerciseView__expansionBlock .ExpansionBlock__content {
  border-radius: 6px;
  border: 1px solid #d7d5d3;
  box-sizing: border-box;
  padding: 20px 30px;
  font-family: AkzidenzGroteskStd-Light, SansSerif;
  letter-spacing: 0.7px;
  font-size: 18px;
}
.ExerciseView__Information .ExpansionBlock__content, .ExerciseView__Instruction .ExpansionBlock__content {
  padding: 5px 30px 15px;
}
.ExerciseView__Information .ExpansionBlock__content .note-editor.note-frame, .ExerciseView__Instruction .ExpansionBlock__content .note-editor.note-frame {
  border: none;
}
.ExerciseView__expansionBlock--carePlans .ExpansionBlock__item--collapsed {
  max-height: 155px;
}
.ExerciseView__expansionBlock--carePlans .ExpansionBlock__item--collapsed {
  max-height: 155px;
}
.ExerciseView__expansionBlock--carePlans .ExpansionBlock__content {
  border: none;
  padding: 0;
}
.ExerciseView__footer {
  width: 100%;
}
.ExerciseView__footer .ButtonWithIcon__button {
  width: 150px;
  background-color: transparent;
  box-shadow: none;
}
.ExerciseView__footer .ButtonWithIcon__button:hover {
  background-color: #0000ff;
}
.ExerciseView__footer .ButtonWithIcon__text {
  font-size: 12px;
  text-align: right;
  color: #ffffff;
}
.ExerciseView__FooterButtons {
  display: flex;
  width: 100%;
  height: 40px;
}
.ExerciseView__FooterBtn {
  min-width: 50%;
}
.ExerciseView__FooterBtn.ButtonWithIcon--disabled button {
  background: transparent;
}
.ExerciseView__FooterBtn.ButtonWithIcon--disabled button svg path {
  fill: #bcbcbc;
}
.ExerciseView__FooterBtn.ButtonWithIcon--disabled button span {
  color: #bcbcbc;
}
.ExerciseView__EditBtn {
  border: 0;
}
.ExerciseView__saveModal [role=document] {
  width: 600px;
  max-width: 600px;
}
.ExerciseView__saveModal .CarePlan__selector {
  min-height: 170px;
}
.ExerciseView__saveModalWarning {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 2px solid #0000ff;
  border-radius: 10px;
}
.ExerciseView__saveModalWarning .ExerciseView__saveModalWarningIcon {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
.Library {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Library__TopControls {
  display: flex;
  justify-content: space-between;
  margin: 10px;
  flex-wrap: wrap;
}
.Library__TopControls .PrimarySelect {
  width: 300px;
  margin: 0 5px;
}
.Library__ContentWrapper {
  display: flex;
}
.Library__Sidebar {
  min-width: 300px;
  width: 300px;
  border-right: 1px solid #d7d5d3;
  height: 100%;
  background-color: #fff;
}
.Library__SidebarTitle {
  font-size: 18px;
  margin: 20px 25px 0;
  font-weight: bolder;
}
.Library__Sidebar .AutocompleteSearch {
  margin: 0 10px;
}
.Library__SidebarHeader {
  margin-bottom: 10px;
}
.Library__SelectedTags {
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
}
.Library .Tree__TreeNode.CategoriesTree__Category > .Tree__TreeNodeName {
  padding: 4px;
  font-size: 18px;
}
.Library__Tag {
  margin-right: 5px;
  margin-top: 5px;
}
.Library__Content {
  flex-grow: 1;
}
.Library__TopPanel {
  height: 80px;
  display: flex;
  align-items: center;
}
.Library__TopPanel .AutocompleteSearch {
  width: 100%;
}
.Library__Results {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}
.Library__NoResults {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  font-size: 23px;
  line-height: 35px;
}
.Library__NoResultsInner {
  max-width: 750px;
  margin: 0 30px;
  text-align: center;
  white-space: pre-wrap;
}
.Library .LibraryItemsList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 20px 30px;
}
.Library .LibraryItemsList__Item {
  background: white;
  border-radius: 10px;
  padding: 20px 30px;
  width: 400px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.Library .CategoriesTree {
  min-height: 100px;
}
.Library .CommonPaging {
  position: sticky;
  padding: 10px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  justify-content: center;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.ExercisesLibrary > .Library,
.CarePlansLibrary > .Library {
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  height: calc( 100vh - 130px - 35px );
}
.ExercisesLibrary > .Library .Library__ContentWrapper,
.CarePlansLibrary > .Library .Library__ContentWrapper {
  overflow-y: auto;
}
.ExercisesLibrary .Library__ContentWrapper {
  height: 100%;
}
.AppContainer--admin .ExercisesLibrary > .Library {
  height: calc(100vh - 68px - 35px);
}
.UserTableView {
  padding: 20px 0 0 0;
}
.UserTableView__Header {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.UserTableView__Title {
  font-family: AkzidenzGroteskStd-Md;
  font-weight: normal;
  font-size: 24px;
}
.UserTableView__HeaderControls {
  display: flex;
  justify-content: flex-start;
  margin-left: 50px;
}
.UserTableView button.UserTableView__Buttons {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  color: #ffffff;
  background: #0000ff;
  padding: 20px 15px;
  margin-right: 10px;
  height: 30px;
  border-radius: 6px;
}
.UserTableView button.UserTableView__Buttons:hover {
  background: #0000ff;
}
.UserTableView button.UserTableView__Buttons .UserTableView__AddBtnText {
  position: relative;
  top: 1px;
}
.UserTableView button.UserTableView__Buttons .svg[class^=MuiSvgIcon-root],
.UserTableView button.UserTableView__Buttons svg[class*=MuiSvgIcon-root] {
  margin: 5px;
}
.UserTableView button.UserTableView__AddBtn {
  min-width: 130px;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .UserTableView button.UserTableView__AddBtn {
    margin-bottom: 10px;
  }
}
.UserTableView button.UserTableView__Buttons--Terminate {
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
  color: #0000ff;
  border: 1px solid #0000ff;
  padding: 5px 12px;
  background: #ffffff;
  width: 250px;
  box-shadow: none;
}
.UserTableView button.UserTableView__Buttons--Terminate:hover {
  background: #ffffff;
}
.UserTableView button.UserTableView__Buttons--Terminate_disabled {
  font-family: "AkzidenzGroteskStd-Ex", "Akzidenz", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.09375rem;
  line-height: 1.43;
  color: #7d7b79;
  border: 1px solid #7d7b79;
  padding: 5px 12px;
  background: #ffffff;
  width: 250px;
  box-shadow: none;
}
.UserTableView button.UserTableView__Buttons--Terminate_disabled:hover {
  background: #ffffff;
}
.UserTableView__UsersControls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.UserTableView__UsersControls h2,
.UserTableView__UsersControls button {
  margin-left: 20px;
  min-width: 100px;
}
.UserTableView__UsersControls .UserTableView__Buttons {
  margin-right: 0 !important;
}
.UserTableView__UsersControls h2 {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.UserTableView__Settings {
  display: flex;
  justify-content: flex-end;
}
.UserTableView__Settings button {
  margin: 0 10px;
}
.UserTableView__Tabs button.TabsComponent__tab {
  border-radius: 5px;
}
.UserTableView__Tabs .TabsComponent__tabContent {
  margin-bottom: 0;
}
.UserTableView__ChangeColumns {
  margin-left: 15px;
}
.UserTableView__Controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0;
}
.UserTableView__Controls h2 {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.UserTableView__Controls .UserTableView__PrimarySelect,
.UserTableView__Controls .UserTableView__CustomerSelect {
  width: 250px;
  display: flex;
  align-items: center;
  height: 42px;
  margin: 0 10px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.UserTableView__Controls .UserTableView__PrimarySelect .Select__control,
.UserTableView__Controls .UserTableView__PrimarySelect .Select,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__control,
.UserTableView__Controls .UserTableView__CustomerSelect .Select {
  width: 100%;
}
.UserTableView__Controls .UserTableView__PrimarySelect .Select__control:hover,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__control:hover {
  border-bottom: 2px solid black;
}
.UserTableView__Controls .UserTableView__PrimarySelect .Select__control--is-focused,
.UserTableView__Controls .UserTableView__PrimarySelect .Select__control--is-focused:hover,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__control--is-focused,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__control--is-focused:hover {
  border-bottom: 2px solid #0000ff;
}
.UserTableView__Controls .UserTableView__PrimarySelect .Select__menu-list,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__menu-list {
  overflow-x: hidden;
}
.UserTableView__Controls .UserTableView__PrimarySelect .Select__placeholder,
.UserTableView__Controls .UserTableView__CustomerSelect .Select__placeholder {
  top: 19px;
  color: #a6a6a6;
}
.UserTableView__Controls .UserTableView__PrimarySelect--hide {
  display: none;
}
.UserTableView__Controls .Select__menu {
  z-index: 2000;
}
.UserTableView__ContentWrapper {
  min-height: 400px;
}
.UserTableView .TabsComponent__tabContent {
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  border: 0;
}
.SearchInput input,
.SearchInput div {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.SearchInput .Select__loading-indicator {
  font-size: 4px;
}
.SearchInput .UserTableView__SearchInput {
  display: flex;
  align-items: center;
  margin: 8px;
}
.PatientConsentedForms {
  margin-top: 30px;
}
.PatientConsentedForms__title {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  text-transform: none;
}
.PatientConsentedForms__ProgressLoader {
  min-height: 200px;
  display: flex;
  flex-direction: column;
}
.PatientConsentedForms > .ExpansionBlock__item:not(.ExpansionBlock__item--collapsed) {
  margin-top: 20px;
}
.PatientConsentedForms > .ExpansionBlock__title {
  line-height: initial;
}
.PatientConsentedForms .FormExpander__content {
  background: white;
}
.PatientConsentedForms__NoForms {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.PatientConsentedFormsTable__Status {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.PatientConsentedFormsTable__Status--accepted {
  color: #009688;
}
.PatientConsentedFormsTable__Status--rejected {
  color: #e91e63;
}
.PatientConsentedFormsTable__NoActivity {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  text-align: center;
  padding: 10px 0;
}
.PatientConsentedFormsTable .ConsentVersionsTable__PreviewButtons {
  flex-direction: row;
}
.PatientConsentedFormsDetailsHeader {
  display: flex;
  width: 100%;
  align-items: center;
  margin-right: 15px;
}
.PatientConsentedFormsDetailsHeader__LeftSide {
  flex-grow: 1;
  overflow: hidden;
}
.PatientConsentedFormsDetailsHeader__Title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.PatientConsentedFormsDetailsHeader .PatientConsentedFormsDetailsHeader__Actions {
  display: flex;
  align-items: center;
}
.PatientConsentedFormsDetailsHeader__ActionsIcon {
  margin-right: 10px;
  cursor: pointer;
}
.PatientConsentedFormsDetailsHeader__ActionsIcon:hover path {
  fill: #0000ff;
}
.PatientConsentedFormsDetailsHeader .PatientConsentedFormsDetailsHeader__ActionTooltip {
  display: flex;
}
.ConsentFormModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.ConsentFormModal .InputWithTitle {
  margin-bottom: 20px;
}
.ConsentFormModal__Languages {
  margin-bottom: 1rem;
}
.ConsentFormModal__SettingsTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConsentFormPublishManagement {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ConsentFormPublishManagement__HeaderTitle, .ConsentFormPublishManagement__AllArePublished, .ConsentFormPublishManagement__WaitingForPublish {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.ConsentFormPublishManagement__PublishButton {
  margin-left: 20px;
}
.ConsentFormsList .ConsentVersionsTable {
  margin-top: 20px;
}
.ConsentFormsList .FormExpander {
  background: #ebe9e7;
  margin-bottom: 10px;
}
.ConsentFormsList .FormExpander__icon path {
  stroke: black;
}
.ConsentFormsList .MuiPaper-root-8 {
  background-color: #eeeeee;
}
.ConsentFormsList .ExpansionBlock {
  border-radius: 6px;
  padding: 20px;
}
.ConsentFormsList .ExpansionBlock__title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
  color: black;
}
.ConsentFormsList__LanguageExpander {
  margin-bottom: 10px;
  background: white;
}
.ConsentFormsList__LanguageExpanderTitleNotReleased {
  color: #f5aa0a;
}
.ConsentFormsList .ExpansionBlock__title {
  text-transform: none;
}
.ConsentFormCard {
  margin: 25px 0;
  padding: 25px;
  background: black;
  border: 1px solid #d7d5d3;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.ConsentFormListItemHeader,
.ConsentFormListItemLanguageHeader {
  display: flex;
  align-items: center;
  width: 100%;
}
.ConsentFormListItemHeader .Badge,
.ConsentFormListItemLanguageHeader .Badge {
  margin-left: 10px;
}
.ConsentFormListItemHeader .ConsentFormTags,
.ConsentFormListItemLanguageHeader .ConsentFormTags {
  margin-right: 10px;
}
.ConsentFormListItemHeader {
  padding: 10px;
}
.ConsentFormListItemHeader__LeftSide {
  flex-grow: 1;
}
.ConsentFormListItemHeader__TitleEnforced {
  color: #918f8d;
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-left: 10px;
}
.ConsentFormListItemHeader__Title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.ConsentFormListItemLanguageHeader__LeftSide {
  flex-grow: 1;
}
.ConsentFormListItemLanguageHeader__Version {
  color: #0000ff;
  margin-left: 15px;
}
.ConsentFormListItemLanguageHeader__NotReleased {
  color: #f5aa0a;
  margin-left: 15px;
}
.ConsentFormsManager__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.05rem;
}
.ConsentFormsManager__HeaderActions {
  display: flex;
}
.ConsentFormsManager__HeaderActionsLeft {
  flex-grow: 1;
}
.ConsentFormsManager .Badge {
  text-transform: none;
  opacity: 0.8;
  padding: 4px 10px 0;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConsentFormsManager__Footer {
  padding: 10px 0;
}
.ConsentFormsManagerPage {
  padding-bottom: 30px;
}
.ConsentFormsPublishModal__Buttons {
  display: flex;
  margin-bottom: 20px;
}
.ConsentFormsPublishModal__Buttons .Button {
  margin-right: 10px;
}
.ConsentFormsPublishModal__Text {
  margin-top: 30px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConsentFormsPublishModal__FormsListTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ConsentFormsPublishModal__Form {
  margin: 10px 0;
  border: 1px solid lightgray;
  padding: 10px 20px;
}
.ConsentFormsPublishModal__FormVersion {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConsentFormsPublishModal__FormVersionValue {
  margin-left: 5px;
  color: #0000ff;
}
.ConsentFormsPublishModal__FormTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ConsentVersionsTable__Buttons {
  width: 100%;
}
.ConsentVersionsTable__Buttons .Button {
  margin-right: 10px;
}
.ConsentVersionsTable__Buttons .Button:last-child {
  margin-right: 0;
}
.ConsentVersionsTable__ActionButtons {
  display: flex;
}
.ConsentVersionsTable__PublishCell--draft {
  color: #e91e63;
}
.ConsentVersionsTable__StatusCell--released {
  color: #0000ff;
}
.ConsentVersionsTable .ExtendedTable__Cell {
  white-space: normal;
}
.ConsentVersionsTable__Link {
  cursor: pointer;
  color: #0000ff;
  margin-right: 5px;
}
.ConsentVersionsTable__Link:hover {
  text-decoration: underline;
}
.ConsentVersionsTable__PreviewButtons {
  display: flex;
  flex-direction: column;
}
.ConsentVersionsTable .ExtendedTable__Resizer {
  pointer-events: none;
}
.ConsentVersionsTable .ExtendedTable__HeadCell:last-child .ExtendedTable__Resizer {
  display: none;
}
.ConsentVersionsTable .ExtendedTable__Cell {
  background: #fff;
}
.CreateDraftFromFormModal__Error {
  color: #e91e63;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-top: 10px;
}
.CreateDraftFromFormModal__LanguageSelect {
  width: 300px;
  margin-right: 10px;
}
.CreateDraftFromFormModal .CreateDraftFromFormModal__LanguageSelectControl {
  margin-left: 0;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  margin-bottom: 100px;
}
.CreateDraftFromFormModal .Modal__Content {
  overflow: visible;
}
.EditConsentFormVersion__Title {
  margin-bottom: 20px;
}
.EditConsentFormVersion__ContentArea {
  display: flex;
  flex-direction: column;
}
.EditConsentFormVersion__ContentAreaItem {
  margin-bottom: 20px;
}
.EditConsentFormVersion__ContentAreaItemTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.EditConsentFormVersion__ContentArea .note-editable.panel-body {
  height: 60vh;
  font-family: Roboto, sans-serif;
}
.EditConsentFormVersion__ContentArea .note-editable.panel-body h1 {
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}
.EditConsentFormVersion__ContentArea .note-editable.panel-body h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.EditConsentFormVersion__ContentArea .note-editable.panel-body h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.EditConsentFormVersion__ContentArea .note-editable.panel-body p {
  font-size: 1em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.EditConsentFormVersion__ContentArea .note-toolbar.panel-heading .dropdown-fontsize.dropdown-menu.note-check li a i {
  visibility: visible;
  font-family: Roboto, sans-serif;
  font-size: 1em;
  font-style: normal;
  color: #000000;
}
.EditConsentFormVersion__Footer {
  display: flex;
  padding: 10px 0;
}
.EditConsentFormVersion__FooterLeftSide {
  display: flex;
  flex-grow: 1;
}
.EditConsentFormVersion__FooterRightSide {
  display: flex;
}
.EditConsentFormVersion__FooterRightSide .Button {
  margin-left: 10px;
}
.EditConsentFormVersionModal .commonContentModal__mainContent {
  padding-top: 10px;
}
.PatientConsentedFormStatus__Ball {
  width: 15px;
  height: 15px;
  border-radius: 15px;
}
.PatientConsentedFormStatus__Ball--accepted {
  background-color: #009688;
}
.PatientConsentedFormStatus__Ball--declined {
  background-color: #ff004b;
}
.PatientConsentedFormStatus__Ball--pending {
  background-color: white;
  border: 1px solid #bcbcbc;
}
.ConsentFormPreviewModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.ConsentFormPreviewModal__Title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.ConsentFormPreviewModal__Content {
  font-family: Roboto, sans-serif;
}
.ConsentFormPreviewModal__Content h1 {
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}
.ConsentFormPreviewModal__Content h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.ConsentFormPreviewModal__Content h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.ConsentFormPreviewModal__Content p {
  font-size: 1em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.FormError, .UserForm__FieldError {
  color: red;
  font-size: 13px;
  margin-top: 3px;
  display: none;
  align-items: center;
}
.FormError--active, .UserForm__FieldError--active {
  display: block;
}
.FormWarning {
  color: #c48808;
  font-size: 13px;
  margin-top: 3px;
  visibility: hidden;
  display: flex;
  align-items: center;
}
.FormWarning--active {
  visibility: visible;
}
.UserPromManager__Header {
  padding: 20px 0;
}
.UserPromManager__HeaderLeftSide {
  flex-grow: 1;
}
.UserPromManager__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.UserPromManager__HeaderSubTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.UserPromManager__SearchAssessmentsButton {
  margin-bottom: 20px;
}
.UserPromManager__SearchAssessmentsButton .Button__Label {
  font-size: 1rem;
  min-width: 250px;
  text-align: center;
}
.UserPromManager .ExtendedTable__Cell {
  white-space: initial;
}
.UserPromManager .ExtendedTable__PaginationContainer--Top {
  display: none;
}
.UserPromManager__ReportedHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.UserPromManager__ReportedHeader .UserPromManager__HeaderSubTitle {
  margin-bottom: 20px;
}
.UserPromManager__Examinations .UserPromManager__HeaderSubTitle {
  margin-bottom: 10px;
}
.UserPromManager__ReportedFilterSelect {
  width: 300px;
}
.UserPromManager__ReportedFilterSelect .Select__control {
  background: #f5f5f5;
}
.UserPromManager__ReportedFilterSelect .Select__menu {
  z-index: 2;
}
.UserPromManager__PromsSchedules {
  margin-bottom: 30px;
}
.UserPromManager__EmptyResults {
  text-align: center;
}
.PromSchedules .Button {
  margin-right: 10px;
}
.PromSchedules .Button:last-child {
  margin-right: 0;
}
.PromSchedules__TableRow--finished .PromSchedules__TableCell--can-cross {
  color: #696765;
  text-decoration: line-through;
}
.PromSchedules__TableRow--recurring-ended .PromSchedules__TableCell--can-cross {
  color: #696765;
}
.PromsResponses {
  min-height: 150px;
}
.PromsResponses .PromsResponsesTable__row.PromsResponsesTable__row--unresponded {
  background-color: #fafafa;
}
.PromsResponses .PromsResponsesTable__row .ExtendedTable__Cell.ExtendedTable__Cell--score {
  justify-content: center;
}
.PromsResponses .PromsResponsesTable__row .CellContent__scoreValue {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.PromsResponses .PromsResponsesTable__row .CellContent__scoreValue .CellContent__scoreValueTitle {
  flex: 1;
}
.PromsResponses .PromsResponsesTable__row .CellContent__scoreValue .CellContent__scoreValueData {
  display: flex;
  justify-content: center;
  flex-basis: 40px;
  font-size: 18px;
  font-family: "AkzidenzGroteskBE-Md";
}
.PromsExpansionBlock {
  border-radius: 0;
  padding: 20px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: white;
}
body .PromsExpansionBlock__title {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.083125rem;
  line-height: 0.083125rem;
  font-weight: 700;
  color: black;
}
.PromFormModal .commonContentModal__mainContent {
  padding: 75px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PromFormModal .commonContentModal__mainContent {
    padding: 75px 20px;
  }
}
.PromFormModal .commonContentModal__closeIcon {
  display: none;
}
.PromFormModal .commonContentModal__infoButton {
  display: none;
}
.PromFormModal .commonContentModal__mainContent .l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.PromFormModal .CreatePromModal__Date {
  margin-left: 0;
  margin-top: 10px;
}
.PromFormModal .Select__placeholder {
  position: absolute;
  top: 57%;
}
.PromFormModal .PromForm--large-ui .Select__placeholder,
.PromFormModal .PromForm--large-ui .Select__input input {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.PromFormModal .PromForm--large-ui .Select__single-value {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PromFormModal .PromForm--large-ui .Select__single-value {
    font-size: 1.3125rem;
  }
}
.PromFormModal .PromForm--large-ui .PromFormModal__Label {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.PromFormModal .PromForm--large-ui .Select__value-container {
  padding-top: 15px;
  padding-bottom: 5px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .PromFormModal .PromForm--large-ui .Select__value-container {
    padding-top: 5px;
    padding-left: 3px;
  }
}
.PromFormModal .Select__single-value {
  color: #0000ff;
}
.PromFormModal .FormError, .PromFormModal .UserForm__FieldError {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.PromFormModal__RecurrenceFieldContainer {
  display: grid;
  grid-template-columns: auto 1fr;
}
.PromFormModal__PromSelectContainer {
  margin-bottom: 30px;
}
.PromFormModal__RecurrenceFieldContainer {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #80808075;
}
.PromFormModal__MainFields {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.PromFormModal__ControlEndOption {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-left: -15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.PromFormModal__Label {
  display: flex;
  align-items: center;
}
.PromFormModal__Control {
  display: flex;
  align-items: center;
}
.PromFormModal__StartDate {
  margin-right: 10px;
}
.PromFormModal__RecurrentParam, .PromFormModal__RecurrentParamDays, .PromFormModal__LifetimeParam, .PromFormModal__LifetimeParamDays, .PromFormModal__EndOptionLabel, .PromFormModal__Note {
  margin-right: 10px;
}
.PromFormModal .PromFormModal__NumericInput {
  text-align: center;
  width: 100px;
}
.PromFormModal .ExtendedDatePickerInput {
  width: 160px;
}
.PromFormModal.PromFormExaminationModal .commonContentModal__section {
  justify-content: center;
}
.PromFormModal.PromFormExaminationModal .commonContentModal__section .PromSelect .Select__single-value {
  text-transform: uppercase;
  font-size: 18px;
}
.PromFormModal.PromFormExaminationModal .PromFormModal__ExaminationStartImmediately p {
  position: relative;
  top: 2px;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 12px;
  line-height: 1.6;
  text-transform: uppercase;
}
.PromFormConnectedToRedux {
  background: white;
  margin: 20px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.PickPromModal .PromSelect {
  margin-top: 30px;
}
.ScoringFormModal .commonContentModal__mainContent {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
.ScoringFormModal__FieldContainer {
  margin-bottom: 20px;
}
.ScoringFormModal .ScoringFormModal__FieldContainerFormula {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ScoringFormModal .ScoringFormModal__FieldContainerFormula .ScoringFormModal__FieldContainer {
  height: 100%;
}
.ScoringFormModal .ScoringFormModal__FieldContainerFormula .ScoringFormModal__Formula {
  height: 100%;
}
.ScoringFormModal .ScoringFormModal__FieldContainerFormula .ScoringFormModal__Formula div {
  height: 100%;
}
.ScoringFormModal .ScoringFormModal__FieldContainerFormula .Field__TextField {
  height: 100%;
}
.EvaluationResponseForm {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.EvaluationResponseForm__QuestionsList {
  position: relative;
}
.EvaluationResponseForm__QuestionsListDisabler {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(188, 188, 188, 0.3);
  outline: 20px solid rgba(188, 188, 188, 0.3);
  z-index: 1001;
}
.EvaluationResponseForm__NextButtonContainer {
  display: inline-flex;
  justify-content: flex-end;
  position: sticky;
  background: white;
  bottom: 10px;
  left: 10000px;
}
.EvaluationResponseForm .EvaluationResponseForm__NextButton {
  line-height: initial;
}
.EvaluationResponseForm .EvaluationResponseForm__NextButton span {
  font-size: 1.625rem;
  position: relative;
  top: 2px;
}
.EvaluationResponseForm__QuestionTitleWrapper {
  display: flex;
  align-items: center;
}
.EvaluationResponseForm__QuestionTooltip {
  width: 23px;
}
.EvaluationResponseForm__QuestionTitle {
  flex: 1;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  margin-bottom: 10px;
}
.EvaluationResponseForm__QuestionTitle p {
  margin-top: 0;
  margin-bottom: 0;
}
.EvaluationResponseForm__Question .EvaluationResponseForm__QuestionLabel {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-family: AkzidenzGroteskBE-Md;
}
.EvaluationResponseForm__QuestionNumberInputContainer {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  display: flex;
  align-items: center;
}
.EvaluationResponseForm__QuestionTextInput input,
.EvaluationResponseForm__QuestionTextInput textarea {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.EvaluationResponseForm__QuestionNumberInput {
  margin-right: 20px;
}
.EvaluationResponseForm__QuestionNumberInput input {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  text-align: center;
}
.EvaluationResponseForm__QuestionNumberInputInfo {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
  font-size: 1.3928571429rem;
}
.EvaluationResponseForm__ResultStatus {
  display: flex;
  justify-content: center;
  padding: 40px 0 30px;
}
.EvaluationResponseForm__QuestionNotImplemented {
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
}
.EvaluationResponseForm__QuestionsNumber {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.EvaluationResponseFormModal .EvaluationResponseForm {
  padding-bottom: 0;
  margin-bottom: 0;
}
.EvaluationResponseFormModal .commonContentModal__mainContent {
  scroll-behavior: smooth;
}
.UserPromsCheckbox__Label {
  font-family: "AkzidenzGroteskStd-Light";
  font-size: large;
}
.UserPromsCheckbox__Regular-checkbox {
  color: #009BFF;
  background-color: #009BFF;
  border: 1px solid #009BFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
.TrackerFormModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.TrackerFormModal__FieldContainer {
  margin-bottom: 20px;
}
.TrackerFormModal__FieldContainer {
  margin-bottom: 20px;
}
.TrackersTable__row--inactive {
  cursor: pointer;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.5);
}
.TrackersTable__row--inactive:hover {
  background-color: #f5f5f5;
}
.TrackerUsageInformationModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.TrackerUsageInformationModal__Header {
  margin-bottom: 20px;
}
.TrackerUsageInformationModal__EntityTitle {
  margin-top: 20px;
}
.TrackerUsageInformationModal__List {
  display: flex;
  flex-direction: column;
}
.BookEventModal .M-Modal__Header {
  background: white;
}
.BookEventModal .M-Modal__Body {
  padding: 0;
  background: white;
  min-height: 445px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.BookEventModal .M-Modal__Title {
  color: #0000ff;
  font-size: 16px;
  margin-right: 15px;
}
.BookEventModal .M-Modal__Close {
  margin: 15px;
}
.BookEventModal__ProgressLoader {
  flex: 1;
  background: #ffffff;
}
.BookEventModal .BookEventForm {
  display: flex;
  flex-direction: column;
  padding: 15px;
  overflow-x: hidden;
}
.BookEventModal .BookEventForm .UserForm__Field {
  margin-top: 0;
  margin-bottom: 15px;
}
.BookEventModal .BookEventForm .Field__ExternalControl {
  margin-top: 10px !important;
}
.BookEventModal .BookEventForm__Fields {
  order: 1;
}
.BookEventModal .BookEventForm__Footer {
  order: 0;
  margin-top: 0;
}
.BookEventModal .BookEventForm__TimeContainer {
  display: flex;
}
.BookEventModal .BookEventForm__DateTimeContainer {
  display: flex;
}
.BookEventModal .BookEventForm__DateTimeContainer .FormError, .BookEventModal .BookEventForm__DateTimeContainer .UserForm__FieldError {
  white-space: pre;
  overflow: visible;
}
.BookEventModal .BookMeeting__SubmitButton {
  margin: 15px;
  height: 40px;
  max-width: 200px;
}
.BookEventModal .BookMeeting__SubmitButton .Button__Label {
  top: 0;
}
.BookEventModal__Footer {
  display: flex;
  align-items: center;
}
.BookEventModal__FooterDuration {
  text-align: center;
  flex-grow: 1;
}
.MeetingsCalendarExpandable .ExpansionBlock__content {
  overflow-x: auto;
}
.MeetingsCalendarView {
  background: #fff;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
  padding: 20px;
}
.MeetingsCalendarView__Header {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .MeetingsCalendarView__Header {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
  }
}
.MeetingsCalendarView__HeaderRightSide {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;
}
@media screen and (min-width: 600px) and (max-width: 961px) {
  .MeetingsCalendarView__HeaderRightSide {
    justify-content: flex-start;
  }
}
.MeetingsCalendarView__HeaderPrevNextContainer {
  display: flex;
  margin: 0 20px;
}
.MeetingsCalendarView__HeaderPrevButton {
  margin-right: 5px;
}
.MeetingsCalendarView__HeaderInterval {
  display: flex;
  margin: 0 20px 0 10px;
}
.MeetingsCalendarView__HeaderIntervalDelimiter {
  margin: 0 10px;
}
.CalendarAgenda {
  display: flex;
  flex-direction: column;
}
.CalendarAgenda__Day {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid lightgray;
}
.CalendarAgenda__DayDate {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CalendarAgenda__DayDay {
  min-width: 40px;
}
.CalendarAgenda__DayMonth {
  min-width: 25px;
}
.CalendarAgenda__Day--today .CalendarAgenda__DayDate {
  background: rgba(0, 0, 255, 0.76);
  color: white;
  font-weight: bolder;
  height: 30px;
  border-radius: 30px;
}
.CalendarAgenda__DayLeftSide {
  display: flex;
  align-items: center;
  height: 22px;
}
.CalendarAgenda__DayLeftSide > * {
  margin-right: 10px;
}
.CalendarAgenda__DayRightSide {
  flex-grow: 2;
}
.CalendarAgenda__DayRightSide > * {
  margin-bottom: 20px;
}
.CalendarAgenda__DayRightSide > *:last-child {
  margin-bottom: 0;
}
.CalendarAgenda__EmptyContent {
  text-align: center;
  padding: 10px;
}
.AgendaEvent {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}
.AgendaEvent__Inner {
  display: flex;
  border-radius: 5px;
  width: 100%;
  padding: 3px 0;
  cursor: pointer;
}
.AgendaEvent__Inner:hover {
  background: #eaeaea;
}
.AgendaEvent__Time {
  display: flex;
  margin-right: 40px;
  margin-left: 20px;
}
.AgendaEvent__TimeDelimiter {
  margin: 0 5px;
}
.AgendaEvent--passed {
  color: rgba(0, 0, 0, 0.54);
}
.AgendaEventDetails__Header {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.AgendaEventDetails__HeaderCloseIcon {
  margin-left: 20px;
  margin-right: -5px;
}
.AgendaEventDetails__HeaderDeleteIcon {
  margin-left: 10px;
}
.AgendaEventDetails__HeaderCloseIcon, .AgendaEventDetails__HeaderEditIcon, .AgendaEventDetails__HeaderDeleteIcon {
  color: #404040;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
}
.AgendaEventDetails__HeaderIcon--disabled {
  color: rgba(0, 0, 0, 0.54);
  cursor: not-allowed;
}
.AgendaEventDetails__PopoverInner {
  max-width: 400px;
  min-width: 250px;
}
.AgendaEventDetails__PopoverContent {
  padding: 0 20px 20px 20px;
}
.AgendaEventDetails__Name {
  font-size: 22px;
  margin-bottom: 10px;
}
.AgendaEventDetails__Description {
  margin-bottom: 10px;
  font-style: italic;
}
.AgendaEventDetails__EventLink {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.AgendaEventDetails__EventLink .CopyToClipboardButton {
  margin-left: 10px;
}
.AgendaEventDetails__ParticipantsStatus {
  display: flex;
  align-items: center;
}
.AgendaEventDetails__ParticipantsStatusName {
  margin-right: 10px;
}
.EventParticipantStatus {
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.EventParticipantStatus--pending {
  background: gray;
}
.EventParticipantStatus--accepted {
  background: green;
}
.EventParticipantStatus--rejected {
  background: red;
}
.CalendarTooltip__Description,
.CalendarTooltip__Participants {
  margin-bottom: 10px;
}
.CalendarTooltip__DescriptionTitle,
.CalendarTooltip__ParticipantsTitle {
  font-weight: 500;
}
.CalendarTooltip__LinkIsNotAvailable {
  font-weight: 500;
}
.CalendarEventPage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CalendarEventPage__Content {
  width: 100%;
  max-width: 900px;
}
.CalendarEventPage__Header {
  width: 100%;
  background: white;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CalendarEventPage__Name {
  flex-grow: 1;
}
.SingleCalendarEvent {
  background: white;
  border-radius: 30px;
  padding: 20px;
}
.SingleCalendarEventView__StartCallButton {
  margin-top: 10px;
  width: 100%;
  padding: 10px 30px;
}
.SingleCalendarEventView__Participants {
  margin-top: 20px;
}
.SingleCalendarEventView__Name {
  margin-bottom: 20px;
}
.HealthPlan {
  padding: 10px 20px 20px 20px;
}
.HealthPlan__Selectors {
  display: flex;
  justify-content: flex-end;
}
.HealthPlan__SwitchOnControl p {
  font-weight: 500;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 10px;
  letter-spacing: 1.5px;
}
.HealthPlan__Wrapper {
  height: 500px;
  min-width: 300px;
  position: relative;
}
.HealthPlan__Wrapper > .ProgressLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.HealthPlan__NotesListWrapper {
  height: 100%;
  overflow-y: auto;
}
.HealthPlan__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.HealthPlan__TitleWrapper {
  display: flex;
  align-items: center;
  width: 420px;
  padding: 10px;
}
.HealthPlan__Title {
  border-bottom: 1px solid grey;
  padding: 5px 0;
}
.HealthPlan__Title, .HealthPlan__TitleInput {
  flex: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 12px;
  letter-spacing: 1.5px;
}
.HealthPlan__Title input, .HealthPlan__TitleInput input {
  font-weight: 500;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 12px;
  letter-spacing: 1.5px;
}
.HealthPlan__TitleEditIcon {
  color: #0000ff;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
  margin-left: 20px;
}
.HealthPlan__TitleEditIcon--disabled {
  color: #404040;
}
.HealthPlan__TitleButtons {
  display: flex;
}
.HealthPlan__TitleButtons button {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.HealthPlan__CreateNoteButton {
  margin: 0 10px;
  font-size: 12px;
}
.HealthPlanNote {
  min-height: 70px;
  border: 1px solid #0000ff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 45px 10px 10px;
  position: relative;
}
.HealthPlanNote__Time {
  font-weight: 500;
  width: 130px;
  text-transform: uppercase;
  font-family: AkzidenzGroteskStd-Ex;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
}
.HealthPlanNote__Buttons {
  position: absolute;
  top: 5px;
  right: 5px;
}
.HealthPlanNote__EditIcon {
  color: #0000ff;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
}
.HealthPlanNote__DeleteIcon {
  color: #ff004b;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
}
.HealthPlanNoteEditModal__Text {
  min-height: 400px;
  width: 500px;
}
.HealthPlanNoteEditModal__Inner {
  border-radius: 5px;
  background: none !important;
  box-shadow: none !important;
}
.HealthPlanNoteEditModal .note-toolbar.panel-heading {
  background: white;
}
.HealthPlanNoteEditModal .note-editor.note-frame {
  border: none;
}
.HealthPlanNoteEditModal .note-editable.panel-body {
  font-size: 22px;
  font-family: AkzidenzGroteskBE, Roboto, sans-serif;
  letter-spacing: 0.6px;
}
.HealthPlanNoteEditModal .note-editable.panel-body p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.HealthPlanNoteEditModal__Footer {
  margin-top: -7px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
  z-index: 2;
}
.HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button {
  width: 200px;
  padding: 5px 12px;
}
.HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button--submit:hover {
  background: #0000ff;
  color: #ffffff;
}
.HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button--cancel:hover {
  color: #f2f2f2;
  background: #404040;
}
.HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button--disabled, .HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button--disabled:hover {
  color: #404040;
  background: #f2f2f2;
}
.HealthPlanNoteEditModal__Footer button.HealthPlanNoteEditModal__Button .HealthPlanNoteEditModal__LabelButton {
  text-transform: uppercase;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Ex;
  line-height: 1.43;
  font-size: 12px;
  top: 2px;
  position: relative;
}
.Habits {
  padding: 10px 20px 20px 20px;
}
.Habits__Wrapper {
  min-width: 300px;
  position: relative;
}
.Habits__Wrapper > .ProgressLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Habits__Selectors {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}
.Habits__TimePeriodContainer {
  display: flex;
}
.Habits__TimePeriod {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 12px;
  font-weight: 700;
}
.Habits__SwitchOnControl {
  margin-right: 0;
}
.Habits__ButtonContainer {
  display: flex;
}
.Habits__ButtonContainer .Button {
  margin: 0 5px;
}
.Habits__CategoryName {
  display: flex;
  align-items: center;
}
.Habits__Description {
  line-break: strict;
  font-size: small;
}
.Habits__StatusIconAlignment {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.Habits__EventNote {
  position: absolute;
  line-height: 1;
  left: 60%;
  top: 0.5em;
  width: 60%;
}
.Habits__CategoryItem {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 10px;
}
.Habits__CategoryItem .Habits__CategoryLabel {
  flex: 1;
}
.Habits__CategoryItem .Habits__CategoryIcon {
  width: 40px;
  height: 40px;
}
.Habits__CategoryItem .Habits__CategoryIcon img {
  width: 100%;
  height: auto;
}
.Habits .ExtendedTable .ExtendedTable__Row:hover {
  cursor: auto;
}
.Habits .ExtendedTable .Habits__CellContent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Habits .ExtendedTable .Habits__CellContent--marked {
  cursor: pointer;
}
.HabitModal .HabitModal__Header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.HabitModal .HabitModal__CategoryIcon {
  width: 50px;
  height: 50px;
}
.HabitModal .HabitModal__CategoryIcon img {
  width: 100%;
  height: auto;
}
.HabitModal .HabitModal__Date {
  flex: 1;
  padding-left: 20px;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 14px;
}
.HabitModal .HabitModal__Status,
.HabitModal .HabitModal__Name {
  display: flex;
  align-items: center;
}
.HabitModal .HabitModal__StatusLabel,
.HabitModal .HabitModal__NameLabel,
.HabitModal .HabitModal__NameLabelValue {
  margin-right: 20px;
  font-family: AkzidenzGroteskBE-LightEx;
  font-size: 14px;
}
.PatientTherapiesNew .profile-tab-bar {
  position: inherit;
  margin: 20px 0;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab {
  background-color: #ffffff;
  border-radius: 4px;
  width: auto !important;
  display: inline-block !important;
}
body .PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment {
  padding: 8px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #161616;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment--icon {
  width: 18px;
  height: 20px;
  color: #ffffff;
}
.PatientTherapiesNew .PatientTherapiesNew__Tab--add-treatment > span:first-child {
  flex-direction: row;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.progress-circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.progress-circle__svg {
  transform: rotate(0deg);
}
.progress-circle__background {
  fill: none;
  stroke: #d7d5d3;
  stroke-linecap: round;
}
.progress-circle__progress {
  fill: none;
  stroke: #1cc71c;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease-in-out;
}
.progress-circle__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.progress-circle__percentage {
  font-weight: 600;
  color: #000000;
}
.progress-circle__label {
  font-size: 0.75rem;
  color: #918f8d;
  margin-top: 0.25rem;
}
.progress-circle--small .progress-circle__percentage {
  font-size: 0.875rem;
}
.progress-circle--medium .progress-circle__percentage {
  font-size: 1rem;
}
.progress-circle--large .progress-circle__percentage {
  font-size: 1.25rem;
}
.progress-circle--large .progress-circle__label {
  font-size: 0.875rem;
}
.habit-form {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  max-width: 600px;
  margin: 0 auto;
}
.habit-form__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.habit-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.habit-form__label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}
.habit-form__label:after {
  content: " *";
  color: #e74c3c;
  display: none;
}
.habit-form__input, .habit-form__select, .habit-form__textarea {
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  transition: all 0.3s ease;
  background: #f9fafb;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__input:focus, .habit-form__select:focus, .habit-form__textarea:focus {
  outline: none;
  border-color: #1f2937;
  box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.habit-form__input:hover:not(:disabled):not(:focus), .habit-form__select:hover:not(:disabled):not(:focus), .habit-form__textarea:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background: #fff;
}
.habit-form__input:hover:not(:disabled):not(:focus), .habit-form__textarea:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background: #fff;
}
.habit-form__input::placeholder, .habit-form__textarea::placeholder {
  color: #9ca3af;
}
.habit-form__input:disabled, .habit-form__textarea:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
  opacity: 0.7;
}
.habit-form__input--error, .habit-form__textarea--error {
  border-color: #ef4444;
  background: #fef2f2;
}
.habit-form__input--error:focus, .habit-form__textarea--error:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__textarea {
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
}
.habit-form__select {
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
  appearance: none;
}
.habit-form__select:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}
.habit-form__error {
  color: #e74c3c;
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}
.habit-form__error--submit {
  background-color: #fdf2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 12px 16px;
  margin-top: 0;
  font-size: 14px;
}
.habit-form__help-text {
  color: #6c757d;
  font-size: 12px;
  margin: 0;
  font-style: italic;
}
.habit-form__category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 8px;
}
.habit-form__category-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__category-button:hover:not(:disabled):not(.habit-form__category-button--selected) {
  border-color: #9ca3af;
  background-color: #f9fafb;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.habit-form__category-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.habit-form__category-button--selected {
  border-color: #1f2937;
  background-color: #1f2937;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 41, 55, 0.3);
}
.habit-form__category-button--selected .habit-form__category-icon {
  color: #fff;
}
.habit-form__category-button--selected .habit-form__category-icon--image {
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
.habit-form__category-button--selected .habit-form__category-label {
  color: #fff !important;
}
.habit-form__category-button--selected:hover {
  background-color: #111827;
  border-color: #111827;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(31, 41, 55, 0.4);
}
.habit-form__category-button--selected:hover .habit-form__category-icon--image {
  background-color: rgba(255, 255, 255, 0.2);
}
.habit-form__category-icon {
  font-size: 24px !important;
  color: #6b7280;
  transition: all 0.3s ease;
}
.habit-form__category-icon--image {
  transition: filter 0.3s ease;
}
.habit-form__category-label {
  text-align: center;
  line-height: 1.2;
}
.habit-form__days-grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.habit-form__day-button {
  width: 40px;
  height: 40px;
  border: 2px solid #e5e7eb;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__day-button:hover:not(:disabled):not(.habit-form__day-button--selected) {
  border-color: #9ca3af;
  background-color: #f9fafb;
  transform: scale(1.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.habit-form__day-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.habit-form__day-button--selected {
  border-color: #1f2937;
  background-color: #1f2937;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 3px 8px rgba(31, 41, 55, 0.3);
}
.habit-form__day-button--selected:hover:not(:disabled) {
  background-color: #111827;
  border-color: #111827;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(31, 41, 55, 0.4);
}
.habit-form__day-button--disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
}
.habit-form__info {
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  border-radius: 6px;
  padding: 12px 16px;
}
.habit-form__info-text {
  margin: 0;
  font-size: 13px;
  color: #1565c0;
  line-height: 1.4;
}
.habit-form__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e1e5e9;
}
@media (max-width: 480px) {
  .habit-form__actions {
    flex-direction: column-reverse;
  }
  .habit-form__actions button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .habit-form {
    padding: 16px;
    margin: 0 16px;
  }
  .habit-form__category-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px;
  }
  .habit-form__category-button {
    padding: 12px 8px;
    font-size: 11px;
  }
  .habit-form__category-icon {
    font-size: 20px !important;
  }
  .habit-form__days-grid {
    justify-content: center;
  }
  .habit-form__day-button {
    width: 36px;
    height: 36px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .habit-form__category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .habit-form__days-grid {
    gap: 6px;
  }
  .habit-form__day-button {
    width: 32px;
    height: 32px;
    font-size: 10px;
  }
}
.habit-form__category-button:focus,
.habit-form__day-button:focus {
  outline: 2px solid #1f2937;
  outline-offset: 2px;
}
.habit-form__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #6b7280;
  font-size: 14px;
  font-style: italic;
}
@media (prefers-contrast: high) {
  .habit-form__input, .habit-form__select, .habit-form__textarea {
    border-width: 2px;
  }
  .habit-form__category-button, .habit-form__day-button {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-form__input, .habit-form__select, .habit-form__textarea, .habit-form__category-button, .habit-form__day-button {
    transition: none;
  }
}
.habit-calendar {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e1e5e9;
  font-family: inherit;
}
.habit-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.habit-calendar__nav-button {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #495057;
  transition: all 0.2s ease;
}
.habit-calendar__nav-button:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.habit-calendar__nav-button:active {
  background: #dee2e6;
}
.habit-calendar__nav-button:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__month {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: center;
  flex: 1;
}
.habit-calendar__grid {
  margin-bottom: 16px;
}
.habit-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  margin-bottom: 8px;
}
.habit-calendar__weekday {
  padding: 8px 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  background: #f8f9fa;
  border-radius: 4px;
}
.habit-calendar__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.habit-calendar__day {
  position: relative;
  min-height: 32px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #495057;
  transition: all 0.2s ease;
  padding: 2px;
}
.habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
  background: #f8f9fa;
  border-color: #3498db;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.habit-calendar__day:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__day:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.habit-calendar__day--empty {
  border: none;
  background: transparent;
  cursor: default;
}
.habit-calendar__day--today {
  border-color: #3498db;
  background: #e3f2fd;
  color: #1976d2;
  font-weight: 600;
}
.habit-calendar__day--today .habit-calendar__day-number {
  background: #3498db;
  color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.habit-calendar__day--completed {
  background: #d4edda;
  border-color: #28a745;
  color: #155724;
}
.habit-calendar__day--completed:hover:not(:disabled) {
  background: #c3e6cb;
}
.habit-calendar__day--missed {
  background: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}
.habit-calendar__day--missed:hover:not(:disabled) {
  background: #f5c6cb;
}
.habit-calendar__day--neutral {
  background: #fff3cd;
  border-color: #ffc107;
  color: #856404;
}
.habit-calendar__day--neutral:hover:not(:disabled) {
  background: #ffeaa7;
}
.habit-calendar__day--future {
  background: #f8f9fa;
  color: #adb5bd;
  border-color: #e9ecef;
  cursor: not-allowed;
}
.habit-calendar__day--other-month {
  opacity: 0.4;
  color: #adb5bd;
}
.habit-calendar__day--has-diary .habit-calendar__diary-indicator {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 6px;
  height: 6px;
  background: #17a2b8;
  border-radius: 50%;
  border: 1px solid #fff;
}
.habit-calendar__day-number {
  line-height: 1;
}
.habit-calendar__diary-summary {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
}
.habit-calendar__diary-summary-title {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: #495057;
}
.habit-calendar__diary-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
}
.habit-calendar__diary-entry {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 12px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.habit-calendar__diary-entry:hover {
  background: #e9ecef;
  border-color: #3498db;
}
.habit-calendar__diary-entry:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__diary-entry-date {
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  min-width: 40px;
  flex-shrink: 0;
}
.habit-calendar__diary-entry-preview {
  font-size: 13px;
  color: #495057;
  line-height: 1.4;
  flex: 1;
}
.habit-calendar__diary-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.habit-calendar__diary-form {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}
.habit-calendar__diary-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e9ecef;
}
.habit-calendar__diary-form-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  flex: 1;
}
.habit-calendar__diary-form-close {
  background: none;
  border: none;
  font-size: 24px;
  color: #6c757d;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.habit-calendar__diary-form-close:hover {
  background: #f8f9fa;
  color: #495057;
}
.habit-calendar__diary-form-close:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__diary-form-content {
  padding: 20px 24px 24px;
}
.habit-calendar__diary-textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
  margin-bottom: 16px;
}
.habit-calendar__diary-textarea:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}
.habit-calendar__diary-textarea::placeholder {
  color: #6c757d;
  font-style: italic;
}
.habit-calendar__diary-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.habit-calendar__status-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.habit-calendar__status-label {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
}
.habit-calendar__status-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.habit-calendar__status-button {
  flex: 1;
  min-width: 100px;
}
.habit-calendar__status-button--completed:hover {
  background: #d4edda;
  border-color: #28a745;
  color: #155724;
}
.habit-calendar__status-button--missed:hover {
  background: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}
.habit-calendar__status-button--neutral:hover {
  background: #fff3cd;
  border-color: #ffc107;
  color: #856404;
}
@media (max-width: 768px) {
  .habit-calendar {
    padding: 12px;
  }
  .habit-calendar__day {
    min-height: 36px;
    font-size: 12px;
  }
  .habit-calendar__diary-modal {
    padding: 16px;
  }
  .habit-calendar__diary-form {
    max-width: none;
  }
  .habit-calendar__diary-form-header, .habit-calendar__diary-form-content {
    padding: 16px 20px;
  }
  .habit-calendar__status-buttons {
    flex-direction: column;
  }
  .habit-calendar__status-button {
    min-width: auto;
  }
}
@media (max-width: 480px) {
  .habit-calendar {
    padding: 8px;
  }
  .habit-calendar__day {
    min-height: 32px;
    font-size: 11px;
  }
  .habit-calendar__weekday {
    padding: 6px 2px;
    font-size: 11px;
  }
  .habit-calendar__diary-form-header, .habit-calendar__diary-form-content {
    padding: 12px 16px;
  }
  .habit-calendar__diary-actions {
    flex-direction: column-reverse;
  }
}
@media (prefers-contrast: high) {
  .habit-calendar__day {
    border-width: 2px;
  }
  .habit-calendar__day--completed {
    background: #28a745;
    color: #fff;
  }
  .habit-calendar__day--missed {
    background: #dc3545;
    color: #fff;
  }
  .habit-calendar__day--neutral {
    background: #ffc107;
    color: #000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-calendar__day, .habit-calendar__nav-button, .habit-calendar__diary-entry, .habit-calendar__diary-textarea {
    transition: none;
  }
  .habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
    transform: none;
  }
}
.habit-calendar__day:focus-visible,
.habit-calendar__nav-button:focus-visible,
.habit-calendar__diary-entry:focus-visible,
.habit-calendar__diary-form-close:focus-visible {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habit-calendar__diary-modal {
    display: none;
  }
  .habit-calendar__nav-button {
    display: none;
  }
  .habit-calendar__day {
    border: 1px solid #000;
  }
  .habit-calendar__day--completed {
    background: #ddd !important;
  }
  .habit-calendar__day--missed {
    background: #999 !important;
  }
}
.habit-card.MuiPaper-root {
  background: white !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.habit-card.MuiPaper-root:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.habit-card.MuiPaper-root .habit-calendar {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__header {
  margin-bottom: 0 !important;
  padding: 12px 16px !important;
  background: #e5e7eb !important;
  border-radius: 8px !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.habit-card.MuiPaper-root .habit-calendar__month {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin: 0 !important;
  text-align: center !important;
  flex: 1 !important;
}
.habit-card.MuiPaper-root .habit-calendar__nav-button {
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #374151 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.habit-card.MuiPaper-root .habit-calendar__nav-button:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
}
.habit-card.MuiPaper-root .habit-calendar__weekdays {
  gap: 0 !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  border: none !important;
}
.habit-card.MuiPaper-root .habit-calendar__weekday {
  padding: 6px 4px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  background: transparent !important;
  text-align: center !important;
  border: none !important;
  text-transform: uppercase !important;
}
.habit-card.MuiPaper-root .habit-calendar__grid {
  margin-bottom: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__days {
  gap: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day {
  min-height: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
  padding: 2px !important;
  border-right: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  background: white !important;
  color: #374151 !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:nth-child(7n) {
  border-right: none !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
  background: #f8f9fa !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--today {
  background: #3b82f6 !important;
  color: white !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--completed {
  background: #fbbf24 !important;
  color: #92400e !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--missed {
  background: #ef4444 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--empty {
  background: white !important;
  cursor: default !important;
  color: transparent !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--other-month {
  background: white !important;
  color: #d1d5db !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:not(.habit-calendar__day--today):not(.habit-calendar__day--completed):not(.habit-calendar__day--missed) {
  background: white !important;
}
.habit-card.MuiPaper-root .habit-calendar__day.habit-calendar__day--neutral {
  background: white !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day.habit-calendar__day--future {
  background: white !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar__diary-summary {
  display: none !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day {
  background: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--today {
  background: #3b82f6 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--completed {
  background: #fbbf24 !important;
  color: #92400e !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--missed {
  background: #ef4444 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--neutral, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--future, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--other-month {
  background: white !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--neutral.habit-calendar__day--other-month, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--future.habit-calendar__day--other-month, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--other-month.habit-calendar__day--other-month {
  color: #d1d5db !important;
}
.habit-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  width: 100%;
  max-width: none;
}
.habit-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #3498db;
}
.habit-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
  padding: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f3f4f6;
}
.habit-card__header.MuiCardHeader-root {
  padding: 20px !important;
  padding-bottom: 16px !important;
}
.habit-card__title-section {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.habit-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.habit-card__category-icon {
  font-size: 20px !important;
  color: #495057;
}
.habit-card__title-info {
  flex: 1;
  min-width: 0;
}
.habit-card__title {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.habit-card__frequency {
  margin: 0;
  font-size: 13px;
  color: #6c757d;
  font-weight: 500;
}
.habit-card__progress {
  flex-shrink: 0;
}
.habit-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.habit-card__description {
  margin: 0;
  font-size: 14px;
  color: #495057;
  line-height: 1.4;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border-left: 3px solid #3498db;
}
.habit-card__controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.habit-card__days {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.habit-card__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  border: 2px solid #e9ecef;
  background: #fff;
  color: #6c757d;
  transition: all 0.2s ease;
}
.habit-card__day--selected {
  background: #3498db;
  border-color: #3498db;
  color: #fff;
}
.habit-card__day--greyed {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #adb5bd;
  opacity: 0.7;
}
.habit-card__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.habit-card__calendar-content {
  padding: 0 20px 20px 20px !important;
}
.habit-card__calendar-content.MuiCardContent-root {
  padding: 0 20px 20px 20px !important;
}
.habit-card__calendar-content.MuiCardContent-root:last-child {
  padding-bottom: 20px !important;
}
.habit-card__calendar {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
  animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .habit-card {
    padding: 16px;
    margin-bottom: 12px;
  }
  .habit-card__header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .habit-card__title-section {
    align-items: center;
  }
  .habit-card__progress {
    align-self: center;
  }
  .habit-card__title {
    font-size: 15px;
  }
  .habit-card__frequency {
    font-size: 12px;
  }
  .habit-card__days {
    justify-content: center;
    gap: 4px;
  }
  .habit-card__day {
    width: 26px;
    height: 26px;
    font-size: 10px;
  }
  .habit-card__actions {
    justify-content: center;
    gap: 6px;
  }
}
@media (max-width: 480px) {
  .habit-card {
    padding: 12px;
  }
  .habit-card__icon {
    width: 36px;
    height: 36px;
  }
  .habit-card__category-icon {
    font-size: 18px !important;
  }
  .habit-card__title {
    font-size: 14px;
  }
  .habit-card__frequency {
    font-size: 11px;
  }
  .habit-card__description {
    font-size: 13px;
    padding: 10px 12px;
  }
  .habit-card__days {
    gap: 3px;
  }
  .habit-card__day {
    width: 24px;
    height: 24px;
    font-size: 9px;
  }
  .habit-card__actions {
    flex-direction: column;
    gap: 8px;
  }
}
@media (prefers-contrast: high) {
  .habit-card {
    border-width: 2px;
  }
  .habit-card__day {
    border-width: 2px;
  }
  .habit-card__day--selected {
    background: #000;
    border-color: #000;
    color: #fff;
  }
  .habit-card__day--greyed {
    background: #ccc;
    border-color: #999;
    color: #666;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-card {
    transition: none;
  }
  .habit-card__day {
    transition: none;
  }
  .habit-card__calendar {
    animation: none;
  }
}
.habit-card:focus-within {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habit-card {
    box-shadow: none;
    border: 1px solid #000;
    break-inside: avoid;
    margin-bottom: 20px;
  }
  .habit-card__actions {
    display: none;
  }
  .habit-card__calendar {
    border-top: 1px solid #000;
  }
}
@media (prefers-color-scheme: dark) {
  .habit-card {
    background: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
  }
  .habit-card__title {
    color: #f7fafc;
  }
  .habit-card__frequency {
    color: #a0aec0;
  }
  .habit-card__description {
    background: #4a5568;
    color: #e2e8f0;
  }
  .habit-card__icon {
    background: #4a5568;
    border-color: #718096;
  }
  .habit-card__category-icon {
    color: #e2e8f0;
  }
  .habit-card__day {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habit-card__day--selected {
    background: #3182ce;
    border-color: #3182ce;
  }
  .habit-card__day--greyed {
    background: #2d3748;
    border-color: #4a5568;
    color: #718096;
  }
  .habit-card__calendar {
    border-top-color: #4a5568;
  }
}
.habits-container {
  padding: 20px 40px;
  max-width: 1400px;
  margin: 0 auto;
  font-family: inherit;
}
.habits-container--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.habits-container--disabled .habits-container__header-actions {
  pointer-events: auto;
}
.habits-container--disabled button,
.habits-container--disabled .IconButton,
.habits-container--disabled .shared-datepicker-button,
.habits-container--disabled .habit-card {
  pointer-events: none;
  cursor: not-allowed;
}
.habits-container--disabled .habits-container__header-secondary,
.habits-container--disabled .habits-container__habits-grid {
  opacity: 0.7;
}
.habits-container__header-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding: 20px;
  background: #32c8c8;
  border-radius: 12px;
  color: white;
}
.habits-container__month-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.habits-container__month-selector-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
  border-radius: 8px;
  padding: 8px 12px;
  gap: 12px;
  width: 100%;
}
.habits-container__nav-button {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #374151;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 6px;
  box-sizing: border-box;
}
.habits-container__nav-button svg {
  width: 16px;
  height: 16px;
}
.habits-container__nav-button svg path {
  stroke: #374151 !important;
  stroke-width: 2;
  fill: none;
}
.habits-container__nav-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
.habits-container__nav-button:active {
  background: rgba(0, 0, 0, 0.1);
  transform: scale(0.95);
}
.habits-container__month-label {
  font-size: 16px;
  font-weight: bold;
  color: #374151;
  min-width: 100px;
  text-align: center;
  font-family: inherit;
}
.habits-container__date-range-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  width: 100%;
}
.habits-container__date-range-picker .shared-datepicker-button {
  background: #fff !important;
  border-radius: 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  min-width: 180px !important;
  justify-content: center !important;
  border: none !important;
  width: 100% !important;
}
.habits-container__date-range-picker .shared-datepicker-button:hover {
  background: #06b6d4 !important;
}
.habits-container__date-input {
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  color: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  width: auto;
  min-width: 140px;
}
.habits-container__date-input:hover {
  border-color: #9ca3af;
}
.habits-container__date-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.habits-container__date-input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 8px;
  color: #9ca3af;
}
.habits-container__date-display {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #374151;
  font-size: 14px;
  pointer-events: none;
  font-weight: normal;
}
.habits-container__overall-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.habits-container__progress-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
.habits-container__progress-text {
  font-size: 16px;
  font-weight: 600;
  color: white;
  margin: 0;
}
.habits-container__progress-subtitle {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-weight: 500;
}
.habits-container__date-range {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.habits-container__time-period-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.habits-container__time-period {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.habits-container__time-period-button {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  transition: all 0.2s ease;
}
.habits-container__time-period-button:hover {
  background: #e9ecef;
  border-color: #3498db;
}
.habits-container__time-period-button:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habits-container__button-container {
  display: flex;
  gap: 4px;
}
.habits-container__prev-button, .habits-container__next-button {
  min-width: 40px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 600;
}
.habits-container__switcher {
  display: flex;
  align-items: center;
}
.habits-container__switch-control {
  margin: 0;
}
.habits-container__switch-control .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  color: #495057;
}
.habits-container__date-picker-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 280px;
}
.habits-container__date-picker-content {
  padding: 16px;
}
.habits-container__date-picker-field {
  margin-bottom: 12px;
}
.habits-container__date-picker-field:last-of-type {
  margin-bottom: 16px;
}
.habits-container__date-picker-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 4px;
}
.habits-container__date-picker-field input[type=date] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  font-family: inherit;
}
.habits-container__date-picker-field input[type=date]:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
}
.habits-container__date-picker-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.habits-container__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 24px;
}
.habits-container__header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 2px solid #e9ecef;
}
.habits-container__title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.habits-container__progress-circle {
  flex-shrink: 0;
}
.habits-container__header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.habits-container__toggle-calendars {
  background: white !important;
  border: 1px solid #d1d5db !important;
  color: #374151 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.habits-container__toggle-calendars:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
}
.habits-container__new-habit {
  background: #1f2937 !important;
  border: none !important;
  color: white !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.habits-container__new-habit:hover {
  background: #111827 !important;
}
.habits-container__wrapper {
  min-height: 200px;
  position: relative;
}
.habits-container__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.habits-container__habits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
}
.habits-container__habits-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.habits-container__habits-grid > * {
  max-width: none;
  width: 100%;
}
.habits-container__empty {
  text-align: center;
  padding: 60px 20px;
  color: #6c757d;
}
.habits-container__empty p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .habits-container {
    padding: 20px 30px;
  }
  .habits-container__habits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .habits-container {
    padding: 16px 20px;
  }
  .habits-container__selectors {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .habits-container__time-period-container {
    justify-content: center;
    flex-wrap: wrap;
  }
  .habits-container__header {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    text-align: center;
  }
  .habits-container__title {
    justify-content: center;
    flex-direction: column;
    gap: 12px;
  }
  .habits-container__title h2 {
    font-size: 20px;
  }
  .habits-container__header-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
  .habits-container__date-picker-popover {
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
  }
  .habits-container__list {
    gap: 12px;
  }
  .habits-container__habits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}
@media (max-width: 764px) {
  .habits-container {
    padding: 16px 20px;
  }
  .habits-container__habits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .habits-container__header-secondary {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .habits-container__month-nav {
    width: 100%;
  }
  .habits-container__month-selector-group {
    width: 100%;
    max-width: 300px;
  }
  .habits-container__date-range-selector {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .habits-container__date-input-wrapper {
    width: 100%;
  }
  .habits-container__date-input-wrapper .custom-date-picker {
    width: 100%;
  }
  .habits-container__date-input-wrapper .custom-date-picker .custom-date-picker__button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .habits-container {
    padding: 12px 16px;
  }
  .habits-container__selectors {
    padding: 12px 16px;
  }
  .habits-container__time-period-container {
    flex-direction: column;
    gap: 12px;
  }
  .habits-container__time-period {
    flex-direction: column;
    gap: 8px;
  }
  .habits-container__button-container {
    order: -1;
  }
  .habits-container__header {
    gap: 12px;
  }
  .habits-container__title {
    gap: 8px;
  }
  .habits-container__title h2 {
    font-size: 18px;
  }
  .habits-container__header-actions {
    flex-direction: column;
    gap: 8px;
  }
  .habits-container__date-picker-popover {
    min-width: 240px;
  }
  .habits-container__empty {
    padding: 40px 16px;
  }
  .habits-container__empty p {
    font-size: 14px;
  }
}
@media (prefers-contrast: high) {
  .habits-container__selectors {
    border-width: 2px;
  }
  .habits-container__time-period-button {
    border-width: 2px;
  }
  .habits-container__date-picker-popover {
    border-width: 2px;
  }
  .habits-container__header {
    border-bottom-width: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habits-container__time-period-button, .habits-container__date-picker-field input {
    transition: none;
  }
}
.habits-container__time-period-button:focus-visible,
.habits-container__date-picker-field input:focus-visible {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habits-container__selectors, .habits-container__header-actions {
    display: none;
  }
  .habits-container__header {
    border-bottom: 2px solid #000;
  }
  .habits-container__title h2 {
    color: #000;
  }
  .habits-container__date-picker-popover {
    display: none;
  }
}
.ModalContainer .habit-form {
  padding: 0;
}
.ModalContainer .habit-form__field {
  margin-bottom: 20px;
}
.ModalContainer .habit-form__delete-section {
  margin-top: 20px;
}
@media (prefers-color-scheme: dark) {
  .habits-container__selectors {
    background: #2d3748;
    border-color: #4a5568;
  }
  .habits-container__time-period-button {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habits-container__time-period-button:hover {
    background: #718096;
    border-color: #3182ce;
  }
  .habits-container__switch-control .MuiFormControlLabel-label {
    color: #e2e8f0;
  }
  .habits-container__date-picker-popover {
    background: #2d3748;
    border-color: #4a5568;
  }
  .habits-container__date-picker-field label {
    color: #e2e8f0;
  }
  .habits-container__date-picker-field input[type=date] {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habits-container__date-picker-field input[type=date]:focus {
    border-color: #3182ce;
  }
  .habits-container__header {
    border-bottom-color: #4a5568;
  }
  .habits-container__title h2 {
    color: #f7fafc;
  }
  .habits-container__empty {
    color: #a0aec0;
  }
}
.habits-container {
  padding: 20px 40px;
  max-width: 1400px;
  margin: 0 auto;
  font-family: inherit;
}
.habits-container--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.habits-container--disabled .habits-container__header-actions {
  pointer-events: auto;
}
.habits-container--disabled button,
.habits-container--disabled .IconButton,
.habits-container--disabled .shared-datepicker-button,
.habits-container--disabled .habit-card {
  pointer-events: none;
  cursor: not-allowed;
}
.habits-container--disabled .habits-container__header-secondary,
.habits-container--disabled .habits-container__habits-grid {
  opacity: 0.7;
}
.habits-container__header-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding: 20px;
  background: #32c8c8;
  border-radius: 12px;
  color: white;
}
.habits-container__month-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.habits-container__month-selector-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
  border-radius: 8px;
  padding: 8px 12px;
  gap: 12px;
  width: 100%;
}
.habits-container__nav-button {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #374151;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 6px;
  box-sizing: border-box;
}
.habits-container__nav-button svg {
  width: 16px;
  height: 16px;
}
.habits-container__nav-button svg path {
  stroke: #374151 !important;
  stroke-width: 2;
  fill: none;
}
.habits-container__nav-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
.habits-container__nav-button:active {
  background: rgba(0, 0, 0, 0.1);
  transform: scale(0.95);
}
.habits-container__month-label {
  font-size: 16px;
  font-weight: bold;
  color: #374151;
  min-width: 100px;
  text-align: center;
  font-family: inherit;
}
.habits-container__date-range-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  width: 100%;
}
.habits-container__date-range-picker .shared-datepicker-button {
  background: #fff !important;
  border-radius: 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  min-width: 180px !important;
  justify-content: center !important;
  border: none !important;
  width: 100% !important;
}
.habits-container__date-range-picker .shared-datepicker-button:hover {
  background: #06b6d4 !important;
}
.habits-container__date-input {
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  color: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  width: auto;
  min-width: 140px;
}
.habits-container__date-input:hover {
  border-color: #9ca3af;
}
.habits-container__date-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.habits-container__date-input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 8px;
  color: #9ca3af;
}
.habits-container__date-display {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #374151;
  font-size: 14px;
  pointer-events: none;
  font-weight: normal;
}
.habits-container__overall-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.habits-container__progress-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
.habits-container__progress-text {
  font-size: 16px;
  font-weight: 600;
  color: white;
  margin: 0;
}
.habits-container__progress-subtitle {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-weight: 500;
}
.habits-container__date-range {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.habits-container__time-period-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.habits-container__time-period {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.habits-container__time-period-button {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  transition: all 0.2s ease;
}
.habits-container__time-period-button:hover {
  background: #e9ecef;
  border-color: #3498db;
}
.habits-container__time-period-button:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habits-container__button-container {
  display: flex;
  gap: 4px;
}
.habits-container__prev-button, .habits-container__next-button {
  min-width: 40px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 600;
}
.habits-container__switcher {
  display: flex;
  align-items: center;
}
.habits-container__switch-control {
  margin: 0;
}
.habits-container__switch-control .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  color: #495057;
}
.habits-container__date-picker-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 280px;
}
.habits-container__date-picker-content {
  padding: 16px;
}
.habits-container__date-picker-field {
  margin-bottom: 12px;
}
.habits-container__date-picker-field:last-of-type {
  margin-bottom: 16px;
}
.habits-container__date-picker-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 4px;
}
.habits-container__date-picker-field input[type=date] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  font-family: inherit;
}
.habits-container__date-picker-field input[type=date]:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
}
.habits-container__date-picker-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.habits-container__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 24px;
}
.habits-container__header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 2px solid #e9ecef;
}
.habits-container__title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.habits-container__progress-circle {
  flex-shrink: 0;
}
.habits-container__header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.habits-container__toggle-calendars {
  background: white !important;
  border: 1px solid #d1d5db !important;
  color: #374151 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.habits-container__toggle-calendars:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
}
.habits-container__new-habit {
  background: #1f2937 !important;
  border: none !important;
  color: white !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.habits-container__new-habit:hover {
  background: #111827 !important;
}
.habits-container__wrapper {
  min-height: 200px;
  position: relative;
}
.habits-container__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.habits-container__habits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
}
.habits-container__habits-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.habits-container__habits-grid > * {
  max-width: none;
  width: 100%;
}
.habits-container__empty {
  text-align: center;
  padding: 60px 20px;
  color: #6c757d;
}
.habits-container__empty p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .habits-container {
    padding: 20px 30px;
  }
  .habits-container__habits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .habits-container {
    padding: 16px 20px;
  }
  .habits-container__selectors {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .habits-container__time-period-container {
    justify-content: center;
    flex-wrap: wrap;
  }
  .habits-container__header {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    text-align: center;
  }
  .habits-container__title {
    justify-content: center;
    flex-direction: column;
    gap: 12px;
  }
  .habits-container__title h2 {
    font-size: 20px;
  }
  .habits-container__header-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
  .habits-container__date-picker-popover {
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
  }
  .habits-container__list {
    gap: 12px;
  }
  .habits-container__habits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}
@media (max-width: 764px) {
  .habits-container {
    padding: 16px 20px;
  }
  .habits-container__habits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .habits-container__header-secondary {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .habits-container__month-nav {
    width: 100%;
  }
  .habits-container__month-selector-group {
    width: 100%;
    max-width: 300px;
  }
  .habits-container__date-range-selector {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .habits-container__date-input-wrapper {
    width: 100%;
  }
  .habits-container__date-input-wrapper .custom-date-picker {
    width: 100%;
  }
  .habits-container__date-input-wrapper .custom-date-picker .custom-date-picker__button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .habits-container {
    padding: 12px 16px;
  }
  .habits-container__selectors {
    padding: 12px 16px;
  }
  .habits-container__time-period-container {
    flex-direction: column;
    gap: 12px;
  }
  .habits-container__time-period {
    flex-direction: column;
    gap: 8px;
  }
  .habits-container__button-container {
    order: -1;
  }
  .habits-container__header {
    gap: 12px;
  }
  .habits-container__title {
    gap: 8px;
  }
  .habits-container__title h2 {
    font-size: 18px;
  }
  .habits-container__header-actions {
    flex-direction: column;
    gap: 8px;
  }
  .habits-container__date-picker-popover {
    min-width: 240px;
  }
  .habits-container__empty {
    padding: 40px 16px;
  }
  .habits-container__empty p {
    font-size: 14px;
  }
}
@media (prefers-contrast: high) {
  .habits-container__selectors {
    border-width: 2px;
  }
  .habits-container__time-period-button {
    border-width: 2px;
  }
  .habits-container__date-picker-popover {
    border-width: 2px;
  }
  .habits-container__header {
    border-bottom-width: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habits-container__time-period-button, .habits-container__date-picker-field input {
    transition: none;
  }
}
.habits-container__time-period-button:focus-visible,
.habits-container__date-picker-field input:focus-visible {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habits-container__selectors, .habits-container__header-actions {
    display: none;
  }
  .habits-container__header {
    border-bottom: 2px solid #000;
  }
  .habits-container__title h2 {
    color: #000;
  }
  .habits-container__date-picker-popover {
    display: none;
  }
}
.ModalContainer .habit-form {
  padding: 0;
}
.ModalContainer .habit-form__field {
  margin-bottom: 20px;
}
.ModalContainer .habit-form__delete-section {
  margin-top: 20px;
}
@media (prefers-color-scheme: dark) {
  .habits-container__selectors {
    background: #2d3748;
    border-color: #4a5568;
  }
  .habits-container__time-period-button {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habits-container__time-period-button:hover {
    background: #718096;
    border-color: #3182ce;
  }
  .habits-container__switch-control .MuiFormControlLabel-label {
    color: #e2e8f0;
  }
  .habits-container__date-picker-popover {
    background: #2d3748;
    border-color: #4a5568;
  }
  .habits-container__date-picker-field label {
    color: #e2e8f0;
  }
  .habits-container__date-picker-field input[type=date] {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habits-container__date-picker-field input[type=date]:focus {
    border-color: #3182ce;
  }
  .habits-container__header {
    border-bottom-color: #4a5568;
  }
  .habits-container__title h2 {
    color: #f7fafc;
  }
  .habits-container__empty {
    color: #a0aec0;
  }
}
.habit-card.MuiPaper-root {
  background: white !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.habit-card.MuiPaper-root:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.habit-card.MuiPaper-root .habit-calendar {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__header {
  margin-bottom: 0 !important;
  padding: 12px 16px !important;
  background: #e5e7eb !important;
  border-radius: 8px !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.habit-card.MuiPaper-root .habit-calendar__month {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin: 0 !important;
  text-align: center !important;
  flex: 1 !important;
}
.habit-card.MuiPaper-root .habit-calendar__nav-button {
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #374151 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.habit-card.MuiPaper-root .habit-calendar__nav-button:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
}
.habit-card.MuiPaper-root .habit-calendar__weekdays {
  gap: 0 !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  border: none !important;
}
.habit-card.MuiPaper-root .habit-calendar__weekday {
  padding: 6px 4px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  background: transparent !important;
  text-align: center !important;
  border: none !important;
  text-transform: uppercase !important;
}
.habit-card.MuiPaper-root .habit-calendar__grid {
  margin-bottom: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__days {
  gap: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day {
  min-height: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
  padding: 2px !important;
  border-right: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  background: white !important;
  color: #374151 !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:nth-child(7n) {
  border-right: none !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
  background: #f8f9fa !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--today {
  background: #3b82f6 !important;
  color: white !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--completed {
  background: #fbbf24 !important;
  color: #92400e !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--missed {
  background: #ef4444 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--empty {
  background: white !important;
  cursor: default !important;
  color: transparent !important;
}
.habit-card.MuiPaper-root .habit-calendar__day--other-month {
  background: white !important;
  color: #d1d5db !important;
}
.habit-card.MuiPaper-root .habit-calendar__day:not(.habit-calendar__day--today):not(.habit-calendar__day--completed):not(.habit-calendar__day--missed) {
  background: white !important;
}
.habit-card.MuiPaper-root .habit-calendar__day.habit-calendar__day--neutral {
  background: white !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar__day.habit-calendar__day--future {
  background: white !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar__diary-summary {
  display: none !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day {
  background: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--today {
  background: #3b82f6 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--completed {
  background: #fbbf24 !important;
  color: #92400e !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--missed {
  background: #ef4444 !important;
  color: white !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--neutral, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--future, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--other-month {
  background: white !important;
  color: #374151 !important;
}
.habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--neutral.habit-calendar__day--other-month, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--future.habit-calendar__day--other-month, .habit-card.MuiPaper-root .habit-calendar .habit-calendar__day.habit-calendar__day--other-month.habit-calendar__day--other-month {
  color: #d1d5db !important;
}
.habit-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  width: 100%;
  max-width: none;
}
.habit-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #3498db;
}
.habit-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
  padding: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f3f4f6;
}
.habit-card__header.MuiCardHeader-root {
  padding: 20px !important;
  padding-bottom: 16px !important;
}
.habit-card__title-section {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.habit-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.habit-card__category-icon {
  font-size: 20px !important;
  color: #495057;
}
.habit-card__title-info {
  flex: 1;
  min-width: 0;
}
.habit-card__title {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.habit-card__frequency {
  margin: 0;
  font-size: 13px;
  color: #6c757d;
  font-weight: 500;
}
.habit-card__progress {
  flex-shrink: 0;
}
.habit-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.habit-card__description {
  margin: 0;
  font-size: 14px;
  color: #495057;
  line-height: 1.4;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border-left: 3px solid #3498db;
}
.habit-card__controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.habit-card__days {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.habit-card__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  border: 2px solid #e9ecef;
  background: #fff;
  color: #6c757d;
  transition: all 0.2s ease;
}
.habit-card__day--selected {
  background: #3498db;
  border-color: #3498db;
  color: #fff;
}
.habit-card__day--greyed {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #adb5bd;
  opacity: 0.7;
}
.habit-card__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.habit-card__calendar-content {
  padding: 0 20px 20px 20px !important;
}
.habit-card__calendar-content.MuiCardContent-root {
  padding: 0 20px 20px 20px !important;
}
.habit-card__calendar-content.MuiCardContent-root:last-child {
  padding-bottom: 20px !important;
}
.habit-card__calendar {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
  animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .habit-card {
    padding: 16px;
    margin-bottom: 12px;
  }
  .habit-card__header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .habit-card__title-section {
    align-items: center;
  }
  .habit-card__progress {
    align-self: center;
  }
  .habit-card__title {
    font-size: 15px;
  }
  .habit-card__frequency {
    font-size: 12px;
  }
  .habit-card__days {
    justify-content: center;
    gap: 4px;
  }
  .habit-card__day {
    width: 26px;
    height: 26px;
    font-size: 10px;
  }
  .habit-card__actions {
    justify-content: center;
    gap: 6px;
  }
}
@media (max-width: 480px) {
  .habit-card {
    padding: 12px;
  }
  .habit-card__icon {
    width: 36px;
    height: 36px;
  }
  .habit-card__category-icon {
    font-size: 18px !important;
  }
  .habit-card__title {
    font-size: 14px;
  }
  .habit-card__frequency {
    font-size: 11px;
  }
  .habit-card__description {
    font-size: 13px;
    padding: 10px 12px;
  }
  .habit-card__days {
    gap: 3px;
  }
  .habit-card__day {
    width: 24px;
    height: 24px;
    font-size: 9px;
  }
  .habit-card__actions {
    flex-direction: column;
    gap: 8px;
  }
}
@media (prefers-contrast: high) {
  .habit-card {
    border-width: 2px;
  }
  .habit-card__day {
    border-width: 2px;
  }
  .habit-card__day--selected {
    background: #000;
    border-color: #000;
    color: #fff;
  }
  .habit-card__day--greyed {
    background: #ccc;
    border-color: #999;
    color: #666;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-card {
    transition: none;
  }
  .habit-card__day {
    transition: none;
  }
  .habit-card__calendar {
    animation: none;
  }
}
.habit-card:focus-within {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habit-card {
    box-shadow: none;
    border: 1px solid #000;
    break-inside: avoid;
    margin-bottom: 20px;
  }
  .habit-card__actions {
    display: none;
  }
  .habit-card__calendar {
    border-top: 1px solid #000;
  }
}
@media (prefers-color-scheme: dark) {
  .habit-card {
    background: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
  }
  .habit-card__title {
    color: #f7fafc;
  }
  .habit-card__frequency {
    color: #a0aec0;
  }
  .habit-card__description {
    background: #4a5568;
    color: #e2e8f0;
  }
  .habit-card__icon {
    background: #4a5568;
    border-color: #718096;
  }
  .habit-card__category-icon {
    color: #e2e8f0;
  }
  .habit-card__day {
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
  }
  .habit-card__day--selected {
    background: #3182ce;
    border-color: #3182ce;
  }
  .habit-card__day--greyed {
    background: #2d3748;
    border-color: #4a5568;
    color: #718096;
  }
  .habit-card__calendar {
    border-top-color: #4a5568;
  }
}
.habit-form {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  max-width: 600px;
  margin: 0 auto;
}
.habit-form__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.habit-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.habit-form__label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}
.habit-form__label:after {
  content: " *";
  color: #e74c3c;
  display: none;
}
.habit-form__input, .habit-form__select, .habit-form__textarea {
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  transition: all 0.3s ease;
  background: #f9fafb;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__input:focus, .habit-form__select:focus, .habit-form__textarea:focus {
  outline: none;
  border-color: #1f2937;
  box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.habit-form__input:hover:not(:disabled):not(:focus), .habit-form__select:hover:not(:disabled):not(:focus), .habit-form__textarea:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background: #fff;
}
.habit-form__input:hover:not(:disabled):not(:focus), .habit-form__textarea:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background: #fff;
}
.habit-form__input::placeholder, .habit-form__textarea::placeholder {
  color: #9ca3af;
}
.habit-form__input:disabled, .habit-form__textarea:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
  opacity: 0.7;
}
.habit-form__input--error, .habit-form__textarea--error {
  border-color: #ef4444;
  background: #fef2f2;
}
.habit-form__input--error:focus, .habit-form__textarea--error:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__textarea {
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
}
.habit-form__select {
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
  appearance: none;
}
.habit-form__select:hover:not(:disabled):not(:focus) {
  border-color: #d1d5db;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}
.habit-form__error {
  color: #e74c3c;
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}
.habit-form__error--submit {
  background-color: #fdf2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 12px 16px;
  margin-top: 0;
  font-size: 14px;
}
.habit-form__help-text {
  color: #6c757d;
  font-size: 12px;
  margin: 0;
  font-style: italic;
}
.habit-form__category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 8px;
}
.habit-form__category-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__category-button:hover:not(:disabled):not(.habit-form__category-button--selected) {
  border-color: #9ca3af;
  background-color: #f9fafb;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.habit-form__category-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.habit-form__category-button--selected {
  border-color: #1f2937;
  background-color: #1f2937;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 41, 55, 0.3);
}
.habit-form__category-button--selected .habit-form__category-icon {
  color: #fff;
}
.habit-form__category-button--selected .habit-form__category-icon--image {
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
.habit-form__category-button--selected .habit-form__category-label {
  color: #fff !important;
}
.habit-form__category-button--selected:hover {
  background-color: #111827;
  border-color: #111827;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(31, 41, 55, 0.4);
}
.habit-form__category-button--selected:hover .habit-form__category-icon--image {
  background-color: rgba(255, 255, 255, 0.2);
}
.habit-form__category-icon {
  font-size: 24px !important;
  color: #6b7280;
  transition: all 0.3s ease;
}
.habit-form__category-icon--image {
  transition: filter 0.3s ease;
}
.habit-form__category-label {
  text-align: center;
  line-height: 1.2;
}
.habit-form__days-grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.habit-form__day-button {
  width: 40px;
  height: 40px;
  border: 2px solid #e5e7eb;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.habit-form__day-button:hover:not(:disabled):not(.habit-form__day-button--selected) {
  border-color: #9ca3af;
  background-color: #f9fafb;
  transform: scale(1.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.habit-form__day-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.habit-form__day-button--selected {
  border-color: #1f2937;
  background-color: #1f2937;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 3px 8px rgba(31, 41, 55, 0.3);
}
.habit-form__day-button--selected:hover:not(:disabled) {
  background-color: #111827;
  border-color: #111827;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(31, 41, 55, 0.4);
}
.habit-form__day-button--disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
}
.habit-form__info {
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  border-radius: 6px;
  padding: 12px 16px;
}
.habit-form__info-text {
  margin: 0;
  font-size: 13px;
  color: #1565c0;
  line-height: 1.4;
}
.habit-form__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e1e5e9;
}
@media (max-width: 480px) {
  .habit-form__actions {
    flex-direction: column-reverse;
  }
  .habit-form__actions button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .habit-form {
    padding: 16px;
    margin: 0 16px;
  }
  .habit-form__category-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px;
  }
  .habit-form__category-button {
    padding: 12px 8px;
    font-size: 11px;
  }
  .habit-form__category-icon {
    font-size: 20px !important;
  }
  .habit-form__days-grid {
    justify-content: center;
  }
  .habit-form__day-button {
    width: 36px;
    height: 36px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .habit-form__category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .habit-form__days-grid {
    gap: 6px;
  }
  .habit-form__day-button {
    width: 32px;
    height: 32px;
    font-size: 10px;
  }
}
.habit-form__category-button:focus,
.habit-form__day-button:focus {
  outline: 2px solid #1f2937;
  outline-offset: 2px;
}
.habit-form__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #6b7280;
  font-size: 14px;
  font-style: italic;
}
@media (prefers-contrast: high) {
  .habit-form__input, .habit-form__select, .habit-form__textarea {
    border-width: 2px;
  }
  .habit-form__category-button, .habit-form__day-button {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-form__input, .habit-form__select, .habit-form__textarea, .habit-form__category-button, .habit-form__day-button {
    transition: none;
  }
}
.habit-calendar {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e1e5e9;
  font-family: inherit;
}
.habit-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.habit-calendar__nav-button {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #495057;
  transition: all 0.2s ease;
}
.habit-calendar__nav-button:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.habit-calendar__nav-button:active {
  background: #dee2e6;
}
.habit-calendar__nav-button:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__month {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: center;
  flex: 1;
}
.habit-calendar__grid {
  margin-bottom: 16px;
}
.habit-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  margin-bottom: 8px;
}
.habit-calendar__weekday {
  padding: 8px 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  background: #f8f9fa;
  border-radius: 4px;
}
.habit-calendar__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.habit-calendar__day {
  position: relative;
  min-height: 32px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #495057;
  transition: all 0.2s ease;
  padding: 2px;
}
.habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
  background: #f8f9fa;
  border-color: #3498db;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.habit-calendar__day:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__day:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.habit-calendar__day--empty {
  border: none;
  background: transparent;
  cursor: default;
}
.habit-calendar__day--today {
  border-color: #3498db;
  background: #e3f2fd;
  color: #1976d2;
  font-weight: 600;
}
.habit-calendar__day--today .habit-calendar__day-number {
  background: #3498db;
  color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.habit-calendar__day--completed {
  background: #d4edda;
  border-color: #28a745;
  color: #155724;
}
.habit-calendar__day--completed:hover:not(:disabled) {
  background: #c3e6cb;
}
.habit-calendar__day--missed {
  background: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}
.habit-calendar__day--missed:hover:not(:disabled) {
  background: #f5c6cb;
}
.habit-calendar__day--neutral {
  background: #fff3cd;
  border-color: #ffc107;
  color: #856404;
}
.habit-calendar__day--neutral:hover:not(:disabled) {
  background: #ffeaa7;
}
.habit-calendar__day--future {
  background: #f8f9fa;
  color: #adb5bd;
  border-color: #e9ecef;
  cursor: not-allowed;
}
.habit-calendar__day--other-month {
  opacity: 0.4;
  color: #adb5bd;
}
.habit-calendar__day--has-diary .habit-calendar__diary-indicator {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 6px;
  height: 6px;
  background: #17a2b8;
  border-radius: 50%;
  border: 1px solid #fff;
}
.habit-calendar__day-number {
  line-height: 1;
}
.habit-calendar__diary-summary {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
}
.habit-calendar__diary-summary-title {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: #495057;
}
.habit-calendar__diary-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
}
.habit-calendar__diary-entry {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 12px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.habit-calendar__diary-entry:hover {
  background: #e9ecef;
  border-color: #3498db;
}
.habit-calendar__diary-entry:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__diary-entry-date {
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  min-width: 40px;
  flex-shrink: 0;
}
.habit-calendar__diary-entry-preview {
  font-size: 13px;
  color: #495057;
  line-height: 1.4;
  flex: 1;
}
.habit-calendar__diary-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.habit-calendar__diary-form {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}
.habit-calendar__diary-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e9ecef;
}
.habit-calendar__diary-form-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  flex: 1;
}
.habit-calendar__diary-form-close {
  background: none;
  border: none;
  font-size: 24px;
  color: #6c757d;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.habit-calendar__diary-form-close:hover {
  background: #f8f9fa;
  color: #495057;
}
.habit-calendar__diary-form-close:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.habit-calendar__diary-form-content {
  padding: 20px 24px 24px;
}
.habit-calendar__diary-textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
  margin-bottom: 16px;
}
.habit-calendar__diary-textarea:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}
.habit-calendar__diary-textarea::placeholder {
  color: #6c757d;
  font-style: italic;
}
.habit-calendar__diary-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.habit-calendar__status-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.habit-calendar__status-label {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
}
.habit-calendar__status-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.habit-calendar__status-button {
  flex: 1;
  min-width: 100px;
}
.habit-calendar__status-button--completed:hover {
  background: #d4edda;
  border-color: #28a745;
  color: #155724;
}
.habit-calendar__status-button--missed:hover {
  background: #f8d7da;
  border-color: #dc3545;
  color: #721c24;
}
.habit-calendar__status-button--neutral:hover {
  background: #fff3cd;
  border-color: #ffc107;
  color: #856404;
}
@media (max-width: 768px) {
  .habit-calendar {
    padding: 12px;
  }
  .habit-calendar__day {
    min-height: 36px;
    font-size: 12px;
  }
  .habit-calendar__diary-modal {
    padding: 16px;
  }
  .habit-calendar__diary-form {
    max-width: none;
  }
  .habit-calendar__diary-form-header, .habit-calendar__diary-form-content {
    padding: 16px 20px;
  }
  .habit-calendar__status-buttons {
    flex-direction: column;
  }
  .habit-calendar__status-button {
    min-width: auto;
  }
}
@media (max-width: 480px) {
  .habit-calendar {
    padding: 8px;
  }
  .habit-calendar__day {
    min-height: 32px;
    font-size: 11px;
  }
  .habit-calendar__weekday {
    padding: 6px 2px;
    font-size: 11px;
  }
  .habit-calendar__diary-form-header, .habit-calendar__diary-form-content {
    padding: 12px 16px;
  }
  .habit-calendar__diary-actions {
    flex-direction: column-reverse;
  }
}
@media (prefers-contrast: high) {
  .habit-calendar__day {
    border-width: 2px;
  }
  .habit-calendar__day--completed {
    background: #28a745;
    color: #fff;
  }
  .habit-calendar__day--missed {
    background: #dc3545;
    color: #fff;
  }
  .habit-calendar__day--neutral {
    background: #ffc107;
    color: #000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .habit-calendar__day, .habit-calendar__nav-button, .habit-calendar__diary-entry, .habit-calendar__diary-textarea {
    transition: none;
  }
  .habit-calendar__day:hover:not(:disabled):not(.habit-calendar__day--empty) {
    transform: none;
  }
}
.habit-calendar__day:focus-visible,
.habit-calendar__nav-button:focus-visible,
.habit-calendar__diary-entry:focus-visible,
.habit-calendar__diary-form-close:focus-visible {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
@media print {
  .habit-calendar__diary-modal {
    display: none;
  }
  .habit-calendar__nav-button {
    display: none;
  }
  .habit-calendar__day {
    border: 1px solid #000;
  }
  .habit-calendar__day--completed {
    background: #ddd !important;
  }
  .habit-calendar__day--missed {
    background: #999 !important;
  }
}
.simple-habit-calendar {
  background: transparent;
  border: none;
  padding: 0;
}
.simple-habit-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 12px 16px;
  background: #e5e7eb;
  border-radius: 8px;
}
.simple-habit-calendar__nav-button {
  width: 32px;
  height: 32px;
  border: 1px solid #000;
  background: white;
  cursor: pointer;
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 6px;
  box-sizing: border-box;
}
.simple-habit-calendar__nav-button svg {
  width: 16px;
  height: 16px;
}
.simple-habit-calendar__nav-button svg path {
  stroke: #000000 !important;
  stroke-width: 2;
  fill: none;
}
.simple-habit-calendar__nav-button:hover {
  background: #f3f4f6;
}
.simple-habit-calendar__nav-button:active {
  background: #e5e7eb;
  transform: scale(0.95);
}
.simple-habit-calendar__nav-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.simple-habit-calendar__month-year {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  text-align: center;
  flex: 1;
}
.simple-habit-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 2px;
}
.simple-habit-calendar__weekday {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: #6b7280;
  padding: 6px 4px;
  text-transform: uppercase;
}
.simple-habit-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  border: 1px solid #e5e7eb;
}
.simple-habit-calendar__day {
  position: relative;
  aspect-ratio: 1;
  border: 1px solid #d7d5d3;
  border-radius: 6px;
  background: white;
  color: #23211f;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  padding: 4px;
  box-sizing: border-box;
}
.simple-habit-calendar__day:hover:not(.simple-habit-calendar__day--future):not(.simple-habit-calendar__day--out-of-range) {
  background: #ebe9e7;
}
.simple-habit-calendar__day--other-month {
  opacity: 0.3;
}
.simple-habit-calendar__day--today {
  border-color: #000000;
  border-width: 3px;
}
.simple-habit-calendar__day--completed {
  background: rgba(34, 197, 94, 0.15);
  border-color: #22c55e;
  color: #15803d;
}
.simple-habit-calendar__day--missed {
  background: rgba(239, 68, 68, 0.15);
  border-color: #ef4444;
  color: #dc2626;
}
.simple-habit-calendar__day--future {
  opacity: 0.5;
  cursor: not-allowed;
  background: #d7d5d3;
}
.simple-habit-calendar__diary-indicator {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  background: #000000;
  border-radius: 50%;
  z-index: 1;
}
.simple-habit-calendar__day-number {
  font-size: 12px;
  font-weight: 500;
  color: #23211f;
  line-height: 1;
}
.simple-habit-calendar__day-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.simple-habit-calendar__indicator {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
.simple-habit-calendar__indicator--completed {
  color: #15803d;
}
.simple-habit-calendar__indicator--missed {
  color: #dc2626;
}
.simple-habit-calendar__day-actions {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  transition: opacity 0.2s ease-in-out;
}
.simple-habit-calendar__day:hover .simple-habit-calendar__day-actions {
  opacity: 1;
}
.simple-habit-calendar__action-button {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 2px solid;
  background: transparent;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  box-sizing: border-box;
}
.simple-habit-calendar__action-button--complete {
  border-color: #22c55e;
  color: #22c55e;
}
.simple-habit-calendar__action-button--complete:hover {
  background: #22c55e;
  color: white;
}
.simple-habit-calendar__action-button--miss {
  border-color: #ef4444;
  color: #ef4444;
}
.simple-habit-calendar__action-button--miss:hover {
  background: #ef4444;
  color: white;
}
.simple-habit-calendar__diary-summary {
  margin-top: 16px;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
}
.simple-habit-calendar__diary-summary-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #000000;
}
.simple-habit-calendar__diary-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.simple-habit-calendar__diary-item {
  display: flex;
  gap: 8px;
  font-size: 12px;
}
.simple-habit-calendar__diary-item--clickable {
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.simple-habit-calendar__diary-item--clickable:hover {
  background: #ffffff;
}
.simple-habit-calendar__diary-date {
  font-weight: 500;
  color: #696765;
  white-space: nowrap;
}
.simple-habit-calendar__diary-preview {
  color: #23211f;
  line-height: 1.4;
}
.simple-habit-calendar__diary {
  margin-top: 24px;
  padding: 16px;
  background: #ebe9e7;
  border-radius: 8px;
}
.simple-habit-calendar__diary-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #000000;
}
.simple-habit-calendar__diary-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.simple-habit-calendar__diary-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d7d5d3;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  resize: vertical;
}
.simple-habit-calendar__diary-input:focus {
  outline: none;
  border-color: #000000;
}
.simple-habit-calendar__diary-actions {
  display: flex;
  gap: 8px;
}
.simple-habit-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  border: none;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day {
  background: white !important;
  border: 1px solid #d7d5d3 !important;
  border-radius: 6px !important;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day.simple-habit-calendar__day--today {
  border-color: #000000 !important;
  border-width: 3px !important;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day.simple-habit-calendar__day--completed {
  background: rgba(34, 197, 94, 0.15) !important;
  border-color: #22c55e !important;
  color: #15803d !important;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day.simple-habit-calendar__day--missed {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: #ef4444 !important;
  color: #dc2626 !important;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day.simple-habit-calendar__day--other-month {
  background: white !important;
  opacity: 0.3 !important;
}
.habit-card .simple-habit-calendar .simple-habit-calendar__day.simple-habit-calendar__day--disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.progress-circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.progress-circle__svg {
  transform: rotate(0deg);
}
.progress-circle__background {
  fill: none;
  stroke: #d7d5d3;
  stroke-linecap: round;
}
.progress-circle__progress {
  fill: none;
  stroke: #1cc71c;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease-in-out;
}
.progress-circle__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.progress-circle__percentage {
  font-weight: 600;
  color: #000000;
}
.progress-circle__label {
  font-size: 0.75rem;
  color: #918f8d;
  margin-top: 0.25rem;
}
.progress-circle--small .progress-circle__percentage {
  font-size: 0.875rem;
}
.progress-circle--medium .progress-circle__percentage {
  font-size: 1rem;
}
.progress-circle--large .progress-circle__percentage {
  font-size: 1.25rem;
}
.progress-circle--large .progress-circle__label {
  font-size: 0.875rem;
}
.UserImport {
  padding: 20px;
}
.UserImport__BackLinkBlock {
  display: flex;
  height: 25px;
  margin-bottom: 10px;
  justify-content: space-between;
}
.UserImport__BackLinkBlock .UserImport__BackLink {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #000000;
  display: flex;
  align-items: center;
}
.UserImport__BackLinkBlock .UserImport__BackLink:active, .UserImport__BackLinkBlock .UserImport__BackLink:visited {
  color: #000000;
}
.UserImport__BackLinkBlock .UserImport__BackLink .UserImport__CustomerName {
  font-weight: 800;
  padding: 0 0.5em;
  font-size: 16px;
}
.UserImport__GlobalSearch {
  margin-bottom: 20px;
  z-index: 99;
  position: relative;
}
.UserImport__BreadCrumbs {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}
.UserImport__BreadCrumbs .UserImport__BreadParentItem {
  display: flex;
}
.UserImport__BreadCrumbs .UserImport__BreadLink {
  display: block;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  color: #918f8d;
}
.UserImport__BreadCrumbs .UserImport__BreadLink:active, .UserImport__BreadCrumbs .UserImport__BreadLink:visited {
  color: #000000;
}
.UserImport__BreadCrumbs .UserImport__BreadLink--root {
  width: 20px;
}
.UserImport__Main {
  position: relative;
  min-height: 50px;
  margin-bottom: 40px;
}
.UserImport__Main > .ProgressLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.UserImport__ContentWrapper {
  position: relative;
  margin-bottom: 20px;
}
.UserImport__Content {
  height: 500px;
}
.UserImport__Content .ExtendedTable__Cell--select {
  display: flex;
  justify-content: center;
}
.UserImport__Content .ExtendedTable__HeadCell.ExtendedTable__Cell--select .ExtendedTable__HeadLabel {
  text-align: center;
}
.UserImport__Content .ExtendedTable__Cell--name {
  cursor: default;
}
.UserImport__SelectedCompaniesPaper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.UserImport__SelectedCompanyChip {
  margin: 5px;
}
.UserImport__SelectedUsers {
  display: flex;
  flex-direction: column;
}
.UserImport__ImportButton {
  max-width: 300px;
  align-self: flex-start;
  text-transform: uppercase;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Ex;
  line-height: 1.43;
  font-size: 12px;
  top: 2px;
  position: relative;
}
.UserImport__CompanyName {
  cursor: pointer;
}
.UserImport__CompanyName--hasNotChildren {
  cursor: initial;
}
.UserImport__RefreshIcon {
  margin-left: 20px;
  cursor: pointer;
}
.UserImport__TreeSelectWrapper {
  position: relative;
  margin-bottom: 40px;
}
.UserImport__LoadMoreButton {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}
.UserImport__FilterInput {
  border-bottom: 1px solid #ccc;
  width: 200px;
}
.UserImport__FilterInput .TextBlockWithTitle__text input {
  font-size: 18px;
}
.UserImport__ParentDelimeter {
  margin: 0 5px;
  color: #918f8d;
}
.UserImport__TreeSelect {
  margin-left: 20px;
}
.UserImport__TreeSelect .tag {
  background-color: #f4f4f4;
  border: 1px solid #e9e9e9;
  padding: 2px 0 2px 2px;
  border-radius: 2px;
  display: inline-block;
}
.UserImport__TreeSelect .tag:focus-within {
  background-color: #e9e9e9;
  border-color: #a0a0a0;
}
.UserImport__TreeSelect .tag-remove {
  color: #a0a0a0;
  font-size: 75%;
  line-height: 100%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}
.UserImport__TreeSelect .tag-remove.disabled, .UserImport__TreeSelect .tag-remove.readOnly {
  cursor: not-allowed;
}
.UserImport__TreeSelect .tag-remove:focus {
  color: #3c3c3c;
}
.UserImport__TreeSelect .node > label {
  cursor: pointer;
  margin-left: 2px;
}
.UserImport__TreeSelect .tag-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.UserImport__TreeSelect .tag-item {
  display: inline-block;
  margin: 4px;
  display: none;
}
.UserImport__TreeSelect .tag-item:last-child {
  display: block;
  width: 100%;
}
.UserImport__TreeSelect .tag-item .search {
  display: none;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.UserImport__TreeSelect .tag-item:last-child {
  margin-right: 4px;
}
.UserImport__TreeSelect .node {
  list-style: none;
  white-space: nowrap;
  padding: 4px;
}
.UserImport__TreeSelect .node i {
  font-style: normal;
}
.UserImport__TreeSelect .node.leaf.collapsed {
  display: none;
}
.UserImport__TreeSelect .node.disabled > * {
  color: gray;
  cursor: not-allowed;
}
.UserImport__TreeSelect .node.match-in-children.hide .node-label {
  opacity: 0.5;
}
.UserImport__TreeSelect .node.focused {
  background-color: #f4f4f4;
}
.UserImport__TreeSelect .toggle {
  white-space: pre;
  margin-right: 4px;
  cursor: pointer;
}
.UserImport__TreeSelect .toggle:after {
  content: " ";
}
.UserImport__TreeSelect .toggle.collapsed:after {
  content: "+";
}
.UserImport__TreeSelect .toggle.expanded:after {
  content: "-";
}
.UserImport__TreeSelect .searchModeOn .toggle {
  display: none;
}
.UserImport__TreeSelect .checkbox-item, .UserImport__TreeSelect .radio-item {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.UserImport__TreeSelect .checkbox-item.simple-select, .UserImport__TreeSelect .radio-item.simple-select {
  display: none;
}
.UserImport__TreeSelect .hide:not(.match-in-children) {
  display: none;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown {
  position: relative;
  display: table;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger {
  padding: 4px;
  line-height: 20px;
  max-height: 200px;
  display: inline-block;
  overflow: auto;
  border: 1px solid #b9b9b9;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  cursor: pointer;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom:after {
  content: "▼";
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top:after {
  content: "▲";
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled {
  cursor: not-allowed;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled.bottom:after {
  color: #b9b9b9;
}
.UserImport__TreeSelect .dropdown-content {
  max-height: 400px;
  overflow-y: auto;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-content {
  position: absolute;
  padding: 4px;
  z-index: 1;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-content .search {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.UserImport__TreeSelect .react-dropdown-tree-select .dropdown .dropdown-content ul {
  margin: 0;
  padding: 0;
}
.UserImport__TreeSelect .node.tree.data-loading .UserImport__RefreshIcon {
  animation: spin 4s linear infinite;
}
.UserImportModal__Content {
  height: 150px;
  width: 500px;
  background: #FFFFFF;
  padding: 20px;
}
.UserImportModal__Text {
  text-transform: uppercase;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Ex;
  line-height: 1.43;
  font-size: 14px;
}
.UserImportModal__Inner {
  border-radius: 5px;
  background: none !important;
  box-shadow: none !important;
}
.UserImportModal__GroupName {
  margin: 20px 0 0 0;
}
.UserImportModal__GroupName .TextBlockWithTitle__text input {
  font-size: 20px;
}
.UserImportModal__Footer {
  margin-top: -7px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
  z-index: 2;
}
.UserImportModal__Footer button.UserImportModal__Button {
  width: 200px;
  padding: 5px 12px;
}
.UserImportModal__Footer button.UserImportModal__Button--submit:hover {
  background: #0000ff;
  color: #ffffff;
}
.UserImportModal__Footer button.UserImportModal__Button--cancel:hover {
  color: #f2f2f2;
  background: #404040;
}
.UserImportModal__Footer button.UserImportModal__Button--disabled, .UserImportModal__Footer button.UserImportModal__Button--disabled:hover {
  color: #404040;
  background: #f2f2f2;
}
.UserImportModal__Footer button.UserImportModal__Button .UserImportModal__LabelButton {
  text-transform: uppercase;
  font-weight: 500;
  font-family: AkzidenzGroteskStd-Ex;
  line-height: 1.43;
  top: 2px;
  position: relative;
  font-size: 14px;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.UserImportStat__Header {
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #000000;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.UserImportStat__ResetButton {
  display: flex;
  align-items: center;
  border: 1px solid #0000ff;
  border-radius: 5px;
  padding: 3px 10px;
  margin-left: 20px;
  color: #0000ff;
}
:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}
[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}
.CSVDataExportModal .commonContentModal__mainContent {
  padding-top: 20px;
}
.CSVDataExportModal__FieldContainer--consent {
  margin-top: 30px;
}
.CSVDataExportModal__FieldDescription {
  padding-left: 34px;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  font-size: 14px;
}
.CSVExportManager__ExportButton {
  margin-bottom: 10px;
}
.CSVExportManager__ExportButtonContainer {
  display: flex;
  justify-content: flex-end;
}
.CSVExportManager .WUK-Table {
  height: calc( 100vh - 130px - 35px - 34px );
  border-color: #d7d5d3;
}
.CSVExportManager .WUK-Table .TableWithDataSource__Table {
  border-radius: 4px;
}
.CSVExportManager .WUK-Table .WUK-Table__Header {
  background: #fff;
}
.CSVExportManager .WUK-Table .MuiDataGrid-main {
  background: #fff;
}
.CSVDownloadFileModal__MainText {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CSVDownloadFileModal .commonContentModal__root {
  height: 340px;
  top: 50%;
  transform: translate(10px, -50%);
}
.AwaConfigurationManager {
  height: 100%;
  width: 800px;
}
.AwaConfigurationManager__ClinicSelect {
  margin-bottom: 10px;
}
.AwaConfigurationManager .CustomerAwaViewer {
  height: 356px;
  overflow-y: auto;
}
.CustomerAwaConfiguration {
  height: 100%;
}
.CustomerAwaConfiguration__Footer {
  padding: 10px 0;
  display: flex;
  justify-content: center;
}
.AwaConfigurationManagerModal .CustomerAwaConfiguration {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
}
.AwaConfigurationManagerModal .CustomerAwaConfiguration .CustomerAwaConfigurationManager {
  flex-grow: 1;
  height: calc(100% - 50px);
}
.AwaConfigurationManagerModal .AwaItemsPicker {
  height: calc(100% - 25px);
}
.AwaConfigurationManagerModal .AwaConfigurationManager .CustomerAwaViewer {
  height: calc(100% - 70px);
}
.AwaConfigurationManagerModal .commonContentModal__root {
  max-width: 900px;
}
.AwaConfigurationManagerModal .commonContentModal__mainContent {
  padding-top: 10px;
}
.CustomerAwaConfigurationManager {
  display: flex;
  height: 100%;
}
.CustomerAwaConfigurationManager__LeftSide {
  width: 50%;
  padding: 5px;
}
.CustomerAwaConfigurationManager__RightSide {
  width: 50%;
  padding: 5px;
}
.CustomerAwaConfigurationManager__PickerTitle, .CustomerAwaConfigurationManager__ViewerTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  text-align: center;
  padding: 5px 0 0;
}
.CustomerAwaConfigurationManager__ViewerTitle {
  margin-bottom: 34px;
}
.AwaItemsList__Item {
  margin-bottom: 5px;
}
.AwaItemsList__Item .SmallItemsList__Item {
  margin-bottom: 0;
  padding-right: 5px;
}
.AwaItemsList__LeftSide {
  flex-grow: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.AwaItemsList__LeftSide .SmallItemsList__ItemLabel {
  text-overflow: ellipsis;
  overflow: hidden;
}
.AwaItemsList__RightSide {
  display: flex;
  gap: 12px;
}
.AwaDetails {
  padding: 10px;
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-color: #cbcbcb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-sizing: border-box;
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.AwaDetails__Field {
  margin-bottom: 5px;
}
.AwaDetails__Value {
  font-weight: bolder;
}
.CustomerAwaViewer__Item {
  margin-bottom: 5px;
}
.CustomerAwaViewer__Item .SmallItemsList__Item {
  margin-bottom: 0;
  padding-right: 5px;
}
.CustomerAwaViewer__NoItems {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.AwaItemsPicker .SmallItemsList__ItemLabel,
.CustomerAwaViewer .SmallItemsList__ItemLabel {
  cursor: pointer;
}
.EvaluationSettingsBlock {
  margin-top: 30px;
}
.EvaluationListModal {
  justify-content: center;
  align-items: center;
}
.EvaluationListModal .commonContentModal__root {
  height: 430px;
}
.InitialScreeningConfigurationModal__FooterBtn--disabled {
  cursor: not-allowed;
}
.InitialScreeningConfigurationModal .ConfigurationManagerList {
  flex-grow: 1;
  height: calc(100% - 50px);
}
.InitialScreeningConfigurationModal .commonContentModal__footer {
  justify-content: space-around;
}
.ConfigurationManagerList {
  display: flex;
  height: 100%;
}
.ConfigurationManagerList__LeftSide {
  width: 50%;
  padding: 5px;
}
.ConfigurationManagerList__RightSide {
  width: 50%;
  padding: 5px;
}
.ConfigurationManagerList__Title, .ConfigurationManagerList__ViewerTitle {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
  text-align: center;
  padding: 5px 0 0;
}
.ItemsPicker {
  height: calc(100% - 25px);
}
.ItemsPicker .ItemsPicker__Item .ItemsPickerList__LeftSide {
  flex: 1;
}
.ItemsPicker .ItemsPicker__Item .ItemsPickerList__RightSide {
  margin-right: 5px;
}
.ItemsPicker .SmallItemsList__ItemLabel {
  cursor: pointer;
}
.ConfigurationManagerList .ItemsListView {
  height: calc(100% - 30px);
}
.ConfigurationManagerList__Loader {
  height: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ItemsListView {
  height: 356px;
  overflow-y: auto;
}
.ItemsListView__Item .SmallItemsList__Item {
  margin-bottom: 0;
  padding-right: 5px;
}
.ItemsListView__NoItems {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.ItemsListView .SmallItemsList__ItemLabel {
  cursor: pointer;
}
.ItemsListView .ItemsListViewItem {
  display: flex;
  align-items: center;
  flex: 1;
}
.ItemsListView .ItemsListViewItem__LeftSide {
  flex: 1;
}
.ItemsListView .ItemsListViewItem__RightSide {
  margin-right: 5px;
}
.SelfOnboardingSettings .CustomerSettings__Setting {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.SubscriptionsSettings__settingsItem {
  margin-bottom: 10px;
}
.SubscriptionsSettings__expansionBlock--active {
  border: solid 1px #0000ff;
}
.SubscriptionsSettings__expansionBlock--active .ExpansionBlock__title {
  color: #0000ff;
}
.SubscriptionsSettings__expansionBlock--active .ExpansionBlock__icon path {
  stroke: #0000ff;
}
.QuestionCategories__CreateNewCategory {
  background-color: #fff;
}
.QuestionCategories {
  display: grid;
  grid-template-columns: 400px 1fr;
  height: calc(100vh - 68px - 35px);
  background: #fff;
  border: 1px solid #d7d5d3;
  border-radius: 4px;
}
.QuestionCategories__CategoriesTree {
  border-right: 1px solid #d7d5d3;
  padding: 20px 0;
}
.QuestionCategories__CategoryDetails {
  padding: 20px 50px;
}
.QuestionCategories__Header {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.CategoryDetailsForm__Footer {
  margin-top: 15px;
  display: flex;
  width: 100%;
}
.CategoryDetailsForm__FooterLeftSide {
  display: flex;
}
.CategoryDetailsForm__FooterLeftSide .RoundedButton {
  margin-right: 15px;
}
.CategoryDetailsForm__FooterRightSide {
  flex-grow: 2;
  display: flex;
  justify-content: flex-end;
}
.CategoryDetailsFormModal .CategoryDetailsForm__Title,
.CategoryDetailsFormModal .CategoryDetailsForm__Footer {
  display: none;
}
.Pathways__Header {
  padding: 20px 0;
}
.Pathways__HeaderLeftSide {
  flex-grow: 1;
}
.Pathways__HeaderTitle {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.140625rem;
}
.Pathways__SearchPathwaysButton {
  margin-bottom: 20px;
}
.Pathways__SearchPathwaysButton .Button__Label {
  font-size: 1rem;
  min-width: 250px;
  text-align: center;
}
.Pathways__NoStartedPathways {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}
.StartPathwaysModal .commonContentModal__mainContent {
  padding: 75px;
}
.StartPathwaysModal .commonContentModal__closeIcon {
  display: none;
}
.StartPathwaysModal .commonContentModal__infoButton {
  display: none;
}
.StartPathwaysModal .commonContentModal__mainContent .l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.05rem;
}
.StartPathwaysModal .StartPathwaysModal__Date {
  margin-left: 0;
  margin-top: 10px;
}
.StartPathwaysModal .PathwaySelect__placeholder {
  position: absolute;
  top: 57%;
}
.StartPathwaysModal .PathwaySelect__single-value {
  color: #0000ff;
}
.StartPathwaysModal .FormError, .StartPathwaysModal .UserForm__FieldError {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.43;
}
.StartPathwaysModal .ExtendedDatePickerInput {
  width: 160px;
}
.StartPathwaysModal .commonContentModal__section {
  justify-content: center;
}
.StartPathwaysModal .commonContentModal__section .PathwaySelect .Select__single-value {
  text-transform: uppercase;
  font-size: 18px;
}
.NotationsPage {
  padding-top: 1rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  min-height: calc(100vh - 176px);
  width: 100%;
  position: relative;
  overflow: visible;
}
.NotationsPage .NotationsNewNotationContainer {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 26px;
}
.NotationsPage .NotationsNewNotationContainer .NotationsNewNotation {
  display: flex;
  gap: 16px;
}
.NotationsPage .NotationFilterDateRange .ExtendedDatePickerInput {
  padding-left: 8px;
  width: 108px;
  background: #fff;
  border-radius: 4px;
}
.NotationsPage .NotationFilterDateRange .DatePickerRange__Label {
  display: none;
}
.NotationsPage .NotationFilterDateRange svg {
  display: none;
}
.NotationsPage .NotationFilterDateRange .PatternInput div,
.NotationsPage .NotationFilterDateRange .PatternInput input {
  display: flex;
  justify-content: center;
}
.NotationsMainContainer {
  padding-top: 0.625rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.NotationsMainContainer .NoteContainer {
  margin: 0;
}
.NotationsMainContainer__NotationContainer {
  flex: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border-radius: 8px;
}
.NotationsMainContainer__NotationContainer .NotationsCard {
  border-radius: 8px;
  border: 1px solid #d7d5d3;
  background: white;
  padding: 20px;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteContainer {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteContainer .ql-editor {
  padding: 12px 0;
  font-family: "Akzidenz";
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteHeader {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteHeader .NotationTags svg {
  color: #d7d5d3;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteExpands {
  display: flex;
  flex-direction: row;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteFields {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteFields .NoteField {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  border: 1px solid #32c8c8;
  padding: 4px 12px;
  line-height: 12px;
  font-size: 0.875rem;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteFields .NoteField .Field {
  color: #918f8d;
}
.NotationsMainContainer__NotationContainer .NotationsCard .NoteFields .NoteField .Value {
  color: black;
}
.NotationsMainContainer__NotationContainer .NotationsCard .AttachmentsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.NotationsMainContainer__NotationContainer .NotationsCard .ql-editor {
  padding: 12px 0;
  font-family: "Akzidenz";
}
.NotationsMainContainer__NotationPagination {
  flex: 1;
  margin-top: 10px;
  flex-direction: row;
  align-self: center;
}
.NotationsMainContainer__NotationResultContainer {
  flex: 1;
  position: sticky;
  top: 0;
  min-width: 290px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #d7d5d3;
  border-radius: 8px;
  padding: 1.25rem;
  background: white;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .ql-editor {
  padding: 12px 0;
  font-family: "Akzidenz";
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .ql-editor p {
  font-size: 16px !important;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .NotationsCardLite {
  border-bottom: 1px solid #d7d5d3;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .NotationsCardLite .NoteHeader {
  display: flex;
  justify-content: space-between;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .NotationsCardLite .NotationTags {
  border: none;
  padding: 4px 0;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .NotationsCardLite:last-child {
  border-bottom: none;
}
.NotationsMainContainer__NotationResultContainer .NotationsQuickFilter .NotationsCardsContainer .NotationsCardLite:last-child .ql-editor {
  font-family: "Akzidenz";
  padding-bottom: 0;
}
.NotationsMainContainer__NotationResultContainer .NotationTags {
  justify-content: flex-start;
  max-width: 94px;
}
.NotationsMainContainer__NotationResultContainer .NotationTags svg {
  margin: 2px 2px;
  color: #d7d5d3;
}
.NotationsMainContainer__NoNotations {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-family: "Akzidenz";
  font-weight: 700;
  font-size: 1.5rem;
  height: calc(100vh - 256px);
  display: flex;
  align-items: center;
}
.SelectNotationsFilters {
  width: auto;
  min-width: 200px;
  font-family: Akzidenz;
}
.SelectNotationsFilters .notations-filters__value-container {
  flex-wrap: wrap;
}
.SelectNotationsFilters .notations-filters__placeholder {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.SelectNotationsFilters:focus {
  outline: none;
}
:root {
  line-height: 1.5;
  color-scheme: light;
  color: black;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --default-dark-color: #000;
  --default-light-color: #fff;
  --title-color: #000;
  --description-color: #918f8d;
  --form-input-border-color: #d7d5d3;
  --form-error-color: red;
  --button-background: #fff;
  --disabled-button-background: #ebe9e7;
  --footer-copyright-color: #696765;
  --divider-background: #d7d5d3;
  --exit-call-room-button-background: #ff0064;
  --accept-call-room-button-background: #32c8c8;
  --copy-clipboard-button-background: #191715;
  --phase-background: #dae8e5;
  --checked-action-color: #0000ff;
  --warning-lock-color: #ff0064;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}
h1 {
  font-size: 1.75rem;
  line-height: 2.07rem;
  margin: 0;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
p {
  margin: 0;
}
button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
.note-icon {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.expand-icon,
.visibility-icon,
.lock-icon {
  cursor: pointer;
}
@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }

  a:hover {
    color: #747bff;
  }

  button {
    background-color: #f9f9f9;
  }
}
.app-container {
  height: 100%;
  width: 100%;
}
.app-container__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-bottom: 0;
}
.app-container__actions__button {
  font-size: 0.875rem;
  line-height: 0.5rem;
  font-weight: 500;
  height: 2rem;
  color: var(--default-light-color);
  transition: 0.2s all;
}
.app-container__actions__button.delete {
  background: var(--warning-lock-color);
}
.app-container__actions__button:disabled {
  filter: brightness(0.8);
  opacity: 0.8;
  cursor: default;
}
.initial-loading {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.initial-loading-max-height {
  margin: auto;
  height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}
.modal-container__confirmation-modal {
  max-width: 400px;
  background: var(--default-light-color);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.modal-container__confirmation-modal__close-icon {
  margin-left: auto;
  cursor: pointer;
}
.modal-container__confirmation-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-container__confirmation-modal__content__actions {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-left: auto;
}
.modal-container__confirmation-modal__content__actions button {
  font-size: 0.875rem;
  line-height: 0.5rem;
  font-weight: 500;
  height: 2rem;
  color: var(--default-light-color);
  transition: 0.2s all;
}
.modal-container__confirmation-modal__content__actions__cancel {
  background-color: #000;
}
.modal-container__confirmation-modal__content__actions__confirm {
  background-color: #0000ff;
}
.modal-container__protocol-preview {
  max-width: 1200px;
  width: 100%;
  max-height: calc(100vh - 80px);
  height: 100%;
  background: var(--default-light-color);
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal-container__protocol-preview__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.modal-container__protocol-preview__close-icon {
  margin-left: auto;
  cursor: pointer;
}
.modal-container__protocol-preview__content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin-top: 1rem;
}
.modal-container__protocol-preview__content .protocol-container {
  margin-top: 0;
}
.modal-container__protocol-preview__content__actions {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-left: auto;
}
.modal-container__protocol-preview__content__actions__confirm {
  margin-left: auto;
  margin-top: 1rem;
  background-color: #0000ff;
  font-size: 0.875rem;
  line-height: 0.5rem;
  font-weight: 500;
  height: 2rem;
  color: #fff;
  transition: 0.2s all;
}
.modal-container__assign-modal {
  max-width: 565px;
  background: var(--default-light-color);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.modal-container__assign-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-container__assign-modal__content .SelectInputContainer {
  margin: 0;
}
.modal-container__assign-modal__content .SelectInputContainer .react-select__control {
  border-radius: 4px;
}
.modal-container__assign-modal__content__select .Select__control {
  border-color: #32c8c8 !important;
}
.modal-container__assign-modal__content__select .Select__single-value {
  top: 1rem;
  font-family: "AkzidenzGroteskStd" !important;
}
.modal-container__assign-modal__select {
  width: calc(565px - 2rem);
}
.modal-container__assign-modal h3 {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 500;
  font-family: Akzidenz;
}
.user-protocols-container {
  min-height: calc(100vh - 180px);
}
.user-protocols-container .TabComponent {
  width: auto;
  display: flex;
  align-items: center;
  font-family: Akzidenz;
  color: #191715;
  opacity: 100;
  padding-top: 0 !important;
}
.user-protocols-container .TabComponent:focus {
  outline: none;
}
.user-protocols-container .user-protocols-tab__name {
  padding-top: 0.5rem !important;
}
.user-protocols-container__content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: calc(100vh - 217px);
}
.user-protocols-container__content .TabComponent {
  margin: auto;
  padding-top: 0;
}
.protocol-list-container {
  display: flex;
  flex-direction: column;
}
.protocol-list-container .collapse-phases-container {
  display: flex;
  flex-direction: column;
}
.protocol-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--form-input-border-color);
  border-radius: 0.5rem;
  padding: 1.875rem 1.25rem;
  position: relative;
  margin-top: 0.625rem;
  background-color: var(--default-light-color);
}
.protocol-container__content {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  margin-left: 1rem;
}
.protocol-container__content__title {
  display: flex;
  flex-direction: column;
}
.protocol-container__content__title span {
  color: var(--description-color);
  font-size: 0.8125rem;
}
.protocol-container__content__title h1 {
  font-size: 1.875rem;
  font-weight: 500 !important;
  line-height: 1.875rem;
}
.protocol-container__content__title p {
  font-size: 0.9375rem;
  font-weight: 400;
  margin-top: 0.625rem;
  line-height: 1.25rem;
}
.protocol-container__content__statuses {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 2rem;
  min-width: 350px;
}
.protocol-container__content__statuses__status span {
  color: var(--description-color);
  font-size: 0.75rem;
}
.protocol-container__content__statuses__status p {
  font-size: 0.9375rem;
  font-weight: 400;
  margin-top: 0.625rem;
}
.protocol-container__content__statuses__status .capitalize {
  text-transform: lowercase;
}
.protocol-container__content__statuses__status .capitalize::first-letter {
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .protocol-container__content__statuses {
    justify-content: flex-start;
  }
  .protocol-container__content__statuses__status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .protocol-container__content__statuses__status span {
    display: flex;
    align-items: center;
    color: var(--description-color);
    font-size: 0.75rem;
  }
  .protocol-container__content__statuses__status p {
    margin-top: 0rem;
  }
}
@media (max-width: 428px) {
  .protocol-container__content__statuses {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .protocol-container__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
  }
}
.protocol-container .radial-progress {
  min-width: 5rem;
  height: 5rem !important;
}
.protocol-container .radial-progress .radial-progress-container {
  width: 100%;
  height: 100%;
}
.protocol-container .radial-progress .radial-progress-container__content {
  font-size: 1.5rem;
}
.protocol-container .expand-icon {
  position: absolute;
  right: 0.315rem;
  top: 0.225rem;
  cursor: pointer;
}
.protocol-container .expand-all-icon {
  position: absolute;
  right: 2rem;
  top: 0.225rem;
  cursor: pointer;
}
.protocol-container .note-icon {
  position: absolute;
  right: 0.315rem;
  bottom: 0.225rem;
}
@media (max-width: 768px) {
  .protocol-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1rem;
  }
  .protocol-container__content {
    margin-left: 0;
  }
}
.radial-progress {
  position: relative;
  min-width: 3.75rem;
  min-height: 3.75rem;
}
.radial-progress-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
}
.radial-progress-container__content {
  --hue: 220;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  position: absolute;
  font-weight: 700;
}
.radial-progress-container__content::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(hsl(var(--hue), 100%, 70%), hsl(var(--hue), 100%, 40%), hsl(var(--hue), 100%, 70%) var(--progress, 0%), var(--divider-background) var(--progress, 0%) 100%);
  mask-image: radial-gradient(transparent 65%, black calc(65% + 0.5px));
}
.hidden {
  display: none;
}
:root .isProtocol {
  --background: var(--default-light-color);
  --size: 4.7rem;
  --success-size: 5rem;
  --border-thickness: calc(var(--size) * 0.05);
}
:root .isPhase {
  --background: var(--phase-background);
  --size: 3.55rem;
  --success-size: 3.75rem;
  --border-thickness: calc(var(--size) * 0.05);
}
.success-checkmark {
  width: var(--success-size);
  height: var(--success-size);
  /* Height calculated from original ratio */
  margin: 0 auto;
}
.check-icon {
  width: var(--size);
  height: var(--size);
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: var(--border-thickness) solid #4caf50;
}
.check-icon::before,
.check-icon::after {
  content: "";
  height: calc(var(--size) * 1.25);
  /* 100px for the original 80px size */
  position: absolute;
  background: var(--background);
  transform: rotate(-45deg);
}
.check-icon::before {
  top: calc(var(--size) * 0.0375);
  left: calc(var(--size) * -0.025);
  width: calc(var(--size) * 0.375);
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.check-icon::after {
  top: 0;
  left: calc(var(--size) * 0.375);
  width: calc(var(--size) * 0.75);
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.icon-line {
  height: calc(var(--size) * 0.0625);
  background-color: #4caf50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.icon-line.line-tip {
  top: calc(var(--size) * 0.575);
  left: calc(var(--size) * 0.175);
  width: calc(var(--size) * 0.3125);
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.icon-line.line-long {
  top: calc(var(--size) * 0.475);
  right: calc(var(--size) * 0.1);
  width: calc(var(--size) * 0.5875);
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.icon-circle {
  top: calc(var(--size) * -0.05);
  left: calc(var(--size) * -0.05);
  z-index: 10;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: var(--border-thickness) solid rgba(76, 175, 80, 0.5);
}
.icon-fix {
  top: calc(var(--size) * 0.1);
  width: calc(var(--size) * 0.0625);
  left: calc(var(--size) * 0.325);
  z-index: 1;
  height: calc(var(--size) * 1.0625);
  position: absolute;
  transform: rotate(-45deg);
  background-color: var(--background);
}
@keyframes rotate-circle {
  0%, 5% {
    transform: rotate(-45deg);
  }
  12%, 100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0%, 54% {
    width: 0;
    left: calc(var(--size) * 0.0125);
    top: calc(var(--size) * 0.2375);
  }
  70% {
    width: calc(var(--size) * 0.625);
    left: calc(var(--size) * -0.1);
    top: calc(var(--size) * 0.4625);
  }
  84%, 100% {
    width: calc(var(--size) * 0.3125);
    left: calc(var(--size) * 0.175);
    top: calc(var(--size) * 0.5625);
  }
}
@keyframes icon-line-long {
  0%, 65% {
    width: 0;
    right: calc(var(--size) * 0.575);
    top: calc(var(--size) * 0.675);
  }
  84% {
    width: calc(var(--size) * 0.6875);
    right: 0;
    top: calc(var(--size) * 0.4375);
  }
  100% {
    width: calc(var(--size) * 0.5875);
    right: calc(var(--size) * 0.1);
    top: calc(var(--size) * 0.475);
  }
}
.phase-container {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--form-input-border-color);
  border-radius: 0.5rem;
  padding: 1.875rem 1.25rem;
  position: relative;
  background-color: var(--phase-background);
  position: relative;
  margin-top: 0.625rem;
  cursor: pointer;
}
.phase-container__progress__divider {
  position: absolute;
  left: 3.125rem;
  bottom: 0;
  height: calc(100% - 50% - 30px);
  width: 1px;
  background-color: var(--divider-background);
}
.phase-container__content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-left: 1rem;
  gap: 5rem;
  width: 100%;
}
.phase-container__content__title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.phase-container__content__title span {
  font-size: 1.25rem !important;
  color: var(--description-color) !important;
}
.phase-container__content__title h1 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.875rem;
}
.phase-container__content .active-phase span {
  color: var(--checked-action-color) !important;
}
.phase-container__content__disabled h1,
.phase-container__content__disabled span,
.phase-container__content__disabled p {
  text-decoration: line-through;
  color: var(--description-color) !important;
}
.phase-container .radial-progress-container {
  width: 3.75rem;
  height: 3.75rem;
}
.phase-container .radial-progress-container__content {
  font-size: 1.125rem;
}
.phase-container .note-icon {
  position: absolute;
  right: 0.315rem;
  bottom: 0.225rem;
}
@media (max-width: 768px) {
  .phase-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 1rem;
    gap: 1rem;
  }
  .phase-container__content {
    margin-left: 0;
  }
  .phase-container__content__title span {
    font-size: 1rem !important;
  }
  .phase-container__content__title h1 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .phase-container__progress__divider {
    width: 0;
  }
}
.container__actions {
  position: absolute;
  right: 0;
  top: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container__actions > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.container__actions .expand-icon {
  width: 2rem;
  height: 1.75rem;
}
.container__actions .visibility-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.container__actions .status {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: var(--description-color);
}
.container__actions .lock-icon {
  color: var(--description-color);
}
@media (max-width: 768px) {
  .container__actions .status {
    font-size: 0.625rem;
  }
}
.stage-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--form-input-border-color);
  border-radius: 0.5rem;
  padding: 1.875rem 0 1.875rem 5.25rem;
  position: relative;
  background-color: var(--default-light-color);
  cursor: pointer;
}
.stage-container__progress__divider {
  position: absolute;
  left: 3.125rem;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: var(--divider-background);
}
.stage-container__content {
  max-width: 75%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.stage-container__content__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.stage-container__content__title span {
  font-size: 1.25rem !important;
  color: var(--description-color) !important;
}
.stage-container__content__title__container {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
}
.stage-container__content__title__container h1 {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.stage-container__content .active-step span {
  color: var(--checked-action-color) !important;
}
.stage-container__content__description {
  position: relative;
  width: 100%;
}
.stage-container__content__description .expand-icon {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: -1.5rem;
  top: 0.625rem;
}
.stage-container__content__description p {
  line-height: 1.25rem;
  margin-top: 0.625rem;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stage-container__content__disabled h1,
.stage-container__content__disabled span,
.stage-container__content__disabled p,
.stage-container__content__disabled .collapsed-notes {
  text-decoration: line-through;
  color: var(--description-color) !important;
}
.stage-container__collapse {
  width: 100%;
}
@media (max-width: 768px) {
  .stage-container {
    padding-left: 4.5rem;
    padding-right: 1rem;
  }
  .stage-container__progress__divider {
    position: absolute;
    left: 2.75rem;
  }
  .stage-container__content {
    max-width: 100%;
  }
  .stage-container__content__title span {
    font-size: 1rem !important;
  }
  .stage-container__content__title h1 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .stage-container__content__description p {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: 0.625rem;
  }
}
.stage-tree-item {
  padding: 1.875rem 4rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
}
.action-container {
  width: 100%;
  position: relative;
  list-style: none;
  background-color: var(--default-light-color);
  cursor: pointer;
}
.action-container__divider {
  margin: 1rem 2rem 1rem 0 !important;
}
.action-container__content {
  max-width: 75%;
}
.action-container__content__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin-left: -2rem;
}
.action-container__content__title__checkbox {
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  left: -1rem;
  z-index: 999 !important;
  background-color: var(--default-light-color) !important;
}
.action-container__content__title h1 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.action-container__content__description {
  position: relative;
}
.action-container__content__description .expand-icon {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: -1.5rem;
  top: 0;
}
.action-container__content__description p {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-container__content__disabled h1,
.action-container__content__disabled p,
.action-container__content__disabled .collapsed-notes {
  text-decoration: line-through;
  color: var(--description-color);
}
.action-container__content__disabled input[type=checkbox] {
  cursor: default;
}
.action-container__content__checked h1,
.action-container__content__checked .status {
  color: var(--checked-action-color);
}
@media (max-width: 768px) {
  .action-container__divider {
    margin: 1rem 0 2.5rem !important;
  }
  .action-container__content {
    max-width: 100%;
  }
  .action-container__content__title__checkbox {
    position: absolute;
    left: -0.7rem;
  }
  .action-container__content__title h1 {
    font-size: 1rem;
    line-height: 1rem;
  }
  .action-container__content__description p {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: 0.625rem;
  }
}
.action-tree-item {
  border: 1px solid var(--form-input-border-color);
  border-top: none;
  border-radius: 4px;
  padding: 1.875rem 0rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
  margin-left: 4rem;
  width: calc(100% - 4rem);
}
.action-tree-item__content {
  max-width: 100%;
  padding-left: 2rem;
}
.action-tree-item__content__title {
  margin-left: 0;
  display: inline-block;
  width: 100%;
}
.collapsed-notes__input__container {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-end;
  margin-top: 0.625rem;
}
.collapsed-notes__input {
  display: flex;
  min-height: 42px;
  flex-direction: column;
  width: 75%;
  border: 1px solid var(--form-input-border-color);
  /* Only apply to direct child spans, not nested content */
}
.collapsed-notes__input textarea, .collapsed-notes__input__note {
  border: none;
  outline: none;
  font-size: 1rem;
  resize: none;
  padding: 0.25rem;
}
.collapsed-notes__input textarea:disabled, .collapsed-notes__input__note:disabled {
  background-color: transparent;
}
.collapsed-notes__input > span.meta {
  font-weight: normal;
  font-size: 0.625rem;
  color: var(--footer-copyright-color);
  padding: 0 0.25rem;
}
.collapsed-notes__input__actions {
  display: flex;
  flex-direction: column;
}
.collapsed-notes__input__actions svg {
  cursor: pointer;
}
@media (max-width: 768px) {
  .collapsed-notes__input {
    width: 100%;
  }
}
.protocol-actions {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--form-input-border-color);
  border-radius: 0.5rem;
  padding: 1.875rem 1.25rem;
  padding-left: 6rem;
  position: relative;
  background-color: var(--default-light-color);
  margin-top: 0.625rem;
}
.protocol-actions__lock {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.protocol-actions__lock__icon {
  position: absolute;
  left: 2.5rem;
  cursor: pointer;
}
.protocol-actions__lock__title {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
.protocol-actions__lock__message {
  padding: 0.5rem;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
  border: 1px solid var(--warning-lock-color);
  display: flex;
  align-items: center;
  font-weight: 500;
}
.protocol-actions__lock__message span {
  margin-left: 0.5rem;
}
@media (max-width: 700px) {
  .protocol-actions__lock {
    flex-direction: column;
    align-items: flex-start;
  }
  .protocol-actions__lock__icon {
    top: 2.2rem;
  }
}
.protocol-actions__create-report {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.protocol-actions__create-report__save-changes-button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 0.625rem;
  border-radius: 4px;
  padding: 0.313rem 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 0.02857em;
  line-height: 0.875rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  transition: border-color 0.25s;
  font-family: "AkzidenzGroteskBE-Md";
  color: #fff;
  background-color: #0000ff;
  margin-left: auto;
}
.protocol-actions__create-report__save-changes-button:disabled {
  cursor: not-allowed;
}
.protocol-actions__create-report__icon {
  position: absolute;
  left: 2.5rem;
}
.protocol-actions__create-report__title {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: AkzidenzGroteskBE-Md, Roboto, sans-serif;
}
.protocol-actions__create-report__print {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.protocol-actions__create-report__print svg {
  cursor: pointer;
}
.protocol-actions__create-report__print input {
  width: 40%;
  min-width: 200px;
  outline: none;
  font-size: 0.75rem;
  resize: none;
  padding: 0.25rem;
}
.protocol-actions__create-report__print__disabled {
  cursor: default !important;
}
.protocol-actions__divider {
  margin: 1.5rem 0 !important;
}
.switch {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 1rem;
  margin-bottom: 0 !important;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--description-color);
  transition: 0.4s;
  border-radius: 32px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  left: 2px;
  bottom: 2px;
  background-color: var(--default-light-color);
  transition: 0.4s;
  border-radius: 50%;
}
.switch input:checked + .slider {
  background-color: var(--default-dark-color);
}
.switch input:checked + .slider:before {
  transform: translateX(16px);
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  justify-content: flex-start;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  height: 28px;
  border-radius: 4px;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content button:disabled {
  opacity: 0.4;
  cursor: default;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content__edit {
  min-width: 73px;
  background-color: #0000ff;
  color: #fff;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content__duplicate {
  min-width: 110px;
  background-color: #32c8c8;
  color: #191715;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content__archive {
  min-width: 127px;
  background-color: #a0003c;
  color: #fff;
}
.ProtocolsPage .ProtocolsTable .ProtocolTable__Table .protocol-table-actions-cell-content .MuiTooltip-root-19 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.protocol-drawer-main-container {
  width: 100%;
  height: 100%;
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-container {
  width: 100%;
  height: 100%;
  padding: 0.625rem;
}
.protocol-builder-drawer-container__close-drawer-icon {
  display: flex !important;
  margin-left: auto;
  cursor: pointer;
}
.protocol-builder-drawer-container__content {
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.protocol-builder-drawer-container__content__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  gap: 2rem;
}
.protocol-builder-drawer-container__content__header__title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 3.1;
}
.protocol-builder-drawer-container__content__header__title h1 {
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-container__content__header__title input {
  padding: 0.275rem 0.5rem;
  outline: none;
  border: 1px solid #dedede;
  border-radius: 4px;
  font-size: 1.25rem;
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-container__content__header__actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1rem;
  flex: 1;
  min-width: 320px;
}
.protocol-builder-drawer-container__content__header__actions button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 0.625rem;
  border-radius: 4px;
  padding: 0.313rem 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 0.02857em;
  line-height: 0.875rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  transition: border-color 0.25s;
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-container__content__header__actions button:disabled {
  cursor: not-allowed;
}
.protocol-builder-drawer-container__content__header__actions__preview-button {
  color: #000;
  background-color: #7fd9d9;
}
.protocol-builder-drawer-container__content__header__actions__save-button {
  color: #fff;
  background-color: #0000ff;
}
.protocol-builder-drawer-container__content__tree {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  min-height: calc(100vh - 164px);
  max-height: calc(100vh - 164px);
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone {
  flex: 3;
  padding: 1rem;
  max-height: calc(100vh - 164px);
  overflow: auto;
  background-color: var(--default-light-color);
  border: 1px solid var(--phase-background);
  display: flex;
  flex-direction: column;
  position: relative;
  /* Allow strong/em to use inherited font family with proper weights */
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone p {
  font-family: Akzidenz;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone span {
  font-family: Akzidenz;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone h1 {
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone strong {
  font-family: inherit;
  font-weight: bold;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone em {
  font-family: inherit;
  font-style: italic;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone__title {
  color: var(--description-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone__title h1 {
  font-size: 40px;
  text-align: center;
  margin-top: 0.5rem;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone__title span {
  margin-top: 0.5rem;
  text-align: center;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  pointer-events: none;
  z-index: 1;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas .dropzone-area {
  height: 100%;
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas .dropzone-area span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas .dropzone-area.phase-area {
  flex: 0.5;
  background: rgba(0, 100, 0, 0.02);
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas .dropzone-area.stage-area {
  flex: 0.5;
  background: rgba(0, 0, 100, 0.02);
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__dropzone .dropzone-areas .dropzone-area.action-area {
  flex: 4;
  background: rgba(100, 0, 0, 0.02);
  border-right: none;
}
.protocol-builder-drawer-container__content__tree .sortable-tree-container__toolbox {
  flex: 1;
  min-width: 320px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.protocol-builder-drawer-container .stage-container__content {
  max-width: 100%;
}
.protocol-builder-drawer-container .stage-container__content__title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.protocol-builder-drawer-item-edit {
  max-width: 670px;
}
.protocol-builder-drawer-item-edit__container {
  padding: 1rem;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.protocol-builder-drawer-item-edit__container__close-drawer-icon {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  cursor: pointer;
}
.protocol-builder-drawer-item-edit__container__notation .ql-toolbar.ql-snow {
  padding: 0;
}
.protocol-builder-drawer-item-edit__container__notation .ql-container {
  height: calc(50vh - 152px);
}
.protocol-builder-drawer-item-edit__container h2 {
  font-family: "AkzidenzGroteskBE-Md";
}
.protocol-builder-drawer-item-edit__container p {
  font-size: 1rem;
}
.protocol-builder-drawer-item-edit__container button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #191715;
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  letter-spacing: 0.02857em;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  transition: border-color 0.25s;
  background-color: var(--default-light-color);
  margin-left: auto;
  margin-top: auto;
}
.protocol-builder-drawer-item-edit__container button:disabled {
  cursor: not-allowed;
}
.TreeItemDescription {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0.625rem;
  width: 100%;
  overflow-x: hidden;
}
/* Protocol Rich Text Formatting Styles
   Ensures proper display of formatted content from ReactQuill editor
   Works even without bold/italic font variants by enabling font synthesis */
.protocol-richtext {
  /* Allow browser to synthesize bold/italic when font variants are missing */
  font-synthesis: weight style;
  /* Ensure strong/bold tags are rendered properly */
  /* Ensure em/italic tags are rendered properly */
  /* Override any inline styles on formatting tags */
  /* Ensure nested combinations render correctly */
  /* Nested combinations with style attributes */
  /* Basic readable defaults for block elements from Quill */
  /* Blockquote styling */
  /* List styling */
  /* Strikethrough */
  /* Underline */
  /* Code blocks */
  /* Pre with Quill syntax class */
  /* Horizontal rule */
  /* Links behavior + visual affordance */
  /* Ensure headers inside rich text preserve formatting */
  /* Override any parent container that might reset styles */
}
.protocol-richtext strong,
.protocol-richtext b {
  font-weight: 700 !important;
}
.protocol-richtext em,
.protocol-richtext i {
  font-style: italic !important;
}
.protocol-richtext strong[style],
.protocol-richtext b[style] {
  font-weight: 700 !important;
}
.protocol-richtext em[style],
.protocol-richtext i[style] {
  font-style: italic !important;
}
.protocol-richtext strong em,
.protocol-richtext b em,
.protocol-richtext em strong,
.protocol-richtext em b,
.protocol-richtext strong i,
.protocol-richtext b i,
.protocol-richtext i strong,
.protocol-richtext i b {
  font-weight: 700 !important;
  font-style: italic !important;
}
.protocol-richtext strong[style] em,
.protocol-richtext strong[style] em[style],
.protocol-richtext strong em[style],
.protocol-richtext b[style] em,
.protocol-richtext b[style] em[style],
.protocol-richtext b em[style],
.protocol-richtext em[style] strong,
.protocol-richtext em[style] strong[style],
.protocol-richtext em strong[style],
.protocol-richtext em[style] b,
.protocol-richtext em[style] b[style],
.protocol-richtext em b[style],
.protocol-richtext strong[style] i,
.protocol-richtext strong[style] i[style],
.protocol-richtext strong i[style],
.protocol-richtext b[style] i,
.protocol-richtext b[style] i[style],
.protocol-richtext b i[style],
.protocol-richtext i[style] strong,
.protocol-richtext i[style] strong[style],
.protocol-richtext i strong[style],
.protocol-richtext i[style] b,
.protocol-richtext i[style] b[style],
.protocol-richtext i b[style] {
  font-weight: 700 !important;
  font-style: italic !important;
}
.protocol-richtext p {
  margin: 0 0 0.5rem;
  line-height: 1.5;
}
.protocol-richtext h1, .protocol-richtext h2, .protocol-richtext h3, .protocol-richtext h4, .protocol-richtext h5, .protocol-richtext h6 {
  margin: 1rem 0 0.5rem;
  line-height: 1.25;
  font-weight: 600;
}
.protocol-richtext blockquote {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border-left: 4px solid #32c8c8;
  background-color: #f8f9fa;
  font-style: italic;
}
.protocol-richtext ol, .protocol-richtext ul {
  padding-left: 1.25rem;
  margin: 0.5rem 0 0.5rem 1rem;
}
.protocol-richtext li + li {
  margin-top: 0.25rem;
}
.protocol-richtext s, .protocol-richtext strike, .protocol-richtext del {
  text-decoration: line-through !important;
}
.protocol-richtext u {
  text-decoration: underline !important;
}
.protocol-richtext code {
  background-color: #f4f4f4;
  padding: 0.125rem 0.25rem;
  border-radius: 3px;
  font-family: monospace;
  font-size: 0.9em;
}
.protocol-richtext pre {
  background-color: #f4f4f4;
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
  margin: 0.5rem 0;
}
.protocol-richtext pre code {
  background-color: transparent;
  padding: 0;
}
.protocol-richtext pre.ql-syntax {
  background-color: #f4f4f4;
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
  font-family: monospace;
}
.protocol-richtext hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 1rem 0;
}
.protocol-richtext a {
  color: #0066cc;
  text-decoration: underline;
  cursor: pointer;
  /* Visual indicator for external links */
}
.protocol-richtext a:hover {
  color: #0052a3;
}
.protocol-richtext a[target=_blank]::after {
  content: " ↗";
  font-size: 0.8em;
  vertical-align: super;
  opacity: 0.7;
}
.protocol-richtext h1 strong, .protocol-richtext h1 b, .protocol-richtext h2 strong, .protocol-richtext h2 b, .protocol-richtext h3 strong, .protocol-richtext h3 b, .protocol-richtext h4 strong, .protocol-richtext h4 b, .protocol-richtext h5 strong, .protocol-richtext h5 b, .protocol-richtext h6 strong, .protocol-richtext h6 b {
  font-weight: inherit !important;
}
.protocol-richtext h1 em, .protocol-richtext h1 i, .protocol-richtext h2 em, .protocol-richtext h2 i, .protocol-richtext h3 em, .protocol-richtext h3 i, .protocol-richtext h4 em, .protocol-richtext h4 i, .protocol-richtext h5 em, .protocol-richtext h5 i, .protocol-richtext h6 em, .protocol-richtext h6 i {
  font-style: italic !important;
}
.protocol-richtext * strong, .protocol-richtext * b {
  font-weight: 700 !important;
}
.protocol-richtext * em, .protocol-richtext * i {
  font-style: italic !important;
}
:root {
  --Colors-Dark-bright-blue: #1414C8;
  --Basic-White: #FFF;
  --Monochrome-Grey-9: #191715;
}
.NotationsSubTabs {
  margin: 20px 0;
}
.NotationsSubTabs .profile-tab-bar {
  position: inherit;
  margin-bottom: 20px;
}
.NotationsSubTabs .MuiTabs-flexContainer {
  gap: 16px !important;
}
.NotationsSubTabs__Tab {
  background-color: #ffffff;
  border-radius: 4px;
  width: auto !important;
  display: inline-block !important;
}
body .NotationsSubTabs__Tab {
  padding: 8px 16px 8px 16px !important;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  border-radius: 4px;
  background-color: #ffffff;
  max-width: 250px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
body .NotationsSubTabs__Tab[aria-selected=true] {
  background: 0;
  color: white;
}
body .NotationsSubTabs__Tab:not([aria-selected=true]):hover {
  background: #e6e6e6;
}
.NotationsSubtabsNavigation {
  margin: 0 30px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.NotationsSubtabsNavigation .NotationsSubtabsContents {
  display: flex;
  flex-direction: column;
}
.NotationsSubtabsNavigation .NotationsSubtabsContainer {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.NotationsSubtabsNavigation .NotationsSubtabsToggle {
  display: flex;
  justify-content: flex-end;
  margin-right: 16px;
  padding: 8px 0;
  gap: 12px;
}
.NotationsSubtabsNavigation .NotationsSubtabsToggle .MuiFormControlLabel-root {
  margin: 0;
}
.NotationsSubtabsNavigation .NotationsSubtabsToggle .MuiFormControlLabel-root .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  color: #666;
}
.NotationsSubtabsNavigation .NotationsSubtab {
  display: inline-flex;
  height: 32px;
  padding: 6px 12px 6px 8px;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--Basic-White, #FFF);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
  font-family: "Akzidenz-Grotesk Std";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--Monochrome-Grey-9, #191715);
  user-select: none;
}
.NotationsSubtabsNavigation .NotationsSubtab:hover {
  opacity: 0.8;
}
.NotationsSubtabsNavigation .NotationsSubtab--active {
  background: var(--Basic-White, #FFF);
  color: var(--Colors-Dark-bright-blue, #1414C8);
  border: 1px solid var(--Colors-Dark-bright-blue, #1414C8);
}
.NotationsSubtabsNavigation .NotationsSubtab--active .NotationsSubtab__icon {
  color: var(--Colors-Dark-bright-blue, #1414C8) !important;
}
.NotationsSubtabsNavigation .NotationsSubtab__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #B9B7B5;
  transition: color 0.2s ease;
}
.NotationsSubtabsNavigation .NotationsSubtab__drag-handle {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #B9B7B5;
  cursor: grab;
  transition: color 0.2s ease;
  margin-right: 4px;
}
.NotationsSubtabsNavigation .NotationsSubtab__drag-handle:hover {
  color: #666;
}
.NotationsSubtabsNavigation .NotationsSubtab__drag-handle:active {
  cursor: grabbing;
}
.NotationsSubtabsNavigation .NotationsSubtab__text {
  font-family: "Akzidenz-Grotesk Std", AkzidenzGroteskStd-Ex, Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.NotationsSubtabsNavigation .NotationsSubtab--draggable {
  cursor: pointer;
}
.NotationsSubtabsNavigation .NotationsSubtab--dragging {
  opacity: 0.5;
  transform: rotate(5deg);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.NotationsSubtabsNavigation .NotationsSubtab--master {
  opacity: 0.7;
}
.NotationsSubtabsNavigation .NotationsSubtab--master:hover {
  opacity: 0.8;
}
.NotationsSubtabsNavigation .NotationsSubtab--default {
  opacity: 0.7;
}
.NotationsSubtabsNavigation .NotationsSubtab--default:hover {
  opacity: 0.8;
}
.NotationsSubtabsNavigation .NotationsSubtabsError {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
}
.NotationsSubtabsNavigation .NotationsSubtabSkeleton {
  width: 120px;
  height: 32px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 4px;
}
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Settings-Body-Subtabs {
  padding: 0;
}
.Settings-Subtabs-Header {
  margin-bottom: 24px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.Settings-Subtabs-Title {
  margin-bottom: 8px;
  color: #212529;
  font-weight: 600;
}
.Settings-Subtabs-Description {
  margin-bottom: 16px;
  color: #6c757d;
  line-height: 1.5;
}
.Settings-Subtabs-Actions {
  display: flex;
  justify-content: flex-start;
}
.Settings-Subtabs-List {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.Settings-Subtabs-Empty {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px dashed #dee2e6;
}
.Settings-Subtab-Item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.Settings-Subtab-Item:hover {
  border-color: #007bff;
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}
.Settings-Subtab-Info {
  flex: 1;
}
.Settings-Subtab-Name {
  margin-bottom: 4px;
  color: #212529;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.Settings-Subtab-Badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background: #6c757d;
  color: white;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}
.Settings-Subtab-Badge--default {
  background: #28a745;
}
.Settings-Subtab-Details {
  color: #6c757d;
  font-size: 14px;
}
.Settings-Subtab-Filter-Indicator {
  color: #007bff;
  font-weight: 500;
}
.Settings-Subtab-Actions {
  display: flex;
  gap: 8px;
}
.SubtabForm {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.SubtabForm__Header {
  padding: 24px;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
}
.SubtabForm__Title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 1.25rem;
}
.SubtabForm__Subtitle {
  opacity: 0.9;
  font-size: 14px;
  line-height: 1.4;
}
.SubtabForm__Content {
  padding: 24px;
}
.SubtabForm__BasicInfo {
  margin-bottom: 32px;
}
.SubtabForm__FieldSelection {
  margin-bottom: 32px;
}
.SubtabForm__SectionTitle {
  margin-bottom: 8px;
  color: #212529;
  font-weight: 600;
  font-size: 1.1rem;
}
.SubtabForm__SectionDescription {
  margin-bottom: 16px;
  color: #6c757d;
  font-size: 14px;
  line-height: 1.5;
}
.SubtabForm__DefaultFilters {
  padding-top: 24px;
  border-top: 1px solid #e9ecef;
}
.SubtabForm__FiltersGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.SubtabForm__FieldFilter {
  padding: 16px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.SubtabForm__FieldLabel {
  margin-bottom: 8px;
  color: #495057;
  font-weight: 500;
  font-size: 14px;
}
.SubtabForm__DefaultOption {
  margin-top: 24px;
  padding: 16px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.SubtabForm__CheckboxLabel {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 12px;
}
.SubtabForm__Checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #007bff;
}
.SubtabForm__CheckboxText {
  font-size: 14px;
  color: #495057;
  font-weight: 500;
}
.SubtabForm__Actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 20px 24px;
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
}
@media (max-width: 768px) {
  .NotationsSubTabs .profile-tab-bar {
    overflow-x: auto;
    white-space: nowrap;
  }
  body .NotationsSubTabs__Tab {
    max-width: none;
    margin-right: 10px;
    padding: 8px 12px;
  }

  .NotationsSubtabsNavigation {
    margin: 0 15px 15px;
  }
  .NotationsSubtabsNavigation .NotationsSubtabsContainer {
    gap: 6px;
    padding-bottom: 6px;
  }
  .NotationsSubtabsNavigation .NotationsSubtab {
    height: 28px;
    padding: 4px 10px 4px 6px;
    font-size: 13px;
    line-height: 14px;
  }
  .NotationsSubtabsNavigation .NotationsSubtab__icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
  }
}:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

.l-title-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(20px);
  letter-spacing: rem(2.25px);
}

.xl-title-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(30px);
  letter-spacing: rem(0.8px);
}

.l-subtitle-font {
  font-family: "AkzidenzGroteskBE-LightEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(1.33px);
  line-height: rem(1.33px);
  font-weight: 700;
}

.m-title-font {
  font-family: "AkzidenzGroteskBE-Md", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(16px);
  letter-spacing: rem(0.8px);
  line-height: 1.43;
}

.l-main-text-font {
  font-family: "AkzidenzGroteskBE-LightOsF", "Akzidenz", Arial, sans-serif;
  font-size: rem(26px);
  letter-spacing: rem(0.8px);
}

.button-font-on-colored-bg {
  font-family: "AkzidenzGroteskBE-MdEx", "Akzidenz", Arial, sans-serif;
  font-size: rem(12px);
  letter-spacing: rem(1.5px);
}

:root {
  --header-background-color: #c9dedb;
  --main-header-color: #000000;
  --submenu-background-color: #dae8e5;
  --footer-background-color: #d7d5d3;
  --footer-main-color: #d7d5d3;
  --footer-copyright-color: #918f8d;
}

[data-theme=avonova] {
  --header-background-color: #05765f;
  --main-header-color: #ecfefa;
  --submenu-background-color: #079d7f;
  --footer-background-color: #023329;
  --footer-main-color: #ecfefa;
  --footer-copyright-color: #ecfefa;
}

@keyframes tooltipFadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tooltipSlideIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(30deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(30deg);
  }
}

.NewEventsCalendarView {
  height: 100%;
  width: 100%;
  position: relative;
  font-family: Akzidenz, Roboto, sans-serif;
}

.NewEventsCalendarView .b-tooltip,
.NewEventsCalendarView .b-eventtip,
.NewEventsCalendarView .b-popup.b-eventtip {
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  background: white !important;
  overflow: visible !important;
  animation: tooltipSlideIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.NewEventsCalendarView .b-tooltip .b-popup-header,
.NewEventsCalendarView .b-tooltip .b-panel-header,
.NewEventsCalendarView .b-tooltip .b-header, .NewEventsCalendarView .b-tooltip.b-popup .b-popup-header, .NewEventsCalendarView .b-tooltip.b-popup .b-panel-header, .NewEventsCalendarView .b-tooltip > .b-header:first-child,
.NewEventsCalendarView .b-eventtip .b-popup-header,
.NewEventsCalendarView .b-eventtip .b-panel-header,
.NewEventsCalendarView .b-eventtip .b-header,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header,
.NewEventsCalendarView .b-eventtip > .b-header:first-child,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header,
.NewEventsCalendarView .b-popup.b-eventtip .b-header,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child {
  background: #ebe9e7 !important;
  color: white !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 14px 16px !important;
  border-bottom: none !important;
  position: relative;
  overflow: hidden;
}

.NewEventsCalendarView .b-tooltip .b-popup-header::before,
.NewEventsCalendarView .b-tooltip .b-panel-header::before,
.NewEventsCalendarView .b-tooltip .b-header::before, .NewEventsCalendarView .b-tooltip.b-popup .b-popup-header::before, .NewEventsCalendarView .b-tooltip.b-popup .b-panel-header::before, .NewEventsCalendarView .b-tooltip > .b-header:first-child::before,
.NewEventsCalendarView .b-eventtip .b-popup-header::before,
.NewEventsCalendarView .b-eventtip .b-panel-header::before,
.NewEventsCalendarView .b-eventtip .b-header::before,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header::before,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header::before,
.NewEventsCalendarView .b-eventtip > .b-header:first-child::before,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header::before,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header::before,
.NewEventsCalendarView .b-popup.b-eventtip .b-header::before,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header::before,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header::before,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: shimmer 3s infinite;
}

.NewEventsCalendarView .b-tooltip .b-popup-header .b-header-title,
.NewEventsCalendarView .b-tooltip .b-popup-header h3,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-header-title,
.NewEventsCalendarView .b-tooltip .b-panel-header h3,
.NewEventsCalendarView .b-tooltip .b-header .b-header-title,
.NewEventsCalendarView .b-tooltip .b-header h3, .NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-header-title,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header h3, .NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-header-title,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header h3, .NewEventsCalendarView .b-tooltip > .b-header:first-child .b-header-title,
.NewEventsCalendarView .b-tooltip > .b-header:first-child h3,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-header-title,
.NewEventsCalendarView .b-eventtip .b-popup-header h3,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-header-title,
.NewEventsCalendarView .b-eventtip .b-panel-header h3,
.NewEventsCalendarView .b-eventtip .b-header .b-header-title,
.NewEventsCalendarView .b-eventtip .b-header h3,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-header-title,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header h3,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-header-title,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header h3,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-header-title,
.NewEventsCalendarView .b-eventtip > .b-header:first-child h3,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header h3,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header h3,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip .b-header h3,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header h3,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header h3,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child h3 {
  color: white !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  margin: 0 !important;
  position: relative;
  z-index: 1;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.NewEventsCalendarView .b-tooltip .b-popup-header .b-tool,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-fa,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-icon,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-panel-tool,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-tool,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-fa,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-icon,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-panel-tool,
.NewEventsCalendarView .b-tooltip .b-header .b-tool,
.NewEventsCalendarView .b-tooltip .b-header .b-fa,
.NewEventsCalendarView .b-tooltip .b-header .b-icon,
.NewEventsCalendarView .b-tooltip .b-header .b-panel-tool, .NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-tool,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-fa,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-icon,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-panel-tool, .NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-tool,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-fa,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-icon,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-panel-tool, .NewEventsCalendarView .b-tooltip > .b-header:first-child .b-tool,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-fa,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-icon,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-panel-tool,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-tool,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-fa,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-icon,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-panel-tool,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-tool,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-fa,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-icon,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-panel-tool,
.NewEventsCalendarView .b-eventtip .b-header .b-tool,
.NewEventsCalendarView .b-eventtip .b-header .b-fa,
.NewEventsCalendarView .b-eventtip .b-header .b-icon,
.NewEventsCalendarView .b-eventtip .b-header .b-panel-tool,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-tool,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-fa,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-icon,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-panel-tool,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-tool,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-fa,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-icon,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-panel-tool,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-tool,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-fa,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-icon,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-panel-tool,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-tool,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-panel-tool {
  color: white !important;
  opacity: 0.9;
  transition: opacity 0.2s ease;
  position: relative;
  z-index: 1;
}

.NewEventsCalendarView .b-tooltip .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-tooltip .b-popup-header .b-panel-tool:hover,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-tooltip .b-panel-header .b-panel-tool:hover,
.NewEventsCalendarView .b-tooltip .b-header .b-tool:hover,
.NewEventsCalendarView .b-tooltip .b-header .b-fa:hover,
.NewEventsCalendarView .b-tooltip .b-header .b-icon:hover,
.NewEventsCalendarView .b-tooltip .b-header .b-panel-tool:hover, .NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-popup-header .b-panel-tool:hover, .NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-tooltip.b-popup .b-panel-header .b-panel-tool:hover, .NewEventsCalendarView .b-tooltip > .b-header:first-child .b-tool:hover,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-fa:hover,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-icon:hover,
.NewEventsCalendarView .b-tooltip > .b-header:first-child .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-eventtip .b-popup-header .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-eventtip .b-panel-header .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip .b-header .b-tool:hover,
.NewEventsCalendarView .b-eventtip .b-header .b-fa:hover,
.NewEventsCalendarView .b-eventtip .b-header .b-icon:hover,
.NewEventsCalendarView .b-eventtip .b-header .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-popup-header .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-eventtip.b-popup .b-panel-header .b-panel-tool:hover,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-tool:hover,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-fa:hover,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-icon:hover,
.NewEventsCalendarView .b-eventtip > .b-header:first-child .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-popup-header .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-header .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-popup-header .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip.b-popup .b-panel-header .b-panel-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-tool:hover,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-fa:hover,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-icon:hover,
.NewEventsCalendarView .b-popup.b-eventtip > .b-header:first-child .b-panel-tool:hover {
  opacity: 1;
}

.NewEventsCalendarView .b-tooltip:before, .NewEventsCalendarView .b-tooltip:after,
.NewEventsCalendarView .b-eventtip:before,
.NewEventsCalendarView .b-eventtip:after,
.NewEventsCalendarView .b-popup.b-eventtip:before,
.NewEventsCalendarView .b-popup.b-eventtip:after {
  content: none !important;
}

.NewEventsCalendarView .b-tooltip[data-anchor-align*=start]:after, .NewEventsCalendarView .b-tooltip[data-anchor-align*=end]:after,
.NewEventsCalendarView .b-eventtip[data-anchor-align*=start]:after,
.NewEventsCalendarView .b-eventtip[data-anchor-align*=end]:after,
.NewEventsCalendarView .b-popup.b-eventtip[data-anchor-align*=start]:after,
.NewEventsCalendarView .b-popup.b-eventtip[data-anchor-align*=end]:after {
  content: "" !important;
  position: absolute;
  width: 12px;
  height: 12px;
  background: white;
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}

.NewEventsCalendarView .b-tooltip[data-anchor-align*=top]:after,
.NewEventsCalendarView .b-eventtip[data-anchor-align*=top]:after,
.NewEventsCalendarView .b-popup.b-eventtip[data-anchor-align*=top]:after {
  bottom: -6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.NewEventsCalendarView .b-tooltip[data-anchor-align*=bottom]:after,
.NewEventsCalendarView .b-eventtip[data-anchor-align*=bottom]:after,
.NewEventsCalendarView .b-popup.b-eventtip[data-anchor-align*=bottom]:after {
  top: -6px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.NewEventsCalendarView .b-tooltip .b-toolbar,
.NewEventsCalendarView .b-eventtip .b-toolbar,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar {
  background: linear-gradient(to bottom, #fafafa, #f5f5f5) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 0 0 12px 12px !important;
  padding: 8px !important;
  display: flex !important;
  gap: 8px !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button {
  border-radius: 6px !important;
  transition: all 0.2s ease;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button:hover,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button:hover,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton {
  background: #1414c8 !important;
  color: white !important;
  border: none !important;
  padding: 8px 16px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  box-shadow: 0 2px 4px rgba(20, 20, 200, 0.3) !important;
  flex: 1;
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton.b-hidden, .NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton[hidden],
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton.b-hidden,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton[hidden],
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton.b-hidden,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton[hidden] {
  display: none !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:hover:not(:disabled),
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:hover:not(:disabled),
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:hover:not(:disabled) {
  background: #1010a0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(20, 20, 200, 0.4) !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:active:not(:disabled),
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:active:not(:disabled),
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:active:not(:disabled) {
  background: #0c0c78 !important;
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(20, 20, 200, 0.3) !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:disabled,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:disabled,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton i,
.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-icon,
.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-fa,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton i,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-icon,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-fa,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton i,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-icon,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-fa {
  color: white !important;
  font-size: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton label,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton label,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton label {
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.CalendarTooltip__CopyButton,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton {
  background: white !important;
  border: 1px solid #e0e0e0 !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  min-width: 44px !important;
  flex: 0 0 auto !important;
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.CalendarTooltip__CopyButton:hover:not(:disabled),
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton:hover:not(:disabled),
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton:hover:not(:disabled) {
  background: #f5f5f5 !important;
  transform: translateY(-1px);
}

.NewEventsCalendarView .b-tooltip .b-toolbar .b-button.CalendarTooltip__CopyButton:disabled,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton:disabled,
.NewEventsCalendarView .b-popup.b-eventtip .b-toolbar .b-button.CalendarTooltip__CopyButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.NewEventsCalendarView .b-sidebar {
  min-width: 300px !important;
}

.NewEventsCalendarView .b-hbox {
  gap: 0.5rem;
  background: #f5f5f5;
}

.NewEventsCalendarView .b-sidebar-content {
  border: 1px solid #ebe9e7;
  border-radius: 0.5rem;
  background: #fcfdfd;
  gap: 1.875rem;
}

.NewEventsCalendarView .b-calendarpanel .b-panel-body-wrap {
  background: #fcfdfd;
}

.NewEventsCalendarView .b-calendarpanel .b-panel-body-wrap .b-hbox {
  background: transparent;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  color: #191715 !important;
}

.NewEventsCalendarView .b-calendarpanel .b-panel-body-wrap .b-hbox label {
  margin: 0;
}

.NewEventsCalendarView .b-calendarpanel .b-panel-body-wrap .b-hbox #b-readonlycombo-1-input {
  color: #191715 !important;
}

.NewEventsCalendarView .b-calendarpanel .b-panel-body-wrap .b-hbox .b-icon:before {
  color: #191715 !important;
}

.NewEventsCalendarView .b-calendarpanel .b-weeks-container {
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}

.NewEventsCalendarView .b-panel.b-panel-has-bottom-toolbar .b-panel-content {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  gap: 0.5rem;
}

.NewEventsCalendarView .b-toolbar {
  background-color: #fcfdfd !important;
}

.NewEventsCalendarView .b-contains-focus .b-field-inner {
  border-color: #ebe9e7 !important;
}

.NewEventsCalendarView .b-field-inner {
  border-radius: 0.25rem;
}

.NewEventsCalendarView .b-datepicker .b-calendar-cell.b-selected-date:not(.b-in-range) > .b-datepicker-cell-inner {
  border-radius: 0.25rem;
  background-color: #3183fe;
  border-color: #3183fe;
}

.NewEventsCalendarView .b-datepicker .b-calendar-cell > .b-datepicker-cell-inner {
  border-radius: 0.25rem;
}

.NewEventsCalendarView .b-card-container {
  border-radius: 0.5rem;
  border: 1px solid #ebe9e7;
}

.NewEventsCalendarView .b-dayview-allday-row {
  box-shadow: none;
}

.NewEventsCalendarView .b-dayview-schedule-container {
  border-inline-start: none;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header .b-day-name-day {
  text-transform: uppercase;
  color: #191715;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header .b-day-name-date {
  font-weight: 500;
  color: #191715;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header.b-today .b-day-name-date {
  background-color: blue;
  color: #ffffff;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header.b-selected-date .b-day-name-date {
  color: #ffffff !important;
  background-color: #3183fe !important;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header.calendar-custom-selected .b-day-name-part.b-day-name-date {
  color: #ffffff !important;
  background-color: #3183fe !important;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.NewEventsCalendarView .b-calendarrow .b-cal-cell-header:not(.b-today).b-selected-date:first-of-type .b-day-name-date {
  background-color: transparent !important;
  color: #191715 !important;
}

.NewEventsCalendarView .b-timeaxis-container {
  min-width: 5rem;
}

.NewEventsCalendarView .b-current-time-indicator {
  border-top: 2px solid blue;
}

.NewEventsCalendarView .b-current-time-indicator:before {
  background-color: blue;
}

.NewEventsCalendarView .b-overflowpopup-body-wrap {
  flex-direction: column;
}

.NewEventsCalendarView .b-cal-event-wrap {
  border-radius: 4px;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event {
  margin-bottom: 0;
  background-color: var(--cal-event-color) !important;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event .b-cal-event {
  background-color: var(--cal-event-color) !important;
  color: var(--text-color) !important;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event .b-cal-event-body {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event .b-cal-event-body .event-container {
  flex-direction: row;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event .b-cal-event-body .event-container .event-time {
  font-size: 10px;
  opacity: 0.8;
  padding-top: 2px;
}

.NewEventsCalendarView .b-cal-event-wrap.b-short-event .b-cal-event-body .event-container .event-title {
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.NewEventsCalendarView .b-intraday {
  padding-left: 2px !important;
  padding-right: 0 !important;
  background-color: var(--cal-event-color);
}

.NewEventsCalendarView .b-intraday .b-cal-event-icon {
  display: none;
}

.NewEventsCalendarView .b-intraday .b-cal-event {
  background: rgba(255, 255, 255, 0.9);
}

.NewEventsCalendarView .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected .b-cal-event,
.NewEventsCalendarView .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active .b-cal-event {
  background: var(--cal-event-color) !important;
}

.NewEventsCalendarView .b-dayview-day-container .b-calendar-cell .b-cal-event {
  border: var(--cal-event-border-color);
  color: var(--text-color) !important;
}

.NewEventsCalendarView .b-dayview-day-container .b-calendar-cell .b-cal-event .b-cal-event-body {
  border-end-end-radius: 2px;
  border-start-end-radius: 2px;
  background-color: var(--cal-event-transparency) !important;
}

.NewEventsCalendarView .b-event-time {
  display: none;
}

.NewEventsCalendarView .event-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.NewEventsCalendarView .b-agendaview .b-cal-event-wrap .b-cal-event {
  background-color: var(--cal-event-color) !important;
  color: var(--text-color) !important;
}

.NewEventsCalendarView .b-agendaview .b-cal-event-wrap .b-cal-event .b-cal-event-body {
  background-color: var(--cal-event-color) !important;
  color: var(--text-color) !important;
}

.NewEventsCalendarView .b-monthview .b-cal-event-wrap {
  background-color: var(--cal-event-color) !important;
}

.NewEventsCalendarView .b-monthview .b-cal-event-wrap .b-cal-event {
  background-color: var(--cal-event-color) !important;
  color: var(--text-color, #000000) !important;
}

.NewEventsCalendarView .b-monthview .b-cal-event-wrap .b-cal-event .b-cal-event-body {
  background-color: var(--cal-event-color) !important;
  color: var(--text-color, #000000) !important;
}

.NewEventsCalendarView .b-calendarpanel .b-weeks-container {
  gap: 0 !important;
}

.NewEventsCalendarView .event-time {
  font-size: 10px;
}

.NewEventsCalendarView .event-title {
  font-size: 12px;
  font-weight: 500;
}

.NewEventsCalendarView .b-yearview-overflow-events {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}

.NewEventsCalendarView .b-yearview-overflow-events .b-cal-event-wrap {
  margin: 0;
  padding: 8px;
}

.NewEventsCalendarView .b-yearview-overflow-events .b-cal-event-wrap:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.NewEventsCalendarView .b-overflow-event {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  height: 25px;
  cursor: pointer;
}

.NewEventsCalendarView .b-overflow-event:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.NewEventsCalendarView .b-overflow-event .b-overflow-event-time {
  font-size: 12px;
  color: inherit;
  opacity: 0.8;
  min-width: 65px;
}

.NewEventsCalendarView .b-overflow-event .b-overflow-event-title {
  font-size: 12px;
  font-weight: 500;
  color: inherit;
}

.NewEventsCalendarView .b-allday .b-cal-event .event-container {
  flex-direction: row;
  align-items: center;
}

.NewEventsCalendarView__LoaderContainer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.NewEventsCalendarView__LoaderContainerContent {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: transparent;
}

.NewEventsCalendarView__LoaderContainerContent .Heading-2 {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .NewEventsCalendarView .b-sidebar {
    display: none;
  }
}

.b-eventtip .b-header,
.b-eventtip .b-panel-header,
.b-eventtip .b-popup-header,
.b-popup.b-eventtip .b-header,
.b-popup.b-eventtip .b-panel-header,
.b-popup.b-eventtip .b-popup-header,
.b-float-root .b-eventtip .b-header,
.b-float-root .b-eventtip .b-panel-header {
  background: #ebe9e7 !important;
  color: black !important;
  border-radius: 12px 12px 0 0 !important;
}

.b-eventtip .b-header .b-header-title,
.b-eventtip .b-header h3,
.b-eventtip .b-panel-header .b-header-title,
.b-eventtip .b-panel-header h3,
.b-eventtip .b-popup-header .b-header-title,
.b-eventtip .b-popup-header h3,
.b-popup.b-eventtip .b-header .b-header-title,
.b-popup.b-eventtip .b-header h3,
.b-popup.b-eventtip .b-panel-header .b-header-title,
.b-popup.b-eventtip .b-panel-header h3,
.b-popup.b-eventtip .b-popup-header .b-header-title,
.b-popup.b-eventtip .b-popup-header h3,
.b-float-root .b-eventtip .b-header .b-header-title,
.b-float-root .b-eventtip .b-header h3,
.b-float-root .b-eventtip .b-panel-header .b-header-title,
.b-float-root .b-eventtip .b-panel-header h3 {
  color: black !important;
  font-weight: 600 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.b-eventtip .b-header .b-tool,
.b-eventtip .b-header .b-icon,
.b-eventtip .b-panel-header .b-tool,
.b-eventtip .b-panel-header .b-icon,
.b-eventtip .b-popup-header .b-tool,
.b-eventtip .b-popup-header .b-icon,
.b-popup.b-eventtip .b-header .b-tool,
.b-popup.b-eventtip .b-header .b-icon,
.b-popup.b-eventtip .b-panel-header .b-tool,
.b-popup.b-eventtip .b-panel-header .b-icon,
.b-popup.b-eventtip .b-popup-header .b-tool,
.b-popup.b-eventtip .b-popup-header .b-icon,
.b-float-root .b-eventtip .b-header .b-tool,
.b-float-root .b-eventtip .b-header .b-icon,
.b-float-root .b-eventtip .b-panel-header .b-tool,
.b-float-root .b-eventtip .b-panel-header .b-icon {
  color: black !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton {
  background: #1414c8 !important;
  color: white !important;
  border: none !important;
  flex: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton.b-hidden, .NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton[hidden],
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton.b-hidden,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton[hidden] {
  display: none !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:hover:not(:disabled),
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:hover:not(:disabled) {
  background: #1010a0 !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(20, 20, 200, 0.4) !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:active:not(:disabled),
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton:active:not(:disabled) {
  background: #0c0c78 !important;
  color: white !important;
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(20, 20, 200, 0.3) !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton i,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-icon,
.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-fa,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton i,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-icon,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton .b-fa {
  color: white !important;
  font-size: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
}

.NewEventsCalendarView .b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton label,
.b-popup.b-eventtip .b-toolbar .b-button.b-raised.CalendarTooltip__ModernJoinButton label {
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b-popup.b-eventtip .b-toolbar,
.NewEventsCalendarView .b-eventtip .b-toolbar {
  display: flex !important;
  gap: 8px !important;
  justify-content: stretch !important;
}

.b-popup.b-eventtip .b-toolbar .CalendarTooltip__CopyButton,
.NewEventsCalendarView .b-eventtip .b-toolbar .CalendarTooltip__CopyButton {
  flex: 0 0 auto !important;
  min-width: 44px !important;
}

.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-cal-agenda-grid-row.b-hover, .b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-cal-agenda-grid-row.b-hover .b-grid-cell {
  background-color: transparent !important;
}

.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-cal-agenda-grid-row:hover, .b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-cal-agenda-grid-row:hover .b-grid-cell {
  background-color: rgba(254, 172, 49, 0.1) !important;
}

.NewEventsCalendarView .b-eventtip .b-panel-header .b-header-title,
.NewEventsCalendarView .b-popup.b-eventtip .b-panel-header .b-header-title,
.b-popup.b-eventtip .b-panel-header .b-header-title,
.b-eventtip .b-panel-header .b-header-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.ClinicManagerEventsCalendarPage .NewEventsCalendar .ProgressLoader__Overlay {
  background: rgba(245, 245, 245, 0.7);
}

.ClinicManagerEventsCalendarPage .NewEventsCalendar__Calendar {
  height: calc( 100vh - 68px - 35px - 110px );
}

.webdocsync__container {
  display: flex;
  align-items: center;
  justify-content: end;
  border-radius: 4px;
}

.webdocsync__button {
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: #fff;
  height: 3rem;
  font-family: Roboto, sans-serif;
  text-transform: none;
  box-shadow: none;
}

.webdocsync__button:hover {
  background-color: rgba(25, 118, 210, 0.04);
}

.webdocsync__button:disabled {
  cursor: default;
  opacity: 0.6;
}

.webdocsync__icon--spinning {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}

.PatientEventsCalendar .NewEventsCalendar .ProgressLoader__Overlay {
  background: rgba(245, 245, 245, 0.7);
}

.PatientEventsCalendar .NewEventsCalendar__Calendar {
  height: calc(100vh - 152px);
}

.PatientEventsCalendar__Loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 358px);
  width: 100%;
}