@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Lists
   ========================================================================== */
ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*------------------------------------*\
  BASE
\*------------------------------------*/
html {
  font: 1em/2 Inter, Helvetica, "sans-serif";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #404040;
  overflow-y: scroll;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -ms-overflow-style: none;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
  background: none !important;
}

html {
  background-color: #f4f4f4;
}

svg {
  display: block;
}

#main {
  background: none !important;
}

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%; /* [1] */
  font-style: italic; /* [2] */
  vertical-align: middle; /* [3] */
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] { /* [2] */
  max-width: none;
}

.mh600 {
  max-height: 600px;
}

.mh200 {
  max-height: 200px;
}

.mh50 {
  max-height: 50px;
}

.mh80 {
  max-height: 80px;
}

.mw150 {
  max-width: 150px;
}

.mw130 {
  max-width: 130px;
}

.grid {
  font-size: 0;
}
.grid .col {
  font-size: 16px;
}

.gutter-fix {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-fix--large {
  margin-left: -20px;
  margin-right: -20px;
}

.col,
.table__cell {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
.col.last,
.last.table__cell {
  margin-right: -5px;
}

.col--auto {
  width: auto;
}

.gutter {
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.gutter--small {
  padding-left: 0.625em;
  padding-right: 0.625em;
}

@media (max-width: 767px) {
  .no-gutter\@phone {
    padding-left: 0;
    padding-right: 0;
  }
}

.grid--products {
  padding-left: 10px;
  padding-right: 10px;
}

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
figure,
hr {
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}

.link {
  color: #8c8c8c;
  text-decoration: underline;
}

.link2 {
  color: #00aac6;
}

.middle {
  vertical-align: middle !important;
}

h1,
.like-h1 {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 1.5em;
}
@media (min-width: 1025px) {
  h1,
  .like-h1 {
    font-size: 2.1875em;
    line-height: 1.4285714286em;
  }
}

h2,
.like-h2 {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #626262;
  margin: 1em 0;
}

.admin-form {
  font-size: 1em;
}

h3,
.like-h3 {
  font-weight: 100;
  font-size: 1.125em;
  line-height: 1.3333333333em;
}

.small {
  font-size: 0.75em;
  line-height: 1.3333333333em;
}

.medium {
  font-size: 0.875em;
  line-height: 1.4285714286em;
}

.small-danger {
  padding: 2px 4px;
}

.title {
  font-size: 0.75em;
  line-height: 1.3333333333em;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000;
}

.title--big {
  font-size: 1.125em;
  line-height: 1.3333333333em;
}

.title--button {
  line-height: 3.1666666667em;
}

.is-highlighted {
  color: #00aac6;
}
.is-highlighted:hover {
  color: #00aac6;
}

.is-highlighted-important {
  color: #00aac6 !important;
}
.is-highlighted-important:hover {
  color: #00aac6 !important;
}

.is-highlighted-alternative {
  color: #00aac6;
}
.is-highlighted-alternative:hover {
  color: #00aac6;
}

.is-important, .is-error {
  color: #EF5F4E;
}

.is-success {
  color: #429321;
}

.is-warning {
  color: #d15444;
}

.is-orange {
  color: #F9B066;
}

.is-highlighted-box {
  border: 3px solid #00aac6;
  border-radius: 10px;
  padding: 10px;
}

.clickable {
  cursor: pointer;
}

.block {
  display: block !important;
}

.user-comment {
  font-style: italic;
}

.heading--inline {
  display: inline-block;
}
.heading--inline .ember-view {
  vertical-align: top;
  display: inline-block;
}
.heading--inline button {
  vertical-align: text-bottom;
}
.heading--inline span,
.heading--inline strong {
  vertical-align: top;
}
.heading--inline.show-action-on-hover button {
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1025px) {
  .heading--inline.show-action-on-hover button {
    opacity: 0;
  }
}
.heading--inline.show-action-on-hover:hover button {
  opacity: 1;
}

.full--height {
  line-height: 2.5em;
}

.text--editable {
  border-bottom: 1px solid #00aac6;
}

.vertical-middle {
  vertical-align: middle !important;
}

.vertical-tbottom {
  vertical-align: text-bottom !important;
}

.p1 {
  padding: 1px !important;
}

.no-padding {
  padding: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr7 {
  margin-right: 7px;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt8 {
  padding-top: 8px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.mbm10 {
  margin-bottom: -10px;
}

.mbm20 {
  margin-bottom: -20px;
}

.mbm30 {
  margin-bottom: -30px;
}

.mrm5 {
  margin-right: -5px !important;
}

.mrm-20 {
  margin-right: -20px !important;
}

.mrm4 {
  margin-right: -4px !important;
}

.mtm1 {
  margin-top: -1px !important;
}

.mtm2 {
  margin-top: -2px !important;
}

.mtm4 {
  margin-top: -4px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt60 {
  margin-top: 6px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mtm10 {
  margin-top: -10px !important;
}

.mtm15 {
  margin-top: -15px !important;
}

.mtm12 {
  margin-top: -12px !important;
}

.mtm20 {
  margin-top: -20px !important;
}

.pr60 {
  padding-right: 60px;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mlm10 {
  margin-left: -10px !important;
}

.mlm-20 {
  margin-left: -20px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.w75p {
  width: 75% !important;
}

.pl7 {
  padding-left: 7px;
}

.minw25 {
  min-width: 25px !important;
}

.minw60 {
  min-width: 60px !important;
}

.mw90 {
  max-width: 90px;
}

.mw90per {
  max-width: 90%;
}

.mw-35px {
  max-width: 35px;
}

.mh-35px {
  max-height: 35px;
}

.ember-view.inline {
  display: inline-block;
}

.is-negative {
  color: #EF5F4E;
}

.is-positive {
  color: #429321;
}

.inline-block {
  display: inline-block !important;
}

.verticaltop {
  vertical-align: top !important;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.fa.fa-star {
  color: #00aac6;
}

#toggleDead {
  margin-left: 20px;
  position: relative;
  top: 10px;
}
#toggleDead > div.inline-block {
  position: absolute;
}

.etiga-scan-button {
  vertical-align: top;
  padding-top: 6px;
}

#etigaScanButton {
  display: inline-block;
  margin-left: 70px;
  margin-top: 10px;
}

span.green {
  color: #429321;
}

span.blue {
  color: #00aac6;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.ml-auto {
  margin-left: auto !important;
}

.m-auto {
  margin: auto !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-top {
  align-items: start !important;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-5 {
  gap: 5px;
}

.d-flex {
  display: flex !important;
}

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

@media (max-width: 1024px) {
  .flex-column-mobile {
    flex-direction: column;
  }
}

.flex-row {
  flex-direction: row;
}

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

.flex-grow-1 {
  flex-grow: 1;
}

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

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

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

html {
  margin-right: 0 !important;
}

div.navBackgroundWrapper {
  background-image: url(../assets/images/icons/rework/background-pixel.png);
  width: 5000px;
  height: 100px;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 2;
  margin-left: -30px;
  margin-top: -20px;
}

nav.rework-navbar {
  background-color: #f4f4f4;
  margin: -26px -26px -30px;
  background-image: url(../assets/images/icons/rework/background-pixel.png);
  background-size: 100% 123px;
  background-repeat: no-repeat;
  margin-bottom: -30px;
  padding: 26px 26px 50px;
}
nav.rework-navbar.reduced {
  background-size: 100% 103px;
}
nav.rework-navbar.very-reduced {
  background-size: 100% 85px;
}
nav.rework-navbar.with-searchbar {
  margin-bottom: 0;
  padding-bottom: 0;
}
nav.rework-navbar.with-searchbar + .rework-content {
  margin-top: 150px;
}
@media (max-width: 1024px) {
  nav.rework-navbar.with-searchbar + .rework-content {
    margin-top: 20px;
  }
}
nav.rework-navbar.sidebar-inactive > div:first-of-type {
  padding-right: 30px;
}
nav.rework-navbar.with-filters {
  background-size: 100% 160px;
}
nav.rework-navbar.with-filters + .rework-content {
  margin-top: 235px;
}
@media (max-width: 1024px) {
  nav.rework-navbar.with-filters + .rework-content {
    margin-top: 20px;
  }
}
nav.rework-navbar.with-filters + .rework-content > div.card-box-rework {
  margin-top: 290px;
}
@media (max-width: 1024px) {
  nav.rework-navbar.with-filters + .rework-content > div.card-box-rework {
    margin-top: 20px;
  }
}
nav.rework-navbar + .rework-content > div.card-box-rework {
  margin-bottom: 10px;
}
nav.rework-navbar.sticky {
  position: fixed;
  width: 100%;
  z-index: 99;
  padding-right: 115px;
}
nav.rework-navbar.sticky.purchase {
  padding-right: 80px;
}
@media (max-width: 1024px) {
  nav.rework-navbar.sticky {
    position: inherit;
    margin: -13px;
    padding: 13px;
    width: auto;
  }
  nav.rework-navbar.sticky div.flex-grow-1 {
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  nav.rework-navbar.sticky {
    position: inherit;
  }
  nav.rework-navbar.sticky div.flex-grow-1 {
    margin-right: 0px;
  }
}
@media (max-width: 1024px) {
  nav.rework-navbar.sticky.floading-header {
    position: fixed !important;
  }
}
@media (max-width: 1024px) {
  nav.rework-navbar .button-rework img {
    margin-right: 3px;
  }
  nav.rework-navbar .button-rework > span {
    display: none;
  }
  nav.rework-navbar .button-rework.no-collapse > span {
    display: block;
  }
  nav.rework-navbar .button-rework.dropdown > span {
    display: inline-block !important;
  }
}
nav.rework-navbar h1 {
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  nav.rework-navbar h1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  nav.rework-navbar > div > h1 {
    display: none;
  }
}
nav.rework-navbar form {
  margin-bottom: 0;
}
nav.rework-navbar .tab-container {
  margin-top: 10px;
  border-radius: 12px;
}
nav.rework-navbar .tab-container > button {
  background-color: #fbfbf8;
  border: 1px solid #ece8dd;
}
nav.rework-navbar .tab-container > button.selected, nav.rework-navbar .tab-container > button:hover {
  background-color: #00aac6 !important;
  color: #fff;
}
nav.rework-navbar .search-container {
  min-height: 76px;
  margin-top: 20px;
}
nav.rework-navbar .search-container > div.main-lane {
  display: flex;
  align-items: center;
  min-height: 50px;
}
@media (max-width: 1023px) {
  nav.rework-navbar .search-container > div.main-lane.with-button-group {
    gap: 10px;
    flex-direction: column;
  }
}
nav.rework-navbar .search-container > div.filter-lane-col-based {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
}
nav.rework-navbar .search-container > div.filter-lane-col-based > div.col {
  padding: 5px 5px;
}
nav.rework-navbar .search-container > div.filter-lane {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
nav.rework-navbar .search-container > div.filter-lane > div {
  flex: 1 0 21%;
}
@media (max-width: 1024px) {
  nav.rework-navbar .search-container > div.filter-lane > div {
    flex: 1 0 49%;
  }
}
nav.rework-navbar .search-container div.form-field-rework {
  margin-bottom: 0;
}

.div-horizontal {
  background-color: rgba(227, 229, 234, 0.8);
  height: 1px;
  width: 100%;
  margin: 15px 0;
}

.card-rework, .card-content {
  padding: 15px 15px 15px 15px;
  border-radius: 12px;
  border: solid 1px #e3e5ea;
  background-color: #fff;
  width: 100%;
}

.card-content {
  padding: 20px 30px 20px 30px !important;
}

.button-rework {
  height: 36px;
  align-items: center;
  border-radius: 10px;
  margin: 0 0 0 11px;
  padding: 10px 11px 10px 14px;
  color: white;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: #404040;
  background-color: white;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}
.button-rework.auto-height {
  height: auto;
  min-height: 36px;
}
.button-rework:hover {
  background-color: #f3f2f2;
}
.button-rework.icon-only {
  padding: 8px !important;
  display: inline-block !important;
  position: relative;
  width: 36px;
}
.button-rework.icon-only img {
  margin: 0 !important;
  height: 22px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button-rework.icon-only.nav-icon {
  height: 22px;
  width: 36px;
  padding: 4px;
  border-radius: 8px;
}
.button-rework.icon-only.nav-icon.no-hover {
  cursor: default !important;
  background-color: #fff !important;
}
.button-rework.icon-only.nav-icon.up {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.button-rework.icon-only.nav-icon.down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.button-rework.round {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: relative;
}
.button-rework.round.brand {
  background-color: #00aac6;
  border: none;
  color: white;
}
.button-rework.round.dark {
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  color: white;
}
.button-rework.round img {
  margin-right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button-rework > img:first-of-type {
  margin-right: 8px;
  height: 16px;
}
.button-rework > img.dropdown-icon {
  margin-left: 8px;
}
.button-rework.default {
  background-color: #8c8c8c;
}
.button-rework.delete {
  background-color: #EF5F4E;
}
.button-rework.primary {
  border: none;
  color: white;
  background-color: #70ca63;
}
.button-rework.primary:hover {
  background-color: #68bd5a;
}
.button-rework.workflow {
  background-color: rgba(0, 0, 0, 0.05);
  color: #626262;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 36px;
  min-width: 36px;
  display: flex !important;
  padding: 8px;
  margin-left: 5px;
}
.button-rework.workflow.active {
  background-color: rgba(0, 0, 0, 0.05);
}
.button-rework.workflow:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.button-rework.workflow.selected {
  background-color: #70ca63;
  border: none;
}
.button-rework.workflow.partlybooked {
  background-color: #00aac6;
  border: none;
}
.button-rework.workflow.state-ready {
  background-color: #70ca63;
  border: none;
}
.button-rework.workflow.state-to_poll {
  background-color: #00aac6;
  border: none;
}
.button-rework.workflow.state-email {
  background-color: #00aac6;
  border: none;
}
.button-rework.workflow.state-submitted {
  background-color: #00aac6;
  border: none;
}
.button-rework.workflow.state-created {
  background-color: #00aac6;
  border: none;
}
.button-rework.workflow.state- {
  background-color: #999999 !important;
  border: none;
}
.button-rework.inactive {
  background-color: #999999;
}
.button-rework.info {
  color: #00aac6;
  border: none;
}
.button-rework.info.active {
  background-color: rgba(0, 0, 0, 0.05);
}
.button-rework.info:hover {
  background-color: #f3f2f2;
}
.button-rework.dropdown.icon-only img {
  margin-left: 0 !important;
}
.button-rework.dropdown img {
  margin-right: 0 !important;
  margin-left: 8px !important;
  height: 16px;
}
.button-rework div svg {
  display: block !important;
}
.button-rework div.sep {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  width: 1px;
  height: 34px;
  margin-left: 7px;
}
.button-rework img.dropdown-arrow {
  margin-left: 5px;
  margin-right: -5px;
  max-height: 8px !important;
}

input:checked + .selectable-patient, .selectable-patient.selected {
  border-color: #70ca63;
  background-color: rgba(112, 202, 99, 0.2);
}
input:checked + .selectable-patient .part-button, .selectable-patient.selected .part-button {
  background-color: #70ca63;
}
input:checked + .selectable-patient .part-button img, .selectable-patient.selected .part-button img {
  display: block;
}

.selectable-patient.selected:hover {
  background-color: rgba(112, 202, 99, 0.2) !important;
}
.selectable-patient:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.nonselectable-patient.selected {
  border-color: #70ca63;
  background-color: rgba(112, 202, 99, 0.2);
}

input + .nonselectable-patient:hover {
  background-color: #fbfbfb !important;
}
input + .nonselectable-patient .part-button {
  display: none !important;
}

.animal-card {
  height: 46px;
  padding: 7px 8px 7px 9px;
  border-radius: 10px;
  border: solid 1px rgba(227, 229, 234, 0.8);
  background-color: #fbfbfb;
  cursor: pointer;
  min-width: 250px;
}
.animal-card span {
  font-weight: 500;
  display: inline;
}
.animal-card .part-button {
  min-width: 30px;
  min-height: 30px;
  margin: 0 0 0 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid rgba(183, 183, 183, 0.5);
  border-radius: 10px;
}
.animal-card .part-button > img {
  display: none;
  height: 16px;
}
.animal-icon {
  margin-right: 5px;
  position: relative;
}
.animal-icon > img {
  height: 28px;
  min-width: 28px;
  margin-right: 5px;
}
.animal-icon > img.eltiga-badge {
  height: 14px;
  width: 14px;
  position: absolute;
  top: 16px;
  right: -6px;
  min-width: 14px;
}
.animal-icon > img.evil-badge {
  height: 16px;
  width: 16px;
}

.animal-icon-wrapper {
  position: relative;
}
.animal-icon-wrapper.invoice > img {
  max-width: 40px;
  max-height: 40px;
}
.animal-icon-wrapper > img {
  max-width: 35px;
  max-height: 35px;
}
.animal-icon-wrapper > img.eltiga-badge {
  position: absolute;
  bottom: -3px;
  right: -7px;
}
.animal-icon-wrapper > img.evil-badge {
  position: absolute;
  left: -11px;
  bottom: -3px;
  max-width: 20px;
}

.quick-filter {
  margin: 0 10px 10px 10px;
}
.quick-filter > span {
  font-size: 15px;
  font-weight: 600;
  color: #3e3e3e;
  margin-right: 10px;
}
.quick-filter label.selectable-item {
  height: 30px;
  padding: 6px 13px 8px 13px;
  border-radius: 20px;
  border: solid 1px #e2e2e2;
  background-color: #fafafa;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #848484;
  margin-right: 5px;
  margin-bottom: 5px;
}
.quick-filter label.selectable-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.quick-filter label.selectable-item.selected {
  background-color: #00aac6 !important;
  color: white;
}

.table-wrapper-rework {
  border-radius: 12px;
  border: solid 1px #e3e5ea;
  background-color: #fff;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}
.table-wrapper-rework.with-default-empty-line {
  overflow: visible;
}
.table-wrapper-rework.table-responsive-scroll .table__head {
  display: block;
}
.table-wrapper-rework.table-responsive-scroll .table__cell::before {
  display: none;
}
.table-wrapper-rework.table-responsive-scroll .table__cell.table__cell--action {
  position: relative;
  top: auto;
  right: auto;
}
.table-wrapper-rework.small {
  margin-bottom: 0;
}
.table-wrapper-rework.small .table .table__cell:first-of-type {
  padding-left: 10px !important;
}
.table-wrapper-rework.small .table .table__head div.table__cell {
  padding: 3px 10px;
}
.table-wrapper-rework.small .table .table__body div.table__cell {
  padding: 3px 10px;
}
.table-wrapper-rework.small .table .table__body div.table__cell .animal-icon-wrapper > img {
  max-height: 25px;
}
.table-wrapper-rework.small .table .table__body div.table__cell .animal-icon-wrapper > img.eltiga-badge {
  max-height: 15px;
}
.table-wrapper-rework.small .table .table__body div.table__cell .img {
  max-height: 20px;
}
.table-wrapper-rework .table-header-positions {
  padding: 13px;
}
.table-wrapper-rework .table-header-positions h2 {
  font-weight: 600;
  font-size: 22px;
  margin: 0;
}
.table-wrapper-rework .table-header {
  padding-left: 20px;
  padding-right: 20px;
}
.table-wrapper-rework div.quick-filter-wrapper {
  margin: 15px 25px;
}
.table-wrapper-rework div.quick-filter-wrapper div.quick-filter {
  margin-bottom: 15px;
}
.table-wrapper-rework div.quick-filter-wrapper div.quick-filter:last-of-type {
  margin-bottom: 0;
}
.table-wrapper-rework .table .ember-view.sticky {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.table-wrapper-rework .table .table__head {
  border-bottom: solid 1px #ececec;
  background: #FBFBFB;
  border-radius: 12px 12px 0 0;
}
.table-wrapper-rework .table .table__head.with-header {
  border-radius: 0;
  border-top: solid 1px #ececec;
}
.table-wrapper-rework .table .table__head .table__cell {
  padding: 13px 6px;
}
.table-wrapper-rework .table .table__head .table__cell:first-of-type {
  padding-left: 24px;
}
.table-wrapper-rework .table .table__head .table__cell:last-of-type, .table-wrapper-rework .table .table__head .table__cell.last {
  padding-right: 20px;
}
.table-wrapper-rework .table .table__head .table__cell .table__title.title {
  font-size: 15px;
  font-weight: 600;
  text-transform: none !important;
}
.table-wrapper-rework .table .table__body .table__row:last-of-type {
  border-bottom: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.table-wrapper-rework .table .table__body .table__row .table__cell {
  padding: 13px 6px;
  min-height: auto;
  font-size: 14px;
  color: #3e3e3e;
}
.table-wrapper-rework .table .table__body .table__row .table__cell:last-of-type, .table-wrapper-rework .table .table__body .table__row .table__cell.last {
  padding-right: 20px;
}
.table-wrapper-rework .table .table__body .table__row .table__cell:first-of-type {
  padding-left: 24px;
}
@media (max-width: 1024px) {
  .table-wrapper-rework .table .table__body .table__row .table__cell:first-of-type {
    padding-left: 0;
  }
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--name > span:first-of-type {
  font-weight: 600;
  font-size: 18px;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button {
  background: #a5a5a5;
  border-radius: 6px !important;
  padding: 5px;
  width: 34px !important;
  height: 34px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button:hover {
  background-color: #939393;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button > img {
  max-height: 20px;
  max-width: 20px;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button.icon-button--success:hover {
  background-color: #68bd5a !important;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button.icon-button--delete {
  background: #f16851 !important;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button.icon-button--delete:hover {
  background-color: #ef573e !important;
}
.table-wrapper-rework .table .table__body .table__row .table__cell.table__cell--action a.icon-button svg {
  display: block !important;
}
.table-wrapper-rework .table .table__body .table__row .table__cell li {
  padding-top: 0;
}

.rework-content ul li {
  padding: 0;
}

.floating-header-wrapper {
  z-index: 10;
}
.floating-header-wrapper .floating-header {
  display: none;
}
.floating-header-wrapper .floating-header h2 {
  margin: 0;
}
.floating-header-wrapper .floating-header.patient-mini-card {
  padding: 5px 15px;
  max-height: 60px;
  min-height: 60px;
}

@media (max-width: 767px) {
  body .floating-header-wrapper {
    margin-top: 25px !important;
  }
}
@media (max-width: 1024px) {
  body #patientEditPage {
    margin-top: 190px;
  }
  body #treatmentDetails, body #stationVisitDetails {
    margin-top: 170px;
  }
  body .floating-header-wrapper {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(to top, rgba(244, 244, 244, 0), #f4f4f4 5px);
    margin-top: 55px;
    position: fixed;
    top: 98px;
  }
  body .floating-header-wrapper .floating-header {
    display: block;
  }
  body .tabs-rework-wrapper {
    margin-top: 0 !important;
  }
}

body.floating-header-active #patientEditPage, body.floating-header-active #customerEdit {
  margin-top: 190px;
  margin-bottom: 100px;
}
body.floating-header-active #treatmentDetails, body.floating-header-active #stationVisitDetails {
  margin-top: 190px;
  margin-bottom: 100px;
}
body.floating-header-active .patient-card {
  display: none;
}
body.floating-header-active .floating-header-wrapper {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: linear-gradient(to top, rgba(244, 244, 244, 0), #f4f4f4 5px);
  margin-top: 55px;
  position: fixed;
  top: 98px;
}
body.floating-header-active .floating-header-wrapper .floating-header {
  display: block;
}
body.floating-header-active .tabs-rework-wrapper {
  margin-top: 0;
}

div.tabs-rework-wrapper {
  margin: 15px 0 15px;
}
@media (max-width: 1024px) {
  div.tabs-rework-wrapper {
    overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  div.tabs-rework-wrapper::-webkit-scrollbar {
    display: none;
  }
}
div.tabs-rework-wrapper a.tabs__label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600 !important;
  color: #848484;
  padding: 10px 0;
  margin: 0 10px;
}
div.tabs-rework-wrapper a.tabs__label.is-active {
  font-weight: bold !important;
}
div.tabs-rework-wrapper a.tabs__label.is-active::after {
  display: block !important;
  height: 3px !important;
  border-radius: 4px;
  background-color: #00aac6 !important;
}
div.tabs-rework-wrapper a.tabs__label.is-active, div.tabs-rework-wrapper a.tabs__label:hover {
  color: #00aac6;
}
div.tabs-rework-wrapper a.tabs__label::after {
  height: 0;
  display: none;
}

.payment-status-badge {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #70ca63;
  margin-left: 8px;
}
.payment-status-badge.status-lala {
  background-color: #F9B066;
}
.payment-status-badge.status-bad {
  background-color: #EF5F4E;
}
.payment-status-badge.status-sued {
  background-color: #000;
}

.accordion {
  margin-bottom: 20px;
}
.accordion.collapsed .accordion-body {
  display: block;
}
.accordion.collapsed .accordion-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion.inline-accordion .accordion-header {
  border-radius: 0 !important;
}
.accordion.inline-accordion .accordion-body {
  border-radius: 0;
}
.accordion .accordion-header {
  display: flex;
  align-items: center;
  background-color: #fafafb;
  padding: 13px;
  border: solid 1px #eaeaea;
  color: #3e3e3e;
  border-radius: 12px;
  cursor: pointer;
}
.accordion .accordion-header h2 {
  font-weight: 600;
  font-size: 22px;
  margin: 0;
}
.accordion .accordion-body {
  display: none;
  padding: 14px;
  border-left: solid 1px #eaeaea;
  border-right: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #fff;
}
.accordion .accordion-body div.separator {
  background-color: rgba(0, 0, 0, 0.15);
  height: 1px;
  width: 100%;
}
.accordion .accordion-body h3 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.accordion .accordion-body label.info-badge {
  padding: 8px 13px;
}
.accordion .accordion-body label.info-badge.add {
  background-color: #a5a5a5;
}

.status::after {
  top: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #70ca63;
  border-bottom-left-radius: 100px !important;
  transform: none !important;
  border: none !important;
}

.status::before {
  display: none !important;
}

div#saldoLabel > div, div#insuredLabel > div, .topcard-badge > div, div#caveLabel > div {
  background-color: #f3f4f6;
  min-width: 125px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #98a1b7;
  text-align: center;
  min-height: 35px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
  padding: 8px;
}
div#saldoLabel > div.insured, div#saldoLabel > div.positive, div#insuredLabel > div.insured, div#insuredLabel > div.positive, .topcard-badge > div.insured, .topcard-badge > div.positive, div#caveLabel > div.insured, div#caveLabel > div.positive {
  background-color: #e7f9ee;
  color: #4caf50;
  min-width: 125px;
}
div#saldoLabel > div.is-negative, div#insuredLabel > div.is-negative, .topcard-badge > div.is-negative, div#caveLabel > div.is-negative {
  background-color: rgba(233, 84, 82, 0.768627451);
  color: white;
}
div#saldoLabel > div.caved, div#insuredLabel > div.caved, .topcard-badge > div.caved, div#caveLabel > div.caved {
  min-width: 60px;
}

div.image-card {
  align-items: center;
  padding: 0.125rem;
}
div.image-card div img {
  max-height: 30px;
}

label.has-icon img {
  max-height: 16px;
}

div.quick-filter-wrapper {
  margin: 20px 0;
}
div.quick-filter-wrapper div div.quick-filter {
  margin-bottom: 10px !important;
}
div.quick-filter-wrapper div div.quick-filter label {
  margin-bottom: 10px !important;
}
div.quick-filter-wrapper div div.quick-filter:last-of-type {
  margin-bottom: 0;
}

aside#calendarSidebar div.checkbox-custom label::before {
  border-radius: 7px !important;
}

div.pick-list-rework label.info-badge {
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  color: #ffffff;
  padding: 4px 12px;
  margin-bottom: 5px;
  background-color: #a5a5a5;
}
div.pick-list-rework label.info-badge.add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 40px;
  border: none;
  vertical-align: bottom;
}

div.summary {
  border-radius: 0 0 10px 10px;
}

div.panel-body form.search-box-form {
  width: 100% !important;
}
div.panel-body div.modal-list-rework div.table__body.multi {
  border-radius: 12px !important;
}

#js-invoice-table input.input--editable, .table--treatment-positions input.input--editable {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#js-invoice-table .spinner2, .table--treatment-positions .spinner2 {
  width: 110px !important;
}
#js-invoice-table .spinner2 .ui-spinner-input, .table--treatment-positions .spinner2 .ui-spinner-input {
  width: 52px !important;
}
#js-invoice-table .spinner2 a.plus, .table--treatment-positions .spinner2 a.plus {
  left: 79px !important;
}
@media (max-width: 1024px) {
  #js-invoice-table .button-rework img, .table--treatment-positions .button-rework img {
    margin-right: 3px;
  }
  #js-invoice-table .button-rework > span, .table--treatment-positions .button-rework > span {
    display: none;
  }
  #js-invoice-table .button-rework.no-collapse > span, .table--treatment-positions .button-rework.no-collapse > span {
    display: block;
  }
}
#js-invoice-table div.table__second-row, .table--treatment-positions div.table__second-row {
  border-bottom: none;
}
#js-invoice-table div.table__second-row input, .table--treatment-positions div.table__second-row input {
  font-size: 12px;
  height: 36px;
}
#js-invoice-table div.table__second-row label.placeholder, .table--treatment-positions div.table__second-row label.placeholder {
  top: 0 !important;
  font-size: 11px !important;
  left: 11px;
}
#js-invoice-table div.table__second-row .select-placeholder, .table--treatment-positions div.table__second-row .select-placeholder {
  font-size: 11px !important;
  top: 0 !important;
}
#js-invoice-table div.table__second-row div.select2-container, .table--treatment-positions div.table__second-row div.select2-container {
  height: 36px !important;
  min-height: 36px !important;
}
#js-invoice-table div.table__second-row div.select2-container .select2-search-choice-close, .table--treatment-positions div.table__second-row div.select2-container .select2-search-choice-close {
  top: 12px !important;
}
#js-invoice-table div.table__second-row div.select2-container span.select2-chosen, .table--treatment-positions div.table__second-row div.select2-container span.select2-chosen {
  font-size: 12px !important;
  padding-top: 9px !important;
}
#js-invoice-table div.table__second-row div.select2-container .select2-arrow > b, .table--treatment-positions div.table__second-row div.select2-container .select2-arrow > b {
  background: url(images/icons/rework/arrow-down-dark.svg) no-repeat 14px 15px !important;
}

.notice-panel {
  background-color: #FBFBFB;
  border-style: dashed;
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
  padding: 10px;
  border-radius: 12px;
  border-width: 1px;
  display: inline-block;
  font-size: 14px;
}
.notice-panel > span {
  display: block;
  font-weight: 700;
}

.no-cursor {
  cursor: default !important;
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/inter-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/inter-v13-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/inter-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.fw-bold {
  font-weight: 600;
}

.fw-bolder {
  font-weight: 900;
}

.rounded {
  border-radius: 50%;
}

.rounded-none {
  border-radius: 0;
}

.bp-none {
  border-bottom: none !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: 600;
}

.fw-bolder {
  font-weight: 800;
}

.rounded-12 {
  border-radius: 12px;
}

.w-100 {
  width: 100% !important;
}

.va-top {
  vertical-align: top !important;
}

.m-none {
  margin: 0 !important;
}

.lh-30 {
  line-height: 30px;
}

.fs-1 {
  font-size: 20px;
}

.fs-2 {
  font-size: 18px !important;
}

.fs-3 {
  font-size: 16px !important;
}

.fs-4 {
  font-size: 14px !important;
}

.fs-5 {
  font-size: 12px !important;
}

.fs-6 {
  font-size: 10px;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-auto {
  margin-top: auto;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-auto {
  margin-bottom: auto;
}

.ms-0 {
  margin-left: 0px !important;
}

.ms-5 {
  margin-left: 5px !important;
}

.ms-10 {
  margin-left: 10px !important;
}

.ms-15 {
  margin-left: 15px !important;
}

.ms-20 {
  margin-left: 20px !important;
}

.ms-25 {
  margin-left: 25px !important;
}

.ms-30 {
  margin-left: 30px !important;
}

.ms-40 {
  margin-left: 40px !important;
}

.ms-50 {
  margin-left: 50px !important;
}

.ms-60 {
  margin-left: 60px !important;
}

.ms-100 {
  margin-left: 100px !important;
}

.ms-auto {
  margin-left: auto;
}

.me-0 {
  margin-right: 0px !important;
}

.me-5 {
  margin-right: 5px !important;
}

.me-10 {
  margin-right: 10px !important;
}

.me-15 {
  margin-right: 15px !important;
}

.me-20 {
  margin-right: 20px !important;
}

.me-25 {
  margin-right: 25px !important;
}

.me-30 {
  margin-right: 30px !important;
}

.me-40 {
  margin-right: 40px !important;
}

.me-50 {
  margin-right: 50px !important;
}

.me-60 {
  margin-right: 60px !important;
}

.me-100 {
  margin-right: 100px !important;
}

.me-auto {
  margin-right: auto;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-auto {
  padding-top: auto;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-auto {
  padding-bottom: auto;
}

.ps-0 {
  padding-left: 0px !important;
}

.ps-5 {
  padding-left: 5px !important;
}

.ps-10 {
  padding-left: 10px !important;
}

.ps-15 {
  padding-left: 15px !important;
}

.ps-20 {
  padding-left: 20px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.ps-30 {
  padding-left: 30px !important;
}

.ps-40 {
  padding-left: 40px !important;
}

.ps-50 {
  padding-left: 50px !important;
}

.ps-60 {
  padding-left: 60px !important;
}

.ps-100 {
  padding-left: 100px !important;
}

.ps-auto {
  padding-left: auto;
}

.pe-0 {
  padding-right: 0px !important;
}

.pe-5 {
  padding-right: 5px !important;
}

.pe-10 {
  padding-right: 10px !important;
}

.pe-15 {
  padding-right: 15px !important;
}

.pe-20 {
  padding-right: 20px !important;
}

.pe-25 {
  padding-right: 25px !important;
}

.pe-30 {
  padding-right: 30px !important;
}

.pe-40 {
  padding-right: 40px !important;
}

.pe-50 {
  padding-right: 50px !important;
}

.pe-60 {
  padding-right: 60px !important;
}

.pe-100 {
  padding-right: 100px !important;
}

.pe-auto {
  padding-right: auto;
}

.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.m-5 {
  margin: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.m-10 {
  margin: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.m-15 {
  margin: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.m-30 {
  margin: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.m-40 {
  margin: 40px !important;
}

.min-h-10px {
  min-height: 10px !important;
}

.max-h-10px {
  max-height: 10px !important;
}

.min-w-10px {
  min-width: 10px !important;
}

.max-w-10px {
  max-width: 10px !important;
}

.min-h-13px {
  min-height: 13px !important;
}

.max-h-13px {
  max-height: 13px !important;
}

.min-w-13px {
  min-width: 13px !important;
}

.max-w-13px {
  max-width: 13px !important;
}

.min-h-15px {
  min-height: 15px !important;
}

.max-h-15px {
  max-height: 15px !important;
}

.min-w-15px {
  min-width: 15px !important;
}

.max-w-15px {
  max-width: 15px !important;
}

.min-h-20px {
  min-height: 20px !important;
}

.max-h-20px {
  max-height: 20px !important;
}

.min-w-20px {
  min-width: 20px !important;
}

.max-w-20px {
  max-width: 20px !important;
}

.min-h-25px {
  min-height: 25px !important;
}

.max-h-25px {
  max-height: 25px !important;
}

.min-w-25px {
  min-width: 25px !important;
}

.max-w-25px {
  max-width: 25px !important;
}

.min-h-30px {
  min-height: 30px !important;
}

.max-h-30px {
  max-height: 30px !important;
}

.min-w-30px {
  min-width: 30px !important;
}

.max-w-30px {
  max-width: 30px !important;
}

.min-h-35px {
  min-height: 35px !important;
}

.max-h-35px {
  max-height: 35px !important;
}

.min-w-35px {
  min-width: 35px !important;
}

.max-w-35px {
  max-width: 35px !important;
}

.min-h-40px {
  min-height: 40px !important;
}

.max-h-40px {
  max-height: 40px !important;
}

.min-w-40px {
  min-width: 40px !important;
}

.max-w-40px {
  max-width: 40px !important;
}

.min-h-50px {
  min-height: 50px !important;
}

.max-h-50px {
  max-height: 50px !important;
}

.min-w-50px {
  min-width: 50px !important;
}

.max-w-50px {
  max-width: 50px !important;
}

.min-h-60px {
  min-height: 60px !important;
}

.max-h-60px {
  max-height: 60px !important;
}

.min-w-60px {
  min-width: 60px !important;
}

.max-w-60px {
  max-width: 60px !important;
}

.min-h-70px {
  min-height: 70px !important;
}

.max-h-70px {
  max-height: 70px !important;
}

.min-w-70px {
  min-width: 70px !important;
}

.max-w-70px {
  max-width: 70px !important;
}

.min-h-80px {
  min-height: 80px !important;
}

.max-h-80px {
  max-height: 80px !important;
}

.min-w-80px {
  min-width: 80px !important;
}

.max-w-80px {
  max-width: 80px !important;
}

.min-h-90px {
  min-height: 90px !important;
}

.max-h-90px {
  max-height: 90px !important;
}

.min-w-90px {
  min-width: 90px !important;
}

.max-w-90px {
  max-width: 90px !important;
}

.min-h-100px {
  min-height: 100px !important;
}

.max-h-100px {
  max-height: 100px !important;
}

.min-w-100px {
  min-width: 100px !important;
}

.max-w-100px {
  max-width: 100px !important;
}

.min-h-110px {
  min-height: 110px !important;
}

.max-h-110px {
  max-height: 110px !important;
}

.min-w-110px {
  min-width: 110px !important;
}

.max-w-110px {
  max-width: 110px !important;
}

.min-h-120px {
  min-height: 120px !important;
}

.max-h-120px {
  max-height: 120px !important;
}

.min-w-120px {
  min-width: 120px !important;
}

.max-w-120px {
  max-width: 120px !important;
}

.min-h-130px {
  min-height: 130px !important;
}

.max-h-130px {
  max-height: 130px !important;
}

.min-w-130px {
  min-width: 130px !important;
}

.max-w-130px {
  max-width: 130px !important;
}

.min-h-140px {
  min-height: 140px !important;
}

.max-h-140px {
  max-height: 140px !important;
}

.min-w-140px {
  min-width: 140px !important;
}

.max-w-140px {
  max-width: 140px !important;
}

.min-h-150px {
  min-height: 150px !important;
}

.max-h-150px {
  max-height: 150px !important;
}

.min-w-150px {
  min-width: 150px !important;
}

.max-w-150px {
  max-width: 150px !important;
}

.min-h-160px {
  min-height: 160px !important;
}

.max-h-160px {
  max-height: 160px !important;
}

.min-w-160px {
  min-width: 160px !important;
}

.max-w-160px {
  max-width: 160px !important;
}

.min-h-170px {
  min-height: 170px !important;
}

.max-h-170px {
  max-height: 170px !important;
}

.min-w-170px {
  min-width: 170px !important;
}

.max-w-170px {
  max-width: 170px !important;
}

.min-h-180px {
  min-height: 180px !important;
}

.max-h-180px {
  max-height: 180px !important;
}

.min-w-180px {
  min-width: 180px !important;
}

.max-w-180px {
  max-width: 180px !important;
}

.min-h-190px {
  min-height: 190px !important;
}

.max-h-190px {
  max-height: 190px !important;
}

.min-w-190px {
  min-width: 190px !important;
}

.max-w-190px {
  max-width: 190px !important;
}

.min-h-200px {
  min-height: 200px !important;
}

.max-h-200px {
  max-height: 200px !important;
}

.min-w-200px {
  min-width: 200px !important;
}

.max-w-200px {
  max-width: 200px !important;
}

.search-box-form {
  width: 30%;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .search-box-form {
    width: 100%;
  }
}
.search-box-form label.search-box {
  height: 46px;
  margin: 0 12px 0 0;
  padding: 8px 8px 8px 11px;
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.search-box-form label.search-box .search__input {
  border-bottom: none;
  font-size: 15px;
  font-weight: 500;
  color: #9d9c9c;
  line-height: 28px;
}

.form-field-rework:has(.state-error) input[aria-invalid=true], .form-field-rework:has(.state-error) .select2-container {
  border: 1px solid #EF5F4E !important;
}

.form-control {
  z-index: 1 !important;
}

em.state-error {
  display: block;
  margin-top: -34px !important;
  margin-left: 7px;
  padding-left: 9px;
  position: absolute;
  background-color: white;
  padding-right: 7px;
}

input.given-input {
  border-radius: 10px;
  border: solid 1px #70CA63;
  background-color: rgba(112, 202, 99, 0.1);
  color: #404040;
  max-width: 120px;
  text-align: center;
  height: 40px;
}

#transaction-input .table__cell.remove a.icon-button--delete {
  width: 40px;
  height: 40px;
  padding: 10px;
}

div.form-field-rework {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
}
div.form-field-rework.small-number {
  max-width: 60px;
}
div.form-field-rework.with-flex-container em {
  margin-top: -10px !important;
  background-color: white;
  z-index: 99;
  position: absolute;
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
div.form-field-rework label.placeholder {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #9d9c9c;
  font-size: 15px;
  font-weight: 500;
  cursor: text;
  pointer-events: none;
}
div.form-field-rework label.placeholder.required::after {
  color: #EF5F4E;
  content: " *";
}
div.form-field-rework label.readOnly {
  display: block;
  padding-left: 0;
  font-weight: 600;
  margin-bottom: 5px;
}
div.form-field-rework.datetime-combined {
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.15);
}
div.form-field-rework.datetime-combined > div {
  width: 65%;
  position: relative;
}
div.form-field-rework.datetime-combined > div:last-of-type {
  width: 35%;
}
div.form-field-rework.datetime-combined > div input {
  border: none;
}
div.form-field-rework.datetime-combined > div input:focus {
  box-shadow: none;
}
div.form-field-rework.datetime-combined > div img {
  right: 5px;
}
div.form-field-rework > img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 10px;
  max-height: 20px;
}
div.form-field-rework > div > img {
  position: absolute;
  right: 42px;
  top: 18px;
  max-height: 20px;
}
div.form-field-rework textarea {
  height: auto;
  min-height: 100px;
}
div.form-field-rework .textarea-wrapper.fh-125 textarea {
  height: 125px !important;
}
div.form-field-rework div.toggle {
  padding-top: 5px;
  display: inline-block;
}
div.form-field-rework div.toggle label.switch {
  height: 30px;
  margin-bottom: 0;
}
div.form-field-rework label.toggle {
  color: #9d9c9c;
  font-size: 15px;
  font-weight: 500;
  margin-left: 10px;
}
div.form-field-rework input, div.form-field-rework textarea {
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  color: #404040;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  width: 100%;
  padding: 8px 8px 8px 10px;
}
div.form-field-rework input:focus, div.form-field-rework input:not(:placeholder-shown), div.form-field-rework textarea:focus, div.form-field-rework textarea:not(:placeholder-shown) {
  padding-top: 20px;
}
div.form-field-rework input:focus.required, div.form-field-rework input:not(:placeholder-shown).required, div.form-field-rework textarea:focus.required, div.form-field-rework textarea:not(:placeholder-shown).required {
  color: #9d9c9c;
}
div.form-field-rework input:focus::after, div.form-field-rework input:not(:placeholder-shown)::after, div.form-field-rework textarea:focus::after, div.form-field-rework textarea:not(:placeholder-shown)::after {
  content: "";
}
div.form-field-rework input:focus + label.placeholder, div.form-field-rework input:not(:placeholder-shown) + label.placeholder, div.form-field-rework textarea:focus + label.placeholder, div.form-field-rework textarea:not(:placeholder-shown) + label.placeholder {
  top: 4px;
  left: 11px;
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
div.form-field-rework input:focus + label.placeholder.required, div.form-field-rework input:not(:placeholder-shown) + label.placeholder.required, div.form-field-rework textarea:focus + label.placeholder.required, div.form-field-rework textarea:not(:placeholder-shown) + label.placeholder.required {
  color: #9d9c9c;
}
div.form-field-rework input:focus + label.placeholder::after, div.form-field-rework input:not(:placeholder-shown) + label.placeholder::after, div.form-field-rework textarea:focus + label.placeholder::after, div.form-field-rework textarea:not(:placeholder-shown) + label.placeholder::after {
  content: "";
}
div.form-field-rework input.large-value, div.form-field-rework textarea.large-value {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
}
div.form-field-rework input:focus-visible, div.form-field-rework textarea:focus-visible {
  outline-width: 0;
}
div.form-field-rework input:focus, div.form-field-rework textarea:focus {
  box-shadow: 0 0 5px rgb(240, 237, 228);
  border-color: #8c8c8c;
}
div.form-field-rework .d-flex.align-items-center:has(> div.field-checkbox) {
  padding-top: 6px;
}
div.form-field-rework div.field-checkbox {
  width: 40px;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  padding-top: 7px;
}
div.form-field-rework div.field-checkbox label {
  padding-left: 5px;
}
div.form-field-rework div.field-checkbox label::before {
  position: relative;
  width: 25px;
  display: block;
  height: 25px;
  top: 0;
  border-radius: 5px;
  border-color: #999 !important;
}
div.form-field-rework div.field-checkbox label::after {
  background-color: #999 !important;
  color: #999 !important;
}
div.form-field-rework div.field-checkbox label::after {
  top: 5px !important;
  font-size: 15px !important;
  left: 9px !important;
}
div.form-field-rework label.checkbox-label {
  font-weight: normal;
  font-size: 15px;
}
div.form-field-rework:not(:has(.d-flex)):has(img) div.select2-container a span.select2-arrow {
  display: none !important;
}
div.form-field-rework div.select2-container {
  padding: 1px 0 0 1px;
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
div.form-field-rework div.select2-container.select2-dropdown-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.form-field-rework div.select2-container.select2-container-multi {
  min-height: auto !important;
  height: auto !important;
  padding-top: 20px !important;
}
div.form-field-rework div.select2-container a span.select2-chosen {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #3e3e3e !important;
  text-transform: none !important;
  padding-left: 4px !important;
  padding-top: 17px !important;
  width: 100%;
}
div.form-field-rework div.select2-container a span.select2-arrow {
  display: inline-block !important;
  background: none;
  width: 35px;
  right: 0;
  left: auto !important;
  border-left: none;
}
div.form-field-rework div.select2-container a span.select2-arrow b {
  background-size: 14px 10px !important;
  background: url(images/icons/rework/arrow-down-dark.svg) no-repeat 14px 20px !important;
  background-position: 8px 18px;
}
div.form-field-rework label.select-placeholder {
  font-size: 12px;
  font-weight: 500;
  color: #9d9c9c;
  position: absolute;
  z-index: 9;
  left: 12px;
  top: 4px;
}
div.form-field-rework button {
  position: absolute;
  border: none;
  right: 11px;
  top: 9px;
  border-radius: 8px;
  background-color: #d9d9d9;
  width: 32px;
  height: 32px;
  padding: 7px;
  display: flex;
  align-items: center;
}
div.form-field-rework button:hover {
  background-color: #cccccc;
}

input.switch:checked + label.filter-toggle-rework {
  background: none !important;
}
input.switch:checked + label.filter-toggle-rework span {
  background: #8c8c8c !important;
}

.filter-toggle-rework {
  width: 50px;
  height: 50px;
  margin: 0 0 0 12px;
  padding: 8px;
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  cursor: pointer;
}
.filter-toggle-rework:hover span {
  background-color: #cccccc;
}
.filter-toggle-rework span {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #d9d9d9;
  padding: 8px;
  border: none;
  width: 100%;
  height: 100%;
}

.input-action-button {
  padding: 7.5px;
  border-radius: 8px;
  background-color: #d9d9d9;
  width: 30px;
  height: 30px;
}

input.inline-text-input {
  padding: 5px !important;
  height: 30px !important;
  margin: 0 10px;
  border-radius: 10px !important;
  margin-top: 0 !important;
}

.logo {
  position: relative;
  z-index: 1000;
  float: left;
}
.logo img {
  max-height: 40px;
  margin: 20px 15px 20px 25px;
}
.hamburger-wrapper {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  outline: none;
  border: 0;
  appearance: none;
  cursor: pointer;
  user-select: none;
  background: transparent;
  z-index: 1000;
}
@media (min-width: 767px) {
  .hamburger-wrapper {
    display: none;
  }
}

.hamburger--inner {
  position: relative;
  width: 26px;
  height: 14px;
  right: 0;
  background: transparent;
  padding: 0;
}
.hamburger--inner .lines--before,
.hamburger--inner .lines--after,
.hamburger--inner .lines {
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  transition: 0.2s;
  background: #FFF;
  vertical-align: middle;
  border-radius: 12px;
  transform-origin: center center;
}
.hamburger--inner .lines {
  top: 8px;
}
.hamburger--inner .lines--before {
  top: 16px;
}
.hamburger--inner .lines--after {
  top: 0;
}
.hamburger--inner .hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hamburger--inner .hidden:active, .hamburger--inner .hidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
body.is-menu-open .hamburger--inner .lines {
  background: transparent;
}
body.is-menu-open .hamburger--inner .lines--before,
body.is-menu-open .hamburger--inner .lines--after {
  transition: top 0.2s ease, transform 0.2s 0.4s ease;
  top: 8px;
}
body.is-menu-open .hamburger--inner .lines--before {
  transform: rotate(45deg);
}
body.is-menu-open .hamburger--inner .lines--after {
  transform: rotate(-45deg);
}

body.menu-close-animation .hamburger--inner .lines {
  transition-delay: 0.2s;
}
body.menu-close-animation .hamburger--inner .lines--before,
body.menu-close-animation .hamburger--inner .lines--after {
  transition: transform 0.2s ease, top 0.2s 0.4s ease;
}

.menu-bar {
  background: #8c8c8c;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  height: calc(100vh - 3.75em);
  width: 3.75em;
  box-sizing: border-box;
  margin-top: 3.75em;
}
@media (max-width: 767px) {
  .menu-bar {
    transform: translate(-100%, 0);
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 768px) {
  .menu-bar {
    width: 5.625em;
    margin-top: 5em;
    height: calc(100vh - 5em);
  }
}
@media (max-width: 767px) {
  .is-menu-open .menu-bar {
    transform: translate(0, 0);
  }
}
.menu-bar li.nav__item a.nav__link > svg {
  height: 80px;
}
@media (max-width: 1024px) {
  .menu-bar li.nav__item a.nav__link > svg {
    height: 75px;
  }
}
@media (max-width: 767px) {
  .menu-bar li.nav__item a.nav__link > svg {
    height: 70px;
  }
}

.help-icon, .dataprotection-icon {
  position: absolute;
  bottom: 0;
  left: 35%;
  z-index: 10;
  text-align: center;
  transform: translate(-50%, 0);
  padding-bottom: 0.625em;
}
.help-icon.dataprotection-icon, .dataprotection-icon.dataprotection-icon {
  left: 65%;
}
.help-icon svg, .dataprotection-icon svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.help-icon a:hover span, .dataprotection-icon a:hover span {
  text-decoration: underline;
}
.help-icon span, .dataprotection-icon span {
  font-size: 0.625em;
  line-height: 1.6em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  vertical-align: middle;
}

.nav div.div-horizontal {
  height: 2px;
  width: auto;
  margin: 0 30px;
  background-color: #9D9D9D;
  border-radius: 2px;
}

.nav,
.nav__list {
  height: 100%;
}

.nav__list {
  background: #8c8c8c;
  position: relative;
  z-index: 10;
}
.nav__list .is-sub-open .nav__link {
  background: #848484;
}
@media screen and (max-height: 750px) {
  .nav__list .js-nav__item a.nav__link > svg {
    height: 60px !important;
  }
  .nav__list .js-nav__item a.nav__link .nav__label {
    font-size: 10px;
    bottom: 5px;
  }
  .nav__list .js-nav__item.is-sub-open div.nav__sub-nav {
    padding-top: 0px !important;
  }
  .nav__list .js-nav__item.is-sub-open div.nav__sub-nav span.nav__sub-nav-title {
    font-size: 1.1em !important;
  }
  .nav__list .js-nav__item.is-sub-open div.nav__sub-nav ul.nav__sub-nav-list > li > a {
    font-size: 12px;
  }
}

.nav__label {
  position: absolute;
  width: 100%;
  bottom: 10px;
  color: #fff;
  font-size: 11.5px;
  font-weight: 600;
  display: block;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (max-width: 766px) {
  .nav__label {
    display: none;
  }
}
@media (max-width: 1024px) {
  .nav__label {
    bottom: 1.1111111111em;
  }
}

.nav__link {
  position: relative;
  z-index: 10;
  display: block;
  cursor: pointer;
  background: #8c8c8c;
}
.nav__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.25em;
  height: 100%;
  background-color: #C9C0A2;
  transform: translate(-100%, 0);
  transition: all 0.4s ease-in-out;
}
.nav__link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid #8c8c8c;
  transform: translate(-100%, -50%);
  transition: all 0.3s ease-out;
}
.nav__link:hover::before {
  transform: translate(0, 0);
}
.nav__link img {
  margin: 0 auto;
  padding: 20px 0 35px 0;
  display: block;
  max-width: 40px;
}
@media screen and (max-height: 750px) {
  .nav__link img {
    padding: 15px 0 25px 0;
  }
}

.nav__sub-nav {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  height: 100vh;
  width: 40vw;
  box-sizing: border-box;
  overflow: auto;
  padding: 1.625em 1.25em 0 2.5em;
  opacity: 0;
  transform: translate(-100%, 0);
  will-change: opacity, transform;
  transition: transform 0.4s ease-in-out, opacity 0.3s 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .nav__sub-nav {
    padding: 0.6875em 0.625em 0 1.25em;
    width: 100vh;
  }
}
@media (min-width: 1024px) {
  .nav__sub-nav {
    width: 24vw;
  }
}

.nav__sub-nav-list {
  padding: 0 1.25em;
  opacity: 0;
  transform: translate(-10%, 0);
  will-change: opacity, transform;
  transition: opacity 0.5s ease-in-out, transform 0.3s 0.2s ease-in-out;
}
.nav__sub-nav-list a {
  position: relative;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  display: block;
}
.nav__sub-nav-list a span:not(.inline-icon):hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.nav__sub-nav-list a span {
  position: relative;
}
.nav__sub-nav-list a span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -8px;
  border-radius: 12px;
  left: 0;
  background-color: #70ca63;
  visibility: hidden;
  transform: scaleX(0);
  transform-origin: left center;
  transition: all 0.3s ease-in-out;
}

.nav__sub-nav-title {
  display: block;
  margin-bottom: 0.4166666667em;
  font-weight: 600;
}

.nav__sub-background {
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: 1;
  width: 40vw;
  height: 100vh;
  background-color: white;
  transform: translate(-20%, 0);
  opacity: 0;
  border-right: 1px solid #EEEEEE;
  will-change: opacity, transform;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
@media (max-width: 767px) {
  .nav__sub-background {
    width: 100vw;
  }
}
@media (min-width: 1024px) {
  .nav__sub-background {
    width: 24vw;
  }
}
.nav__sub-background::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}

.nav.is-delayed .nav__sub-background {
  left: 100%;
}

.nav.is-open .nav__sub-background {
  left: 100%;
  transform: translate(0, 0);
  opacity: 1;
}

.is-sub-open .nav__sub-nav {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 10;
}
.is-sub-open .nav__sub-nav-list {
  opacity: 1;
  transform: translate(0, 0);
}
.is-sub-open .nav__link::after {
  transform: translate(0, -50%);
}

.breadcrumbs-view {
  display: inline-block;
}
@media (max-width: 1023px) {
  .breadcrumbs-view {
    display: none !important;
  }
}

.breadcrumbs {
  display: inline-block;
  padding-left: 0.625em;
}
@media (min-width: 1024px) {
  .breadcrumbs {
    padding-left: 1.25em;
  }
}

.crumb-trail {
  display: inline-block;
}
.crumb-trail.folder {
  margin-bottom: 0.25em;
}
.crumb-trail.folder:after {
  font-size: 1em;
}
.crumb-trail:after {
  content: "/";
  display: inline-block;
  padding-left: 0.3125em;
  padding-right: 0.3125em;
  font-size: 1.2em;
}
@media (max-width: 1024px) {
  .crumb-trail:after {
    font-size: 1.2em;
  }
}
.crumb-trail:last-of-type:after {
  display: none;
}
.crumb-trail .crumb {
  font-size: 1.2em;
  display: inline-block;
}
@media (max-width: 1024px) {
  .crumb-trail .crumb {
    font-size: 1.2em;
  }
}

.profile {
  display: flex;
  align-items: center;
}
.profile .dropdown-menu {
  left: 100%;
  transform: translate(-100%, 0);
}

.profile__image {
  max-width: 55px !important;
  max-height: 55px !important;
  border-radius: 50px;
}

#calProfileTab #sidebar {
  background-color: white !important;
  margin: 0 !important;
  border-right: 0px !important;
}

#calProfileTab #expiryForm div.state-error {
  margin-bottom: 0;
}
#calProfileTab #expiryForm em.state-error {
  margin-bottom: 20px;
}
#calProfileTab #expiryForm ul#criteria {
  padding: 10px;
  margin-bottom: 10px;
}
#calProfileTab #expiryForm ul#criteria li {
  list-style: disc inside;
  margin-bottom: 5px;
}

.logout-timer {
  height: 100%;
  width: 0.25em;
  position: absolute;
  left: -0.25em;
  top: 0;
}

.site-body {
  box-sizing: border-box;
  height: auto;
  min-height: 100%;
  margin-left: 5em;
  margin-top: 5em;
  padding: 2.5em;
  background-color: #EEEEEE;
}

.flex-center {
  display: flex !important;
  align-items: center;
}

.flex-top {
  display: flex !important;
  align-items: start;
}

.flex-extend {
  margin-left: auto !important;
}

.site-content-wrapper {
  margin-top: 3.75em;
  padding: 13px;
}
@media (min-width: 768px) {
  .site-content-wrapper {
    margin-top: 5em;
    margin-left: 5.625em;
  }
}
@media (min-width: 1025px) {
  .site-content-wrapper {
    padding: 26px;
  }
}

.site-content {
  background-color: #fff;
  padding-bottom: 7.5em;
  padding-top: 1.25em;
}

table {
  border: none;
}

tr {
  display: block;
}

#tagFilters label.info-badge {
  margin-right: 5px;
  margin-bottom: 10px;
}

.table-wrapper {
  margin-bottom: 5em;
}
.table-wrapper div.quick-filter {
  margin-bottom: 20px;
}
.table-wrapper div.quick-filter > span.title, .table-wrapper div.quick-filter div > span.title {
  display: block;
  margin-bottom: 10px;
}
.table-wrapper div.quick-filter label {
  border-radius: 25px;
  padding: 6px 12px;
  margin-bottom: 5px;
}
.table-wrapper div.quick-filter label > div {
  margin-right: 3px;
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 1024px) {
  .table-wrapper .table div.sticky-wrapper {
    display: none !important;
  }
}
.table-wrapper .table div.sticky-wrapper div.sticky {
  padding-top: 20px;
}
@media (max-width: 766px) {
  .table-wrapper h1 {
    margin-bottom: 0.8333333333em;
  }
}
@media (max-width: 766px) {
  .table-wrapper .col {
    margin-bottom: 1.25em;
  }
}

.table__head {
  border-bottom: 1px solid #000;
}
@media (max-width: 1023px) {
  .table__head {
    display: none;
  }
}
.table__head .table__cell {
  vertical-align: bottom;
  padding-left: 0.625em;
  padding-bottom: 0.8333333333em;
  padding-top: 0;
}
.table__head .table__cell.small-head {
  min-height: 2em;
}
@media (max-width: 1023px) {
  .table__head.table__head--show\@tablet {
    display: block;
  }
}

.table__title {
  display: inline-block;
}

.table__row:nth-of-type(2n+2) {
  background-color: #fbfbfb;
}

.table__row {
  border-bottom: 1px solid #EEEEEE;
  font-size: 0;
}
.table__row.row-success {
  background-color: rgba(112, 202, 99, 0.4117647059);
}
.table__row.row-danger {
  background-color: rgba(209, 84, 68, 0.368627451);
}
.table__row.no-bottom {
  border-bottom: 0px !important;
}
.table__row.uneven {
  background-color: #f6f6f6 !important;
}
@media (max-width: 1023px) {
  .table__row {
    position: relative;
    padding-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .table__row {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.table__row:last-of-type {
  border-bottom: 1px solid #000;
}
.table__row.customerData {
  border-bottom: 1px solid #000;
}

.table__first_row {
  border-top: 1px solid #000;
}

.small__cell {
  padding: 0.5em !important;
  min-height: 2em !important;
}

.table__cell--no-padding {
  padding: 0;
}

.table__cell {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .table__cell {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    padding-left: 0.625em;
  }
}
.table__cell .table-status-label {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block !important;
}
@media (max-width: 1023px) {
  .table__cell {
    vertical-align: top !important;
  }
}
@media (max-width: 1023px) {
  .table__cell.table__cell--action {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
.table__cell.permanent-caption:before {
  content: attr(data-label);
  font-size: 0.75em;
  line-height: 1.3333333333em;
  font-weight: 600;
  text-decoration: none !important;
  letter-spacing: 0.05em;
  color: #000;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 1.25em;
  height: 1em;
}
@media (max-width: 1023px) {
  .table__cell:not(.permanent-caption):before {
    content: attr(data-label);
    font-size: 0.75em;
    line-height: 1.3333333333em;
    font-weight: 600;
    text-decoration: none !important;
    letter-spacing: 0.05em;
    color: #000;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 1.25em;
    height: 1em;
  }
}
.table__cell.is-highlighted:before {
  color: #00aac6;
}
.table__cell.overflow {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .table__cell.table__cell--action:before {
    display: none;
  }
}
.table__cell.asc::after, .table__cell.desc::after {
  display: none;
  content: "";
  background-image: url("/assets/images/icons/sort-ascending.svg");
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.table__cell.asc.activeSort::after, .table__cell.desc.activeSort::after {
  display: inline-block;
}
.table__cell.asc::after {
  background-image: url("/assets/images/icons/sort-descending.svg");
}
@media (min-width: 1024px) {
  .table__cell:first-of-type:not(.table__cell--center), .table__cell:last-of-type:not(.table__cell--center) {
    padding-right: 0.625em;
  }
}

.cell-line {
  padding-bottom: 0.125em;
  min-height: 2em;
}

@media (max-width: 1023px) {
  .table__body {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
}
.table__body div.table__row.template, .table__body div.table__row.media {
  font-weight: normal;
  color: #404040;
  background-color: rgba(175, 227, 150, 0.4);
}
.table__body div.table__row.template:hover, .table__body div.table__row.media:hover {
  background-color: rgba(175, 227, 150, 0.4) !important;
}
.table__body div.table__row.digital-form {
  background-color: rgba(203, 239, 255, 0.4);
}
.table__body div.table__row.digital-form:hover {
  background-color: rgba(203, 239, 255, 0.4) !important;
}
.table__body div.table__row.digital-form2 {
  background-color: rgba(241, 228, 241, 0.4);
}
.table__body div.table__row.digital-form2:hover {
  background-color: rgba(241, 228, 241, 0.4) !important;
}
.table__body div.table__row.lab {
  background-color: rgba(244, 197, 192, 0.4);
  border-bottom-color: #e0e0e0;
}
.table__body div.table__row.lab:hover {
  background-color: rgba(244, 197, 192, 0.4) !important;
}
.table__body .table__cell {
  position: relative;
  font-size: 16px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .table__body .table__cell {
    min-height: 4em;
  }
}
.table__body .table__cell span,
.table__body .table__cell a:not(.input--action) {
  display: inline;
}
.table__body .table__cell span.price {
  display: inline-block !important;
}
@media (max-width: 1023px) {
  .table__body .table__cell.table__cell--action {
    position: absolute;
    top: 20px;
    right: 10px;
  }
}
@media (max-width: 766px) {
  .table__body .table__cell.table__cell--action {
    top: 2.5em;
    right: 1.25em;
  }
}
.table__body .table__cell.table__cell--action a.input--action:first-of-type > div {
  margin-bottom: 10px;
}

.table__cell--action .ember-view {
  float: right;
}

.table__cell--center.table__cell--center {
  text-align: center;
  padding-left: 0;
}
.table__cell--center.table__cell--center.table__cell:before {
  padding-right: 0;
}
@media (min-width: 767px) {
  .table__cell--center.table__cell--center input {
    text-align: center;
  }
}

.table__cell--right.table__cell--right {
  text-align: right;
}
@media (max-width: 1024px) {
  .table__cell--right.table__cell--right::before {
    text-align: right !important;
    padding-right: 0;
  }
}

.border-top {
  border-top: 1px solid #404040;
}

.table--large.no-background {
  background-color: transparent !important;
}
@media (max-width: 1024px) {
  .table--large.table--with-sub .table__cell.table__cell--action {
    position: absolute !important;
    bottom: 15px !important;
    top: auto !important;
  }
}
.table--large .table__body .table__cell {
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
}
.table--large .table__body .table__cell > span:not(.small, .medium) {
  font-size: 15px;
}
.table--large .table__body .table__cell span.none {
  font-weight: bold;
  font-size: 1.1em;
}
.table--large .table__body .table__cell span.warning-label {
  display: inline-block;
  vertical-align: top !important;
  margin-top: 2px;
}
.table--large .table__body .table__cell span.sub.sub-small {
  font-size: 14px;
}
.table--large .table__body .table__cell span.semi-subtext {
  display: inline-block;
  font-size: 12px;
}
.table--large .table__body .table__cell span.small-subtext {
  display: inline-block;
  font-size: 10px;
}
.table--large .table__body .table__cell img.product__image {
  max-height: 65px;
  top: 60%;
}
.table--large .table__body .table__cell .list-action-circle {
  height: 2em;
  width: 2em;
}
.table--large .table__body .table__cell.auto-height {
  min-height: auto;
}
@media (min-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--left--desktop {
    text-align: left !important;
  }
}
@media (min-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--right--desktop {
    text-align: right !important;
  }
}
@media (min-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--center--desktop {
    text-align: center !important;
  }
}
.table--large .table__body .table__cell.no-caption:before {
  display: none !important;
}
.table--large .table__body .table__cell span.label {
  font-size: 11px;
  vertical-align: text-top;
  border-radius: 8px !important;
}
.table--large .table__body .table__cell span.document-description {
  font-size: 1em;
  display: block;
  padding-left: 38px;
}
.table--large .table__body .table__cell .list-action-square img {
  max-height: 22px;
  max-width: 22px;
}
.table--large .table__body .table__cell .list-action-square .active svg.etiga g.icon-wrapper {
  fill: #ADCCD4;
}
.table--large .table__body .table__cell .list-action-square svg.etiga g.icon-wrapper {
  fill: #a2a2a2;
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--high {
    min-height: 7em;
  }
}
.table--large .table__body .table__cell.buttons-1 {
  margin-left: 0px;
}
@media (min-width: 1100px) {
  .table--large .table__body .table__cell.buttons-1 a.icon-button svg {
    display: none;
  }
  .table--large .table__body .table__cell.buttons-1 a.icon-button span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--large .table__body .table__cell.buttons-1 a.icon-button.exp svg {
    display: none;
  }
}
@media (max-width: 1099px) {
  .table--large .table__body .table__cell.buttons-1 a.icon-button span {
    display: none;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.buttons-1 a.icon-button {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.spinner-button-left {
    width: 50% !important;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.spinner-button-left.absolute-fix {
    position: absolute !important;
    bottom: 15px !important;
    top: auto !important;
    left: 0;
  }
}
.table--large .table__body .table__cell.table__cell--action {
  padding-left: 0;
}
.table--large .table__body .table__cell.table__cell--action div.medium-confirm {
  margin-left: -50px;
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action div.medium-confirm {
    left: 50% !important;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action {
    position: relative;
    bottom: 0;
    right: 0;
    top: 20px;
    width: 100% !important;
    margin-left: -10px;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-2 {
    margin-left: -5px;
  }
}
@media (max-width: 767px) {
  .table--large .table__body .table__cell.table__cell--action {
    margin-left: -5px;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-2 {
    margin-left: 0px;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action.spinner-button-right {
    margin-top: 7px;
    width: 50% !important;
  }
  .table--large .table__body .table__cell.table__cell--action.spinner-button-right.absolute-fix {
    padding-right: 10px;
  }
}
.table--large .table__body .table__cell.table__cell--action.buttons-2 {
  padding-right: 0.625em;
}
@media (min-width: 1600px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-2 a.icon-button span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-2 a.icon-button.exp svg {
    display: none;
  }
}
@media (max-width: 1599px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-2 a.icon-button span {
    display: none;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-2 a.icon-button {
    width: 49%;
  }
}
@media (min-width: 1901px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button.exp span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button.exp.exp svg {
    display: none;
  }
}
@media (max-width: 1900px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button.exp span {
    display: none;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button {
    width: 32%;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button:nth-child(2n) {
    margin-left: 5px;
  }
  .table--large .table__body .table__cell.table__cell--action.buttons-3 a.icon-button:nth-child(3n) {
    margin-left: -5px;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-3 div.dropdown:nth-child(2n) > a {
    margin-left: 5px;
  }
}
@media (min-width: 1901px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-4 a.icon-button.exp span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
}
.table--large .table__body .table__cell.table__cell--action.buttons-4 a.icon-button.exp span {
  display: none;
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action.buttons-4 a.icon-button {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action div.dropdown:nth-child(2n) > a {
    margin-left: -5px;
  }
}
.table--large .table__body .table__cell.table__cell--action a.icon-button {
  float: right;
  cursor: pointer;
  margin-left: 5px;
  z-index: 1;
}
.table--large .table__body .table__cell.table__cell--action a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--action a.icon-button {
    margin-bottom: 5px;
  }
  .table--large .table__body .table__cell.table__cell--action a.icon-button:nth-child(2n) {
    margin-left: -5px;
  }
  .table--large .table__body .table__cell.table__cell--action a.icon-button span, .table--large .table__body .table__cell.table__cell--action a.icon-button a {
    display: block !important;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--large .table__body .table__cell.table__cell--action a.icon-button span .ember-view, .table--large .table__body .table__cell.table__cell--action a.icon-button a .ember-view {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .table--large .table__body .table__cell.table__cell--center {
    text-align: left;
  }
}
.table--large .table__body .table__cell.table__cell--spinner > div.spinner2 {
  margin: 0 auto;
  display: inline-block;
}
.table--large .table__body .table__cell.table__cell--icon {
  text-align: center;
}
.table--large .table__body .table__cell.table__cell--icon img {
  max-height: 24px;
  max-width: 24px;
}
.table--large .table__body .table__cell.table__cell--name > span:first-of-type {
  font-weight: 100;
  font-size: 1.5em;
}
.table--large .table__body .table__cell.table__cell--name > span:first-of-type a {
  color: #00aac6;
}
.table--large .table__body .table__cell.table__cell--name span.sub {
  display: block;
}
.table--large .table__body .table__cell.table__cell--image span.colorTile {
  width: 4px;
  height: 43px;
  margin-right: -3px;
  vertical-align: middle;
  border: 0;
  position: absolute;
}
.table--large .table__body .table__cell.table__cell--image div {
  text-align: left;
}
.table--large .table__body .table__cell.table__cell--image div img {
  max-height: 43px;
  max-width: 90%;
}
.table--large .table__body .table__cell.table__cell--products {
  padding-top: 0;
  padding-left: 0;
}
@media (min-width: 1025px) {
  .table--large .table__body .table__cell.table__cell--products {
    margin-top: -10px;
  }
}
.table--large .table__body .table__cell.table__cell--lab-input input {
  padding: 5px;
  border: 1px solid #00aac6;
  border-radius: 5px;
  font-size: 16px;
}
.table--large .table__body .table__cell.table__cell--lab-input span.small {
  font-size: 14px;
}
.table--large .table__body .table__cell .selectable-item {
  line-height: 32px;
}
.table--large .table__cell--favs {
  text-align: center;
}
.table--large .table__cell--favs a.selectable-item.favs {
  border-radius: 25px;
  padding-left: 11px;
  width: 35px;
  display: inline-block;
  height: 35px;
}
.table--large .table__cell--favs a.selectable-item.favs > div {
  position: absolute;
  top: 8px;
  left: 7px;
}
.table--large .table__cell--favs a.selectable-item.favs.selected {
  background-color: #70ca63 !important;
  border-color: #70ca63 !important;
}
.table--large .table__cell--favs a.selectable-item.favs.selected > div svg > g > g {
  fill: white;
}
.table--large div.price-value {
  font-size: 1.1em;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .table--large div.price-value.mixed span {
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
  }
}
.table--large div.price-value span.tax {
  font-size: 0.8em;
  font-weight: normal;
  display: block;
}
@media (max-width: 767px) {
  .table--large div.price-value span.tax {
    font-size: 0.8em;
  }
}
.table--large div.price-value span.subPrice {
  font-size: 0.9em;
  font-weight: normal;
  display: block;
}
@media (max-width: 767px) {
  .table--large div.price-value span.subPrice {
    font-size: 0.9em;
  }
}
.table--large div.table--transactions {
  margin-top: 0px;
}
.table--large div.table--transactions div.table__row div.table__cell {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 2em;
}
.table--large div.table--sub {
  background: none;
  margin-top: -10px;
}
@media (max-width: 1024px) {
  .table--large div.table--sub.table--sub-generic {
    padding-bottom: 80px;
  }
}
.table--large div.table--sub.table--composite {
  margin-top: -50px;
}
@media (max-width: 1024px) {
  .table--large div.table--sub.table--composite {
    margin-top: -20px;
  }
}
.table--large div.table--sub.table--composite div.table__row {
  min-height: auto !important;
}
.table--large div.table--sub.table--composite div.table__row div.table__cell.permanent-caption::before {
  display: none;
}
.table--large div.table--sub.table--composite div.table__cell {
  min-height: 3em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.table--large div.table--sub.table--composite div.table__cell span {
  font-size: 14px;
}
.table--large div.table--sub div.table__body {
  border-top: none;
}
.table--large div.table--sub div.table__body div.table__row {
  border-bottom: 0px;
  padding: 0px !important;
  background: none !important;
}
.table--large div.table--sub div.table__body div.table__row.first div.table__cell.permanent-caption::before {
  padding-right: 0;
  display: block;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell::before {
  padding-right: 0px;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--spinner div.price-line {
  padding-top: 9px;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons div.price-line {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons div.price-line {
    padding-top: 14px;
  }
}
@media (min-width: 1600px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons div.price-line {
    padding-top: 10px;
  }
}
.table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--favs {
  text-align: center;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--favs div.price-line {
  padding-top: 12px;
}
@media (min-width: 1024px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons {
    padding-top: 51px;
    padding-right: 0;
    text-align: right;
  }
}
@media (min-width: 1600px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons a.icon-button svg {
    display: none;
  }
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons a.icon-button span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons a.icon-button.exp svg {
    display: none;
  }
}
@media (max-width: 1599px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--buttons a.icon-button span {
    display: none;
  }
}
.table--large div.table--sub div.table__body div.table__row div.table__cell.table__cell--action {
  position: relative !important;
  width: inherit !important;
  right: 0;
  top: 0;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell a.icon-button {
  display: inline-block;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
@media (max-width: 1024px) {
  .table--large div.table--sub div.table__body div.table__row div.table__cell a.icon-button svg {
    display: block;
  }
  .table--large div.table--sub div.table__body div.table__row div.table__cell a.icon-button span {
    display: none;
  }
}
.table--large div.table--sub div.table__body div.table__row div.table__cell div.price-line {
  line-height: 44px;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell div.price-line .spinner2 {
  display: inline-block;
}
.table--large div.table--sub div.table__body div.table__row div.table__cell div.price-value span.tax {
  margin-top: -27px;
}

.table--small.no-background {
  background-color: transparent !important;
}
.table--small .table__body .table__cell {
  font-size: 14px;
  line-height: 20px;
}
.table--small .table__body .cell-line {
  min-height: 1.4285714286em;
}
.table--small .table__body .table__cell--action {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .table--small .table__body .table__cell--action {
    padding-top: 0.8571428571em;
  }
}
@media (max-width: 1024px) {
  .table--small .spinner {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .table--small .spinner .spinner__plus,
  .table--small .spinner .spinner__minus {
    display: none !important;
  }
}

.table--big .table__body .table__cell {
  font-size: 18px;
  line-height: 32px;
}
.table--big .table__body .cell-line {
  min-height: 1.7777777778em;
}
.table--big .table__body .table__cell--action {
  padding-top: 0.8571428571em;
  padding-bottom: 0;
}
.table--big .spinner {
  padding: 0 0.2777777778em;
}
@media (max-width: 1024px) {
  .table--big .spinner {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .table--big .spinner .spinner__plus,
  .table--big .spinner .spinner__minus {
    display: none !important;
  }
}

.table--mini .table__cell {
  padding-bottom: 0.625em;
  padding-top: 0.625em;
  min-height: 0;
  font-size: 14px;
  line-height: 20px;
}

.table__icon {
  max-height: 1.6666666667em;
}

.table__image {
  display: block;
  padding: 0.25em;
  max-height: 100%;
}

body .jason-icon-text {
  width: 1.125em;
  height: 1.125em;
}

@media (max-width: 766px) {
  .table__cell--center .product__image {
    display: block;
    margin: 0 auto;
  }
}
.table__cell--center .input-group {
  margin: 0 auto;
}

.input-group.move-up-down > a {
  line-height: 14px;
  display: block !important;
}
.input-group.move-up-down > a > img {
  width: 15px;
}

@media (min-width: 1025px) {
  .table__cell--center\@desk {
    text-align: center;
  }
}

@media (min-width: 1025px) {
  .table__cell--right\@desk {
    text-align: right;
  }
}

@media (max-width: 766px) {
  .table__cell[data-label=Bezeichnung] {
    padding-right: 2.5em;
  }
}

.table__cell--buttons {
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
}

.table__cell--recommended img {
  max-width: 22px;
}
.table__cell--recommended img.jnp {
  max-width: 24px;
}

.table__second-row {
  border-bottom: 1px solid #EEEEEE;
  margin-top: -20px;
  padding-bottom: 0.625em;
}
.table__second-row .table--invoice {
  background-color: transparent !important;
}
.table__second-row .table__cell {
  min-height: 0;
  padding-top: 0.3125em;
  padding-bottom: 0.4166666667em;
}
.table__second-row .table__cell:before {
  display: none;
}
.table__second-row .table__cell > span {
  vertical-align: middle;
}
.table__second-row .table__cell span,
.table__second-row .table__cell label {
  font-size: 0.8571428571em;
}
.table__second-row .table__cell .select2-chosen {
  vertical-align: text-bottom;
  font-size: 1em;
}
.table__second-row .checkbox + label {
  vertical-align: text-bottom;
  font-weight: 400;
  margin-left: 0.3333333333em;
}
.table__second-row .select2-container .select2-choice abbr.select2-search-choice-close {
  right: 0 !important;
  top: 5px !important;
}

.table--payment .payment-label,
.table--payment .payment-label .ember-view {
  font-size: 18px !important;
  font-weight: 600;
  line-height: 36px;
}
.table--payment .table__cell:before {
  font-size: 12px;
  line-height: 16px;
}

.is-sortable {
  position: relative;
}
.is-sortable::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  display: inline-block;
  width: 0.6666666667em;
  height: 0.6666666667em;
  border-right: 0.2em solid #404040;
  border-top: 0.2em solid #404040;
  transform: rotate(-45deg) translate(0, -50%);
  margin-left: 0.8333333333em;
}

.table__cell--toggle {
  position: relative;
  padding: 0;
}
@media (min-width: 1024px) {
  .table__cell--toggle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.table--treatment-history a.input--action > div {
  width: 32px;
}
@media (min-width: 1024px) {
  .table--treatment-history div.table__cell:last-of-type:not(.table__cell--center) {
    padding-right: 0px;
  }
}
.table--treatment-history div.customer-gender-icon > img {
  margin-right: 5px;
}
.table--treatment-history div.animal-icon-wrapper > img, .table--treatment-history div.customer-gender-icon > img {
  max-width: 25px !important;
  max-height: 25px !important;
}
.table--treatment-history div.table__cell--action {
  padding-left: 0;
}
.table--treatment-history div.table__cell--action a.icon-button {
  float: right;
  cursor: pointer;
  margin-left: 5px;
  z-index: 1;
}
.table--treatment-history div.table__cell--action a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
@media (max-width: 1024px) {
  .table--treatment-history div.table__cell--action a.icon-button {
    margin-bottom: 5px;
  }
  .table--treatment-history div.table__cell--action a.icon-button span, .table--treatment-history div.table__cell--action a.icon-button a {
    display: block !important;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  .table--treatment-history div.table__cell--action a.icon-button span .ember-view, .table--treatment-history div.table__cell--action a.icon-button a .ember-view {
    width: 100%;
  }
}

.table-wrapper-rework .table--treatment-positions .table__head {
  border-radius: 0;
  border-top: solid 1px rgba(0, 0, 0, 0.15);
  border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.table-wrapper-rework .table--treatment-positions .table__body .table__row:last-of-type {
  border-radius: 0 !important;
  border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
  .table--invoice div.table__body div.table__row {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.table--invoice input.price-input {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  background-color: white;
  width: 75px;
  height: 36px;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}
.table--invoice div.icon-bar {
  position: relative;
}
.table--invoice div.inline-icons > * {
  display: inline-block !important;
}
@media (max-width: 1023px) {
  .table--invoice .table__cell--paceholder {
    display: none;
  }
}
.table--invoice .checkbox-wrapper {
  display: inline-block;
}
.table--invoice [type=checkbox]:checked + label svg path {
  fill: white;
}
.table--invoice [type=checkbox]:checked + label svg circle {
  fill: #008EC6;
  stroke: #008EC6;
}
@media (max-width: 1023px) {
  .table--invoice .table__second-row {
    border-top: 1px solid #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
  }
}
.table--invoice .spinner {
  padding: 0;
}

.table.size-fix {
  font-size: 0;
}

.table__row.not-billed, .table.not-billed {
  background-color: #EEEEEE;
}
.table__row.no-hover div.table__row:hover, .table.no-hover div.table__row:hover {
  background-color: transparent;
}
.table__row.no-shadow div.table__row, .table.no-shadow div.table__row {
  background-color: transparent;
}
.table__row.no-shadow div.table__row:hover, .table.no-shadow div.table__row:hover {
  background-color: #c6efff;
}

.table--ve .table__title-image {
  max-width: 80px;
}
.table--ve .table__cell {
  line-height: 40px !important;
}
.table--ve .table__cell .fav-button {
  vertical-align: baseline;
  padding: 0.3571428571em 0.7142857143em;
}
.table--ve .table__cell .fav-button.btn-primary > span::before {
  color: white;
}
.table--ve [for=product-quantity-input] {
  padding-left: 2px;
  padding-right: 2px;
}
.table--ve div.unit-selection select.product-unit {
  border-color: #00aac6;
  padding-top: 0;
}
.table--ve div.unit-selection i.arrow {
  color: #00aac6 !important;
}

@media (max-width: 767px) {
  .product-detail .table__row {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .product-detail .table__row .table__cell--center {
    text-align: left;
  }
}

.price-line {
  height: 50px;
  line-height: 50px;
}
.price-line.gross-price {
  font-weight: 600;
  font-size: 1.1em;
}
.price-line.gross-price span.small {
  margin-top: -17px;
  display: block;
  font-weight: normal;
}

#prices .price-line, #default-row.price-line {
  height: auto;
}
#prices .price-line.outdated, #default-row.price-line.outdated {
  background-color: rgba(239, 95, 78, 0.1882352941);
}

.table__cell--addTocart {
  padding-left: 0;
  padding-right: 0;
}

.image__max {
  max-width: 100%;
  max-height: 60px;
}

.image__max80 {
  max-width: 100%;
  max-height: 80px;
}

.saved--center {
  font-size: 11px !important;
  margin: 0 auto !important;
  float: none !important;
}

.movement--type {
  display: inline-block;
  vertical-align: bottom;
}

.saved--percent {
  background: #C0C0C0 !important;
  background: linear-gradient(45deg, #C0C0C0 0%, #696969 100%) !important;
}

.div--price {
  margin-top: 4px;
}
@media (max-width: 1024px) {
  .div--price {
    margin-top: -2px;
  }
}

@media (max-width: 1024px) {
  .phone--line {
    margin-top: 10px !important;
  }
}

table.accountingTable {
  width: 100%;
}
.table.customer-search div.table__cell.gender-icon {
  padding-top: 22px;
}
.table.customer-search div.table__cell--action {
  padding-top: 27px;
  padding-right: 0;
  padding-left: 0;
}
.table.customer-search ul.contactInfos {
  margin-bottom: 0;
}
.table.customer-search ul.contactInfos li {
  position: relative;
}
.table.customer-search ul.contactInfos li img {
  position: absolute;
  top: 4px;
  width: 15px;
}
.table.customer-search ul.contactInfos li a {
  display: inline-block;
  padding-left: 20px;
}

.sum-table {
  padding-top: 1.25em;
}
.sum-table .cashbackCarIcon > div {
  position: absolute;
  left: 0px;
  top: 41px;
}
.sum-table .sum-line {
  border-top: 1px solid #00aac6;
}

.sum-table__col {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}

@media (min-width: 1025px) {
  .upgrade-panel {
    width: 500px !important;
    float: right;
  }
}
.upgrade-panel > div {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  padding: 15px 20px;
  position: relative;
}
.upgrade-panel > div img {
  width: 50px;
  position: absolute;
  top: 50%;
  margin-top: -27px;
}
.upgrade-panel > div div {
  margin-left: 70px;
}
.upgrade-panel > div div button.button {
  background-color: #70ca63 !important;
  margin-left: 5px;
  position: absolute;
  right: 20px;
  top: 22px;
  font-size: 1em;
}
.upgrade-panel > div div p {
  margin-top: 5px;
  margin-bottom: 10px;
}

.panel {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: 1px solid #404040;
  margin-bottom: 1.25em;
}

.panel__head {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: 1px solid #404040;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
@media (max-width: 1023px) {
  .panel__head {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
@media (min-width: 1024px) {
  .panel__head {
    padding: 1.25em;
  }
}
.panel__head .jason-icon {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  float: left;
  display: block;
  margin-right: 0.8888888889em;
}
.panel__head .like-h3 {
  display: inline-block;
  margin-right: 0.5555555556em;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .panel__body {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}

@media (max-width: 766px) {
  .panel__cell {
    margin-bottom: 1.25em;
  }
}
@media (min-width: 767px) {
  .panel__cell {
    text-align: right;
  }
}

.panel__entry {
  position: relative;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  margin-top: 20px;
}
@media (max-width: 766px) {
  .panel__entry {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
@media (min-width: 1024px) {
  .panel__entry {
    padding: 1.25em;
  }
}
.panel__entry:nth-of-type(2n+2) {
  border-top: 1px solid #EEEEEE;
  background-color: #fbfbfb;
}
.panel__entry .panel__line {
  font-size: 1.125em;
  line-height: 1.3333333333em;
}
.panel__entry .panel__image {
  max-height: 9.0625em;
}

.panel__info {
  margin-bottom: 1.25em;
}

.price {
  font-weight: 600;
  font-size: 1.2vw;
}
@media (max-width: 1024px) {
  .price {
    font-size: 13px;
  }
}
@media screen and (min-width: 1921px) {
  .price {
    font-size: 24px;
  }
}

.price-uvp {
  font-weight: 600;
  font-size: 0.85vw;
}
@media (max-width: 1024px) {
  .price-uvp {
    font-size: 10px;
  }
}
@media screen and (min-width: 1921px) {
  .price-uvp {
    font-size: 18px;
  }
}

.price--saved {
  color: #00aac6;
}

.price--fee {
  color: #8c8c8c;
}

.small {
  font-size: 0.75em;
  line-height: 1.3333333333em;
}

.panel__actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.25em;
}
.panel__actions .input--delete svg path {
  fill: #EF5F4E;
}

.panel--product {
  border: none;
}
.panel--product .panel__body {
  padding: 2.5em;
}

.toggle-filter > div {
  overflow: visible;
  display: inline-block;
  padding-right: 20px;
  background-color: white;
}
.toggle-filter > div h2 {
  display: inline-block;
}
.toggle-filter > div .header-toggle {
  padding-top: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.toggle-filter > div .header-toggle > label.switch {
  height: 30px;
}
.toggle-filter > div > div {
  display: inline;
}
.toggle-filter > div > div > svg {
  display: inline;
}

.toggle-container {
  border-bottom: 1px solid #626262;
  max-height: 48px;
  overflow: visible;
  margin-bottom: 40px;
}
.toggle-container.patient-title {
  margin-bottom: 30px;
}
.toggle-container > div {
  overflow: visible;
  display: inline-block;
  padding-right: 20px;
  background-color: white;
}
.toggle-container > div h2 {
  display: inline-block;
  margin-top: 30px;
}
.toggle-container > div .header-toggle {
  padding-top: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.toggle-container > div .header-toggle > label.switch {
  height: 30px;
}
.toggle-container > div > div {
  display: inline;
}
.toggle-container > div > div > svg {
  display: inline;
}

div.table__body div.cashbackBar div.thresholdBar > span {
  top: -1px !important;
}

div.cashbackBarWrapper {
  width: 360px;
  margin: 0 auto;
}
div.cashbackBarWrapper > div {
  position: relative;
}
div.cashbackBarWrapper div.legendWrapper {
  font-size: 14px;
  margin-top: 10px;
}
div.cashbackBarWrapper div.legendWrapper .ember-view {
  display: inline-block;
}
div.cashbackBarWrapper div.legendWrapper span.legend {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #008EC6;
  margin-bottom: 0px;
  margin-right: 10px;
  line-height: 30px;
}
div.cashbackBarWrapper div.legendWrapper span.legend.current {
  background-color: #429321;
}
div.cashbackBarWrapper > span {
  margin-bottom: 10px;
  display: block;
}
div.cashbackBarWrapper div.thresholdCashbackBar {
  height: 30px;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #00aac6;
}
div.cashbackBarWrapper div.thresholdCashbackBar div.firstLabel {
  position: absolute;
  top: 3px;
  font-size: 13px;
  padding-left: 20px;
}
div.cashbackBarWrapper div.thresholdCashbackBar div.firstLabel > div.ember-view {
  position: absolute;
  left: -10px;
  top: -7px;
}
div.cashbackBarWrapper div.thresholdCashbackBar div.cashbackLabel {
  position: relative;
  min-width: 120px;
  float: left;
  height: 30px;
}
div.cashbackBarWrapper div.thresholdCashbackBar div.cashbackLabel > span {
  font-size: 13px;
  top: 4px;
  right: -20px;
  position: absolute;
  display: block;
}
div.cashbackBarWrapper div.thresholdLabelBar {
  height: 30px;
  width: 100%;
  position: relative;
  line-height: 20px;
}
div.cashbackBarWrapper div.thresholdLabelBar div.firstLabel {
  position: absolute;
  top: 3px;
  font-size: 13px;
  padding-left: 22px;
}
div.cashbackBarWrapper div.thresholdLabelBar div.firstLabel > div.ember-view {
  position: absolute;
  left: -8px;
  top: -7px;
}
div.cashbackBarWrapper div.thresholdLabelBar div.thresholdLabel {
  position: relative;
  min-width: 120px;
  float: left;
  height: 30px;
}
div.cashbackBarWrapper div.thresholdLabelBar div.thresholdLabel > span {
  font-size: 13px;
  top: 4px;
  right: -20px;
  position: absolute;
  display: block;
}
div.cashbackBarWrapper div.thresholdBorderBar {
  height: 30px;
  position: absolute;
  top: 30px;
}
div.cashbackBarWrapper div.thresholdBorderBar div.thresholdBarBorder {
  z-index: 99;
  float: left;
  height: 29px;
  min-width: 120px;
  border-right: 1px solid grey;
}
div.cashbackBarWrapper div.thresholdBorderBar div.thresholdBarBorder.full {
  border-right: 1px solid white !important;
}
div.cashbackBarWrapper div.cashbackBar {
  border: 1px solid grey;
  height: 30px;
  background-color: #f5f5f5;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
div.cashbackBarWrapper div.cashbackBar span.currentThresholdBar {
  display: block;
  position: absolute;
  height: 28px;
  min-width: 0 !important;
}
div.cashbackBarWrapper div.cashbackBar span.currentThresholdBar div.bar {
  background-color: #429321;
  height: 28px;
}
div.cashbackBarWrapper div.cashbackBar > div:nth-of-type(3) {
  min-width: 118px !important;
  border-right: none !important;
}
div.cashbackBarWrapper div.cashbackBar div.thresholdBar {
  float: left;
  height: 28px;
  min-width: 120px;
  position: relative;
}
div.cashbackBarWrapper div.cashbackBar div.thresholdBar div.bar {
  background-color: #008EC6;
  height: 28px;
}

div.paramBarWrapper {
  width: 150px;
  margin: 0 auto;
}
div.paramBarWrapper > div {
  position: relative;
}
div.paramBarWrapper div.legendWrapper {
  font-size: 14px;
  margin-top: 10px;
}
div.paramBarWrapper div.legendWrapper .ember-view {
  display: inline-block;
}
div.paramBarWrapper div.legendWrapper span.legend {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #008EC6;
  margin-bottom: 0px;
  margin-right: 10px;
  line-height: 20px;
}
div.paramBarWrapper div.legendWrapper span.legend.current {
  background-color: #429321;
}
div.paramBarWrapper > span {
  margin-bottom: 10px;
  display: block;
}
div.paramBarWrapper div.thresholdCashbackBar {
  height: 20px;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #00aac6;
}
div.paramBarWrapper div.thresholdCashbackBar div.firstLabel {
  position: absolute;
  top: 3px;
  font-size: 13px;
  padding-left: 20px;
}
div.paramBarWrapper div.thresholdCashbackBar div.firstLabel > div.ember-view {
  position: absolute;
  left: -10px;
  top: -7px;
}
div.paramBarWrapper div.thresholdCashbackBar div.cashbackLabel {
  position: relative;
  min-width: 40px;
  float: left;
  height: 20px;
}
div.paramBarWrapper div.thresholdCashbackBar div.cashbackLabel > span {
  font-size: 13px;
  top: 4px;
  right: -20px;
  position: absolute;
  display: block;
}
div.paramBarWrapper div.thresholdLabelBar {
  height: 20px;
  width: 100%;
  position: relative;
  line-height: 20px;
}
div.paramBarWrapper div.thresholdLabelBar div.thresholdLabel {
  position: relative;
  min-width: 30px;
  float: left;
  min-width: 72px;
  height: 20px;
  text-align: center;
}
div.paramBarWrapper div.thresholdLabelBar div.thresholdLabel > span {
  font-size: 13px;
  top: 4px;
  display: block;
}
div.paramBarWrapper div.thresholdBorderBar {
  height: 40px;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
}
div.paramBarWrapper div.thresholdBorderBar div.thresholdBarBorder {
  z-index: 99;
  float: left;
  height: 26px;
  min-width: 40px;
  border-right: 3px solid black;
  position: absolute;
}
div.paramBarWrapper div.thresholdBorderBar div.thresholdBarBorder.full {
  border-right: 1px solid white !important;
}
div.paramBarWrapper div.cashbackBar {
  border: 1px solid grey;
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
div.paramBarWrapper div.cashbackBar span.currentThresholdBar {
  display: block;
  position: absolute;
  height: 18px;
  min-width: 0 !important;
}
div.paramBarWrapper div.cashbackBar span.currentThresholdBar div.bar {
  background-color: #429321;
  height: 18px;
}
div.paramBarWrapper div.cashbackBar div.thresholdBar {
  float: left;
  height: 18px;
  min-width: 40px;
  position: relative;
}
div.paramBarWrapper div.cashbackBar div.thresholdBar div.barRed {
  min-width: 24px;
  background-color: #EF5F4E;
  height: 18px;
}
div.paramBarWrapper div.cashbackBar div.thresholdBar div.barGreen {
  min-width: 68px;
  background-color: #429321;
  height: 18px;
}

div#basket span.badge {
  background-color: #00aac6;
}
div#basket div.currency {
  display: inline-block;
  position: relative;
}
div#basket div.currency::after {
  content: "netto";
  position: absolute;
  right: 0;
  font-size: 12px;
  top: 16px;
}

nav.context-bar div.buttons-box, div.panel-heading div.buttons-box {
  white-space: nowrap;
  padding-top: 0px;
}
nav.context-bar div.buttons-box div.dropdown, div.panel-heading div.buttons-box div.dropdown {
  display: inline-block;
}
nav.context-bar div.buttons-box a.button.context, nav.context-bar div.buttons-box button.button.context, div.panel-heading div.buttons-box a.button.context, div.panel-heading div.buttons-box button.button.context {
  position: relative;
  height: 36px;
  line-height: 24px;
}
nav.context-bar {
  position: fixed;
  margin: -20px -20px 20px;
  height: 81px;
  width: 100%;
  padding: 20px 10px 10px 20px;
  z-index: 100;
  background-color: rgb(235, 233, 227);
  border-bottom: 1px solid lightgrey;
}
nav.context-bar form {
  margin: 0;
  padding: 0;
  display: inline-block;
}
nav.context-bar > div:first-of-type {
  white-space: nowrap;
}
nav.context-bar.sidebar > div {
  padding-right: 75px;
}
nav.context-bar > div.buttons-box {
  text-align: right;
  padding-right: 115px;
}
nav.context-bar.sidebar > div.buttons-box {
  padding-right: 76px;
}
@media (max-width: 1370px) and (min-width: 1024px) {
  nav.context-bar.sidebar > div.buttons-box {
    padding-right: 215px;
  }
}
nav.context-bar.sidebar-inactive > div.buttons-box {
  padding-right: 145px;
}
nav.context-bar form.search-box {
  width: 75%;
}
@media (max-width: 1024px) {
  nav.context-bar form.search-box {
    width: 75%;
  }
}
@media (max-width: 767px) {
  nav.context-bar form.search-box {
    width: 110%;
  }
}
nav.context-bar::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  height: 4px;
  background: linear-gradient(rgba(9, 30, 66, 0.13) 0px, rgba(9, 30, 66, 0.13) 1px, rgba(9, 30, 66, 0.08) 1px, rgba(9, 30, 66, 0) 4px);
}
nav.context-bar .button.filter-toggle {
  margin-left: 3px;
  border: none;
  background-color: #999999;
  vertical-align: top;
  height: 41px;
  width: 41px;
  padding-left: 9px;
  padding-top: 10px;
}
nav.context-bar .button.filter-toggle > img {
  min-width: 22px;
  height: 22px;
}
nav.context-bar .button.filter-toggle:hover {
  background-color: #999999 !important;
}
nav.context-bar a.button.context {
  background-color: white;
}
nav.context-bar a.button.context svg circle {
  fill: white;
}
@media (max-width: 1024px) {
  nav.context-bar {
    margin-left: 0px;
    top: 96px;
  }
}
@media (max-width: 767px) {
  nav.context-bar {
    top: 80px;
  }
  nav.context-bar div.buttons-box {
    padding-right: 0px !important;
    padding-top: 0px;
  }
  nav.context-bar div.buttons-box a.button.with-icon, nav.context-bar div.buttons-box button.button.with-icon {
    height: 41px;
    vertical-align: top;
  }
  nav.context-bar div.buttons-box a.button.with-icon > span, nav.context-bar div.buttons-box button.button.with-icon > span {
    display: none;
  }
  nav.context-bar div.buttons-box a.button.with-icon > div, nav.context-bar div.buttons-box button.button.with-icon > div {
    left: 50%;
  }
  nav.context-bar div.buttons-box a.button.with-icon > div > svg, nav.context-bar div.buttons-box a.button.with-icon > div img, nav.context-bar div.buttons-box button.button.with-icon > div > svg, nav.context-bar div.buttons-box button.button.with-icon > div img {
    height: 25px !important;
    width: 25px !important;
  }
  nav.context-bar div.buttons-box a.button.with-icon > img, nav.context-bar div.buttons-box button.button.with-icon > img {
    left: 50%;
    height: 25px !important;
    width: 25px !important;
  }
  nav.context-bar div.buttons-box a.button.with-icon.dropdown > div, nav.context-bar div.buttons-box button.button.with-icon.dropdown > div {
    left: 35%;
  }
}

.with-context-bar {
  margin-top: 85px;
  display: inline-block;
  width: 100%;
}
.with-context-bar.status::after {
  top: -7px;
  right: -34px;
}
.with-context-bar.status::before {
  right: -4px;
  top: 20px;
}

nav.context-bar form.search-box, aside form.search-box {
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  padding: 6px;
  background-color: white;
  width: 90%;
  margin-bottom: 0px;
  display: inline-block;
}
nav.context-bar form.search-box button.search__button, aside form.search-box button.search__button {
  height: 40px;
  width: 40px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: -6px;
}
nav.context-bar form.search-box input, aside form.search-box input {
  font-size: 1.2em;
  border: none !important;
  padding-left: 0.5em;
}

aside .mfp-close {
  position: absolute;
  right: 30px;
  top: 22px;
  z-index: 101 !important;
  opacity: 1;
  width: auto;
  height: auto;
  padding: 0;
  cursor: pointer;
}
aside .mfp-close > div {
  top: 4px;
  left: -1px;
  position: absolute;
}
aside .mfp-close:hover {
  opacity: 0.9;
}
aside .mfp-close:active {
  top: 22px;
}

aside.side-bar-hidden .mfp-close {
  top: 102px;
  right: -2px;
  position: fixed;
  background-color: #404040;
  width: 43px;
  height: 43px;
  border-radius: 12px 0 0 12px;
}
@media (max-width: 1023px) {
  aside.side-bar-hidden .mfp-close {
    position: fixed;
  }
}
@media (max-width: 767px) {
  aside.side-bar-hidden .mfp-close {
    top: 69px;
    right: -6px;
  }
}

@media (max-width: 1370px) and (min-width: 1024px) {
  section.with-context-bar {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  section.with-context-bar.sidebar-active {
    visibility: hidden !important;
  }
}

aside.side-bar {
  background-color: #fff;
  margin-top: 0;
  margin-left: 31px;
  margin-right: -31px;
  z-index: 101;
  position: fixed;
  padding: 0 30px 0 0;
  top: 80px;
  right: 0;
  border-radius: 0;
}
@media (max-width: 1024px) and (min-width: 1024px) {
  aside.side-bar {
    margin-top: 0;
  }
}
@media (max-width: 1370px) and (min-width: 1024px) {
  aside.side-bar {
    right: 15px;
    width: 35% !important;
    box-shadow: -2px 2px 4px -3px rgba(0, 0, 0, 0.5);
    padding-right: 0;
  }
  aside.side-bar .mfp-close {
    right: 15px;
  }
}
@media (max-width: 1023px) {
  aside.side-bar {
    position: absolute;
    left: -20px;
    top: 0px;
    padding-right: 0;
  }
  aside.side-bar .mfp-close {
    top: 15px;
  }
  aside.side-bar .scrollable {
    overflow: auto;
    max-height: none !important;
  }
  aside.side-bar .mfp-close {
    top: 10px;
    right: 6px;
  }
}
aside.side-bar .scrollable {
  overflow-y: scroll;
  max-height: 600px;
  margin-bottom: 10px;
}
aside.side-bar #label-container {
  position: absolute;
  top: 10px;
  right: 10px;
}
aside.side-bar #label-container > div {
  background-color: #f3f4f6;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #98a1b7;
  text-align: center;
  min-height: 35px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
  padding: 8px;
  display: inline-block !important;
  min-width: 45px;
}
aside.side-bar #label-container > div > img {
  max-height: 25px !important;
}
aside.side-bar form.documentsForm .badge-highlighted-alternative {
  left: 20px;
  top: 17px;
  padding: 3px;
  font-size: 10px;
}
aside.side-bar .inner {
  height: 100%;
}
aside.side-bar .inner .inner-heading {
  padding: 10px 0;
  color: white;
}
aside.side-bar .inner .inner-heading a {
  color: white;
  text-shadow: 2px 2px 0px #000000;
  font-weight: bold;
}
aside.side-bar .inner .inner-heading g {
  fill: white;
}
aside.side-bar .inner .sidebar-button-group {
  margin: -10px -12px 30px;
  text-align: center;
}
aside.side-bar .inner .sidebar-button-group a.button {
  display: inline-block;
  position: relative;
  height: 36px;
  line-height: 16px;
  padding-right: 10px;
  padding-left: 10px;
  width: 30%;
  text-align: center;
}
aside.side-bar .inner .sidebar-button-group a.button.etiga > span {
  position: relative;
  display: block;
}
aside.side-bar .inner .sidebar-button-group a.button.etiga > span > div.ember-view {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  padding-top: 18px;
  padding-left: 2px;
  margin-left: -14px;
}
aside.side-bar .inner .sidebar-button-group a.button > span > div, aside.side-bar .inner .sidebar-button-group a.button > span img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
}
aside.side-bar .inner .sidebar-button-group a.button > div, aside.side-bar .inner .sidebar-button-group a.button img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
}
aside.side-bar .inner .action-buttons {
  margin-top: 20px;
}
aside.side-bar .inner .action-buttons.padding {
  margin-left: 10px;
}
aside.side-bar .inner .action-buttons > a {
  display: block;
}
aside.side-bar .inner .action-buttons > a.docs {
  position: absolute;
  right: 20px;
  bottom: 25px;
}
aside.side-bar .inner .table-wrapper {
  padding: 10px;
}
aside.side-bar .inner .content > .col:not(.title) {
  font-size: 0.9em;
}
aside.side-bar .inner.bottom {
  padding: 10px;
  background-color: grey;
  border-top: 1px solid lightgrey;
  color: white;
}
aside.side-bar .js-tabs__label {
  padding: 0.2em 0.4em 0.8em 0.4em;
  font-size: 0.8em;
}
@media (max-width: 1470px) and (min-width: 1024px) {
  aside.side-bar .js-tabs__label {
    padding: 0.2em 0.45em 0.8em 0.45em;
  }
}
@media (min-width: 1600px) {
  aside.side-bar .js-tabs__label {
    padding: 0.2em 0.55em 0.8em 0.55em;
    font-size: 0.9em;
  }
}
aside.side-bar.patientSidebar {
  height: 100%;
}
aside.side-bar.patientSidebar > div {
  background-color: #f4f4f4;
  overflow-y: scroll;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
aside.side-bar.patientSidebar > div::-webkit-scrollbar {
  display: none;
}
aside.side-bar.patientSidebar div.picture {
  margin-bottom: -50px;
}
aside.side-bar.patientSidebar div.sidebar-card {
  position: relative;
  overflow: visible;
  background-color: white;
  padding: 10px 20px 20px;
  margin: 10px 16px;
  border-radius: 12px;
  margin-top: 25px;
  padding-top: 25px;
  border: solid 1px #eaeaea;
}
aside.side-bar.patientSidebar div.sidebar-card div.cave {
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  top: 43px;
  left: 34px;
  color: red;
}
aside.side-bar.patientSidebar div.sidebar-card label.category {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etiga-toggle, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etiga-toggle {
  position: absolute;
  right: 24px;
  top: 60px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etiga-toggle label, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etiga-toggle label {
  display: inline-block;
  vertical-align: middle;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etiga-toggle b, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etiga-toggle b {
  color: #00aac6;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel {
  color: red;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel.small > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel.small > div {
  min-width: 40px !important;
  width: 40px !important;
  max-width: 40px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel > div {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel > div > img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel > div > img {
  border: none;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel, aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel {
  left: 62px !important;
  top: 4px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel img, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel img, aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel img {
  width: 30px !important;
  height: 30px !important;
  border: 2px solid #fff;
  border-radius: 50%;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel {
  right: 160px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel > div, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div {
  border-top-right-radius: 15px 50% !important;
  border-bottom-right-radius: 15px 50% !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel > div.not-insured, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div.not-insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel > div.not-insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div.not-insured {
  min-width: 90px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel > div img, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel > div img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div img {
  vertical-align: top !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div.not-insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div.insured, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div.not-insured {
  min-width: 95px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > div.sent, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > div.sent {
  min-width: 123px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel {
  left: auto !important;
  right: 150px !important;
  top: 15px !important;
  position: absolute;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#caveLabel img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#caveLabel img {
  height: 20px !important;
  width: 20px !important;
  margin-right: 5px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel {
  position: absolute;
  right: 0px;
  top: 5px;
  margin-top: 9px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#etigaLabel > img, aside.side-bar.patientSidebar div.sidebar-card#summary div#appLabel > img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#etigaLabel > img, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#appLabel > img {
  height: 34px;
  width: 34px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#saldoLabelContainer, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#saldoLabelContainer {
  position: absolute;
  top: 10px;
  right: 10px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#insuredLabel, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#insuredLabel {
  position: absolute;
  right: 0px;
  top: 5px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div#insuredLabel > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div#insuredLabel > div {
  position: absolute;
  top: 10px;
  right: 15px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary h1, aside.side-bar.patientSidebar div.sidebar-card#customerSummary h1 {
  color: #3e3e3e;
  margin-bottom: 0;
  font-size: 26px;
  margin-top: 45px;
  font-weight: 600;
  line-height: 1.2;
}
aside.side-bar.patientSidebar div.sidebar-card#summary img.dead-icon, aside.side-bar.patientSidebar div.sidebar-card#customerSummary img.dead-icon {
  width: 28px;
  vertical-align: top;
  padding-top: 4px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary p.subName, aside.side-bar.patientSidebar div.sidebar-card#customerSummary p.subName {
  margin-top: 0;
  margin-bottom: 20px;
  color: #737373;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock {
  margin: 0 -10px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer {
  width: 33%;
  float: left;
  margin: 0px;
  padding: 0 3px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fafafb;
  border: 1px solid #eaeaea;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer:last-of-type, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer:last-of-type {
  border-radius: 0 8px 8px 0;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer.middle, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer.middle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div {
  height: 62px;
  text-align: center;
  padding-top: 10px;
  position: relative;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div ion-label.na, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div ion-label.na {
  position: absolute;
  top: 16px;
  width: 100%;
  left: 0;
  font-weight: bold;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div ion-icon, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div ion-icon {
  font-size: 27px;
  color: black;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div span, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div span {
  text-transform: uppercase;
  font-weight: bold;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div span em, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div span em {
  font-style: normal;
  font-size: 14px !important;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div span.infoText, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div span.infoText {
  font-size: 20px;
  color: #3e3e3e;
}
aside.side-bar.patientSidebar div.sidebar-card#summary div.titleBlock > div.cellContainer > div span.textBelow, aside.side-bar.patientSidebar div.sidebar-card#customerSummary div.titleBlock > div.cellContainer > div span.textBelow {
  width: 100%;
  position: absolute;
  bottom: 8px;
  margin-top: 10px;
  display: block;
  font-size: 10px;
}
aside.side-bar.patientSidebar div.sidebar-card#health h2 {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 400;
}
aside.side-bar.patientSidebar div.sidebar-card#health p {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 14px;
}
aside.side-bar.patientSidebar div.sidebar-card#customerSummary {
  margin-top: 45px;
}
aside.side-bar.patientSidebar div.sidebar-card#customerSummary p.subName {
  margin-bottom: 0px;
}
aside.side-bar.patientSidebar div.sidebar-card#customerSummary .customer-buttons {
  margin-top: 20px;
}
aside.side-bar.patientSidebar div.sidebar-card#customerSummary .customer-buttons button {
  padding: 10px;
}
aside.side-bar.patientSidebar div.sidebar-card#customerSummary .customer-buttons button img {
  margin-right: 6px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group {
  margin-top: 20px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div {
  min-width: 33% !important;
  float: left;
  margin-top: 20px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div div.tooltipstered, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div div.tooltipstered {
  width: 100%;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div:first-of-type, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div:first-of-type {
  padding-right: 3px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div:last-of-type, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div:last-of-type {
  padding-left: 3px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div.middle, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div.middle {
  padding: 0 3px;
}
aside.side-bar.patientSidebar div.sidebar-card#summary .sidebar-button-group > div .tiny, aside.side-bar.patientSidebar div.sidebar-card#customerSummary .sidebar-button-group > div .tiny {
  width: 100%;
}
aside.side-bar.patientSidebar div.sidebar-card div.showMore {
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: -5px;
  cursor: pointer;
}
aside.side-bar.patientSidebar div.sidebar-card div.showMore > img {
  vertical-align: top;
  padding-top: 3px;
}
aside.side-bar.patientSidebar div.sidebar-card div.showMoreBottom {
  padding-left: 20px;
  cursor: pointer;
  padding-bottom: 8px;
  margin: 20px -20px -15px;
  font-size: 14px;
  font-weight: 500;
  color: #00aac6;
}
aside.side-bar.patientSidebar div.sidebar-card div.category-tab-bar {
  position: absolute;
  top: -10px;
  left: 15px;
  margin-right: -20px;
}
aside.side-bar.patientSidebar div.sidebar-card div.category-tab-bar label.category {
  top: 0;
  left: 0;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  border-radius: 20px;
  padding: 7px 11px;
}
aside.side-bar.patientSidebar div.sidebar-card form.documentsForm {
  padding: 0;
}
aside.side-bar.patientSidebar div.sidebar-card form.documentsForm > div {
  padding-left: 0;
  padding-right: 0;
}
aside.side-bar.patientSidebar div.sidebar-card div.avatar {
  width: 70px;
  height: 70px;
  position: absolute;
  top: -30px;
  left: 15px;
  border-radius: 50%;
}
aside.side-bar.patientSidebar div.sidebar-card div.avatar > div {
  display: block;
  color: white;
  width: 70px;
  height: 100%;
}
aside.side-bar.patientSidebar div.sidebar-card div.avatar > div img {
  max-width: 70px;
  max-height: 70px;
}
aside.side-bar.patientSidebar div.sidebar-card label.category {
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 99;
  font-size: 13px;
  font-weight: 500;
  color: white;
  padding: 7px 11px;
  background-color: #a5a5a5;
  border: 1px solid #e2e2e2;
  box-shadow: none !important;
}
aside.side-bar.patientSidebar div.sidebar-card label.category.deselected {
  background-color: #fafafa !important;
  border-color: #e2e2e2;
  color: #848484;
}
aside.side-bar.patientSidebar div.sidebar-card label.category.deselected {
  background-color: #999999;
  font-weight: normal;
}
aside.side-bar.patientSidebar div.inner.first {
  padding: 0;
}
aside.side-bar.patientSidebar div.inner div.owner-gender {
  padding-left: 10px;
  display: inline-block;
  vertical-align: text-bottom;
}
aside.side-bar.patientSidebar .tabs__content .title {
  padding-top: 4px;
  display: inline-block;
}
aside.side-bar.patientSidebar div.hint {
  background-color: #70ca63;
  min-height: 30px;
  font-size: 0.9em;
  padding: 10px;
  color: white;
}
aside.side-bar.patientSidebar div.picture figure.frame {
  background-size: cover;
  position: absolute;
  height: 230px;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}
aside.side-bar.patientSidebar div.picture figure.frame.dead {
  opacity: 0.3;
}
aside.side-bar.patientSidebar div.picture div.infos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer {
  top: 90px;
  left: 5px;
  position: absolute;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer span.patient-name {
  overflow: hidden;
  height: 45px;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer span.category-text {
  padding-left: 5px;
  vertical-align: text-bottom;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer > p:first-child {
  font-size: 2em;
  line-height: 1em;
  margin-bottom: -10px;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer p {
  text-shadow: 2px 2px 0px #000000;
  color: white;
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 1.1em;
  line-height: 1.1em;
  vertical-align: middle;
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer svg path {
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
}
aside.side-bar.patientSidebar div.picture div.infos div.nameContainer div.ember-view {
  vertical-align: top;
}
aside.side-bar.patientSidebar div.picture div.infos div#etigaDirectMessage {
  position: absolute;
  top: 147px;
  right: 40px;
}
@media (max-width: 1024px) {
  aside.side-bar.patientSidebar div.picture div.infos div#etigaDirectMessage {
    right: 10px;
  }
}
aside.side-bar.patientSidebar div.details {
  padding: 1.25em;
}
aside.side-bar#treatmentSidebar .documentsForm .table-wrapper {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
aside.side-bar#treatmentSidebar .documentsForm .table-wrapper div.table__cell--action {
  padding-right: 0px;
}
aside.side-bar#treatmentSidebar .documentsForm .table-wrapper div.table__cell--action > a > div {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
aside.side-bar#minicartSidebar > div.scrollable {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
aside.side-bar#minicartSidebar > div.scrollable::-webkit-scrollbar {
  display: none;
}
aside.side-bar#minicartSidebar h2 {
  margin-bottom: 10px;
  margin-left: 20px;
  margin-top: 20px;
  display: inline-block;
}
aside.side-bar#minicartSidebar .label-container {
  position: relative;
  display: inline;
}
aside.side-bar#minicartSidebar .label-container label.info-badge {
  margin-left: 5px;
}
aside.side-bar#minicartSidebar .label-container span.badge {
  position: absolute;
  top: 15px;
  right: -7px;
  background-color: #70ca63;
}
aside.side-bar#minicartSidebar div#basket-quickinfos {
  margin: 30px 20px 20px;
}
aside.side-bar#minicartSidebar div#basket-quickinfos > div {
  font-weight: bold;
  font-size: 16px;
}
aside.side-bar#minicartSidebar div#basket-quickinfos > div div.ember-view {
  display: inline-block;
}
aside.side-bar#minicartSidebar div#basket-quickinfos span {
  margin-top: -7px;
  display: block;
}
aside.side-bar#minicartSidebar div#basket-quickinfos span.badge {
  padding: 4px 7px;
  vertical-align: text-top;
  margin-top: 1px;
  display: inline-block;
  background-color: #70ca63;
}
aside.side-bar#minicartSidebar div#checkmark {
  border: 1px solid #00aac6;
  border-radius: 5px;
  padding: 10px 5px 10px 10px;
  margin: 25px 15px 15px;
}
aside.side-bar#minicartSidebar div#toCartButton {
  padding: 30px 20px 20px;
}
aside.side-bar#minicartSidebar div#toCartButton button {
  width: 100%;
  margin-left: 0;
  height: 42px;
}
aside.side-bar#minicartSidebar div#basket-sums {
  padding: 20px;
}
aside.side-bar#minicartSidebar div#basket-sums div.headline {
  margin-bottom: 10px;
  color: #00aac6;
}
aside.side-bar#minicartSidebar div#basket-sums .highlighted-small > span {
  font-size: 14px !important;
  font-weight: normal !important;
}
aside.side-bar#minicartSidebar div#basket-sums .highlighted, aside.side-bar#minicartSidebar div#basket-sums .highlighted-small {
  border-top: 1px solid #DDDDDD;
  padding-top: 2px;
  padding-bottom: 20px;
  margin-top: 3px;
}
aside.side-bar#minicartSidebar div#basket-sums .highlighted > *, aside.side-bar#minicartSidebar div#basket-sums .highlighted-small > * {
  font-weight: bold;
}
aside.side-bar#minicartSidebar div#basket-sums .highlighted.first, aside.side-bar#minicartSidebar div#basket-sums .highlighted-small.first {
  border-top: #999999;
}
aside.side-bar#minicartSidebar div#basket-sums .entry-left, aside.side-bar#minicartSidebar div#basket-sums .entry-right {
  font-size: 14px;
}
aside.side-bar#minicartSidebar div#basket-sums .entry-left {
  padding-left: 5px;
}
aside.side-bar#minicartSidebar div#cartButtons {
  margin-bottom: 40px;
  margin-top: 10px;
}
aside.side-bar#minicartSidebar div#cartButtons > div {
  padding-left: 15px;
  padding-right: 5px;
}
aside.side-bar#minicartSidebar div#cartButtons > div:last-of-type {
  padding-right: 15px;
  padding-left: 5px;
}
aside.side-bar#minicartSidebar div#cartButtons > div > button {
  width: 100%;
  height: 42px;
  font-size: 14px;
  margin-left: 0px;
  padding-left: 0;
  padding-right: 0;
}
aside.side-bar#minicartSidebar div#gotoCart {
  padding-left: 20px;
  padding-bottom: 8px;
  cursor: pointer;
  padding-top: 8px;
  border-top: 1px solid lightgrey;
  background-color: #f4f4f4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
aside.side-bar#minicartSidebar div#miniBasket {
  margin: 0 20px 50px 20px;
}
aside.side-bar#minicartSidebar div#miniBasket.treatment div.supplier-entries div.entry div.name > span.name {
  max-height: 22px;
}
aside.side-bar#minicartSidebar div#miniBasket.treatment div.supplier-entries div.entry div.price {
  top: 35px;
}
aside.side-bar#minicartSidebar div#miniBasket.treatment div.supplier-entries div.entry div.delete {
  top: 35px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-info {
  font-weight: bold;
  margin-top: 10px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-info img {
  max-height: 25px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries {
  width: 100%;
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry {
  position: relative;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 20px;
  padding-top: 8px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.quantity {
  font-size: 16px;
  font-weight: bold;
  padding-top: 8px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name {
  font-size: 16px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name > span.name {
  display: block;
  max-height: 18px;
  overflow: hidden;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name > span.name > a {
  display: inline;
  font-size: 16px;
  line-height: 20px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name > span.unit {
  display: block;
  margin-bottom: 15px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name span.sub {
  display: block;
  font-weight: normal;
  margin-top: -6px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.name span.sub span.quantity {
  font-weight: bold;
  display: inline-block;
  width: 30px;
  padding: 3px;
  text-align: center;
  border-radius: 5px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.price {
  position: absolute;
  top: 58px;
  right: 38px;
  font-size: 16px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.delete {
  position: absolute;
  right: 5px;
  top: 58px;
  font-size: 8px;
}
aside.side-bar#minicartSidebar div#miniBasket div.supplier-entries div.entry div.delete > a {
  padding: 5px;
  height: 3em;
  width: 3em;
}

.invoiceSubmission div.monthyear {
  font-weight: bold;
  margin: 0 0 5px 0;
}

a.downloadButton {
  position: absolute;
  top: 38px;
  left: 180px;
}

a.mailButton {
  position: absolute;
  top: 38px;
  left: 220px;
}

.etigaPermissionPanel div.customerData {
  display: none;
}
.etigaPermissionPanel div.addData {
  display: none;
}
.etigaPermissionPanel div.masterData input.masterData {
  visibility: hidden;
}

.etigaPermissionPanel.patients div.masterData div.delete-etiga-permission {
  visibility: hidden;
}

.input-element .title {
  display: block;
  margin-bottom: 0.3125em;
}

.fake-dropdown {
  background-color: white;
  height: 48px;
  width: 50px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #8c8c8c;
  font-size: 14px;
  line-height: 45px;
}

input.readOnly {
  border: 0px;
  background-color: transparent;
  display: inline;
  width: 40px;
  text-align: right;
}

label.date-picker {
  position: relative;
  cursor: pointer;
}
label.date-picker input.input--date-picker.new-style {
  padding-left: 36px;
}
label.date-picker label.field-icon {
  left: 0;
  top: 20px;
  z-index: 4;
  width: 42px;
  height: 45px;
  color: inherit;
  line-height: 45px;
  position: absolute;
  text-align: center;
}

input:read-only, textarea:read-only {
  background-color: rgba(244, 244, 244, 0.5882352941) !important;
}

div.editable-input {
  border: solid 1px rgba(0, 0, 0, 0.15);
  min-height: 100px;
  width: 100%;
  font-weight: normal;
  padding: 5px;
  font-size: 0.9em;
  border-radius: 10px;
}
div.editable-input span.placeholder {
  border: 1px solid #DDDDDD;
  padding: 5px 7px;
  display: inline-block;
  border-radius: 4px;
  background-color: #FAFAFA;
  font-size: 0.9em;
  font-weight: bold;
}

.input {
  appearance: none;
  border: 0;
  outline: 0;
  padding: 0;
  background: none;
}

input.time-input {
  min-width: 5em !important;
  width: 5em !important;
}

input.number-input-small {
  width: 50px !important;
  margin-top: -13px;
}

div.fake-select > span {
  border: 0;
  background: none;
  position: absolute;
  color: #4A4A4A !important;
  font-weight: 600 !important;
  font-size: 12px;
  padding-top: 7px;
  text-transform: uppercase;
  padding-left: 10px;
}

.input--reason,
.input--order-entry {
  width: 100%;
  font-weight: 100;
  border-bottom: 1px solid #8c8c8c;
  font-size: 2.1875em;
}

.radio-custom {
  margin-bottom: 10px;
}
.radio-custom label::before {
  border-color: #8c8c8c !important;
  width: 22px !important;
  height: 22px !important;
}
.radio-custom label::after {
  color: #8c8c8c !important;
  background-color: #8c8c8c !important;
  width: 12px !important;
  height: 12px !important;
}
.radio-custom .disabled div.radio-custom label::before {
  border-color: #d5dbdb !important;
}
.radio-custom .disabled div.radio-custom label::after {
  border-color: #d5dbdb !important;
  background-color: #d5dbdb !important;
  color: #d5dbdb !important;
}
.radio-custom .disabled div.checkbox-custom label::before {
  border-color: #d5dbdb !important;
}
.radio-custom .disabled div.input--dropdown {
  border: 1px solid #d5dbdb !important;
}
.radio-custom .input--order-entry, .radio-custom .input--order-small {
  border-bottom: 1px solid #8c8c8c;
  font-size: 1.125em;
  margin-bottom: 5px;
  width: 100%;
}
.radio-custom .input--editable {
  border-bottom: 1px solid #8c8c8c;
  border-radius: 0;
  max-width: 100%;
  text-align: inherit;
}
.radio-custom .input--editable.input--number {
  text-align: center;
  width: 80%;
}
.radio-custom .input--full-width {
  width: 100% !important;
}
.radio-custom .select--full-width .select2-container {
  width: 100% !important;
}
.radio-custom .input--vpadding {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.radio-custom .input--order {
  font-weight: 100;
  border-bottom: 1px solid #00aac6;
}
@media (min-width: 1024px) {
  .radio-custom .input--order {
    margin-left: 0.5714285714em;
  }
}
.radio-custom .input--reason {
  font-size: 1.5em;
  margin-left: 0.5714285714em;
}
.radio-custom .select2-container .select2-chosen {
  line-height: 24px;
  padding-left: 10px;
}
.radio-custom .select2-container .select2-choice abbr.select2-search-choice-close {
  background-image: url("images/icons/delete.svg") !important;
  background-size: 20px 20px !important;
  right: 35px !important;
  top: 8px !important;
  width: 20px;
  height: 20px;
}
.radio-custom .select2-container .select2-choice abbr.select2-search-choice-close:hover {
  background-position: 100% 0 !important;
}
.radio-custom .select2-container .select2-choice abbr.select2-search-choice-close:hover .delete-cross {
  color: red !important;
}
.radio-custom .field.select .arrow.double::after {
  display: none;
}
.radio-custom .field.select .arrow.double::before {
  bottom: 4px;
}
.radio-custom .input--action {
  cursor: pointer;
}
.radio-custom .input--action svg {
  display: block;
}
.radio-custom .date-picker {
  font-weight: 400;
  cursor: pointer;
  display: block;
}
.radio-custom .date-picker .fa-calendar {
  margin-right: 0.3125em;
}
.radio-custom .date-picker .input-reset-button {
  position: absolute;
  right: 10px !important;
  bottom: 8px !important;
  height: 30px !important;
  min-width: 30px !important;
}
.radio-custom .date-picker .input-reset-button svg {
  left: 15px !important;
}
.radio-custom .date-picker.combined-date-time {
  border: 1px solid #ADCCD4;
  border-radius: 4px;
  min-width: 100%;
  font-size: 13px;
  font-weight: 600 !important;
}
.radio-custom .date-picker.combined-date-time input {
  border: none !important;
  height: 44px;
  font-size: 13px;
}
.radio-custom .date-picker.combined-date-time input:first-of-type {
  padding-left: 35px;
}
.radio-custom .date-picker.combined-date-time .field-icon {
  left: 0;
  top: 1px;
  z-index: 4;
  width: 42px;
  height: 42px;
  color: inherit;
  line-height: 42px;
  position: absolute;
  text-align: center;
}
.radio-custom .date-picker.combined-date-time .field-icon i {
  size: 15px;
}
.radio-custom label.date-picker > span.title {
  margin-top: 4px;
  margin-bottom: 3px;
}
.radio-custom label.time-picker {
  display: inline-block;
  position: relative;
}
.radio-custom label.time-picker label.field-icon {
  left: 0;
  top: 21px;
  z-index: 4;
  width: 42px;
  height: 42px;
  color: inherit;
  line-height: 42px;
  position: absolute;
  text-align: center;
}
.radio-custom label.time-picker input {
  padding-left: 37px;
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  height: 46px;
  font-weight: 600 !important;
  font-size: 13px;
  width: 3.75em;
}
.radio-custom .input--date-picker, .radio-custom .input--date-picker-single {
  min-width: 13.75em;
  border-bottom: 1px solid #8c8c8c;
}
.radio-custom .input--date-picker.new-style, .radio-custom .input--date-picker-single.new-style {
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  padding-left: 10px;
  min-width: 100%;
  height: 50px;
  font-weight: 600 !important;
  font-size: 13px;
}
.radio-custom .input--date-picker.new-style.small, .radio-custom .input--date-picker-single.new-style.small {
  display: inline-block;
  min-width: 5em;
}
.radio-custom .input--date-picker.small-style, .radio-custom .input--date-picker-single.small-style {
  display: inline-block;
  width: 9.375em !important;
}
.radio-custom .ranges li {
  color: #8c8c8c;
}
.radio-custom .daterangepicker .ranges li.active,
.radio-custom .daterangepicker .ranges li:hover {
  border-color: #8c8c8c;
  font-weight: 600;
}
.radio-custom .daterangepicker td.active,
.radio-custom .daterangepicker td.active:hover {
  font-weight: 600;
}
.radio-custom .daterangepicker td.in-range {
  background-color: #00aac6;
  color: white !important;
}
.radio-custom .daterangepicker td.start-date {
  color: white !important;
}
.radio-custom .daterangepicker td.off.in-range {
  background-color: #00aac6;
  color: white !important;
  color: #000;
}
.radio-custom .daterangepicker td.off.end-date {
  color: #fff;
}
.radio-custom .daterangepicker .input-mini.active {
  border: 1px solid #8c8c8c;
}
.radio-custom .daterangepicker td.available:hover,
.radio-custom .daterangepicker th.available:hover {
  background-color: #8c8c8c;
  color: #fff;
}
.radio-custom .field-checkbox {
  height: 42px;
}
.radio-custom .field-checkbox label::before {
  top: -3px;
}
.radio-custom .field-checkbox label::after {
  top: 0px;
}
.radio-custom .checkbox-custom label:before {
  border-color: #8c8c8c !important;
}
.radio-custom .checkbox-custom label:after {
  color: #8c8c8c !important;
}
.radio-custom .checkbox-custom.upper label::before {
  top: -12px;
}
.radio-custom .checkbox-custom.upper label::after {
  top: -7px !important;
}
.radio-custom label.file > span {
  color: white !important;
}
.radio-custom .field.number-input input {
  width: 50px;
}
.radio-custom .field.number-input span {
  line-height: 42px;
  padding-left: 10px;
}
.radio-custom textarea.newStyle {
  padding: 10px;
}
.radio-custom input.gui-input.newStyle, .radio-custom textarea.newStyle {
  border: 1px solid #8c8c8c !important;
  font-weight: 400;
  border-radius: 4px !important;
}
.radio-custom input.gui-input.newStyle.small-input, .radio-custom textarea.newStyle.small-input {
  width: 100px;
}
.radio-custom input.gui-input.newStyle.three-number-input, .radio-custom textarea.newStyle.three-number-input {
  width: 50px;
}
.radio-custom input.price-input-field {
  text-align: right;
  max-width: 80px;
}
.radio-custom .label-etiga-permission {
  width: 130px;
  height: 32px;
  display: block !important;
  border-radius: 5px;
  font-size: 0.75em;
  line-height: 1.5em;
  font-weight: 600;
  padding-top: 7px;
  text-transform: uppercase;
  padding-right: 25px;
  background-color: #EF5F4E;
  margin-bottom: 5px;
}
.radio-custom .label-etiga-permission.read {
  background-color: #F9B066;
}
.radio-custom .label-etiga-permission.inprogress {
  background-color: #F9B066;
}
.radio-custom .label-etiga-permission.write, .radio-custom .label-etiga-permission.ok {
  background-color: #429321;
}
.radio-custom label.select.colorPicker.calColor1 div.input--dropdown {
  background-color: #a6af92;
}
.radio-custom label.select.colorPicker.calColor2 div.input--dropdown {
  background-color: #a4bec5;
}
.radio-custom label.select.colorPicker.calColor3 div.input--dropdown {
  background-color: #c3afbe;
}
.radio-custom label.select.colorPicker.calColor4 div.input--dropdown {
  background-color: #d2c7b7;
}
.radio-custom label.select.colorPicker.calColor5 div.input--dropdown {
  background-color: #f1b9b9;
}
.radio-custom label.select.colorPicker.calColor6 div.input--dropdown {
  background-color: #e0d0a5;
}
.radio-custom label.select.colorPicker.calColor7 div.input--dropdown {
  background-color: #abd5e0;
}
.radio-custom label.select.colorPicker.calColor8 div.input--dropdown {
  background-color: #c0cbd7;
}
.radio-custom label.select.colorPicker.calColor9 div.input--dropdown {
  background-color: #F7DEDD;
}
.radio-custom label.select.colorPicker.calColor10 div.input--dropdown {
  background-color: #b1ceec;
}
.radio-custom label.select.colorPicker.calColorEtiga div.input--dropdown {
  background-color: #00aac6;
}
.radio-custom label.select.colorPicker.calAppEtigaBooked div.input--dropdown {
  background-color: #00aac6;
}
.radio-custom label.select.etiga {
  width: 130px;
  height: 24px;
}
.radio-custom label.select.etiga span.select2-chosen {
  color: white;
  text-align: center;
}
.radio-custom label.select.etiga div.input--dropdown {
  padding: 5px 10px;
  border: none;
}
.radio-custom label.select.etiga.none div.input--dropdown, .radio-custom label.select.etiga.notok div.input--dropdown {
  background-color: #EF5F4E;
}
.radio-custom label.select.etiga.write div.input--dropdown, .radio-custom label.select.etiga.ok div.input--dropdown {
  background-color: #429321;
}
.radio-custom label.select.etiga.read div.input--dropdown, .radio-custom label.select.etiga.inprogress div.input--dropdown {
  background-color: #F9B066;
}
.radio-custom em.state-error {
  display: block;
  margin-top: -24px;
  margin-bottom: 5px;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  padding-left: 9px;
}

div.btn-delete, div.confirm-panel, div.delete-confirm {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  color: #000;
  padding: 10px;
  text-align: center;
  max-width: 250px;
  min-width: 160px;
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: 12px;
  z-index: 99;
  box-shadow: none;
}
div.btn-delete:after, div.btn-delete:before, div.confirm-panel:after, div.confirm-panel:before, div.delete-confirm:after, div.delete-confirm:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.btn-delete div.footer, div.confirm-panel div.footer, div.delete-confirm div.footer {
  padding: 20px;
}
div.btn-delete div.footer > a, div.confirm-panel div.footer > a, div.delete-confirm div.footer > a {
  float: left;
  width: 40%;
}
div.btn-delete div.footer > a:first-child, div.confirm-panel div.footer > a:first-child, div.delete-confirm div.footer > a:first-child {
  float: right;
}

a.with-icon {
  position: relative;
  padding-left: 40px;
  padding-bottom: 8px;
}
a.with-icon .ember-view.tooltipstered:first-of-type {
  position: absolute;
  left: 5px;
  top: 1px;
}

span.stock-out {
  color: #EF5F4E;
}
span.stock-low {
  color: #F9B066;
}
span.stock-full {
  color: #429321;
}

.data-button {
  border: 1px solid #00aac6;
  border-radius: 3px;
  border: 0 !important;
  border-radius: 3px !important;
  color: white !important;
  background: #00aac6 !important;
}

.button.context {
  margin: 0 0 0 11px;
  padding: 10px 11px 10px 14px;
  color: white;
  line-height: 24px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: none !important;
}

.button.context.primary {
  background: #70ca63 !important;
}

.button.context.delete {
  background: #EF5F4E !important;
}

.button.context.default {
  background: #626262 !important;
}

.button.context.full-width-height {
  width: 100%;
  height: 50px;
}

.btn.tiny {
  border-radius: 10px;
  border: 1px solid #ededed;
  background-color: #fafafb;
  padding: 0.4761904762em 0.4761904762em;
  font-size: 14px;
  font-weight: 500;
}

.admin-form .button,
.button.button {
  cursor: pointer;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #8c8c8c;
  background-color: transparent;
  color: #8c8c8c;
  padding: 0.7142857143em 1.4285714286em;
  font-size: 0.875em;
  line-height: 1.2857142857em;
  transition: all 0.1s ease-in-out;
}
.admin-form .button .button__icon,
.admin-form .button .button__icon svg path,
.button.button .button__icon,
.button.button .button__icon svg path {
  transition: all 0.1s ease-in-out;
}
.admin-form .button:focus,
.button.button:focus {
  outline: 0;
}
.admin-form .button:hover:not(.no-hover),
.button.button:hover:not(.no-hover) {
  background-color: #8c8c8c;
  color: #fff;
}
.admin-form .button:hover:not(.no-hover) .button__icon,
.admin-form .button:hover:not(.no-hover) .in__icon,
.admin-form .button:hover:not(.no-hover) .button__icon svg path,
.admin-form .button:hover:not(.no-hover) .button__icon__last svg path,
.admin-form .button:hover:not(.no-hover) .cls-1,
.button.button:hover:not(.no-hover) .button__icon,
.button.button:hover:not(.no-hover) .in__icon,
.button.button:hover:not(.no-hover) .button__icon svg path,
.button.button:hover:not(.no-hover) .button__icon__last svg path,
.button.button:hover:not(.no-hover) .cls-1 {
  fill: #fff;
  transition: all 0.1s ease-in-out;
}
.admin-form .button:hover:not(.no-hover) .cls-x,
.button.button:hover:not(.no-hover) .cls-x {
  stroke: #fff;
  transition: all 0.1s ease-in-out;
}
.admin-form .button.selected,
.button.button.selected {
  background-color: #8c8c8c;
  color: #fff;
}

svg.status-button circle {
  fill: #999999;
  stroke: #999999;
}
svg.status-button.active circle {
  fill: #70ca63;
  stroke: #70ca63;
}
svg.status-button.active g.icon {
  fill: white;
}

svg.selected.pill circle {
  fill: #70ca63;
  stroke: #70ca63;
}
svg.selected.pill g.icon {
  fill: white;
}

.button--h1 {
  margin-top: 0.6875em;
}

.button__icon {
  fill: #8c8c8c;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
}
.button__icon svg path {
  fill: #8c8c8c;
}

.admin-form .button--has-icon,
.button.button--has-icon {
  position: relative;
  padding-left: 2.7142857143em;
}

.button-with-text div.tooltipstered {
  display: inline-block;
}
.button-with-text span {
  vertical-align: bottom;
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 10px;
}

.button.button--is-inactive {
  color: #bbbbbb;
  border-color: #bbbbbb;
}
.button.button--is-inactive .button__icon svg path {
  fill: #bbbbbb;
}
.button.button--is-inactive:hover, input:checked + .button.button--is-inactive {
  background-color: #bbbbbb;
  background-color: #bbbbbb;
}

.button--delete,
.button--copy {
  cursor: pointer;
}

.icon-button ~ .icon-button {
  margin-left: 0.625em;
}

.icon-button.dropdown::after {
  margin-left: 15px !important;
  vertical-align: bottom !important;
  position: absolute;
  top: 15px;
  right: 8px;
}

div.dropdown a.icon-button {
  min-width: 4.5em;
}
div.dropdown a.icon-button div.ember-view {
  padding-right: 25px;
}
div.dropdown a.icon-button div.ember-view svg {
  left: 30%;
}
div.dropdown.end .dropdown-menu.larger {
  min-width: 250px;
  left: auto;
  right: 0 !important;
  top: 35px;
}
div.dropdown.end .dropdown-menu.larger .dropdown-item {
  color: #404040;
}
div.dropdown.end .dropdown-menu.larger .dropdown-item img {
  max-width: 15px;
  max-height: 15px;
}
div.dropdown .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  top: 33px;
  right: 38px;
  border-radius: 8px;
  margin-top: 15px;
  background-color: #fafafa;
}
div.dropdown .dropdown-menu > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
div.dropdown .dropdown-menu > *:last-of-type {
  border-bottom: none;
}
div.dropdown .dropdown-menu.larger {
  min-width: 210px;
}
div.dropdown .dropdown-menu.align-right {
  left: -250px;
  right: 20px;
}
div.dropdown .dropdown-menu img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
div.dropdown .dropdown-menu button.dropdown-item {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background-color: transparent;
}
div.dropdown .dropdown-menu button.dropdown-item:focus {
  outline: 0;
}
div.dropdown .dropdown-menu > form {
  display: block;
  margin-bottom: 0;
}
div.dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  float: none;
  cursor: pointer;
  color: #404040;
  padding: 10px 5px 10px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
div.dropdown .dropdown-menu .dropdown-item:last-of-type {
  border-bottom: none;
}

.icon-button.dropdown, a.dropdown.dropdown {
  padding-right: 11px;
  padding-left: 15px;
}
.icon-button.dropdown.with-icon, a.dropdown.dropdown.with-icon {
  padding-left: 38px;
}
.icon-button.dropdown > span, a.dropdown.dropdown > span {
  margin-left: 0 !important;
}

.icon-button {
  padding: 13px;
  border-radius: 12px;
  background-color: #05aac6;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  height: 3.5em;
  width: 3.5em;
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.icon-button:focus {
  outline: 0;
}
.icon-button img.dropdown-arrow {
  margin-left: 5px;
  margin-right: -5px;
  max-height: 8px !important;
}
.icon-button div.sep {
  border-left: 1px solid white;
  width: 1px;
  height: 40px;
  margin-left: 7px;
}
.icon-button.list-action-circle {
  height: 2.5em;
  width: 2.5em;
  box-shadow: none;
}
.icon-button.list-action-square {
  border-radius: 8px;
  height: 2.5em;
  width: 2.5em;
  box-shadow: none;
}
.icon-button.list-action-square > span {
  display: none;
  color: white;
  line-height: 2.5em;
}
.icon-button.list-action-square.exp {
  min-width: 2.5em;
}
.icon-button.list-action-square.exp svg {
  left: 18px;
}
.icon-button.list-action-square.exp > span {
  margin-left: 2.4em;
  margin-right: 0.5em;
  display: block;
}
.icon-button--placeholder {
  height: 2.5em;
  width: 2.5em;
}

.icon-button--small {
  height: 2.75em;
  width: 2.75em;
}

.icon-button--very-small {
  margin-left: auto;
  margin-right: auto;
  height: 2.125em !important;
  width: 2.125em !important;
  min-height: 2.125em !important;
  min-width: 2.125em !important;
}

.icon-button--mid-small {
  margin-left: auto;
  margin-right: auto;
  height: 2.5em;
  width: 2.5em;
}

.icon-button--mid {
  margin-left: auto;
  margin-right: auto;
  height: 3em;
  width: 3em;
}

.icon-button--eltiga {
  background-color: #00aac6 !important;
}
.icon-button--eltiga:hover {
  background-color: #01a1bb !important;
}

.icon-button--success {
  background-color: #70ca63;
}
.icon-button--success.list {
  height: 2.5em;
  min-height: 2.5em;
  min-width: 2.5em;
  width: 2.5em !important;
  padding: 0;
  float: right;
  margin-right: 10px;
  margin-top: 20px;
}

.new-purchase > span {
  font-size: 40px;
  position: absolute;
  color: white;
  top: 27px;
  left: 27px;
}

.button--toggle {
  border-radius: 8px;
}

.button--toggle__input {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input:checked + .button--toggle {
  color: #fff;
  background-color: #8c8c8c;
}
input:checked + .button--toggle .button__icon,
input:checked + .button--toggle .button__icon svg path,
input:checked + .button--toggle .button__icon__last svg path {
  fill: #fff;
}

.button + .button {
  margin-left: 0.625em;
}

.startTreatmentButton {
  display: inline-block !important;
  vertical-align: top;
}

.table__cell .button--toggle {
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}

.button.cash img.hover, .button.cashcard img.hover, .button.creditcard img.hover, .button.voucher img.hover {
  display: none;
}
.button.cash:hover img.nonhover, .button.cashcard:hover img.nonhover, .button.creditcard:hover img.nonhover, .button.voucher:hover img.nonhover {
  display: none;
}
.button.cash:hover img.hover, .button.cashcard:hover img.hover, .button.creditcard:hover img.hover, .button.voucher:hover img.hover {
  display: inline-block;
}

.button.cash {
  color: #70CA63;
  border-color: #70CA63;
  background-color: rgba(112, 202, 99, 0.1);
}
input:checked + .button.cash, .button.cash:hover {
  background-color: #429321 !important;
}
input:checked + .button.cash img.hover, .button.cash:hover img.hover {
  display: inline-block;
}
input:checked + .button.cash img.nonhover, .button.cash:hover img.nonhover {
  display: none;
}

input:checked + .button.withdrawal, .button.withdrawal:hover {
  background-color: #00749c;
}
input:checked + .button.withdrawal img.hover, .button.withdrawal:hover img.hover {
  display: inline-block;
}
input:checked + .button.withdrawal img.nonhover, .button.withdrawal:hover img.nonhover {
  display: none;
}

.button.cashcard {
  color: #00749c;
  border-color: #00749c;
  background-color: rgba(0, 116, 156, 0.1);
}
input:checked + .button.cashcard, .button.cashcard:hover {
  background-color: #00749c !important;
}
input:checked + .button.cashcard img.hover, .button.cashcard:hover img.hover {
  display: inline-block;
}
input:checked + .button.cashcard img.nonhover, .button.cashcard:hover img.nonhover {
  display: none;
}

.button.purple-style {
  border: 0px;
  color: white;
  background-color: #70ca63 !important;
}

.button.with-icon {
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 38px;
  padding-right: 10px;
}
.button.with-icon.with-etiga-icon {
  padding-bottom: 10px;
  padding-left: 58px;
}
.button.with-icon.with-etiga-icon > div.inline-icon {
  top: 9px !important;
}

.button.creditcard {
  color: #f4b900;
  border-color: #f4b900;
  background-color: rgba(244, 185, 0, 0.1);
}
input:checked + .button.creditcard, .button.creditcard:hover {
  background-color: #f4b900 !important;
}
input:checked + .button.creditcard img.hover, .button.creditcard:hover img.hover {
  display: inline-block;
}
input:checked + .button.creditcard img.nonhover, .button.creditcard:hover img.nonhover {
  display: none;
}

.button.voucher {
  color: #ec1561;
  border-color: #ec1561;
  background-color: rgba(236, 21, 97, 0.1);
}
input:checked + .button.voucher, .button.voucher:hover {
  background-color: #ec1561 !important;
}
input:checked + .button.voucher img.hover, .button.voucher:hover img.hover {
  display: inline-block;
}
input:checked + .button.voucher img.nonhover, .button.voucher:hover img.nonhover {
  display: none;
}

.toggle-button.reduce {
  -webkit-transform: rotate(90deg); /* to support Safari and Android browser */
  -ms-transform: rotate(90deg); /* to support IE 9 */
  transform: translate(-50%, -50%) rotate(180deg) !important;
}

.state-button.invertedLaboklin circle {
  stroke: #eb3224 !important;
  fill: #eb3224 !important;
}
.state-button.invertedLaboklin path {
  fill: white !important;
}
.state-button.invertedZoetis circle {
  stroke: #F65C00 !important;
  fill: #F65C00 !important;
}
.state-button.invertedZoetis path {
  fill: white !important;
}
.state-button.inverted.jason circle {
  fill: #008EC6 !important;
}
.state-button.inverted circle {
  fill: #8c8c8c !important;
}
.state-button.inverted g.icon-wrapper {
  fill: white;
}
.state-button.laboklin-status-ready circle {
  fill: #70ca63 !important;
  stroke: #70ca63 !important;
}
.state-button.laboklin-status-submitted circle {
  fill: #00aac6 !important;
  stroke: #00aac6 !important;
}
.state-button.laboklin-status-created circle {
  fill: #999999 !important;
  stroke: #999999 !important;
}
.state-button.inventory-status-fullybooked circle {
  fill: #70ca63 !important;
  stroke: #70ca63 !important;
}
.state-button.inventory-status-partlybooked circle {
  fill: #00aac6 !important;
  stroke: #00aac6 !important;
}
.state-button.inventory-status-notbooked circle {
  fill: #999999 !important;
  stroke: #999999 !important;
}
.state-button.private-treatment-status-ready circle {
  fill: #70ca63 !important;
  stroke: #70ca63 !important;
}
.state-button.private-treatment-status-created circle {
  fill: #00aac6;
  stroke: #00aac6;
}
.state-button.private-treatment-status-created g {
  fill: white;
}
.state-button.private-treatment-status-to_poll circle {
  fill: #00aac6;
  stroke: #00aac6;
}
.state-button.private-treatment-status-to_poll g {
  fill: white;
}
.state-button.private-treatment-status-submitted circle {
  fill: #70ca63;
  stroke: #70ca63;
}
.state-button.private-treatment-status-submitted g {
  fill: white;
}
.state-button.template-status-none circle {
  fill: #999999 !important;
  stroke: #999999 !important;
}
.state-button.template-status-none g {
  fill: white;
}
.state-button.template-status-selected circle {
  fill: #70ca63 !important;
  stroke: #70ca63 !important;
}
.state-button.template-status-selected g {
  fill: white;
}
.state-button.xray-status-created circle {
  fill: #999999 !important;
  stroke: #999999 !important;
}
.state-button.xray-status-created g {
  fill: #fff !important;
}
.state-button.private-treatment-status- circle {
  fill: #999999;
  stroke: #999999;
}
.state-button.private-treatment-status- g {
  fill: white;
}
.state-button.active g {
  background-color: #8c8c8c;
  color: #fff;
}
.state-button.active .circle {
  fill: #00aac6;
  stroke: #00aac6;
}
.state-button.active .icon {
  fill: #fff;
}
.state-button.inactive-button.active g path {
  fill: #EF5F4E;
}
.state-button.inventory-status-button.active g > g > g {
  fill: #e5c478 !important;
}
.state-button.inventory-status-button.active .circle {
  fill: white !important;
  stroke: white !important;
}

label.with-confirm {
  white-space: normal;
  padding: 0.5em 0.7em 0.5em;
}

.label-link {
  background-color: #008EC6;
}

.label-link-deactivated {
  background-color: grey;
}

.label-private-treatment {
  border: 1px #8c8c8c solid;
  color: #8c8c8c;
}

label.patient {
  min-height: 42px;
}
label.patient .dead-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-bottom: 1px;
}

div.toggle-button-with-icon div.tooltipstered {
  display: inline-block;
}
div.toggle-button-with-icon span {
  vertical-align: bottom;
  margin-bottom: 15px;
  display: inline-block;
}

.tooltipstered g.cartExclamation {
  display: none;
}
.tooltipstered.notdeliverable svg circle {
  stroke: #EF5F4E;
}
.tooltipstered.notdeliverable svg g.cartExclamation {
  display: block;
}
.tooltipstered.notdeliverable svg g > g {
  fill: #EF5F4E;
}
.tooltipstered.notdeliverable svg g > g.cartIcon {
  transform: scale(0.95, 0.95);
}
.tooltipstered.deliverable svg circle {
  stroke: #429321;
}
.tooltipstered.deliverable svg g > g {
  fill: #429321;
}

.tooltipstered.inline {
  display: inline-block;
}

.tooltipstered.inline-baseline {
  display: inline-block;
  vertical-align: bottom;
}

.buttons-in-a-row div.tooltipstered {
  display: inline-block;
  margin-right: 10px;
}

.auto-center > svg {
  display: block;
  margin: 0 auto;
}

.patient-view {
  display: inline-block;
}
.patient-view > div {
  display: inline-block;
  vertical-align: top;
}
.patient-view > div.dead-icon {
  display: inline-block;
  margin-left: -10px;
}

.favToggle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.favToggle.activated g {
  fill: #00aac6;
}

.button.to-etiga {
  font-size: 1em;
}

span.status-badge {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: #429321;
  border-radius: 16px;
  vertical-align: top;
  margin-top: 4px;
}
span.status-badge.status-lala {
  background-color: #F9B066;
}
span.status-badge.status-bad {
  background-color: #EF5F4E;
}
span.status-badge.status-sued {
  background-color: #000;
}

.spinner {
  display: inline-block;
  padding: 0 1.125em;
  position: relative;
}

.spinner__input {
  text-align: center;
  border-bottom: 1px solid #00aac6;
  width: 2.75em;
}

.spinner__plus,
.spinner__minus {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.spinner__plus svg,
.spinner__minus svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner__minus {
  left: 0;
}

.spinner__plus {
  right: 0;
}

.discount-spinner .discount__separator {
  opacity: 0.8;
}
.discount-spinner input {
  width: 2.8125em;
}
.discount-spinner .discount__choice {
  padding-left: 5px;
  padding-right: 5px;
}
.discount-spinner .discount__choice:hover, .discount-spinner .discount__choice.hover {
  color: #00aac6;
}

.discount-spinner2 {
  width: 100px;
}
.discount-spinner2 .highlighted a.btn.hover {
  background-color: #70ca63 !important;
  border-color: #70ca63;
}
.discount-spinner2 input {
  width: 45px !important;
  font-weight: 600;
}
.discount-spinner2 .discount__separator {
  opacity: 0.8;
}
.discount-spinner2 input {
  width: 2.8125em;
}
.discount-spinner2 .discount__choice {
  padding-left: 5px;
  padding-right: 5px;
}
.discount-spinner2 .discount__choice:hover, .discount-spinner2 .discount__choice.hover {
  color: #00aac6;
}
.discount-spinner2 input.ui-spinner-input {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.discount-spinner2 a.quantityspinn.absolute {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  left: 69px;
}
.discount-spinner2 a.quantityspinn {
  position: absolute;
  top: 0;
  left: 43px;
  height: 36px;
  border-radius: 0;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.discount-spinner2 a.quantityspinn.hover {
  background: none;
  background-color: #a5a5a5;
}
.discount-spinner2 a.quantityspinn.hover g.spinner-icon {
  fill: white;
}
.discount-spinner2 a.quantityspinn g.spinner-icon {
  fill: #a5a5a5;
}

.spinner2 {
  width: 100px;
}
.spinner2 input {
  width: 42px !important;
}
.spinner2 .discount__separator {
  opacity: 0.8;
}
.spinner2.high a.quantityspinn {
  height: 44px;
}
.spinner2.high a.quantityspinn > svg {
  padding-top: 5px;
}
.spinner2.high input.ui-spinner-input {
  height: 44px;
}
.spinner2 input {
  width: 2.8125em;
  position: absolute;
  left: 28px;
  text-align: center;
}
.spinner2 .discount__choice {
  padding-left: 5px;
  padding-right: 5px;
}
.spinner2 .discount__choice:hover, .spinner2 .discount__choice.hover {
  color: #00aac6;
}
.spinner2 input.ui-spinner-input {
  padding: 5px;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: 600;
}
.spinner2 a.quantityspinn.minus {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.spinner2 a.quantityspinn.plus {
  left: 69px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.spinner2 a.quantityspinn {
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  height: 36px;
  border-radius: 0;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.spinner2 a.quantityspinn:hover {
  background: none;
  background-color: #f3f2f2;
}
.spinner2 a.quantityspinn g.spinner-icon {
  fill: #a5a5a5;
}

.discount-spinner--inline .input--editable {
  text-align: center;
}
.discount-spinner--inline .ember-view {
  display: inline-block;
  vertical-align: bottom;
}

.spinner--arrows {
  position: static;
}
.spinner--arrows .spinner__minus,
.spinner--arrows .spinner__plus {
  display: block !important;
  left: 0;
  text-align: center;
  width: 100%;
  transform: none;
  padding-top: 4px;
}
.spinner--arrows .spinner__minus svg,
.spinner--arrows .spinner__plus svg {
  position: static;
  display: block;
  margin: 0 auto;
  transform: none;
}
.spinner--arrows .spinner__minus {
  bottom: 0;
  top: auto;
}
.spinner--arrows .spinner__plus {
  top: 0;
}

.date-picker {
  font-weight: 400;
  cursor: pointer;
  display: block;
}
.date-picker span.field-label {
  font-size: 12px;
}

.date-picker__icon {
  margin-right: 0.3125em;
}

.date-picker__input {
  min-width: 18.125em;
  border-bottom: 1px solid #00aac6;
  padding-left: 0.3125em;
  height: 36px;
}
.date-picker__input.time {
  min-width: 7.5em;
}
.date-picker__input.time-small {
  font-size: 0.9em;
  width: 45px;
  min-width: 45px;
  font-weight: normal;
}
.date-picker__input.fixed-datepicker-width {
  min-width: auto;
  width: 100px;
  height: 36px;
  font-weight: bold;
  color: #404040;
}
.date-picker__input.fixed-timepicker-width {
  min-width: auto;
  width: 60px !important;
}
.date-picker__input.new-style {
  font-weight: bold;
}

.saleDashboard input#pickDate {
  min-width: 80%;
}

.date-picker--inline .ember-view,
.date-picker--inline .title {
  display: inline-block;
  vertical-align: middle;
}
.date-picker--inline .title {
  width: 33%;
}
.date-picker--inline .date-picker__body {
  display: inline-block;
}
@media (min-width: 1024px) {
  .date-picker--inline .date-picker__body {
    width: 67%;
  }
}

.daterangepicker.show-calendar {
  border-radius: 12px !important;
  background-color: white !important;
}

.ranges li {
  color: #000;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #00aac6 none !important;
  border-color: #00aac6;
  font-weight: 600;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #00aac6 none !important;
  font-weight: 600;
}

.daterangepicker td.in-range {
  background-color: #00aac6;
  color: white !important;
}

.daterangepicker td.start-date {
  color: white !important;
}

.daterangepicker td.off.in-range {
  background-color: #00aac6;
  color: white !important;
  color: #000;
}

.daterangepicker td.off.end-date {
  color: #fff;
}

.daterangepicker .input-mini.active {
  border: 1px solid #00aac6;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #8c8c8c;
  color: #fff;
}

.daterangepicker .range_inputs {
  margin-top: 20px;
}
.daterangepicker .range_inputs .applyBtn {
  border-color: #00aac6;
  font-weight: 600;
}
.daterangepicker .range_inputs .cancelBtn {
  margin-left: 8px;
}

.daterangepicker .ranges ul {
  width: 180px;
}

.table__cell .input--date-picker {
  max-width: 100%;
  min-width: 0;
}

.open > .dropdown-menu {
  border-radius: 12px;
}
.open > .dropdown-menu hr {
  border-top-color: #dfdfdf;
}
.open > .dropdown-menu > li > a {
  display: flex;
  align-items: center;
}
.open > .dropdown-menu > li > a img {
  margin-right: 10px;
  max-height: 20px;
}
.open > .dropdown-menu > li > a:hover {
  background-color: transparent;
}

#notificationPanelCalendar div.panel-body, #notificationPanel div.panel-body {
  overflow: auto !important;
}

#notificationPanelCalendar {
  left: -150px !important;
}

#notificationPanel, #notificationPanelCalendar {
  left: -200px;
  color: #222;
  padding: 0;
  margin-top: 10px;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: absolute;
}
@media (max-width: 766px) {
  #notificationPanel, #notificationPanelCalendar {
    left: -40px;
  }
}
#notificationPanel .panel, #notificationPanelCalendar .panel {
  border-radius: 12px;
  border-bottom: none;
}
#notificationPanel .panel-menu, #notificationPanelCalendar .panel-menu {
  background-color: #f0ede4;
  text-align: left;
  border-radius: 12px 12px 0 0;
  border: none;
  border-bottom: 1px solid #e2e2e2;
}
#notificationPanel div.panel-body, #notificationPanelCalendar div.panel-body {
  max-height: 658px;
  overflow: scroll;
}
#notificationPanel div.panel-body li.notification-entry, #notificationPanelCalendar div.panel-body li.notification-entry {
  text-align: left;
  padding-right: 0px;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-icon, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon {
  background-color: #EEEEEE;
  border-radius: 50%;
  left: 4px;
  width: 40px;
  height: 40px;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-icon img, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 25px;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-icon.etiga svg circle, #notificationPanel div.panel-body li.notification-entry div.timeline-icon.etigashare svg circle, #notificationPanel div.panel-body li.notification-entry div.timeline-icon.app svg circle, #notificationPanel div.panel-body li.notification-entry div.timeline-icon.apporder svg circle, #notificationPanel div.panel-body li.notification-entry div.timeline-icon.appapp svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon.etiga svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon.etigashare svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon.app svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon.apporder svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon.appapp svg circle {
  fill: #00aac6 !important;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-icon svg circle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon svg circle {
  fill: #8c8c8c;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-icon svg g, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-icon svg g {
  fill: white;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-date, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-date {
  right: 5px;
  top: 0px;
}
#notificationPanel div.panel-body li.notification-entry div.full-text, #notificationPanelCalendar div.panel-body li.notification-entry div.full-text {
  position: relative;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-desc div.notTitle, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-desc div.notTitle {
  width: 220px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-desc div.expand, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-desc div.expand {
  position: absolute;
  right: -4px;
  top: 45px;
}
#notificationPanel div.panel-body li.notification-entry div.timeline-desc div.expand.inverted, #notificationPanelCalendar div.panel-body li.notification-entry div.timeline-desc div.expand.inverted {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#notificationPanel .panel-footer, #notificationPanelCalendar .panel-footer {
  border: none;
  border-top: 1px solid #DDD;
  background-color: #FBFBFB;
  border-radius: 0 0 12px 12px;
}
#notificationPanel::after, #notificationPanelCalendar::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  right: 165px;
  bottom: 100%;
  border-width: 0 10px 10px;
  border-bottom-color: #f0ede4;
}
#notificationPanel a.readButton, #notificationPanelCalendar a.readButton {
  position: absolute;
  right: 27px;
  top: 14px;
}
#notificationPanel a.readAllButton, #notificationPanelCalendar a.readAllButton {
  position: absolute;
  right: -2px;
  top: 14px;
}
#notificationPanel #readAllButton, #notificationPanelCalendar #readAllButton {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
}
#notificationPanel #readAllButtonEtiga, #notificationPanelCalendar #readAllButtonEtiga {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
}
#notificationPanel #toNotificationsButton, #notificationPanel #toCalendarButton, #notificationPanel #readAllButton, #notificationPanel #readAllButtonEtiga, #notificationPanelCalendar #toNotificationsButton, #notificationPanelCalendar #toCalendarButton, #notificationPanelCalendar #readAllButton, #notificationPanelCalendar #readAllButtonEtiga {
  background-color: white;
  border-radius: 50%;
  padding: 2px;
}
#notificationPanel #toNotificationsButton, #notificationPanelCalendar #toNotificationsButton {
  position: absolute;
  top: 7px;
  right: 50px;
}
#notificationPanel #toCalendarButton, #notificationPanelCalendar #toCalendarButton {
  position: absolute;
  top: 7px;
  right: 50px;
}
#notificationPanel #toCalendarButton, #notificationPanelCalendar #toCalendarButton {
  position: absolute;
  top: 7px;
  right: 50px;
}

button.input .badge.badge-danger {
  background-color: #70ca63;
  position: absolute;
  top: 48px;
  right: 3px;
}
@media (max-width: 767px) {
  button.input .badge.badge-danger {
    top: 41px;
  }
}

.select--inline {
  display: block;
}
.select--inline .title {
  display: inline-block;
  vertical-align: middle;
}
.select--inline .title {
  width: 33%;
}
@media (min-width: 1024px) {
  .select--inline .input--dropdown {
    width: 65%;
  }
}

.select2-container.newLine {
  display: block;
  width: 100%;
}

.select2-container.custom-calendar {
  border: none;
  background-color: #f4f4f4;
  height: 40px;
}
.select2-container.custom-calendar .select2-choice {
  line-height: 22px;
}

.select2-drop-multi ul.select2-results li div {
  font-size: 12px !important;
}

.select2-container-multi {
  cursor: pointer;
}
.select2-container-multi ul.select2-choices {
  border: none !important;
  background: none !important;
}
.select2-container-multi ul.select2-choices li.select2-search-choice {
  background-color: #f1f1f1;
  background-image: none;
  border: 1px solid #bbbbbb !important;
  color: #404040;
  padding: 7px 20px 7px 7px;
  border-radius: 5px;
}
.select2-container-multi ul.select2-choices li.select2-search-choice a {
  left: auto;
  top: auto;
  bottom: 8px;
  right: 5px;
}

.input--dropdown {
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  font-size: 0.75em;
  line-height: 1.5em;
  padding: 0.8333333333em 0.8333333333em;
  font-weight: 600;
}
.input--dropdown .arrow {
  display: none;
}
.input--dropdown .select2-choice {
  background: none;
  border: none;
  box-shadow: none;
  color: #404040 !important;
}
.input--dropdown .select2-default {
  color: #404040 !important;
  font-weight: 600 !important;
}
.input--dropdown .select2-arrow.select2-arrow {
  background: none;
  border: none;
  position: absolute;
  top: 0;
  right: 0.8333333333em;
  width: 1em;
}
.input--dropdown .select2-arrow.select2-arrow b {
  width: 1em;
  background: url("images/icons/arrow-down.png") no-repeat center center;
}
.input--dropdown .select2-result-label {
  color: #000 !important;
}

.input--dropdown-inline.input--dropdown,
.input--dropdown-inline .select2-choice,
.input--dropdown-inline .select2-chosen {
  display: inline !important;
}

.input--dropdown.input--small {
  width: auto;
  margin-left: 5px;
  padding: 0.3333333333em 0.4166666667em;
  border: none;
  background-color: transparent;
}
.input--dropdown.input--small.select2-drop {
  background-color: #fff;
  min-width: 240px;
}
.input--dropdown.input--small .select2-arrow {
  display: none;
}
.input--dropdown.input--small .select2-chosen {
  margin-right: 0;
  text-decoration: underline;
  padding-left: 0;
  display: inline-block;
  text-transform: none;
}

.select2-results {
  margin: 0;
  padding: 0;
}

.select2-chosen {
  text-transform: uppercase;
}

.select2-drop {
  padding: 0;
  margin-top: 1px;
}

.select2-results {
  border: 1px solid #EEEEEE;
  background-color: transparent;
  border-radius: 0 0 10px 10px;
}

.select2-result {
  border-bottom: 1px solid #EEEEEE;
  font-weight: 600;
  letter-spacing: 0.05em;
  background-color: white;
}
.select2-result:nth-of-type(2n+2) {
  background-color: #fbfbfb;
}
.select2-result div.select2-result-label {
  font-size: 12px;
}

.select2-drop.select2-drop-active ul.select2-results > .select2-highlighted.select2-highlighted,
.select2-results .select2-highlighted {
  background-color: white !important;
}

.select2-results-dept-1 > .select2-result-label {
  font-weight: 300;
}

.select2-result-label:hover {
  color: #fff !important;
  font-weight: 600;
  background-color: #00aac6;
}

.select2-results-dept-1:hover > .select2-result-label {
  color: #fff !important;
  font-weight: 600;
  background-color: #00aac6;
}

.select2-no-results,
.select2-result-label {
  padding: 0.8333333333em;
}

.select2-result-label {
  cursor: pointer;
  color: black;
}

.select2-no-results {
  background-color: #fff;
}

.select2-search {
  padding: 0px !important;
}
.select2-search input {
  appearance: none;
  border: 0;
  outline: 0;
  background: none;
  border-bottom: 1px solid #8c8c8c;
}

.custom-select2.newStyle {
  border: 1px solid #8c8c8c;
  font-weight: 400;
  padding-left: 7px !important;
  height: 50px;
}
.custom-select2.newStyle span.select2-chosen {
  color: #404040 !important;
  font-weight: 600 !important;
  font-size: 12px;
  padding-top: 5px;
}
.custom-select2.newStyle.small {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 36px;
  min-height: 36px !important;
}
.custom-select2.newStyle.small abbr.select2-search-choice-close {
  right: 15px !important;
  top: 4px !important;
}

i.arrow {
  color: #8c8c8c !important;
}

label.field.select.full-width {
  width: 100%;
}

.textarea {
  display: block;
}

.textarea__input {
  border-bottom: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  width: 100%;
  resize: none;
  font-weight: 400;
  border-radius: 4px;
}
.textarea__input.full {
  border: 1px solid #8c8c8c;
  padding: 10px;
}

.textarea__body {
  position: relative;
  padding-left: 2.5em;
}

.textarea__icon {
  position: absolute;
  left: 0;
  top: 3px;
}

textarea.gui-textarea.large {
  height: 96px !important;
}

.textarea--inline .textarea__input,
.textarea--inline .title {
  display: inline-block;
}
.textarea--inline .title {
  float: left;
}
.textarea--inline .textarea__body {
  float: right;
  width: 100%;
}
@media (min-width: 1024px) {
  .textarea--inline .textarea__body {
    width: 70%;
  }
}
.textarea--inline em.state-error {
  clear: left;
  display: block;
}

.richterProgressBar {
  background-color: #D7D7D7;
  height: 20px;
  width: 100px;
  float: right;
}
.richterProgressBar .in {
  height: 100%;
  background: linear-gradient(45deg, #008EC6 0%, #00aac6 100%) !important;
}
.richterProgressBar .in10s {
  animation: fillRichterBarAnimation 10s linear 1;
}

@keyframes fillRichterBarAnimation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.richterProgressBarCaption {
  float: right;
  display: block;
  text-align: center;
  width: 100px;
  padding-top: 5px;
}

div#breakdownWrapper {
  position: fixed;
  top: 0;
  left: 0;
  background: #0b0b0b;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

div#breakdownPanel {
  position: fixed;
  width: 350px;
  background: white;
  border: 3px solid #ADCCD4;
  border-radius: 20px;
  z-index: 9999;
  padding: 20px;
  left: 50%;
  top: 50%;
  margin-left: -175px;
  margin-top: -175px;
  text-align: center;
  /* From Uiverse.io by Nawsome */
  /* Animations */
}
div#breakdownPanel .wheel-and-hamster {
  margin: 0 auto;
  --dur: 1s;
  position: relative;
  width: 12em;
  height: 12em;
  font-size: 14px;
}
div#breakdownPanel .wheel,
div#breakdownPanel .hamster,
div#breakdownPanel .hamster div,
div#breakdownPanel .spoke {
  position: absolute;
}
div#breakdownPanel .wheel,
div#breakdownPanel .spoke {
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div#breakdownPanel .wheel {
  background: radial-gradient(100% 100% at center, hsla(0, 0%, 60%, 0) 47.8%, hsl(0, 0%, 60%) 48%);
  z-index: 2;
}
div#breakdownPanel .hamster {
  animation: hamster var(--dur) ease-in-out infinite;
  top: 50%;
  left: calc(50% - 3.5em);
  width: 7em;
  height: 3.75em;
  transform: rotate(4deg) translate(-0.8em, 1.85em);
  transform-origin: 50% 0;
  z-index: 1;
}
div#breakdownPanel .hamster__head {
  animation: hamsterHead var(--dur) ease-in-out infinite;
  background: hsl(30, 90%, 55%);
  border-radius: 70% 30% 0 100%/40% 25% 25% 60%;
  box-shadow: 0 -0.25em 0 hsl(30, 90%, 80%) inset, 0.75em -1.55em 0 hsl(30, 90%, 90%) inset;
  top: 0;
  left: -2em;
  width: 2.75em;
  height: 2.5em;
  transform-origin: 100% 50%;
}
div#breakdownPanel .hamster__ear {
  animation: hamsterEar var(--dur) ease-in-out infinite;
  background: hsl(0, 90%, 85%);
  border-radius: 50%;
  box-shadow: -0.25em 0 hsl(30, 90%, 55%) inset;
  top: -0.25em;
  right: -0.25em;
  width: 0.75em;
  height: 0.75em;
  transform-origin: 50% 75%;
}
div#breakdownPanel .hamster__eye {
  animation: hamsterEye var(--dur) linear infinite;
  background-color: hsl(0, 0%, 0%);
  border-radius: 50%;
  top: 0.375em;
  left: 1.25em;
  width: 0.5em;
  height: 0.5em;
}
div#breakdownPanel .hamster__nose {
  background: hsl(0, 90%, 75%);
  border-radius: 35% 65% 85% 15%/70% 50% 50% 30%;
  top: 0.75em;
  left: 0;
  width: 0.2em;
  height: 0.25em;
}
div#breakdownPanel .hamster__body {
  animation: hamsterBody var(--dur) ease-in-out infinite;
  background: hsl(30, 90%, 90%);
  border-radius: 50% 30% 50% 30%/15% 60% 40% 40%;
  box-shadow: 0.1em 0.75em 0 hsl(30, 90%, 55%) inset, 0.15em -0.5em 0 hsl(30, 90%, 80%) inset;
  top: 0.25em;
  left: 2em;
  width: 4.5em;
  height: 3em;
  transform-origin: 17% 50%;
  transform-style: preserve-3d;
}
div#breakdownPanel .hamster__limb--fr,
div#breakdownPanel .hamster__limb--fl {
  clip-path: polygon(0 0, 100% 0, 70% 80%, 60% 100%, 0% 100%, 40% 80%);
  top: 2em;
  left: 0.5em;
  width: 1em;
  height: 1.5em;
  transform-origin: 50% 0;
}
div#breakdownPanel .hamster__limb--fr {
  animation: hamsterFRLimb var(--dur) linear infinite;
  background: linear-gradient(hsl(30, 90%, 80%) 80%, hsl(0, 90%, 75%) 80%);
  transform: rotate(15deg) translateZ(-1px);
}
div#breakdownPanel .hamster__limb--fl {
  animation: hamsterFLLimb var(--dur) linear infinite;
  background: linear-gradient(hsl(30, 90%, 90%) 80%, hsl(0, 90%, 85%) 80%);
  transform: rotate(15deg);
}
div#breakdownPanel .hamster__limb--br,
div#breakdownPanel .hamster__limb--bl {
  border-radius: 0.75em 0.75em 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 30%, 70% 90%, 70% 100%, 30% 100%, 40% 90%, 0% 30%);
  top: 1em;
  left: 2.8em;
  width: 1.5em;
  height: 2.5em;
  transform-origin: 50% 30%;
}
div#breakdownPanel .hamster__limb--br {
  animation: hamsterBRLimb var(--dur) linear infinite;
  background: linear-gradient(hsl(30, 90%, 80%) 90%, hsl(0, 90%, 75%) 90%);
  transform: rotate(-25deg) translateZ(-1px);
}
div#breakdownPanel .hamster__limb--bl {
  animation: hamsterBLLimb var(--dur) linear infinite;
  background: linear-gradient(hsl(30, 90%, 90%) 90%, hsl(0, 90%, 85%) 90%);
  transform: rotate(-25deg);
}
div#breakdownPanel .hamster__tail {
  animation: hamsterTail var(--dur) linear infinite;
  background: hsl(0, 90%, 85%);
  border-radius: 0.25em 50% 50% 0.25em;
  box-shadow: 0 -0.2em 0 hsl(0, 90%, 75%) inset;
  top: 1.5em;
  right: -0.5em;
  width: 1em;
  height: 0.5em;
  transform: rotate(30deg) translateZ(-1px);
  transform-origin: 0.25em 0.25em;
}
div#breakdownPanel .spoke {
  animation: spoke var(--dur) linear infinite;
  background: radial-gradient(100% 100% at center, hsl(0, 0%, 60%) 4.8%, hsla(0, 0%, 60%, 0) 5%), linear-gradient(hsla(0, 0%, 55%, 0) 46.9%, hsl(0, 0%, 65%) 47% 52.9%, hsla(0, 0%, 65%, 0) 53%) 50% 50%/99% 99% no-repeat;
}
@keyframes hamster {
  from, to {
    transform: rotate(4deg) translate(-0.8em, 1.85em);
  }
  50% {
    transform: rotate(0) translate(-0.8em, 1.85em);
  }
}
@keyframes hamsterHead {
  from, 25%, 50%, 75%, to {
    transform: rotate(0);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(8deg);
  }
}
@keyframes hamsterEye {
  from, 90%, to {
    transform: scaleY(1);
  }
  95% {
    transform: scaleY(0);
  }
}
@keyframes hamsterEar {
  from, 25%, 50%, 75%, to {
    transform: rotate(0);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(12deg);
  }
}
@keyframes hamsterBody {
  from, 25%, 50%, 75%, to {
    transform: rotate(0);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(-2deg);
  }
}
@keyframes hamsterFRLimb {
  from, 25%, 50%, 75%, to {
    transform: rotate(50deg) translateZ(-1px);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(-30deg) translateZ(-1px);
  }
}
@keyframes hamsterFLLimb {
  from, 25%, 50%, 75%, to {
    transform: rotate(-30deg);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(50deg);
  }
}
@keyframes hamsterBRLimb {
  from, 25%, 50%, 75%, to {
    transform: rotate(-60deg) translateZ(-1px);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(20deg) translateZ(-1px);
  }
}
@keyframes hamsterBLLimb {
  from, 25%, 50%, 75%, to {
    transform: rotate(20deg);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(-60deg);
  }
}
@keyframes hamsterTail {
  from, 25%, 50%, 75%, to {
    transform: rotate(30deg) translateZ(-1px);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(10deg) translateZ(-1px);
  }
}
@keyframes spoke {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}

.selectable-item {
  border: 1px solid #DDDDDD;
  padding: 7px 10px;
  display: inline-block;
  border-radius: 4px;
  background-color: #FAFAFA;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: normal;
  position: relative;
  text-align: center;
}
.selectable-item.patient {
  min-width: 120px;
  margin: 3px;
}
.selectable-item.patient div.animal-icon {
  display: inline-block;
  vertical-align: top;
}
.selectable-item.patient div.animal-icon svg path {
  fill: #8c8c8c;
}
.selectable-item span.part-button {
  float: right;
  height: 50px;
  width: 32px;
  display: block;
  border-left: 1px solid #DDDDDD;
  margin: -8px -11px -8px 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectable-item span.part-button > div {
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translate(-50%, -50%);
}
.selectable-item span.part-button.success {
  float: right;
  height: 50px;
  width: 32px;
  display: block;
  border-left: 1px solid #DDDDDD;
  margin: -8px -11px -8px 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectable-item span.part-button.success > div {
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translate(-50%, -50%);
}
.selectable-item span.part-button.delete {
  float: right;
  height: 50px;
  width: 32px;
  display: block;
  border-left: 1px solid #DDDDDD;
  margin: -8px -11px -8px 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectable-item span.part-button.delete > div {
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translate(-50%, -50%);
}
.selectable-item.selected {
  background-color: #00aac6 !important;
  color: white !important;
}

input:checked + .selectable-item {
  background-color: #00aac6 !important;
  color: white !important;
  border-color: #00aac6 !important;
}
input:checked + .selectable-item.favs {
  background-color: #70ca63 !important;
  border-color: #70ca63 !important;
}
input:checked + .selectable-item svg.etiga circle {
  fill: white;
  stroke: white;
}
input:checked + .selectable-item svg.etiga path {
  fill: #00aac6 !important;
}
input:checked + .selectable-item.has-icon svg path {
  fill: white;
}

@media (max-width: 767px) {
  div.filter-box.customer-search h1.search-box-heading {
    width: 100%;
  }
}
div.filter-box.customer-search .toggle-switch {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  div.filter-box.customer-search .toggle-switch {
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  div.filter-box.customer-search .toggle-switch {
    padding-top: 0;
    padding-right: 20px;
  }
}
div.filter-box .searchInput {
  position: relative;
}
div.filter-box .searchInput label {
  margin-bottom: 10px;
}
div.filter-box .searchInput input {
  border: 1px solid #8c8c8c;
  font-size: 14px;
  border-radius: 4px;
  padding: 7px;
  background-color: white;
  width: 100%;
  display: inline-block;
}
div.filter-box .searchInput .search__button {
  background: linear-gradient(to bottom, #9d9d9c 0%, #8c8c8c 100%);
  height: 35px;
  width: 35px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: 11px;
  position: absolute;
}
div.filter-box .searchInput .search__button > img {
  padding: 7px;
}

div.card-box {
  margin-top: 90px;
}
@media (max-width: 1024px) {
  div.card-box {
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  div.card-box div.floating-card {
    margin-bottom: 10px;
  }
}

.form-style div.separator {
  border-top: 1px solid #DDDDDD;
  margin: 30px 10px;
}
.form-style h2 {
  color: #404040;
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.form-style h2 p.sub {
  display: block;
  padding-left: 0 !important;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 0 !important;
  line-height: 20px;
  color: #666666;
  padding-top: 10px;
}
.form-style h3 {
  font-size: 24px;
  font-weight: 400;
  color: #404040;
  margin: 10px 10px 30px;
  position: relative;
}
.form-style h3 div.delete {
  position: absolute;
  font-size: 14px;
  right: 0;
  top: -4px;
}
.form-style h3 div.delete > button {
  height: 40px !important;
  font-weight: normal;
}
.form-style input[type=text], .form-style input[type=password], .form-style .sf-select-picker > div {
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  padding: 15px 10px;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
  color: #666666;
}
.form-style input[type=text]:focus, .form-style input[type=password]:focus, .form-style .sf-select-picker > div:focus {
  box-shadow: 0 0 5px rgb(81, 203, 238);
  border-color: #8c8c8c;
}
.form-style div.gutter {
  margin-bottom: 35px;
}
.form-style div.sf-select-picker {
  height: 56px;
  cursor: pointer;
}
.form-style div.sf-select-picker > div {
  padding: 0;
  height: 56px;
}
.form-style div.sf-select-picker label {
  font-weight: normal;
  padding-top: 20px;
  padding-left: 10px;
}
.form-style div.sf-select-picker abbr {
  background-image: url(images/icons/delete.svg) !important;
  background-size: 25px 25px !important;
  position: absolute;
  right: 25px !important;
  top: 13px !important;
  width: 25px;
  height: 25px;
}
.form-style div.sf-select-picker span {
  pointer-events: none;
  background-color: white;
  position: absolute;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  cursor: text;
  top: 5px;
  left: 11px;
  color: #404040;
  font-weight: bold;
  font-size: 12px;
}
.form-style div.sf-checkbox {
  height: 56px;
}
.form-style div.sf-checkbox div.checkbox-custom {
  padding-top: 12px;
  padding-left: 10px;
}
.form-style div.sf-checkbox div.checkbox-custom label {
  font-weight: normal;
  font-size: 18px;
  padding-left: 40px;
  margin-bottom: 0px;
  padding-top: 1px;
}
.form-style div.sf-checkbox div.checkbox-custom label:before {
  border-color: #bbbbbb !important;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}
.form-style div.sf-checkbox div.checkbox-custom label:after {
  font-size: 19px;
}
.form-style div.sf-inline-label {
  margin-bottom: 35px;
  position: relative;
}
.form-style div.sf-inline-label label {
  position: absolute;
  z-index: 99;
  top: 4px;
  left: 19px;
  font-weight: bold;
  font-size: 12px;
  color: #404040;
  padding-left: 3px;
  padding-right: 3px;
}
.form-style div.sf-inline-label div.select2-container {
  height: 56px;
  border-color: #bbbbbb;
}
.form-style div.sf-inline-label div.select2-container a.select2-default span.select2-chosen {
  color: #666666 !important;
}
.form-style div.sf-inline-label div.select2-container span.select2-chosen {
  text-transform: initial !important;
  font-weight: normal !important;
  font-size: 18px;
  padding-left: 5px;
  padding-top: 14px;
}
.form-style div.sf-inline-label div.select2-container.select2-allowclear abbr.select2-search-choice-close {
  background-size: 25px 25px !important;
  top: 12px !important;
  right: 45px !important;
  width: 25px !important;
  height: 25px !important;
}
.form-style div.sf-inline-label div.select2-container span.select2-arrow {
  display: inline-block !important;
  background: none;
  width: 35px;
  border-left-color: #bbbbbb;
}
.form-style div.sf-inline-label div.select2-container span.select2-arrow > b {
  background-size: 100px 85px !important;
  background-position: 3px 4px;
}
.form-style div span > em {
  font-weight: bold;
  color: #70ca63;
  font-style: normal;
}
.form-style div.date-input input {
  padding-left: 35px !important;
}
.form-style div.date-input span {
  left: 27px !important;
}
.form-style div.date-input label.field-icon {
  position: absolute;
  left: 12px;
  top: 16px;
}
.form-style div.date-input input:focus + span,
.form-style div.date-input input:-webkit-autofill + span,
.form-style div.date-input input:not(:placeholder-shown) + span {
  top: 14px;
  left: 0px !important;
}
.form-style div.date-input input:focus ~ label,
.form-style div.date-input input:-webkit-autofill ~ label,
.form-style div.date-input input:not(:placeholder-shown) ~ label {
  top: 22px;
}
.form-style div.placeholder-input {
  position: relative;
}
.form-style div.placeholder-input input:-webkit-autofill,
.form-style div.placeholder-input input:-webkit-autofill:hover,
.form-style div.placeholder-input input:-webkit-autofill:focus,
.form-style div.placeholder-input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form-style div.placeholder-input span {
  pointer-events: none;
  background-color: white;
  position: absolute;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: text;
  color: #666666;
}
.form-style div.placeholder-input input:focus + span,
.form-style div.placeholder-input input:-webkit-autofill + span,
.form-style div.placeholder-input input:not(:placeholder-shown) + span {
  top: 13px;
  left: 0px;
  color: #404040;
  font-weight: bold;
  font-size: 12px;
}
.form-style div.placeholder-input input,
.form-style div.placeholder-input span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.form-style div.placeholder-input input:focus, .form-style div.placeholder-input input:-webkit-autofill, .form-style div.placeholder-input input:not(:placeholder-shown) {
  padding-top: 20px;
  padding-bottom: 10px;
}

div.select2-container.tuned.select2-allowclear a.select2-choice span.select2-chosen {
  margin-right: 51px !important;
}
div.select2-container.tuned.select2-allowclear a.select2-choice abbr {
  top: 17px !important;
  right: 42px !important;
}
div.select2-container.tuned a.select2-choice {
  box-shadow: none;
  -webkit-box-shadow: none;
}

div.select2-drop-active.tuned {
  padding-top: 0 !important;
  margin-top: -1px !important;
  padding-left: 0 !important;
  padding-right: 1px !important;
  height: 40px;
  box-shadow: none;
  border: none !important;
}
div.select2-drop-active.tuned div.select2-search {
  background-color: rgba(0, 0, 0, 0.01);
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: none;
}
div.select2-drop-active.tuned div.select2-search input {
  border: none;
  font-size: 16px;
  color: #404040;
  font-weight: 600;
  padding-left: 10px;
}
div.select2-drop-active.tuned ul.select2-results {
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: -1px;
}
div.select2-drop-active.tuned ul.select2-results li {
  background-color: white !important;
}
div.select2-drop-active.tuned ul.select2-results li div {
  font-size: 13px;
  color: #404040 !important;
  font-weight: 500;
  background: none !important;
}

.form-grid.new-style .field-label {
  font-weight: 700;
  font-size: 0.75em;
  line-height: 1.3333333333em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
  color: #000;
}
.form-grid.new-style input[type=text] {
  padding: 10px 7px;
}
.form-grid.new-style input[type=text].input--date-picker, .form-grid.new-style input[type=text].input--date-picker-single {
  padding-left: 36px;
}
.form-grid.new-style input.input--date-picker {
  font-weight: 600;
  font-size: 13px;
}
.form-grid.new-style input, .form-grid.new-style textarea, .form-grid.new-style select {
  width: 100%;
}
.form-grid.new-style label.select {
  width: 100%;
}
.form-grid.new-style div.select2-container {
  padding: 9px 5px;
}
.form-grid.new-style div.select2-container:focus {
  box-shadow: 0 0 5px rgb(81, 203, 238);
  border-color: #8c8c8c;
}
.form-grid input, .form-grid textarea {
  border: 1px solid #8c8c8c !important;
  border-radius: 4px;
}
.form-grid textarea {
  padding: 5px;
}
.form-grid em.state-error {
  display: block;
  font-size: 13px !important;
  margin-bottom: 1em;
}
.form-grid .col {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .form-grid .col {
    margin-bottom: 1em;
  }
}
.form-grid label.date-picker > label {
  margin-bottom: 7px;
}
.form-grid label.date-picker input {
  height: 44px;
}
.new-form div.panel div.panel-heading {
  overflow: hidden;
  position: relative;
  height: auto;
  padding: 19px 22px 18px;
  color: #999;
  border-radius: 0;
  border-top: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #DDD;
  background-color: #FAFAFA;
}
.new-form div.panel div.panel-heading .panel-title {
  text-align: left;
  font-weight: 300;
  font-size: 26px;
  padding: 0;
  margin: 0;
  background: 0 0;
}
.new-form label {
  font-size: 14px;
  font-weight: 400;
  color: #404040;
}
.new-form span.title {
  font-size: 12px;
}

div.mfp-bg.mfp-move-from-top {
  background: none !important;
}

#modal-powersearch {
  background-color: transparent !important;
}
#modal-powersearch .panel {
  border-radius: 15px;
}
#modal-powersearch .panel .panel-body {
  max-height: 660px;
  overflow-y: scroll;
}
#modal-powersearch .panel .panel-body .resultHeading {
  font-weight: bold;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  display: block;
  margin-bottom: 20px;
}
#modal-powersearch .panel .panel-body div.entry {
  position: relative;
  font-size: 1.1em;
  padding: 8px 8px 8px 4px;
  gap: 16px;
  border-radius: 8px;
}
#modal-powersearch .panel .panel-body div.entry.template div.avatar {
  background: rgba(175, 227, 150, 0.4);
}
#modal-powersearch .panel .panel-body div.entry.template.selected, #modal-powersearch .panel .panel-body div.entry.template:hover {
  background: rgba(175, 227, 150, 0.4);
  cursor: pointer;
}
#modal-powersearch .panel .panel-body div.entry.template.selected > img, #modal-powersearch .panel .panel-body div.entry.template:hover > img {
  visibility: visible;
}
#modal-powersearch .panel .panel-body div.entry.template.selected div.avatar, #modal-powersearch .panel .panel-body div.entry.template:hover div.avatar {
  background: none !important;
}
#modal-powersearch .panel .panel-body div.entry.lab div.avatar {
  background: rgba(244, 197, 192, 0.4);
}
#modal-powersearch .panel .panel-body div.entry.lab.selected, #modal-powersearch .panel .panel-body div.entry.lab:hover {
  background: rgba(244, 197, 192, 0.4);
  cursor: pointer;
}
#modal-powersearch .panel .panel-body div.entry.lab.selected > img, #modal-powersearch .panel .panel-body div.entry.lab:hover > img {
  visibility: visible;
}
#modal-powersearch .panel .panel-body div.entry.lab.selected div.avatar, #modal-powersearch .panel .panel-body div.entry.lab:hover div.avatar {
  background: none !important;
}
#modal-powersearch .panel .panel-body div.entry div.avatar {
  height: 40px;
  min-width: 40px;
  text-align: center;
  color: #717387;
  background: #f6f4f3;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#modal-powersearch .panel .panel-body div.entry div.avatar > img {
  height: 20px;
}
#modal-powersearch .panel .panel-body div.entry div.text {
  margin-right: auto;
}
#modal-powersearch .panel .panel-body div.entry div.text p.top {
  font-size: 16px;
  font-weight: bold;
  color: #100b2d;
  margin-bottom: 2px;
  padding-right: 50px;
}
#modal-powersearch .panel .panel-body div.entry div.text p.bottom {
  color: #717387;
  font-size: 13px;
  margin-bottom: 0;
}
#modal-powersearch .panel .panel-body div.entry > img {
  padding: 2px 4px;
  background: rgba(6, 3, 20, 0.0588235294);
  border-radius: 4px;
  visibility: hidden;
}
#modal-powersearch .panel .panel-body div.entry .priceLabel {
  font-weight: bold;
  font-size: 14px;
  min-width: 60px;
  text-align: right;
}
#modal-powersearch .panel .panel-body div.entry div.favorite {
  min-width: 30px;
  text-align: right;
}
#modal-powersearch .panel .panel-body div.entry div.favorite div.fav {
  background-color: #70ca63 !important;
  border-color: #70ca63 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 6px;
}
#modal-powersearch .panel .panel-body div.entry.selected, #modal-powersearch .panel .panel-body div.entry:hover {
  background-color: #f6f4f3;
  cursor: pointer;
}
#modal-powersearch .panel .panel-body div.entry.selected > img, #modal-powersearch .panel .panel-body div.entry:hover > img {
  visibility: visible;
}
#modal-powersearch .panel .panel-footer {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #f6f4f3;
  display: flex;
}
#modal-powersearch .panel .panel-footer > div {
  display: flex;
  align-items: center;
  font-size: 12px;
}
#modal-powersearch .panel .panel-footer > div > img {
  margin-left: 10px;
  margin-right: 10px;
  padding: 2px 4px;
  background: rgba(6, 3, 20, 0.0588235294);
  border-radius: 4px;
}
#modal-powersearch .panel .panel-footer > div:first-of-type {
  margin-right: auto;
}
#modal-powersearch .panel .panel-heading {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#modal-powersearch .panel .panel-heading div#powerSearchHint {
  position: absolute;
  right: 10px;
  top: 15px;
  text-align: center;
}
#modal-powersearch .panel .panel-heading div#powerSearchHint span {
  font-weight: bold;
  font-size: 18px;
  display: block;
  line-height: 20px;
}
#modal-powersearch .panel .panel-heading div#powerSearchHint span.small {
  font-weight: normal;
  font-size: 10px;
  display: block;
}
#modal-powersearch .panel .panel-heading div.search--box {
  border: 1px solid #8c8c8c;
  border-radius: 10px;
  padding: 0;
  background-color: white;
  width: 100%;
  display: inline-block;
  position: relative;
}
#modal-powersearch .panel .panel-heading div.search--box > img {
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 9px;
  max-width: 26px;
  max-height: 26px;
}
#modal-powersearch .panel .panel-heading div.search--box .loading {
  position: absolute;
  right: 20px;
  left: auto !important;
  top: 10px !important;
  max-width: 30px !important;
  max-height: 30px !important;
}
#modal-powersearch .panel .panel-heading div.search--box label.search__box {
  position: relative;
  width: 100%;
  margin-left: 10px;
}
#modal-powersearch .panel .panel-heading div.search--box label.search__box input {
  font-size: 1.4em;
  border: none !important;
  padding-left: 35px;
  padding-top: 15px;
  width: 80%;
}

@media (max-width: 766px) {
  .card-content {
    padding: 20px !important;
  }
}

.card, .card-content {
  border-radius: 12px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.01);
  border: solid 1px #eaeaea;
  background-color: #fff;
  padding: 26px;
  background-color: #fff;
  margin-bottom: 2.5em;
  min-height: 180px;
}
.card h1, .card-content h1 {
  font-size: 24px;
  font-weight: 600;
}
.card h2, .card-content h2 {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 766px) {
  .card, .card-content {
    box-shadow: none;
    margin-bottom: 10px;
  }
}
.card#savingCard h1, .card-content#savingCard h1 {
  font-size: 2.5em;
}
.card.treatment-card, .card-content.treatment-card {
  padding: 0;
  margin-bottom: 15px;
}
.card.treatment-card .header, .card-content.treatment-card .header {
  padding: 1em;
}
.card.treatment-card h3, .card-content.treatment-card h3 {
  margin-bottom: 0em;
}
.card.treatment-card title.very-small, .card-content.treatment-card title.very-small {
  font-size: 0.65em;
}
.card.treatment-card .table.grid, .card-content.treatment-card .table.grid {
  max-height: 250px;
  min-height: 250px;
}
.card.treatment-card .table.grid .icon-button, .card-content.treatment-card .table.grid .icon-button {
  width: 2.2em;
  height: 2.2em;
  display: block;
}
.card.treatment-card .table.grid .icon-button > img, .card-content.treatment-card .table.grid .icon-button > img {
  max-width: 20px;
  max-height: 20px;
}
.card.treatment-card .table.grid .table__cell--action, .card-content.treatment-card .table.grid .table__cell--action {
  padding: 20px 0 0 0 !important;
}
.card.treatment-card .table.grid .table__head, .card-content.treatment-card .table.grid .table__head {
  border-bottom: solid 1px #ececec;
  background-color: #fafafa;
}
.card.treatment-card .table.grid .table__head .table__cell, .card-content.treatment-card .table.grid .table__head .table__cell {
  padding: 0.625em;
}
.card.treatment-card .table.grid .table__head .table__cell span, .card-content.treatment-card .table.grid .table__head .table__cell span {
  text-transform: none !important;
  font-size: 14px;
  font-weight: 600;
}
.card.treatment-card .table.grid .table__body, .card-content.treatment-card .table.grid .table__body {
  max-height: 200px;
  overflow-y: auto;
}
.card.treatment-card .table.grid .table__body .table__row:last-of-type, .card-content.treatment-card .table.grid .table__body .table__row:last-of-type {
  border-bottom: 1px solid #EEEEEE;
}
.card.treatment-card .icon-button--success, .card-content.treatment-card .icon-button--success {
  background: #70ca63 !important;
}

.patient-card {
  z-index: 3;
}
@media (max-width: 1024px) {
  .patient-card > .d-flex {
    flex-direction: column;
  }
  .patient-card > .d-flex .flex-column {
    margin-top: 0px;
    margin-left: 30px !important;
  }
  .patient-card > .d-flex .flex-column .badge.large {
    width: 100%;
  }
}

.patient-card.dead h1 {
  background-color: #404040 !important;
}

.patient-mini-card .badge {
  background-color: transparent;
  line-height: 13px;
  font-size: 11px;
  font-weight: 500;
  color: #98a1b7;
  text-align: center;
  min-height: 35px;
  border-radius: 10px;
  padding: 8px;
  display: flex;
  align-items: center;
  min-width: auto;
  justify-content: center;
}
.patient-mini-card .badge img {
  margin-right: 5px;
  max-height: 20px;
}
.patient-mini-card .badge.large {
  padding-top: 5px;
  min-height: 30px;
  border-radius: 0;
}
.patient-mini-card .badge.large:first-of-type {
  border-right: 1px solid #eaeaea;
}
.patient-mini-card .badge.large:last-of-type {
  border-left: 1px solid #eaeaea;
}
.patient-mini-card .badge.large span {
  text-align: center;
  margin-top: 3px;
}
.patient-mini-card .badge.large span.infoText {
  font-weight: bold;
  color: #404040;
  font-size: 18px;
}
.patient-mini-card .badge.large span.infoText em {
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px !important;
}
.patient-mini-card .badge.large span.textBelow {
  display: block;
  color: #848484;
  font-size: 11px;
}

.customer-card .card-health, .customer-card-top .card-health, .patient-card .card-health, .customerBox .card-health {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  padding: 10px;
  border-radius: 10px;
  max-width: 375px;
}
.customer-card .eltiga-style, .customer-card-top .eltiga-style, .patient-card .eltiga-style, .customerBox .eltiga-style {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 767px) and (max-width: 600px) {
  .customer-card .eltiga-style span.image, .customer-card-top .eltiga-style span.image, .patient-card .eltiga-style span.image, .customerBox .eltiga-style span.image {
    left: -200px !important;
  }
  .customer-card .eltiga-style span.bubble, .customer-card-top .eltiga-style span.bubble, .patient-card .eltiga-style span.bubble, .customerBox .eltiga-style span.bubble {
    left: -147px !important;
  }
  .customer-card .eltiga-style #nameContainer, .customer-card-top .eltiga-style #nameContainer, .patient-card .eltiga-style #nameContainer, .customerBox .eltiga-style #nameContainer {
    left: 40px !important;
  }
  .customer-card .eltiga-style .patient-infos, .customer-card-top .eltiga-style .patient-infos, .patient-card .eltiga-style .patient-infos, .customerBox .eltiga-style .patient-infos {
    left: 120px !important;
  }
  .customer-card .eltiga-style img.eltiga-badge, .customer-card-top .eltiga-style img.eltiga-badge, .patient-card .eltiga-style img.eltiga-badge, .customerBox .eltiga-style img.eltiga-badge {
    left: 67px !important;
  }
}
.customer-card .eltiga-style #nameContainer, .customer-card-top .eltiga-style #nameContainer, .patient-card .eltiga-style #nameContainer, .customerBox .eltiga-style #nameContainer {
  position: absolute;
  top: 30px;
  left: 200px;
}
.customer-card .eltiga-style #nameContainer h1, .customer-card-top .eltiga-style #nameContainer h1, .patient-card .eltiga-style #nameContainer h1, .customerBox .eltiga-style #nameContainer h1 {
  background-color: #70ca63;
  padding: 2px 8px;
  z-index: 10;
  color: white;
  max-width: 300px;
  min-width: 80px;
  overflow: hidden;
  height: 38px;
  border-radius: 4px;
}
.customer-card .eltiga-style .eltiga-badge, .customer-card-top .eltiga-style .eltiga-badge, .patient-card .eltiga-style .eltiga-badge, .customerBox .eltiga-style .eltiga-badge {
  z-index: 9;
  position: absolute;
  left: 227px;
  top: 136px;
  width: 40px;
}
.customer-card .eltiga-style .patient-infos, .customer-card-top .eltiga-style .patient-infos, .patient-card .eltiga-style .patient-infos, .customerBox .eltiga-style .patient-infos {
  position: absolute;
  top: 85px;
  left: 280px;
  height: 120px;
  width: 270px;
}
.customer-card .eltiga-style .patient-infos p.subName, .customer-card .eltiga-style .patient-infos a, .customer-card-top .eltiga-style .patient-infos p.subName, .customer-card-top .eltiga-style .patient-infos a, .patient-card .eltiga-style .patient-infos p.subName, .patient-card .eltiga-style .patient-infos a, .customerBox .eltiga-style .patient-infos p.subName, .customerBox .eltiga-style .patient-infos a {
  font-size: 14px;
}
.customer-card .eltiga-style .customer-buttons, .customer-card-top .eltiga-style .customer-buttons, .patient-card .eltiga-style .customer-buttons, .customerBox .eltiga-style .customer-buttons {
  position: absolute;
  bottom: 0px;
  left: -7px;
}
.customer-card .eltiga-style .customer-buttons button, .customer-card-top .eltiga-style .customer-buttons button, .patient-card .eltiga-style .customer-buttons button, .customerBox .eltiga-style .customer-buttons button {
  display: inline-block;
}
.customer-card .eltiga-style span.image, .customer-card-top .eltiga-style span.image, .patient-card .eltiga-style span.image, .customerBox .eltiga-style span.image {
  position: absolute;
  height: 300px;
  width: 300px;
  border-radius: 100%;
  left: -40px;
  top: -60px;
  z-index: 2;
  background-size: contain;
  background-color: #FAFAFA;
}
.customer-card .eltiga-style span.bubble, .customer-card-top .eltiga-style span.bubble, .patient-card .eltiga-style span.bubble, .customerBox .eltiga-style span.bubble {
  height: 276px;
  width: 256px;
  background: #EFEFEF;
  position: absolute;
  border-radius: 100%;
  left: 13px;
  top: -51px;
  z-index: 1;
}
.customer-card .eltiga-style span.bubble.with-image, .customer-card-top .eltiga-style span.bubble.with-image, .patient-card .eltiga-style span.bubble.with-image, .customerBox .eltiga-style span.bubble.with-image {
  background: #0d525e;
}
.customer-card .owner-gender img, .customer-card-top .owner-gender img, .patient-card .owner-gender img, .customerBox .owner-gender img {
  max-height: 60px;
  max-width: 60px;
}
.customer-card .patient-gender img, .customer-card-top .patient-gender img, .patient-card .patient-gender img, .customerBox .patient-gender img {
  max-height: 60px;
  max-width: 60px;
}
.customer-card .patient-picture, .customer-card-top .patient-picture, .patient-card .patient-picture, .customerBox .patient-picture {
  position: relative;
  margin: -10px;
  margin-right: 20px;
}
.customer-card .patient-picture > img, .customer-card-top .patient-picture > img, .patient-card .patient-picture > img, .customerBox .patient-picture > img {
  border-radius: 8px;
}
.customer-card .patient-picture > img.eltiga-badge, .customer-card-top .patient-picture > img.eltiga-badge, .patient-card .patient-picture > img.eltiga-badge, .customerBox .patient-picture > img.eltiga-badge {
  position: absolute;
  bottom: 5px;
  right: -8px;
  max-width: 40px !important;
}
.customer-card .badge, .customer-card-top .badge, .patient-card .badge, .customerBox .badge {
  background-color: #f3f4f6;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #98a1b7;
  text-align: center;
  min-height: 35px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
  padding: 8px;
  display: flex;
  align-items: center;
  min-width: 125px;
  justify-content: center;
}
.customer-card .badge img, .customer-card-top .badge img, .patient-card .badge img, .customerBox .badge img {
  margin-right: 5px;
  max-height: 20px;
}
.customer-card .badge.large, .customer-card-top .badge.large, .patient-card .badge.large, .customerBox .badge.large {
  min-height: 50px;
  display: block;
  border-radius: 0;
}
.customer-card .badge.large:first-of-type, .customer-card-top .badge.large:first-of-type, .patient-card .badge.large:first-of-type, .customerBox .badge.large:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.customer-card .badge.large:last-of-type, .customer-card-top .badge.large:last-of-type, .patient-card .badge.large:last-of-type, .customerBox .badge.large:last-of-type {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.customer-card .badge.large span, .customer-card-top .badge.large span, .patient-card .badge.large span, .customerBox .badge.large span {
  text-align: center;
  margin-top: 3px;
}
.customer-card .badge.large span.infoText, .customer-card-top .badge.large span.infoText, .patient-card .badge.large span.infoText, .customerBox .badge.large span.infoText {
  font-weight: bold;
  color: #404040;
  font-size: 18px;
}
.customer-card .badge.large span.infoText em, .customer-card-top .badge.large span.infoText em, .patient-card .badge.large span.infoText em, .customerBox .badge.large span.infoText em {
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px !important;
}
.customer-card .badge.large span.textBelow, .customer-card-top .badge.large span.textBelow, .patient-card .badge.large span.textBelow, .customerBox .badge.large span.textBelow {
  display: block;
  color: #848484;
  font-size: 13px;
}
.customer-card .badge.success, .customer-card-top .badge.success, .patient-card .badge.success, .customerBox .badge.success {
  color: #4caf50;
  background-color: #e7f9ee;
}
.small-dashboard .card {
  margin-bottom: 1.5em;
  min-height: 150px;
}
.small-dashboard .card h1.card__title {
  margin-bottom: 1.8rem;
}
.small-dashboard .card span.title {
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

@media (max-width: 766px) {
  .site-content.card {
    padding: 1.25em 0 0 0;
  }
}

.card__title {
  position: relative;
}
.card__title:after {
  content: "";
  position: absolute;
  bottom: -0.5714285714em;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0.125em;
  width: 2.5em;
  background-color: #00aac6;
  border-radius: 12px;
}

.card--no-padding {
  padding: 0;
}

.product-detail .card__head {
  background-color: #fbfbfb;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 2.5em;
}
.product-detail .card__head,
.product-detail .card__body {
  padding: 1.25em;
}

.dashboard .floating-card {
  float: left;
}

.action-icons {
  position: fixed;
  display: flex;
  align-items: center;
  z-index: 1000;
  bottom: 0.625em;
  right: 1.25em;
}
@media (min-width: 1024px) {
  .action-icons {
    bottom: 1.25em;
    right: 2.5em;
  }
}
.action-icons .icon-button {
  vertical-align: middle;
}
.action-icons .icon-button--small {
  margin-top: 4px;
}

.quick-actions {
  margin-right: 20px;
}
.quick-actions .div {
  margin: 0 15px;
}
.quick-actions > button {
  position: relative;
  width: 3.375em;
  height: 3.375em;
}
@media (min-width: 768px) {
  .quick-actions > button {
    height: 5em;
  }
}
@media (max-width: 767px) {
  .quick-actions > button.profile-img .profile__image {
    max-width: 45px !important;
    max-height: 45px !important;
  }
  .quick-actions > button .badge.badge-danger {
    top: 33px;
  }
}
.quick-actions > button:hover.quickaction-buttons .circle {
  fill: #8c8c8c;
  stroke: #8c8c8c;
}
.quick-actions > button:hover.quickaction-buttons .icon {
  fill: #fff;
}
.quick-actions .icon {
  transition: all 0.3s ease-out;
}
.quick-actions .circle {
  transition: all 0.4s ease-out;
  transform-origin: center center;
}

div.product-details div.table__cell.twoRowLabel span.title {
  display: block;
}
div.product-details div.table__cell.twoRowLabel span.subText {
  display: block;
}
div.product-details div.table__cell .subText {
  font-weight: bold;
}

div.product.purchaseCell {
  border-radius: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
div.product.purchaseCell:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
div.product.purchaseCell.topPromotion div.product__footer button {
  background-color: #70ca63 !important;
}
div.product.purchaseCell.topPromotion div.product__promotion-text {
  color: #70ca63;
}
div.product.purchaseCell div.product__label-bar {
  position: absolute;
  left: 10px;
  top: -15px;
}
div.product.purchaseCell div.product__label-bar > label {
  float: left;
  margin-right: 5px;
}
div.product.purchaseCell div.product__label-bar label.offer {
  background-color: #00aac6;
  color: white;
}
div.product.purchaseCell div.offer-details {
  position: absolute;
  top: 17px;
  left: 100px;
  font-size: 12px;
}
div.product.purchaseCell label.top-offer {
  background-color: #70ca63;
  color: white;
}
div.product.purchaseCell div.product__promotion-text {
  text-align: center;
  height: 75px;
  padding-top: 50px;
  overflow: hidden;
}
div.product.purchaseCell div.product__title-wrapper {
  margin-right: 50px;
}
div.product.purchaseCell a.favs.selectable-item {
  z-index: 8;
  padding: 7px;
  border-radius: 50%;
  position: absolute;
  right: 7px;
  top: -15px;
}
div.product.purchaseCell a.favs.selectable-item.selected {
  background-color: #70ca63 !important;
}
div.product.purchaseCell a.favs.selectable-item.selected svg > g > g {
  fill: white;
}
div.product.purchaseCell div.product__title-block div.product__title {
  text-align: center;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  height: 50px;
  overflow: hidden;
}
div.product.purchaseCell div.product__subtitle {
  margin-top: 10px;
  text-align: center;
  height: 30px;
  overflow: hidden;
  height: 43px;
}
div.product.purchaseCell .product__price-wrapper div.product__price {
  font-size: 14px;
}
div.product.purchaseCell .product__price-wrapper div.product__price .product__price-label {
  font-size: 18px;
}
div.product.purchaseCell .product__price-wrapper div.product__price .product__price-label div.ember-view {
  display: inline;
}
div.product.purchaseCell .product__price-wrapper div.product__price .product__price-instead div.ember-view {
  display: inline;
}
div.product.purchaseCell div.product__footer {
  text-align: center;
  padding: 10px 20px 20px 20px;
}
div.product.purchaseCell div.product__footer button {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
}

.product {
  border: 1px solid #e1e1e1;
  position: relative;
  margin-top: 2em;
}

.product__saved__alternative {
  height: 58px;
}

.product__saved__inactive {
  background-color: #404040;
  color: white;
  text-align: center;
  padding: 0.625em;
  padding-top: 0.625em;
  min-height: 58px;
  line-height: 38px;
}

.product__saved {
  color: #fff;
  text-align: center;
  padding: 0.625em;
  padding-top: 0.625em;
  min-height: 65px;
}
.product__saved span.supplier-infos {
  font-size: 0.9em;
}
.product__saved.cashback {
  top: 70px;
}
.product-list .product__saved {
  display: inline-block;
  padding-left: 0.625em;
  padding-right: 0.625em;
}
.product-list .product__saved > div {
  font-size: 1.1em;
}
.product__saved .ember-view {
  display: inline-block;
}
.product__saved .small {
  display: block;
}

.product__saved-label {
  color: #fff;
  font-weight: 600;
}

.price-line.product__saved {
  position: relative;
  width: 65px;
}
.price-line.product__saved > div {
  display: inline-block;
}

.product__promotion {
  display: inline;
  padding: 0.2em 0.4em 0.2em 0.4em !important;
}
.product__promotion .product__promotion-label {
  display: inline-block !important;
  vertical-align: top;
  padding-top: 5px;
}

.promotion__label {
  color: #9b59b6;
}

.product__bestprice,
.product__promotion,
.product__cashback {
  text-align: center;
  padding: 0.4166666667em;
  line-height: 0.85em;
  z-index: 10;
}
.product__bestprice.cell,
.product__promotion.cell,
.product__cashback.cell {
  position: absolute;
  right: 0;
  top: 132px;
  padding: 0.625em;
  min-width: 50px;
}
.product__bestprice.rounded,
.product__promotion.rounded,
.product__cashback.rounded {
  border-radius: 3px;
}
.product__bestprice .product__bestprice-label, .product__bestprice .product__promotion-label, .product__bestprice .product__cashback-label,
.product__promotion .product__bestprice-label,
.product__promotion .product__promotion-label,
.product__promotion .product__cashback-label,
.product__cashback .product__bestprice-label,
.product__cashback .product__promotion-label,
.product__cashback .product__cashback-label {
  color: #fff;
  font-size: 0.75em;
  font-weight: 600;
}

.product__cashback.cell {
  top: 70px;
}

.product__image-wrapper {
  position: relative;
  height: 220px;
}
.product__image-wrapper .product__image {
  max-height: 12.5em;
  display: block;
  margin: 0 auto;
}

.product__image {
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.product-list .tags {
  margin-top: 3px;
  display: inline-block !important;
}
.product-list .price .tooltipstered {
  position: absolute;
  top: 8px;
  right: 0;
  height: 15px;
  width: 15px;
}
.product-list .price .tooltipstered svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .product-list .product__image {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .product-list .product__add svg {
    width: 40px !important;
    height: 40px !important;
  }
}

.price-divided {
  display: block;
  font-size: 0.7vw;
}
.price-divided .ember-view {
  display: inline-block;
}
@media (max-width: 1024px) {
  .price-divided {
    font-size: 8px;
  }
}
@media screen and (min-width: 1921px) {
  .price-divided {
    font-size: 14px;
  }
}

.product__price-wrapper {
  padding-top: 0.625em;
  padding-bottom: 1.25em;
  min-height: 4.6875em;
  position: relative;
}
.product__price-wrapper div.product__old-price {
  min-height: 23px;
}
.product__price-wrapper div.product__old-price > span {
  display: inline-block;
  vertical-align: baseline;
}
.product__price-wrapper div.product__promotion {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
}
.product__price-wrapper svg.icon-iek {
  height: 20px;
}
.product__price-wrapper .clickable {
  position: absolute;
  right: 0.625em;
  top: 50%;
  transform: translate(0, -50%);
}
.product__price-wrapper .product__spinner {
  position: absolute;
  left: 1.25em;
  top: 50%;
  transform: translate(0, -50%);
}
.product__price-wrapper .product__spinner .spinner {
  padding-left: 0.625em;
  padding-right: 0.625em;
}
.product__price-wrapper .product__spinner input {
  width: 2.125em;
}

.product__package-unit {
  margin-bottom: 0.625em;
  line-height: 1.25em;
  height: 1.25em;
}

.product__label {
  color: #fff;
  display: block;
  text-align: center;
}

.product__title-wrapper {
  text-align: center;
  padding: 1.25em 0.625em;
  position: relative;
}
.product__title-wrapper > span {
  font-weight: 500;
}
.product__title-wrapper > span > a.cursor:hover {
  color: #00aac6;
  text-decoration: underline !important;
}
.product__title-wrapper .fav-button {
  position: absolute;
  right: 10px;
  top: 20px;
}

#product-list div.table__cell.price.u-line-through > div {
  display: inline-block;
  text-decoration: line-through;
}

.product-detail label.info-badge.offer {
  background-color: #00aac6;
  color: white;
}
.product-detail label.info-badge.top-offer {
  background-color: #70ca63;
  color: white;
}

.grid .product__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.promotion-label.list::after {
  border-bottom: 50px solid #9b59b6;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
@media (min-width: 1024px) {
  .promotion-label.list::after {
    left: -33px !important;
    top: -8px !important;
  }
}
.promotion-label.list::before {
  left: 0px;
  top: 15px;
}

.inactive-label.list::after {
  border-bottom: 50px solid #404040 !important;
  border-left: 50px solid transparent !important;
  border-right: 50px solid transparent !important;
}
@media (min-width: 1024px) {
  .inactive-label.list::after {
    left: -33px !important;
    top: -8px !important;
  }
}
.inactive-label.list::before {
  left: 0px;
  top: 15px;
}

.inactive-label::after {
  border-bottom: 70px solid #404040 !important;
}

a.promotion-info-bubble > div {
  position: absolute;
  left: 50px;
  top: 50px;
}

.promotion-cell .product__title-wrapper {
  padding-left: 5em;
}

.promotion-label.top-promotion.list > span:first-of-type {
  font-size: 13px;
  left: -5px !important;
  top: 4px !important;
  line-height: 12px;
  text-align: center;
}
.promotion-label.top-promotion > span:first-of-type {
  font-size: 16px;
  left: -3px !important;
  top: 8px !important;
  line-height: 16px;
  text-align: center;
}
.promotion-label.top-promotion::after {
  border-bottom-color: #00aac6;
}
.promotion-label.detail::after {
  left: -46px;
  top: -11px;
}
.promotion-label.list > span {
  font-size: 12px;
  top: 10px;
}
.promotion-label.list > span.details {
  font-size: 10px;
  top: 20px;
  left: -6px;
}
.promotion-label.list.to > span.details {
  left: -5px;
  top: 20px;
  white-space: nowrap;
}
.promotion-label.to > span {
  left: -4px;
  top: 15px;
}
.promotion-label.to > span.details {
  left: 0px;
  top: 29px;
  white-space: nowrap;
}
.promotion-label > span {
  color: white;
  transform: rotate(-45deg);
  position: absolute;
  left: 0px;
  top: 19px;
  z-index: 99;
  font-weight: bold;
}
.promotion-label > span.details {
  font-size: 12px;
  left: -4px;
  top: 15px;
}
.promotion-label::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 70px solid #9b59b6;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  transform: rotate(-45deg);
}
@media (min-width: 1024px) {
  .promotion-label::after {
    left: -46px;
    top: -11px;
  }
}

div.product-list-purchase div.table__cell label.info-badge.offer {
  background-color: #00aac6;
  color: white;
}
div.product-list-purchase div.table__cell label.info-badge.top-offer {
  background-color: #70ca63;
  color: white;
}
div.product-list-purchase div.table__cell a.favs.selectable-item {
  z-index: 8;
  padding: 7px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
}
div.product-list-purchase div.table__cell a.favs.selectable-item.selected {
  background-color: #70ca63 !important;
}
div.product-list-purchase div.table__cell a.favs.selectable-item.selected svg > g > g {
  fill: white;
}

#compositeProductEdit div#price-inputs div.product-row.price-line {
  height: auto;
  min-height: 50px;
}
#compositeProductEdit div.pick-list {
  margin-bottom: 10px;
  margin-top: 0.5em;
  font-size: 1em;
}
#compositeProductEdit div.pick-list b {
  font-weight: normal;
}
#compositeProductEdit div.pick-list ul {
  margin-bottom: 10px;
  margin-left: 2px;
  list-style-position: inside;
}
#compositeProductEdit div.pick-list ul li {
  list-style-type: disc;
}
#compositeProductEdit div.inline-input-list {
  margin-top: 5px;
}
#compositeProductEdit div.inline-input-list span {
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}
#compositeProductEdit div.inline-input-list span:first-of-type {
  margin-left: 0;
}
#compositeProductEdit div.inline-input-list input {
  width: 50px;
  text-align: center;
}

#favorite {
  position: absolute;
  right: 40px;
  top: 40px;
}

.product-detail #basket {
  position: absolute;
  right: 40px;
  top: 90px;
}
.product-detail #ehapoDetails {
  position: absolute;
  right: 40px;
  top: 130px;
}
.product-detail #ehapoDetails > div {
  position: absolute;
  right: 40px;
  top: -4px;
}
.product-detail #ehapoDetails > div.stock {
  position: absolute;
  min-width: 20px;
  right: 0px;
  top: 0px;
}
.product-detail #ehapoDetails > div.stock > span {
  display: block;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.product-detail div.table__row div.equivalentAmount label {
  width: 50px;
  display: inline-block;
}

.product-details .table__cell {
  font-size: 16px;
  line-height: 16px;
}
.product-details .table__cell .price-line {
  display: inline-block;
}
.product-details .table__cell .title {
  margin-bottom: 5px;
  display: block;
}
.product-details .table__cell .title.normal {
  font-weight: normal;
}
.product-details .table__cell .price {
  font-size: 18px;
  display: block !important;
}
.product-details .table__cell .special-label {
  min-width: 70px;
  color: white;
  background-color: #008EC6;
}
.product-details .table__cell .special-label .top, .product-details .table__cell .special-label .bottom, .product-details .table__cell .special-label .price2 {
  display: block;
  font-weight: bold;
  text-align: center;
}
.product-details .table__cell .special-label .price2 {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
  margin-bottom: 5px;
}
.product-details .small.price-divided, .product-details .small.price--saved, .product-details .small.price--fee, .product-details .small.promotion-info {
  display: block;
  padding-top: 6px;
}
.product-details .small.price-divided > div, .product-details .small.price--saved > div, .product-details .small.price--fee > div, .product-details .small.promotion-info > div {
  display: inline-block;
}
.product-details .small.delivery-info {
  display: block;
  margin-top: -7px;
}
.product-details .small.promotion-info a.cursor, .product-details .small.delivery-info a.cursor {
  text-decoration: underline;
}
.product-details .supplier {
  font-size: 20px;
}
.product-details div.table__row.supplierPrice {
  min-height: 80px;
}
.product-details div.table__row .table__cell--saved .saved-price {
  font-size: 18px;
  font-weight: normal !important;
}
.product-details div.table__row.second {
  min-height: inherit !important;
}
.product-details div.table__row.inactive {
  background-color: #dbdbdb !important;
}
.product-details div.table__row.inactive-promotion {
  background-color: #F5ECFF !important;
}
.product-details div.table__row.promotion {
  background-color: #F5ECFF;
}
.product-details div.table__row span.price > div.ember-view {
  display: inline-block;
}
.product-details div.table__row span.price > div.tooltipstered {
  line-height: 20px;
  height: 23px;
  padding-left: 10px;
  padding-top: 3px;
}
.product-details div.table__row:last-of-type {
  border-bottom: 1px solid #EEEEEE;
}
.product-details svg.icon-iek {
  width: 24px;
  height: 24px;
  left: 0;
}
.product-details .u-line-through {
  vertical-align: top;
  display: inline-block !important;
}
.product-details .tooltipstered {
  display: inline-block;
}
.product-details__heading {
  margin-bottom: 1.1111111111em;
}

.priceEuroLabel {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
.priceEuroLabel.toggle {
  margin-top: 32px;
}

section.edit-composite div#price-inputs .price-line {
  height: auto;
}

section.product-detail div.inputWithText, section.edit-product div.inputWithText {
  line-height: 40px;
}
section.product-detail div.field.number-input, section.edit-product div.field.number-input {
  display: inline-block;
  vertical-align: top;
  margin: 5px 20px 0 0;
}
section.product-detail label.select--inline, section.edit-product label.select--inline {
  display: inline-block;
  min-width: 200px;
  margin-right: 20px;
}
section.product-detail label.select--inline div.select2-container, section.edit-product label.select--inline div.select2-container {
  width: 100% !important;
}

section.edit-product h3, section.edit-service h3 {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0em 0 0.5em;
  text-transform: uppercase;
}

.tabs__head {
  display: block;
  position: relative;
}
.tabs__head::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #404040;
}
.tabs__head li {
  display: block;
}
@media (max-width: 1023px) {
  .tabs__head li {
    text-align: center;
  }
  .tabs__head li > a {
    font-size: 0.9em !important;
    padding: 0.75em 0 !important;
  }
}
@media (min-width: 1024px) {
  .tabs__head li {
    float: left;
  }
}

.tabs__label {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  font-weight: normal !important;
  padding: 1.1111111111em 1.6666666667em 0.8333333333em 1.1111111111em;
}
.tabs__label::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #404040;
  transform: translate(0, 2px);
  transition: all 0.2s ease-out;
}
.tabs__label:hover::after {
  background-color: #70ca63;
  transform: translate(0, 0);
}
.tabs__label.is-active {
  font-weight: bold !important;
}
.tabs__label.is-active::after {
  background-color: #70ca63;
  transform: translate(0, 0);
}

.tabs__body {
  position: relative;
}

.tabs__content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  display: none;
}
.tabs__content.is-active {
  position: relative;
  display: block;
  opacity: 1;
}
.tabs__content .title {
  display: block;
  margin-bottom: 0.3125em;
}
.tabs__content li,
.tabs__content p {
  margin-bottom: 1.25em;
}

.tabs--mobile-block {
  text-align: right;
}
.tabs--mobile-block .tabs__head:after {
  display: none;
}
@media (min-width: 1025px) {
  .tabs--mobile-block .tabs__head li {
    float: right;
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .mobile-horizontal {
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .mobile-horizontal li {
    float: left;
  }
  .mobile-horizontal li > a {
    text-align: center;
  }
  .mobile-horizontal.tabs-3 li {
    width: 33%;
  }
  .mobile-horizontal.tabs-4 li {
    width: 25%;
  }
}

.pagination-wrapper.is-fixed {
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 8.125em;
}
@media (max-width: 767px) {
  .pagination-wrapper.is-fixed {
    left: 1.25em;
  }
}
@media (max-width: 1023px) {
  .pagination-wrapper.is-fixed ul.pagination {
    margin-bottom: 10px;
  }
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3acfe8", endColorstr="#008ec6",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-weight: 600;
}

.pagination > li > a:hover {
  color: white !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #8c8c8c;
  margin-left: 5px;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px 8px 0px;
  text-align: center;
  height: 35px;
  width: 35px;
  border-radius: 6px;
  border: solid 1px rgba(217, 217, 217, 0.8);
  background-color: #f8f8f8;
}

.pagination > li.arrow.next > a {
  cursor: pointer;
  background-position-y: 12px;
  font-size: 0;
  background: url("images/icons/rework/nav-next.svg") #f8f8f8 no-repeat center center;
}
.pagination > li.arrow.next > a:hover {
  background-color: #8c8c8c;
  background-image: url("images/icons/rework/nav-next-white.svg");
}
.pagination > li.arrow.prev > a {
  cursor: pointer;
  background-position-y: 12px;
  font-size: 0;
  background: url("images/icons/rework/nav-prev.svg") #f8f8f8 no-repeat center center;
}
.pagination > li.arrow.prev > a:hover {
  background-color: #8c8c8c;
  background-image: url("images/icons/rework/nav-prev-white.svg");
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  border: 1px solid #8c8c8c;
}

.pagination.small {
  font-size: 0.7em;
}

.modal {
  position: absolute;
  padding: 2.5em;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: 400px;
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
}

.admin-form-fallback .panel-heading {
  font-weight: 300;
  font-size: 26px;
  padding: 19px 22px 18px;
  height: auto;
}

body .popup-very-large {
  max-width: 1000px !important;
}

body .popup-mid {
  max-width: 550px !important;
}

body .popup-extremely-large {
  max-width: 1100px !important;
}

body div.popup-basic {
  border-radius: 12px;
}
body div.popup-basic .mfp-close {
  z-index: 0;
}
body div.popup-basic .icon-button {
  box-shadow: none !important;
}
body div.popup-basic .search-box-form {
  width: 100%;
}
body div.popup-basic form.search-box-overlay {
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  padding: 6px;
  background-color: white;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px;
  display: inline-block;
}
body div.popup-basic form.search-box-overlay label.search-box {
  font-size: 1em !important;
}
body div.popup-basic form.search-box-overlay button.search__button {
  height: 55px;
  width: 40px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: -6px;
  z-index: 99;
}
body div.popup-basic form.search-box-overlay input {
  font-size: 1.2em;
  border: none !important;
  padding-left: 0.5em;
}
body div.popup-basic form {
  margin-bottom: 0;
}
body div.popup-basic .bar {
  text-align: right;
  padding: 0 20px 20px 0;
}
body div.popup-basic .mfp-close {
  padding-top: 24px;
  font-size: 52px;
  padding-right: 15px;
}
body div.popup-basic.small--heading div.panel div.panel-heading {
  padding-bottom: 0px;
  padding-top: 0px;
}
body div.popup-basic.small--heading div.panel div.panel-heading > span {
  font-size: 1.5em;
}
body div.popup-basic.small--heading .mfp-close {
  padding-top: 7px;
}
body div.popup-basic div.panel {
  border-radius: 12px;
}
body div.popup-basic div.panel div.panel-heading {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f0ede4;
}
body div.popup-basic div.panel div.panel-heading span.panel-title {
  font-size: 21px !important;
  font-weight: 600;
  color: #3e3e3e;
}
body div.popup-basic div.panel div.panel-heading div.buttons-box {
  text-align: right;
  position: absolute;
  top: 23px;
  right: 65px;
}
body div.popup-basic div.panel div.panel-body .table--large a.icon-button svg {
  display: block;
}
body div.popup-basic div.panel div.panel-body .table--large div.dropdown .dropdown-menu {
  min-width: 240px;
}
body div.popup-basic div.panel div.panel-footer {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid #DDD;
  background-color: #FBFBFB;
  display: flex;
  justify-content: end;
  align-items: center;
}
body div.popup-basic div.panel div.panel-footer button {
  vertical-align: bottom;
  min-height: 55px;
  min-width: 55px;
}
body div.popup-basic div.panel div.panel-footer button.choice {
  min-height: 30px;
}
body div.popup-basic div.panel div.panel-footer div.delete-confirm a {
  min-height: auto;
}

body div.popup-very-large {
  max-width: 950px !important;
}

div#modal-sloping-info-panel div#buttonSidebar {
  padding-left: 20px;
  padding-top: 45px;
}

div#modal-image-upload-and-select-panel h2 {
  margin-top: 0px;
}
div#modal-image-upload-and-select-panel .documentsForm div.table-wrapper {
  padding: 0px;
}

div#modal-treatment-select-panel div.panel-body div.table__body.multi, div#appmodal-treatment-select-panel div.panel-body div.table__body.multi, div#updatemodal-treatment-select-panel div.panel-body div.table__body.multi {
  max-height: 400px;
  overflow-y: scroll;
}

div#modal-treatment-multistage-select-panel .search-box input.input--search {
  padding-left: 0;
}

div#modal-digital-form-panel div.panel-body h3 {
  margin: 0.5em 0px !important;
}
div#modal-digital-form-panel div.panel-body div.toggle-container {
  margin-bottom: 0px;
}
div#modal-digital-form-panel div.panel-body div.toggle-container.active {
  margin-bottom: 40px;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row {
  border-top: 1px solid #DDDDDD;
  padding-bottom: 5px;
  margin-top: 5px;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row.first {
  border-top: none !important;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row.headline {
  border-top: none;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row.sub-item {
  border-top: none;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row div.item-row {
  margin-top: 5px;
  padding-left: 10px;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row div.item-row input {
  height: 40px;
}
div#modal-digital-form-panel div.panel-body div.digital-field-row div.item-row > div.selectable-item {
  margin-bottom: 5px;
}

div#modal-treatment-select-panel div.panel-body, div#updatemodal-treatment-select-panel div.panel-body, div#appmodal-treatment-select-panel div.panel-body, div#modal-treatment-multistage-select-panel div.panel-body, div#modal-digital-form-panel div.panel-body, div#modal-treatment-select-service-panel div.panel-body, div#modal-treatment-select-therapyplan-panel div.panel-body, div#modal-diagnose-select-panel div.panel-body {
  padding: 15px;
}
div#modal-treatment-select-panel div.panel-body h3, div#updatemodal-treatment-select-panel div.panel-body h3, div#appmodal-treatment-select-panel div.panel-body h3, div#modal-treatment-multistage-select-panel div.panel-body h3, div#modal-digital-form-panel div.panel-body h3, div#modal-treatment-select-service-panel div.panel-body h3, div#modal-treatment-select-therapyplan-panel div.panel-body h3, div#modal-diagnose-select-panel div.panel-body h3 {
  margin-bottom: 1em;
}
div#modal-treatment-select-panel div.panel-body .search-box, div#updatemodal-treatment-select-panel div.panel-body .search-box, div#appmodal-treatment-select-panel div.panel-body .search-box, div#modal-treatment-multistage-select-panel div.panel-body .search-box, div#modal-digital-form-panel div.panel-body .search-box, div#modal-treatment-select-service-panel div.panel-body .search-box, div#modal-treatment-select-therapyplan-panel div.panel-body .search-box, div#modal-diagnose-select-panel div.panel-body .search-box {
  min-width: 100%;
}
div#modal-treatment-select-panel div.panel-body .search-box input.input--search, div#updatemodal-treatment-select-panel div.panel-body .search-box input.input--search, div#appmodal-treatment-select-panel div.panel-body .search-box input.input--search, div#modal-treatment-multistage-select-panel div.panel-body .search-box input.input--search, div#modal-digital-form-panel div.panel-body .search-box input.input--search, div#modal-treatment-select-service-panel div.panel-body .search-box input.input--search, div#modal-treatment-select-therapyplan-panel div.panel-body .search-box input.input--search, div#modal-diagnose-select-panel div.panel-body .search-box input.input--search {
  width: 100%;
}
@media (max-width: 1024px) {
  div#modal-treatment-select-panel div.panel-body div.table div.table__body, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__body, div#appmodal-treatment-select-panel div.panel-body div.table div.table__body, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__body, div#modal-digital-form-panel div.panel-body div.table div.table__body, div#modal-treatment-select-service-panel div.panel-body div.table div.table__body, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__body, div#modal-diagnose-select-panel div.panel-body div.table div.table__body {
    border-top: 0;
  }
}
div#modal-treatment-select-panel div.panel-body div.table div.table__row, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row, div#modal-digital-form-panel div.panel-body div.table div.table__row, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row, div#modal-diagnose-select-panel div.panel-body div.table div.table__row {
  cursor: pointer;
}
div#modal-treatment-select-panel div.panel-body div.table div.table__row.selected, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row.selected, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row.selected, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row.selected, div#modal-digital-form-panel div.panel-body div.table div.table__row.selected, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row.selected, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row.selected, div#modal-diagnose-select-panel div.panel-body div.table div.table__row.selected {
  background-color: #00aac6 !important;
  color: white !important;
  font-weight: bold;
}
div#modal-treatment-select-panel div.panel-body div.table div.table__row:last-of-type, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row:last-of-type, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row:last-of-type, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row:last-of-type, div#modal-digital-form-panel div.panel-body div.table div.table__row:last-of-type, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row:last-of-type, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row:last-of-type, div#modal-diagnose-select-panel div.panel-body div.table div.table__row:last-of-type {
  border-bottom: 0px;
}
@media (max-width: 1024px) {
  div#modal-treatment-select-panel div.panel-body div.table div.table__row, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row, div#modal-digital-form-panel div.panel-body div.table div.table__row, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row, div#modal-diagnose-select-panel div.panel-body div.table div.table__row {
    padding-bottom: 0;
  }
}
div#modal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row div.table__cell, div#modal-digital-form-panel div.panel-body div.table div.table__row div.table__cell, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row div.table__cell, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row div.table__cell, div#modal-diagnose-select-panel div.panel-body div.table div.table__row div.table__cell {
  min-height: 2.5em;
  padding: 0.5em;
}
div#modal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell:before, div#updatemodal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell:before, div#appmodal-treatment-select-panel div.panel-body div.table div.table__row div.table__cell:before, div#modal-treatment-multistage-select-panel div.panel-body div.table div.table__row div.table__cell:before, div#modal-digital-form-panel div.panel-body div.table div.table__row div.table__cell:before, div#modal-treatment-select-service-panel div.panel-body div.table div.table__row div.table__cell:before, div#modal-treatment-select-therapyplan-panel div.panel-body div.table div.table__row div.table__cell:before, div#modal-diagnose-select-panel div.panel-body div.table div.table__row div.table__cell:before {
  display: none !important;
}
div#modal-treatment-select-panel div.panel-body div.left div.table, div#modal-treatment-select-panel div.panel-body div.right div.table, div#updatemodal-treatment-select-panel div.panel-body div.left div.table, div#updatemodal-treatment-select-panel div.panel-body div.right div.table, div#appmodal-treatment-select-panel div.panel-body div.left div.table, div#appmodal-treatment-select-panel div.panel-body div.right div.table, div#modal-treatment-multistage-select-panel div.panel-body div.left div.table, div#modal-treatment-multistage-select-panel div.panel-body div.right div.table, div#modal-digital-form-panel div.panel-body div.left div.table, div#modal-digital-form-panel div.panel-body div.right div.table, div#modal-treatment-select-service-panel div.panel-body div.left div.table, div#modal-treatment-select-service-panel div.panel-body div.right div.table, div#modal-treatment-select-therapyplan-panel div.panel-body div.left div.table, div#modal-treatment-select-therapyplan-panel div.panel-body div.right div.table, div#modal-diagnose-select-panel div.panel-body div.left div.table, div#modal-diagnose-select-panel div.panel-body div.right div.table {
  min-height: 400px;
  max-height: 550px;
  overflow-y: auto;
}
div#modal-treatment-select-panel div.panel-body div.left > .table, div#updatemodal-treatment-select-panel div.panel-body div.left > .table, div#appmodal-treatment-select-panel div.panel-body div.left > .table, div#modal-treatment-multistage-select-panel div.panel-body div.left > .table, div#modal-digital-form-panel div.panel-body div.left > .table, div#modal-treatment-select-service-panel div.panel-body div.left > .table, div#modal-treatment-select-therapyplan-panel div.panel-body div.left > .table, div#modal-diagnose-select-panel div.panel-body div.left > .table {
  padding-right: 10px;
  border-right: 1px solid #DDD;
}
div#modal-treatment-select-panel div.panel-body div.left > .table div.table__row div.table__cell, div#updatemodal-treatment-select-panel div.panel-body div.left > .table div.table__row div.table__cell, div#appmodal-treatment-select-panel div.panel-body div.left > .table div.table__row div.table__cell, div#modal-treatment-multistage-select-panel div.panel-body div.left > .table div.table__row div.table__cell, div#modal-digital-form-panel div.panel-body div.left > .table div.table__row div.table__cell, div#modal-treatment-select-service-panel div.panel-body div.left > .table div.table__row div.table__cell, div#modal-treatment-select-therapyplan-panel div.panel-body div.left > .table div.table__row div.table__cell, div#modal-diagnose-select-panel div.panel-body div.left > .table div.table__row div.table__cell {
  min-height: 3.5em;
  padding: 1em 0.5em;
}
div#modal-treatment-select-panel div.panel-body div.right > .table, div#updatemodal-treatment-select-panel div.panel-body div.right > .table, div#appmodal-treatment-select-panel div.panel-body div.right > .table, div#modal-treatment-multistage-select-panel div.panel-body div.right > .table, div#modal-digital-form-panel div.panel-body div.right > .table, div#modal-treatment-select-service-panel div.panel-body div.right > .table, div#modal-treatment-select-therapyplan-panel div.panel-body div.right > .table, div#modal-diagnose-select-panel div.panel-body div.right > .table {
  padding-left: 10px;
}
div#modal-treatment-select-panel div.panel-body div.right > .table div.table__row div.table__cell, div#updatemodal-treatment-select-panel div.panel-body div.right > .table div.table__row div.table__cell, div#appmodal-treatment-select-panel div.panel-body div.right > .table div.table__row div.table__cell, div#modal-treatment-multistage-select-panel div.panel-body div.right > .table div.table__row div.table__cell, div#modal-digital-form-panel div.panel-body div.right > .table div.table__row div.table__cell, div#modal-treatment-select-service-panel div.panel-body div.right > .table div.table__row div.table__cell, div#modal-treatment-select-therapyplan-panel div.panel-body div.right > .table div.table__row div.table__cell, div#modal-diagnose-select-panel div.panel-body div.right > .table div.table__row div.table__cell {
  min-height: 2.5em;
  padding: 0.5em;
}
div#modal-treatment-select-panel div.summary, div#updatemodal-treatment-select-panel div.summary, div#appmodal-treatment-select-panel div.summary, div#modal-treatment-multistage-select-panel div.summary, div#modal-digital-form-panel div.summary, div#modal-treatment-select-service-panel div.summary, div#modal-treatment-select-therapyplan-panel div.summary, div#modal-diagnose-select-panel div.summary {
  padding: 20px;
  background-color: #FAFAFA;
  border-top: 1px solid #DDD;
}
div#modal-treatment-select-panel div.summary h3, div#updatemodal-treatment-select-panel div.summary h3, div#appmodal-treatment-select-panel div.summary h3, div#modal-treatment-multistage-select-panel div.summary h3, div#modal-digital-form-panel div.summary h3, div#modal-treatment-select-service-panel div.summary h3, div#modal-treatment-select-therapyplan-panel div.summary h3, div#modal-diagnose-select-panel div.summary h3 {
  margin-bottom: 0;
}
div#modal-treatment-select-panel div.summary div.grid, div#updatemodal-treatment-select-panel div.summary div.grid, div#appmodal-treatment-select-panel div.summary div.grid, div#modal-treatment-multistage-select-panel div.summary div.grid, div#modal-digital-form-panel div.summary div.grid, div#modal-treatment-select-service-panel div.summary div.grid, div#modal-treatment-select-therapyplan-panel div.summary div.grid, div#modal-diagnose-select-panel div.summary div.grid {
  margin: 10px;
}

div#modal-patient-invoice-panel label.button--toggle {
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0.625em;
  margin-left: 0.625em;
}
div#modal-patient-invoice-panel label.button--toggle:first-child {
  margin-left: 0;
}

div#modal-start-treatment-panel div.invoice__saldo, div#modal-edit-treatment-infos-panel div.invoice__saldo {
  margin-left: 17px;
}
div#modal-start-treatment-panel h2.heading--inline.block, div#modal-edit-treatment-infos-panel h2.heading--inline.block {
  display: block;
}
div#modal-start-treatment-panel h2.heading--inline.block a, div#modal-edit-treatment-infos-panel h2.heading--inline.block a {
  line-height: 50px;
}
div#modal-start-treatment-panel div.date-picker__input, div#modal-edit-treatment-infos-panel div.date-picker__input {
  font-size: 1em;
}
div#modal-start-treatment-panel div.weight-input span.title, div#modal-edit-treatment-infos-panel div.weight-input span.title {
  width: auto;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  div#modal-start-treatment-panel div.saldo, div#modal-edit-treatment-infos-panel div.saldo {
    margin-top: 20px;
  }
  div#modal-start-treatment-panel div.saldo > div.u-text--center, div#modal-edit-treatment-infos-panel div.saldo > div.u-text--center {
    text-align: left;
  }
}
div#modal-start-treatment-panel div.appointment, div#modal-edit-treatment-infos-panel div.appointment {
  text-align: center;
}
@media (max-width: 1024px) {
  div#modal-start-treatment-panel div.appointment, div#modal-edit-treatment-infos-panel div.appointment {
    margin-top: 20px;
    text-align: left;
  }
}
div#modal-start-treatment-panel div.pick-list label.info-badge, div#modal-edit-treatment-infos-panel div.pick-list label.info-badge {
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  background-color: #848484;
  padding: 4px 12px;
  margin-bottom: 5px;
}
div#modal-start-treatment-panel div.infos, div#modal-edit-treatment-infos-panel div.infos {
  padding: 10px 10px 0;
}
div#modal-start-treatment-panel div.infos > div, div#modal-edit-treatment-infos-panel div.infos > div {
  margin-bottom: 20px;
}
div#modal-start-treatment-panel div.infos > div .title, div#modal-edit-treatment-infos-panel div.infos > div .title {
  margin-bottom: 10px;
}
div#modal-start-treatment-panel div.infos input.weight--input, div#modal-edit-treatment-infos-panel div.infos input.weight--input {
  font-size: 1em;
  max-width: 75px;
}
div#modal-start-treatment-panel div.infos label.textarea, div#modal-edit-treatment-infos-panel div.infos label.textarea {
  font-size: 1em;
}
div#modal-start-treatment-panel div.infos label.textarea div.textarea__body, div#modal-edit-treatment-infos-panel div.infos label.textarea div.textarea__body {
  padding-left: 0px;
  width: 100%;
}
div#modal-start-treatment-panel div.infos label.textarea div.textarea__body textarea, div#modal-edit-treatment-infos-panel div.infos label.textarea div.textarea__body textarea {
  min-height: 45px;
}
div#modal-start-treatment-panel div.infos div.pick-list, div#modal-edit-treatment-infos-panel div.infos div.pick-list {
  margin-bottom: 10px;
  margin-top: 0.5em;
  font-size: 1em;
}
div#modal-start-treatment-panel div.infos div.pick-list b, div#modal-edit-treatment-infos-panel div.infos div.pick-list b {
  font-weight: normal;
}
div#modal-start-treatment-panel .customerBox, div#modal-edit-treatment-infos-panel .customerBox {
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  padding: 10px;
  min-height: 100px;
}
div#modal-start-treatment-panel .customerBox > span:first-of-type, div#modal-edit-treatment-infos-panel .customerBox > span:first-of-type {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

div#modal-email-etiga-panel button.icon-button--success.icon-button {
  height: 56px;
  width: 56px;
}

div#modal-edit-treatment-infos-panel h2, div#modal-edit-medical-problems-panel h2 {
  line-height: 52px;
}
div#modal-edit-treatment-infos-panel .textarea--inline .textarea__body, div#modal-edit-medical-problems-panel .textarea--inline .textarea__body {
  width: 70%;
}
div#modal-edit-treatment-infos-panel label.select--inline .title, div#modal-edit-medical-problems-panel label.select--inline .title {
  width: 35%;
}
div#modal-edit-treatment-infos-panel label.select--inline .input--dropdown, div#modal-edit-medical-problems-panel label.select--inline .input--dropdown {
  width: 64%;
}

div#modal-edit-purchase-price-panel label.checkbox-label {
  margin-left: 30px;
  padding-top: 13px;
}
div#modal-edit-purchase-price-panel input.customer-price-with-toggle {
  margin-left: -10px;
  margin-top: 20px;
}
div#modal-edit-purchase-price-panel input.js-date-picker {
  min-width: 10em !important;
}

form#editPurchaseProductForm label.file input[type=file] {
  visibility: hidden;
}

div#modal-product-import-panel input[type=file] {
  visibility: hidden;
}
div#modal-product-import-panel label.upload {
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #8c8c8c;
  background-color: transparent;
  color: #8c8c8c;
  padding: 0.7142857143em 1.4285714286em;
  font-size: 0.875em;
  line-height: 1.2857142857em;
}

div#modal-edit-purchase-product-panel span.button, div#modal-edit-purchase-product-panel label.button.w300 {
  line-height: 22px;
}
div#modal-edit-purchase-product-panel input[type=file] {
  visibility: hidden;
}
div#modal-edit-purchase-product-panel label.upload {
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #8c8c8c;
  background-color: transparent;
  color: #8c8c8c;
  padding: 0.7142857143em 1.4285714286em;
  font-size: 0.875em;
  line-height: 1.2857142857em;
}

div#modal-form-laboklin-treatment-panel .pseudo-label {
  color: #626262;
}
div#modal-form-laboklin-treatment-panel em {
  display: none !important;
}

div#modal-add-task-panel em.state-error {
  margin-top: -30px;
  padding-bottom: 20px;
}

div#modal-edit-sloping-panel span.field-label.title {
  color: #626262;
}

div#modal-inventory-correction-panel input.shouldstand {
  border: 1px solid #00aac6;
}

div#modal-add-appointment-panel form .field {
  margin-bottom: 2em;
}
div#modal-add-appointment-panel .topToggle {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
div#modal-add-appointment-panel form#addAppointmentForm.etiga div.panel-body {
  min-height: 500px;
}
div#modal-add-appointment-panel form#addAppointmentForm.user div.panel-body {
  min-height: 550px;
}
div#modal-add-appointment-panel form#addAppointmentForm div.panel-body {
  min-height: 858px;
}
div#modal-add-appointment-panel form#addAppointmentForm div.panel-body em.state-error {
  float: left;
  margin-top: 0px;
  margin-bottom: 10px;
}
div#modal-add-appointment-panel div.dateRow {
  position: relative;
  height: 60px;
}
div#modal-add-appointment-panel div.dateRow.seriesExpanded {
  height: 100px;
}
div#modal-add-appointment-panel div.dateRow .right {
  position: absolute;
  right: 0px;
  top: 3px;
}

div#modal-lab-result-panel input.input--editable {
  width: 60px !important;
  text-align: center;
}
div#modal-lab-result-panel div.table__row {
  min-height: 88px;
}
@media (max-width: 1024px) {
  div#modal-lab-result-panel div.table__row {
    height: auto;
  }
}
div#modal-lab-result-panel div.table__row div.redBar {
  background-color: #EF5F4E;
  height: 100%;
  width: 15px;
}
div#modal-lab-result-panel div.table__row div.greenBar {
  background-color: #429321;
  height: 100%;
  width: 15px;
}

div#modal-edit-threshold-panel label.select {
  width: 40%;
}

div#modal-document-upload-panel input[type=file], div#modal-template-edit-panel input[type=file], div#modal-image-upload-and-select-panel input[type=file], div#modal-consent-upload-panel input[type=file] {
  visibility: hidden;
}
div#modal-document-upload-panel #triggerFileUpload, div#modal-document-upload-panel #triggerFileUploadDocs, div#modal-template-edit-panel #triggerFileUpload, div#modal-template-edit-panel #triggerFileUploadDocs, div#modal-image-upload-and-select-panel #triggerFileUpload, div#modal-image-upload-and-select-panel #triggerFileUploadDocs, div#modal-consent-upload-panel #triggerFileUpload, div#modal-consent-upload-panel #triggerFileUploadDocs {
  width: 100%;
  height: 53px;
  line-height: 30px;
  font-size: 1em;
}
div#modal-document-upload-panel ul.hints, div#modal-document-upload-panel ul.file-status, div#modal-template-edit-panel ul.hints, div#modal-template-edit-panel ul.file-status, div#modal-image-upload-and-select-panel ul.hints, div#modal-image-upload-and-select-panel ul.file-status, div#modal-consent-upload-panel ul.hints, div#modal-consent-upload-panel ul.file-status {
  margin: 10px 0;
}
div#modal-document-upload-panel ul.hints li, div#modal-document-upload-panel ul.file-status li, div#modal-template-edit-panel ul.hints li, div#modal-template-edit-panel ul.file-status li, div#modal-image-upload-and-select-panel ul.hints li, div#modal-image-upload-and-select-panel ul.file-status li, div#modal-consent-upload-panel ul.hints li, div#modal-consent-upload-panel ul.file-status li {
  list-style-type: disc;
  list-style-position: inside;
  color: #70ca63;
}
div#modal-document-upload-panel ul.file-status li, div#modal-template-edit-panel ul.file-status li, div#modal-image-upload-and-select-panel ul.file-status li, div#modal-consent-upload-panel ul.file-status li {
  color: #404040;
}

div#modal-future-add-reminder-panel form#addReminderForm div.field {
  margin-bottom: 20px;
}
div#modal-customer-payout-deposit-panel .large {
  font-size: 20px;
  line-height: 50px;
}
div#modal-customer-payout-deposit-panel div.col > div {
  display: inline-block;
}
div#modal-customer-payout-deposit-panel input#payoutValue {
  width: 100px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
div#modal-customer-payout-deposit-panel em.state-error {
  margin-top: 0 !important;
}

div#modal-choose-etiga-customer-panel.admin-form input[type=text].input--search, div#modal-select-customer-panel.admin-form input[type=text].input--search, div#modal-treatment-multistage-select-panel.admin-form input[type=text].input--search, div#updatemodal-treatment-select-panel.admin-form input[type=text].input--search, div#modal-treatment-select-panel.admin-form input[type=text].input--search, div#appmodal-treatment-select-panel.admin-form input[type=text].input--search, div#modal-treatment-select-service-panel.admin-form input[type=text].input--search, div#modal-treatment-select-therapyplan-panel.admin-form input[type=text].input--search, div#modal-diagnose-select-panel.admin-form input[type=text].input--search {
  border: none;
  width: 100%;
  font-size: 20px;
  border-bottom: 1px solid #00aac6;
}

div#modal-past-actions-panel div.table--small, div#modal-edit-medical-problems-panel div.table--small {
  overflow-y: auto;
  max-height: 500px;
}

div#modal-edit-medical-problems-panel svg.button-bankadvice.applied.realSelected circle {
  fill: #3B6182;
}
div#modal-edit-medical-problems-panel svg.button-bankadvice.applied.realSelected g {
  fill: #fff;
}

.document-tag-panel label input {
  padding: 2px;
}
.document-tag-panel div.panel-body div.card {
  min-height: auto;
}
.document-tag-panel div.panel-body label.info-badge {
  margin-right: 10px;
  margin-bottom: 10px;
}

pre {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #f36d33;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word;
}

#modal-upgrade-panel button.mfp-close {
  color: white;
}
#modal-upgrade-panel div.panel-heading {
  text-align: center;
  background-color: #70ca63;
}
#modal-upgrade-panel div.panel-heading img {
  position: absolute;
  left: 20px;
  top: 10px;
}
#modal-upgrade-panel div.panel-heading span.panel-title {
  color: white;
}
#modal-upgrade-panel div.panel-body h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}
#modal-upgrade-panel div.panel-body h2 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #626262;
  font-weight: bold;
}
#modal-upgrade-panel div.panel-body img.header-image {
  margin: 0 auto 20px;
  display: block;
  width: 100px;
}
#modal-upgrade-panel div.panel-body div.action {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 0;
  margin-bottom: 20px;
}
#modal-upgrade-panel div.panel-body div.action > div {
  float: left;
}

#modal-treatment-weight-panel input.input--editable {
  font-size: 24px;
  width: 50px;
  text-align: center;
  color: #00aac6;
}

#modal-edit-todo-panel .fixed-timepicker-width, #modal-edit-todo-panel .js-date-picker {
  font-size: 16px;
}

#simple-select-panel .search__button {
  top: 42%;
}
#simple-select-panel .table .table__row {
  background-color: transparent !important;
}
#simple-select-panel .table .table__row .table__cell {
  min-height: 2em !important;
  padding: 10px;
}
#simple-select-panel .scrollable {
  max-height: 100%;
  overflow-y: scroll;
  height: 400px;
}

#modal-public-admission-pin-panel div.panel-body div.js-tabs div.tabs__head li {
  width: 33%;
  text-align: center;
}
#modal-public-admission-pin-panel div.panel-body div.js-tabs ul {
  margin-bottom: 0;
}
#modal-public-admission-pin-panel div.panel-body div#result {
  margin: 20px 0;
}
#modal-public-admission-pin-panel div.panel-body div#result img {
  display: block;
  margin: 0 auto;
  border: 3px solid #ADCCD4;
  border-radius: 10px;
}
#modal-public-admission-pin-panel div.panel-body div.placeholder-input > input {
  background-color: #f4f4f4;
  border-radius: 5px;
  border: 1px solid black;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
  letter-spacing: 10px;
  width: 200px;
  margin: 0 auto;
}
#modal-public-admission-pin-panel div.panel-body p {
  text-align: center;
  margin-bottom: 0;
}
#modal-public-admission-pin-panel div.panel-body p:last-of-type {
  margin-top: 10px;
  margin-bottom: 30px;
}

#modal-digital-helper-qr-panel {
  max-width: 460px;
}
#modal-digital-helper-qr-panel div.panel-body p {
  margin-bottom: 20px;
}
#modal-digital-helper-qr-panel div.panel-body p:first-of-type {
  margin-bottom: 10px;
}
#modal-digital-helper-qr-panel div.panel-body div#result {
  margin: 20px 0;
}
#modal-digital-helper-qr-panel div.panel-body div#result img {
  display: block;
  margin: 0 auto;
  border: 3px solid #ADCCD4;
  border-radius: 10px;
}
#modal-digital-helper-qr-panel div.panel-body ul {
  list-style-position: inside;
  margin-left: 20px;
}
#modal-digital-helper-qr-panel div.panel-body ul li {
  list-style: disc outside;
}

#modal-diagnose-select-panel .search-box {
  min-width: 100%;
}
#modal-diagnose-select-panel .search-box input.input--search {
  width: 100%;
}
#modal-diagnose-select-panel div.resultsLeft h3, #modal-diagnose-select-panel div.resultsRight h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
#modal-diagnose-select-panel div.resultsLeft div.category {
  display: block;
}
#modal-diagnose-select-panel div.resultsLeft div.category span {
  display: inline-block;
  margin-top: 5px;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  padding: 5px 10px;
  background-color: #e1b4f7;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
#modal-diagnose-select-panel div.resultsRight div.pagination-wrapper {
  text-align: right;
}
#modal-diagnose-select-panel div.resultsRight div.pagination-wrapper > div {
  display: inline-block;
}
#modal-diagnose-select-panel div.resultsRight div.pagination-wrapper > div:first-child {
  vertical-align: top;
  padding-top: 26px;
  padding-right: 20px;
}
#modal-diagnose-select-panel div.summary div.included div.resultItem:last-of-type, #modal-diagnose-select-panel div.summary div.excluded div.resultItem:last-of-type {
  border-bottom: none;
  margin-bottom: 20px;
}
#modal-diagnose-select-panel div.summary div.resultItem {
  padding-right: 90px;
}
#modal-diagnose-select-panel div.summary div.resultItem div.select2-container-multi {
  height: auto !important;
}
#modal-diagnose-select-panel div.summary div.resultItem.excluded span.name {
  text-decoration: line-through;
  color: #EF5F4E;
}
#modal-diagnose-select-panel div.summary div.resultItem .button.context {
  padding: 5px;
  top: 25px;
}
#modal-diagnose-select-panel div.summary div.resultItem .button.context.default {
  right: 45px;
}
#modal-diagnose-select-panel .table__cell > .details {
  padding-left: 0px !important;
  padding-top: 0px !important;
}
#modal-diagnose-select-panel .select2-choices {
  margin-top: 15px;
}
#modal-diagnose-select-panel div.details {
  padding-left: 55px;
  padding-top: 20px;
  min-height: 40px;
  font-size: 14px;
}
#modal-diagnose-select-panel div.details span.name {
  font-weight: bold;
  font-size: 15px;
  color: black;
}
#modal-diagnose-select-panel div.details span.kind {
  padding-left: 10px;
  font-style: italic;
}
#modal-diagnose-select-panel div.details div.synonym {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 2px;
}
#modal-diagnose-select-panel div.details div.category {
  display: block;
}
#modal-diagnose-select-panel div.details div.category span {
  display: inline-block;
  margin-top: 5px;
  border-radius: 25px;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
#modal-diagnose-select-panel div.resultItem {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  padding-right: 270px;
  position: relative;
}
#modal-diagnose-select-panel div.resultItem.selected img {
  top: 25px;
}
#modal-diagnose-select-panel div.resultItem img {
  width: 40px;
  position: absolute;
  top: 15px;
}
#modal-diagnose-select-panel div.resultItem .button.context {
  position: absolute;
  top: 20px;
  right: 0;
  margin-left: 0px;
}
#modal-diagnose-select-panel div.resultItem .button.context.exclude {
  right: 130px;
}

#modal-form-aniveri-treatment-panel div.grid div.col {
  margin-bottom: 15px;
}
#modal-form-aniveri-treatment-panel div.grid div.col label.field-label span {
  font-weight: normal;
  font-style: italic;
}
#modal-form-aniveri-treatment-panel div.grid h2 {
  font-size: 20px;
  margin: 10px 0 15px;
}
#modal-form-aniveri-treatment-panel div.grid label.required {
  font-weight: bold;
}

#modal-labresult-upload-panel input[type=file] {
  visibility: hidden;
}

#modal-edit-resource-panel .small-input {
  width: 100px;
}

#modal-export-invoice-panel-panel div.option-to-select, #modal-extract-invoice-panel-panel div.option-to-select, #modal-copy-treatment-panel div.option-to-select {
  border: solid 1px rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 12px;
  background-color: #fff;
  margin-bottom: 20px;
}
#modal-export-invoice-panel-panel div.option-to-select > p, #modal-extract-invoice-panel-panel div.option-to-select > p, #modal-copy-treatment-panel div.option-to-select > p {
  font-weight: bold;
  margin-bottom: 0px;
}
#modal-export-invoice-panel-panel div.option-to-select.selected, #modal-extract-invoice-panel-panel div.option-to-select.selected, #modal-copy-treatment-panel div.option-to-select.selected {
  background-color: #00aac6;
  border-width: 1px;
  color: white;
}
#modal-export-invoice-panel-panel div.option-to-select img, #modal-extract-invoice-panel-panel div.option-to-select img, #modal-copy-treatment-panel div.option-to-select img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

#modal-merge-customer-panel .customerBox, #modal-merge-patient-panel .customerBox {
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
  min-height: 100px;
}
#modal-merge-customer-panel .customerBox > span:first-of-type, #modal-merge-patient-panel .customerBox > span:first-of-type {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

div.panel-body {
  border: none !important;
}

.field {
  margin-bottom: 2.5em;
}

.field--narrow {
  margin-bottom: 1.25em;
}

.field-label {
  display: block;
  margin-bottom: 1.25em;
}

.field .input--editable {
  width: 100%;
}

.field.empty {
  height: 67px;
}

h3.separation {
  font-weight: bold;
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 0.625em;
}

.field--inline .ember-view {
  display: inline-block;
}
@media (min-width: 1024px) {
  .field--inline .field__title {
    width: 30%;
  }
}
@media (max-width: 1023px) {
  .field--inline .field__body {
    display: block;
  }
}
@media (min-width: 1024px) {
  .field--inline .field__body {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  .field--inline .mobile-inline {
    display: inline-block;
  }
}

.filter-fields {
  margin-top: 0.25em;
}

.field--big input.input {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}

.field--payment input.input {
  font-size: 1.5em;
  line-height: 1.5em;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}

.field-datepicker div.date-picker__icon {
  display: inline-block;
  padding-top: 5px;
}

.tooltipster-sidetip b.notdeliverable {
  color: #EF5F4E;
}

.tooltipster-sidetip.tooltipster-punk {
  max-width: 300px;
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #8c8c8c;
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
  border-bottom: 3px solid #404040;
  background-color: #8c8c8c;
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #8c8c8c;
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #8c8c8c;
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #8c8c8c;
}

.jason-tooltip {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: white;
  cursor: help;
  display: inline-block;
  text-align: center;
}

.licenceIcon {
  display: inline-block;
}

.icon-right svg {
  float: right;
}

.button-text > div {
  float: left;
  display: inline-block;
}
.button-text span {
  margin-left: 5px;
  line-height: 30px;
  display: inline-block;
  float: left;
}

.btn-bad {
  color: #ffffff;
  background-color: #df5640;
}

.btn-good {
  color: #ffffff;
  background-color: #70ca63;
}

.btn-lala {
  color: #ffffff;
  background-color: #f6bb42;
}

.btn-sued {
  color: #ffffff;
  background-color: #000;
}

.jason-icon::after {
  color: #8c8c8c;
}

svg.evil path {
  fill: #EF5F4E;
}
svg.evil.inverted path {
  fill: white;
  stroke: red;
}

.animal-icon, .inline-icon {
  display: inline-block !important;
  vertical-align: top;
}

svg.etiga-icon.disconnected > g {
  fill: #404040;
}

label.badge-cal {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.05em;
  cursor: default;
  padding: 5px 5px 4px !important;
  border: 1px solid;
  border-radius: 3px;
}
label.badge-cal.booked {
  color: #50cd89;
  background-color: #e8fff3;
}
label.badge-cal.requested {
  color: #00aac6;
  background-color: #f1faff;
}
label.badge-cal.no_show {
  color: #f1416c;
  background-color: #fff5f8;
}
label.badge-cal.cancelled {
  color: #dc3545;
  background-color: #fff5f8;
}
label.badge-cal.external {
  color: #7239ea;
  background-color: #f8f5ff;
}

span.badge.badge-highlighted-alternative {
  background-color: #70ca63;
}

span.cal-color-badge {
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  padding: 10px 15px;
}

span.color-tile {
  width: 25px;
  height: 25px;
  display: block;
  margin-left: 25px;
  margin-top: -6px;
}

label.info-badge {
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  padding: 5px 10px;
  display: inline-block;
  background-color: #FAFAFA;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
label.info-badge.selected {
  background-color: #00aac6 !important;
  color: white;
  border: 1px solid #DDDDDD;
}
label.info-badge.with-delete-button {
  position: relative;
}
label.info-badge.with-delete-button div.ember-view {
  position: absolute;
  top: -9px;
  right: -13px;
}
label.info-badge.info-badge-small {
  font-size: 12px;
  padding: 3px 8px;
}
label.info-badge.info-badge-very-small {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
}
label.info-badge.non-uppercase {
  text-transform: none;
}
label.info-badge.label-danger {
  color: white;
  background-color: #df5640;
  border: none;
}
label.info-badge.label-warning {
  color: white;
  background-color: #f6bb42;
  border: none;
}
label.info-badge.label-success {
  color: white;
  background-color: #70ca63;
  border: none;
}
label.info-badge.practice {
  background-color: #00aac6;
  color: white;
}
label.info-badge.private {
  background-color: #BABABA;
  color: white;
}
label.info-badge.lab {
  background-color: #6F7D88;
  color: white;
}
label.info-badge.lab-idexx {
  background-color: #6F7D88;
  color: white;
}
label.info-badge.lab-laboklin {
  color: white;
  background-color: #df5640;
}
label.info-badge.lab-zoetis {
  color: white;
  background-color: #F65C00;
}
label.info-badge.lab-xray {
  color: white;
  background-color: #df8240;
}
label.info-badge.lab-intern {
  color: white;
  background-color: rgba(223, 86, 64, 0.5);
}

@media (max-width: 767px) {
  .search-box-heading {
    margin-bottom: 0;
  }
}

.filter-toggle-container {
  text-align: right;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .filter-toggle-container div.toggle-filter div.header-toggle {
    padding-top: 25px;
  }
  .filter-toggle-container div.toggle-filter h2 {
    font-size: 1.2em;
    line-height: 2.1em;
  }
}
@media (max-width: 1024px) {
  .filter-toggle-container {
    padding-top: 0px;
  }
}

.filter-box {
  padding: 1.25em;
  margin: 0 10px 10px 10px;
}
.filter-box > div {
  margin-bottom: 10px;
}

.search-box {
  width: 100%;
  position: relative;
}
.search-box .search__button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.search-box .search__input {
  width: 100%;
  font-weight: 100;
  border-bottom: 1px solid #00aac6;
  padding-right: 1.1428571429em;
  box-sizing: border-box;
}

.box {
  padding: 1.25em;
}

@media (max-width: 767px) {
  .box\@phone {
    padding: 1.25em;
  }
}

@media (max-width: 1024px) {
  .box\@tablet {
    padding: 1.25em;
  }
}

@media (max-width: 767px) {
  .no-box\@phone {
    padding: 0;
  }
}

.sticky-wrapper.is-sticky h1 {
  font-size: 1.5em;
  line-height: 1.5em;
}
.sticky-wrapper.is-sticky .tabs {
  display: none;
}
.sticky-wrapper h1 {
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .sticky-wrapper h1 {
    margin-bottom: 0;
  }
}

.is-sticky .sticker {
  background-color: #fff;
}

#sticker {
  padding-top: 1.25em;
}

.filter {
  transition: all 0.4s ease-in-out;
}

.is-sticky ~ .filter {
  opacity: 0;
}

.ember-view.sticky {
  background-color: #fff;
  padding: 0.625em 0;
}

.table__head .is-sticky .sticky {
  padding-bottom: 0;
}
.table__head .sticker {
  padding-top: 0.625em 0;
}

@media (max-width: 766px) {
  .filter .col {
    margin-bottom: 1.25em;
  }
}

.checkbox-fix::after {
  top: 2px !important;
}

.checkbox-custom > label {
  margin-bottom: 0 !important;
}

.checkbox {
  height: 20px;
  width: 20px;
  border: 2px solid #00aac6;
  border-radius: 5px;
  color: #00aac6;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

input[type=checkbox] {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

input[type=checkbox]:checked ~ .checkbox:after {
  content: "✓";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9em;
}

.table--ve input[type=checkbox]:checked + label .jason-icon,
.table--ve input[type=checkbox]:checked + label .jason-icon-text {
  color: #00aac6;
}
.table--ve input[type=checkbox]:checked + label svg path, .table--ve input[type=checkbox]:checked + label svg text {
  fill: white;
}
.table--ve input[type=checkbox]:checked + label svg circle {
  fill: #00aac6;
  stroke: #00aac6;
}
.table--ve .checkbox-custom label {
  display: block;
  padding: 0;
}

label.productAutosendReorder {
  font-weight: normal;
}
label.productAutosendReorder::before {
  top: 0px !important;
}

input[type=checkbox].switch {
  height: 0;
  width: 0;
  visibility: hidden;
}

label.switch {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 30px;
  background: #999999;
  display: block;
  border-radius: 100px;
  position: relative;
}
label.switch.neutral {
  background: #999999 !important;
}

label.switch:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 24px;
  transition: 0.3s;
}

input.switch:checked + label {
  background: rgb(58, 207, 232);
  background: linear-gradient(90deg, rgb(58, 207, 232) 0%, rgb(0, 142, 198) 100%);
}

input.switch:checked + label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}

label.switch:active:after {
  width: 43.2px;
}

.toggle-with-text label.switch {
  display: inline-block;
}
.toggle-with-text div.text {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  padding-left: 5px;
}

#invoiceDetails #invoice-info div.float-left {
  width: 40%;
}
#invoiceDetails #invoice-info .text--editable {
  border: none;
}
#invoiceDetails #treatmentNotices {
  width: 50%;
  float: left;
  margin-top: 30px;
  padding-left: 20px;
}
#invoiceDetails #treatmentNotices span.sub-dayheadline {
  font-weight: bold;
}
#invoiceDetails #treatmentNotices div.sub {
  padding-left: 5px;
}
#invoiceDetails #treatmentNotices div.sub span.sub-headline {
  font-weight: bold;
  display: block;
}
#invoiceDetails #treatmentNotices div.sub span.sub-text {
  display: inline-block;
  margin-bottom: 5px;
}
#invoiceDetails #invoice-footer {
  width: 50%;
  float: right;
}

.invoice__saldo {
  margin-bottom: 2.5em;
  margin-left: 0.3125em;
}
.invoice__saldo .title {
  color: #429321;
}
.invoice__saldo .title.is-negative {
  color: #EF5F4E;
}
.invoice__saldo span.title > div {
  display: inline-block;
}

.invoice__item {
  margin-bottom: 2.5em;
  clear: both;
}
@media (min-width: 767px) {
  .invoice__item {
    margin-bottom: 5em;
  }
}
.invoice__item h1 {
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}
.invoice__item .animal-icon {
  width: 50px;
  height: 50px;
}
@media (max-width: 1023px) {
  .invoice__item .invoice__item-head {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .invoice__item .heading--inline {
    margin-bottom: 0;
  }
}

.invoice__actions {
  padding-top: 0.625em;
  text-align: center;
}
@media (min-width: 1024px) {
  .invoice__actions {
    margin-bottom: 2.5em;
    text-align: right;
  }
}
.invoice__actions .button + .button {
  margin: 1.25em 0 0 0;
}

@media (max-width: 1023px) {
  .invoice__patient-label {
    display: block;
    font-size: 1.125em;
    line-height: 1.3333333333em;
  }
}
@media (max-width: 767px) {
  .invoice__patient-label {
    font-size: 0.875em;
    line-height: 1.4285714286em;
    text-align: center;
  }
}

div.discount-spinner-legacy {
  width: 90px;
}
div.discount-spinner-legacy input {
  width: 45px !important;
}
div.discount-spinner-legacy a.btn {
  position: absolute;
  top: 0;
  left: 44px;
  height: 39px;
}
div.discount-spinner-legacy a.btn.absolute {
  left: 69px;
}
div.discount-spinner-legacy a.btn.percentage {
  background: url("/assets/images/misc/icon-percentage.png") center center no-repeat;
}
div.discount-spinner-legacy a.btn.percentage.hover {
  background: url("/assets/images/misc/icon-percentage-hover.png") center center no-repeat #00a3d8;
}
div.discount-spinner-legacy a.btn.absolute {
  background: url("/assets/images/misc/icon-absolute.png") center center no-repeat;
}
div.discount-spinner-legacy a.btn.absolute.hover {
  background: url("/assets/images/misc/icon-absolute-hover.png") center center no-repeat #00a3d8;
}

#deposit-label .title > div.ember-view {
  display: inline;
}
#deposit-label .title.is-negative {
  color: #EF5F4E;
}
#deposit-label .title.is-negative > div.ember-view {
  color: #EF5F4E;
}

#global-doctors {
  float: right;
}
@media (min-width: 1024px) {
  #global-doctors .select--inline {
    text-align: right;
  }
}
#global-doctors .select--inline .select2-container,
#global-doctors .select--inline .title {
  text-align: left;
}
@media (max-width: 1023px) {
  #global-doctors .input--dropdown {
    width: 100%;
  }
}

.payment-types label img {
  max-height: 21px;
  margin-right: 5px;
}

.state-error {
  color: #EF5F4E;
  font-style: italic;
}

#stablesEditForm em.state-error {
  position: absolute;
  margin-left: 10px;
  margin-top: -18px;
  display: block;
}

#content {
  height: 100%;
}
#content .login-form {
  width: 440px;
  padding: 2.5em 0;
  opacity: 0.98;
}
@media (max-width: 767px) {
  #content .login-form {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  #content .login-form.u-center {
    top: 45%;
  }
}
#content .login-form #content.box,
#content .login-form .box {
  padding: 0.625em 1.25em;
}
#content .login-form #content.box {
  margin-left: 10%;
  display: inline-block;
}
#content .login-form input {
  font-family: Inter, Helvetica, "sans-serif";
}
#content .login-form .login__logo {
  display: block;
  margin: 0 auto;
}
#content .login-form .login__head {
  text-align: center;
  padding-bottom: 1.25em;
}
#content .login-form .field {
  position: relative;
}
#content .login-form .title {
  display: block;
}
#content .login-form .fa {
  font-size: 20px;
  margin-left: 4px;
  color: #008EC6;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#content .login-form .input--editable {
  border-color: #008EC6;
  padding: 0.625em;
  font-weight: 400;
  font-size: 18px;
  width: 90%;
  margin-left: 10%;
}
#content .login-form .checkbox-wrapper {
  display: block;
}
#content .login-form .checkbox {
  color: #008EC6;
  border-color: #008EC6;
}
#content .login-form .checkbox + span {
  display: inline-block;
  vertical-align: top;
  padding-left: 4%;
}
#content .login-form em.state-error {
  font-size: 12px;
}
#content .login-form .state-error.global {
  font-size: 12px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}
#content .login-form .form-buttons {
  margin-top: 1.25em;
}
#content .login-form a#resetPasswordLink {
  margin-top: 15px;
  display: block;
  cursor: pointer;
  font-size: 14px;
}

#register, #expired {
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(https://www.myjason.at/wp-content/uploads/2021/03/doctor-laptop2-1030x924-1.jpg);
  background-attachment: scroll;
  background-size: cover;
}
@media (max-width: 1023px) {
  #register, #expired {
    background-image: none;
  }
}
#register #innerWrapper, #expired #innerWrapper {
  width: 100%;
  height: 100%;
  background-image: url(../assets/images/myJason-Background-transparent.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  #register #innerWrapper, #expired #innerWrapper {
    background-image: none;
  }
}
#register #innerWrapper #expiryForm .clear, #expired #innerWrapper #expiryForm .clear {
  clear: both;
}
#register #innerWrapper #expiryForm ul, #expired #innerWrapper #expiryForm ul {
  font-size: 0.9em;
  padding: 10px;
  margin-bottom: 10px;
}
#register #innerWrapper #expiryForm li, #expired #innerWrapper #expiryForm li {
  list-style: disc inside;
}
#register #innerWrapper #registerForm, #expired #innerWrapper #registerForm {
  width: 800px;
}
@media (max-width: 1023px) {
  #register #innerWrapper #registerForm, #expired #innerWrapper #registerForm {
    width: 600px;
    top: 0%;
    transform: translate(-50%, 0%);
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm, #expired #innerWrapper #registerForm {
    width: 400px;
    top: 0%;
    transform: translate(-50%, 0%);
  }
}
#register #innerWrapper #registerForm div#fieldReferenceCode, #expired #innerWrapper #registerForm div#fieldReferenceCode {
  width: 30%;
}
@media (max-width: 1023px) {
  #register #innerWrapper #registerForm div#fieldReferenceCode, #expired #innerWrapper #registerForm div#fieldReferenceCode {
    width: 50%;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldReferenceCode > div.field, #expired #innerWrapper #registerForm div#fieldReferenceCode > div.field {
    margin-left: 0px !important;
  }
}
#register #innerWrapper #registerForm div#fieldFirstname, #expired #innerWrapper #registerForm div#fieldFirstname {
  width: 33%;
}
#register #innerWrapper #registerForm div#fieldFirstname > div.field, #expired #innerWrapper #registerForm div#fieldFirstname > div.field {
  margin-left: 20px;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldFirstname, #expired #innerWrapper #registerForm div#fieldFirstname {
    width: 50%;
  }
  #register #innerWrapper #registerForm div#fieldFirstname > div.field, #expired #innerWrapper #registerForm div#fieldFirstname > div.field {
    margin-left: 0px;
  }
}
#register #innerWrapper #registerForm div#fieldLastname, #expired #innerWrapper #registerForm div#fieldLastname {
  width: 33%;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldLastname, #expired #innerWrapper #registerForm div#fieldLastname {
    width: 50%;
  }
}
#register #innerWrapper #registerForm div#fieldHapo, #expired #innerWrapper #registerForm div#fieldHapo {
  width: 34%;
}
@media (max-width: 1023px) {
  #register #innerWrapper #registerForm div#fieldHapo, #expired #innerWrapper #registerForm div#fieldHapo {
    width: 33%;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldHapo, #expired #innerWrapper #registerForm div#fieldHapo {
    width: 107%;
  }
}
#register #innerWrapper #registerForm div#fieldEmail, #expired #innerWrapper #registerForm div#fieldEmail {
  width: 66%;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldEmail, #expired #innerWrapper #registerForm div#fieldEmail {
    width: 100%;
    padding-left: 0px;
  }
}
#register #innerWrapper #registerForm div#fieldPhone, #expired #innerWrapper #registerForm div#fieldPhone {
  width: 34%;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldPhone, #expired #innerWrapper #registerForm div#fieldPhone {
    width: 100%;
  }
}
#register #innerWrapper #registerForm div#fieldPostalcode, #expired #innerWrapper #registerForm div#fieldPostalcode {
  width: 33%;
}
@media (max-width: 1023px) {
  #register #innerWrapper #registerForm div#fieldPostalcode, #expired #innerWrapper #registerForm div#fieldPostalcode {
    width: 33%;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldPostalcode, #expired #innerWrapper #registerForm div#fieldPostalcode {
    width: 33%;
    padding-left: 0px !important;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div.field-checkbox > label, #expired #innerWrapper #registerForm div.field-checkbox > label {
    font-size: 14px;
  }
}
#register #innerWrapper #registerForm div#fieldTown, #expired #innerWrapper #registerForm div#fieldTown {
  width: 33%;
}
@media (max-width: 1023px) {
  #register #innerWrapper #registerForm div#fieldTown, #expired #innerWrapper #registerForm div#fieldTown {
    width: 33%;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldTown, #expired #innerWrapper #registerForm div#fieldTown {
    width: 67%;
  }
}
#register #innerWrapper #registerForm div#fieldTitle, #expired #innerWrapper #registerForm div#fieldTitle {
  width: 33%;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldTitle, #expired #innerWrapper #registerForm div#fieldTitle {
    width: 100%;
    padding-left: 20px !important;
  }
}
#register #innerWrapper #registerForm div#fieldAddress, #expired #innerWrapper #registerForm div#fieldAddress {
  width: 33%;
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldAddress, #expired #innerWrapper #registerForm div#fieldAddress {
    width: 100%;
  }
  #register #innerWrapper #registerForm div#fieldAddress > div, #expired #innerWrapper #registerForm div#fieldAddress > div {
    margin-left: 0px !important;
  }
}
@media (max-width: 766px) {
  #register #innerWrapper #registerForm div#fieldName > div, #expired #innerWrapper #registerForm div#fieldName > div {
    margin-left: 0px !important;
  }
}
#register #innerWrapper #registerForm .hapoNr, #expired #innerWrapper #registerForm .hapoNr {
  width: 85%;
}
#register #innerWrapper #registerForm .login-form, #expired #innerWrapper #registerForm .login-form {
  width: 440px;
  padding: 2.5em 0;
}
@media (min-width: 1440px) {
  #register #innerWrapper #registerForm .login-form.u-center, #expired #innerWrapper #registerForm .login-form.u-center {
    top: 45%;
  }
}
#register #innerWrapper #registerForm .login-form #content.box,
#register #innerWrapper #registerForm .login-form .box, #expired #innerWrapper #registerForm .login-form #content.box,
#expired #innerWrapper #registerForm .login-form .box {
  padding: 0.625em 1.25em;
}
#register #innerWrapper #registerForm .login-form #content.box, #expired #innerWrapper #registerForm .login-form #content.box {
  margin-left: 10%;
  display: inline-block;
}
#register #innerWrapper #registerForm .login-form input, #expired #innerWrapper #registerForm .login-form input {
  font-family: Inter, Helvetica, "sans-serif";
}
#register #innerWrapper #registerForm .login-form .login__logo, #expired #innerWrapper #registerForm .login-form .login__logo {
  display: block;
  margin: 0 auto;
}
#register #innerWrapper #registerForm .login-form .login__head, #expired #innerWrapper #registerForm .login-form .login__head {
  text-align: center;
  padding-bottom: 1.25em;
}
#register #innerWrapper #registerForm .login-form .field, #expired #innerWrapper #registerForm .login-form .field {
  position: relative;
}
#register #innerWrapper #registerForm .login-form .title, #expired #innerWrapper #registerForm .login-form .title {
  display: block;
}
#register #innerWrapper #registerForm .login-form .fa, #expired #innerWrapper #registerForm .login-form .fa {
  font-size: 20px;
  margin-left: 4px;
  color: #008EC6;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#register #innerWrapper #registerForm .login-form .input--editable, #expired #innerWrapper #registerForm .login-form .input--editable {
  border-color: #008EC6;
  padding: 0.625em;
  font-weight: 400;
  font-size: 18px;
  width: 90%;
  margin-left: 10%;
}
#register #innerWrapper #registerForm .login-form .checkbox-wrapper, #expired #innerWrapper #registerForm .login-form .checkbox-wrapper {
  display: block;
}
#register #innerWrapper #registerForm .login-form .checkbox, #expired #innerWrapper #registerForm .login-form .checkbox {
  color: #008EC6;
  border-color: #008EC6;
}
#register #innerWrapper #registerForm .login-form .checkbox + span, #expired #innerWrapper #registerForm .login-form .checkbox + span {
  display: inline-block;
  vertical-align: top;
  padding-left: 4%;
}
#register #innerWrapper #registerForm .login-form em.state-error, #expired #innerWrapper #registerForm .login-form em.state-error {
  margin-left: 10%;
}
#register #innerWrapper #registerForm .login-form .form-buttons, #expired #innerWrapper #registerForm .login-form .form-buttons {
  margin-top: 1.25em;
}

.status {
  position: relative;
}
.status::after {
  content: "";
  position: absolute;
  top: -7px;
  right: -33px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid #70ca63;
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  .status::after {
    right: -33px;
    top: -7px;
  }
}
.status.status-lala::after {
  border-bottom-color: #F9B066;
}
.status.status-bad::after {
  border-bottom-color: #EF5F4E;
}
.status.status-sued::after {
  border-bottom-color: #000;
}

.status-insured::before {
  content: "versichert";
  position: absolute;
  color: white;
  transform: rotate(45deg);
  right: -2px;
  top: 20px;
  z-index: 99;
  font-size: 12px;
  font-weight: bold;
}

.status-order::after {
  content: "";
  position: absolute;
  right: -19px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  .status-order::after {
    right: -25px;
    top: 11px;
  }
}
.status-order::before {
  color: white;
  transform: rotate(45deg);
  position: absolute;
  right: 36px;
  top: 51px;
  z-index: 99;
  font-weight: bold;
}
.status-order.status-private::before {
  content: "Privat";
}
.status-order.status-private::after {
  border-bottom: 70px solid #BABABA;
}
.status-order.status-default::before {
  content: "Praxis";
}
.status-order.status-default::after {
  border-bottom: 70px solid #00aac6;
}

ol.timeline-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  color: #AAA;
}

ol.timeline-list li.timeline-item {
  position: relative;
  padding: 15px 120px 15px 50px;
}

ol.timeline-list li.timeline-item:focus .timeline-icon, ol.timeline-list li.timeline-item:hover .timeline-icon {
  opacity: 1;
}

ol.timeline-list li.timeline-item:after {
  content: "";
  position: absolute;
  display: block;
  left: 23px;
  top: 0;
  height: 100%;
  width: 3px;
  background: #E8E8E8;
}

ol.timeline-list li.timeline-item + .timeline-item {
  border-top: 1px solid #E8E8E8;
}

ol.timeline-list li.timeline-item .timeline-desc {
  letter-spacing: 0.2px;
}

ol.timeline-list li.timeline-item .timeline-desc b, ol.timeline-list li.timeline-item .timeline-desc strong {
  color: #333;
  font-weight: 600;
}

ol.timeline-list li.timeline-item .timeline-desc a {
  padding: 0 2px;
  color: #3bafda;
}

ol.timeline-list li.timeline-item .timeline-icon {
  opacity: 0.85;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #BBB;
  width: 30px;
  height: 30px;
  line-height: 26px;
  color: #FFF;
  text-align: center;
  border-radius: 26px;
  border: 2px solid #FFF;
}

ol.timeline-list li.timeline-item .timeline-date {
  position: absolute;
  right: 15px;
  top: 15px;
}

.tray-left ol.timeline-list li.timeline-item, .tray-right ol.timeline-list li.timeline-item {
  position: relative;
  padding: 15px 80px 15px 50px;
}

.info-badge.future-type-add_task {
  background-color: rgba(208, 72, 72, 0.3137254902);
}
.info-badge.future-type-add_reminder {
  background-color: rgba(243, 185, 95, 0.3137254902);
}
.info-badge.future-type-add_appointment {
  background-color: rgba(104, 149, 210, 0.3137254902);
}
.info-badge.future-type-app_message {
  background-color: rgba(253, 231, 103, 0.3137254902);
}
.info-badge.tag12 {
  background-color: #df5640;
  color: white;
}
.info-badge.tag-eltiga {
  background-color: #00aac6;
  color: white;
}

.quick-filter.standalone label.selectable-item {
  border-radius: 25px;
  padding: 6px 12px;
  margin-bottom: 5px;
}

.patient-selector {
  display: inline-block;
}
.patient-selector > div {
  border: 1px solid #DDDDDD !important;
  padding: 12px 12px 12px 12px !important;
  color: #404040 !important;
  border-radius: 4px !important;
  background-color: #FAFAFA !important;
}
.patient-selector > div.button--has-icon {
  padding-left: 45px !important;
}
.patient-selector > div i {
  padding-left: 5px;
}
.patient-selector.selected > div {
  color: #fff !important;
  background-color: #00aac6 !important;
}
.patient-selector.selected > div svg > path {
  fill: #fff;
}

.large-confirm div.confirm-panel {
  max-width: 320px;
  min-width: 320px;
}
.large-confirm div.confirm-panel div.footer > a {
  margin-left: 60px;
  margin-right: 0px;
}
.large-confirm div.confirm-panel div.footer > a:first-child {
  margin-right: 60px;
  margin-left: 0px;
}

.medium-confirm {
  max-width: 250px !important;
  min-width: 230px !important;
  font-size: 14px;
}
.medium-confirm div.footer {
  margin-left: 0 !important;
}
.medium-confirm div.footer > a {
  margin-left: 0px;
  margin-right: 0px;
}
.medium-confirm div.footer > a:first-child {
  margin-right: 0px;
  margin-left: 0px;
}
.medium-confirm.newStyle div.footer a {
  color: white;
  line-height: 55px;
  vertical-align: middle;
}

#selectOrder div.table div.saved {
  line-height: 18px;
  font-size: 14px;
}

.documentsForm ul.documentBreadcrumbs {
  margin-top: 20px;
  margin-bottom: 0px;
}
.documentsForm div.breadcrumbs {
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  .documentsForm div.breadcrumbs {
    margin-bottom: 20px;
  }
}
.documentsForm div.breadcrumbs div.nav {
  float: left;
}
@media (max-width: 1024px) {
  .documentsForm div.breadcrumbs div.nav {
    margin-bottom: 20px;
  }
}
.documentsForm div.breadcrumbs ul {
  margin-bottom: 0;
  float: left;
}
.documentsForm span.badge.badge-highlighted-alternative {
  position: absolute;
  left: 20px;
  top: 30px;
  z-index: 8;
}

.dropzone {
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  background: #f4f4f4;
  min-height: 150px;
  padding: 54px 54px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone .dz-preview {
  display: none !important;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
  font-weight: 400;
  cursor: pointer;
}
.dropzone .dz-message .dz-button {
  background: none;
  border: none;
  font-weight: 400;
  font-size: 1.1em;
}

.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

.article-wizzard div.grid {
  margin-bottom: 20px;
}
.article-wizzard div.grid div.gutter {
  text-align: center;
}
.article-wizzard div.grid div.gutter h3 {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0em 0 0.5em;
  text-transform: uppercase;
}
.article-wizzard div.grid div.card {
  min-height: 150px;
}

div.wizzard div.main > span, div.wizzard div.sidebar > span {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
div.wizzard div.main {
  padding-right: 10px;
}
div.wizzard div.sidebar {
  padding-left: 10px;
}
div.wizzard div#sortable, div.wizzard div.sortable {
  background-color: #FAFAFA;
}
div.wizzard.equal div.sortable-item.fixed {
  width: auto !important;
}
div.wizzard div.textmodule {
  border: 1px solid #00aac6;
  border-radius: 10px;
  margin: 0 0 10px 0 !important;
  padding: 5px 10px;
  background-color: white;
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
div.wizzard div.textmodule h2 {
  font-size: 1.3em;
  margin: 0;
}
div.wizzard div.textmodule .sub {
  font-weight: normal;
}
div.wizzard div.sortable-item {
  border: 1px solid #00aac6;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: white;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
div.wizzard div.sortable-item span.delete {
  display: none;
}
div.wizzard div.sortable-item.ui-draggable-dragging {
  min-width: 420px !important;
}
div.wizzard div.sortable-item.fixed {
  min-width: 550px !important;
  width: 100%;
  height: auto !important;
  min-height: 70px;
}
div.wizzard div.sortable-item.fixed span.delete {
  display: inline-block;
}
div.wizzard div.sortable-item h2 {
  font-size: 18px;
}
div.wizzard div.sortable-item span.delete {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 40px;
  padding-right: 15px;
  color: #333333;
}
div.wizzard div.sortable-item h2 {
  margin: 0;
}

.treatment-patient-list .input--action {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.treatment-patient-list .table__cell.treatment-status div.tooltipstered {
  display: inline-block;
  vertical-align: top;
}
.treatment-patient-list .table__cell.patient-treatments {
  padding-top: 0;
  padding-bottom: 0;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content span.line.flex-top {
  display: flex !important;
}

#miniCalendarTrigger {
  width: 1px;
  height: 1px;
  visibility: hidden;
  margin-left: -50px;
  padding-right: 40px;
  padding-top: 20px;
}

.tooltip {
  background-color: #EEEEEE !important;
  border: 1px solid #cccccc;
  opacity: 90 !important;
  position: absolute;
  text-align: left;
  z-index: 999;
}
.tooltip .tooltip-inner {
  text-align: left;
  background-color: #fff;
  color: #404040;
}
.tooltip .tooltip-arrow {
  border-color: #00aac6;
}

#resourceEditForm div.checkbox-custom {
  margin-bottom: 20px;
}
#resourceEditForm div.checkbox-custom label::before {
  top: -2px;
}
#resourceEditForm div.checkbox-custom label::after {
  top: 3px !important;
}

span.colorTile.calColor1, .symbol-circle.calColor1 {
  background-color: #a6af92 !important;
}
span.colorTile.calColor2, .symbol-circle.calColor2 {
  background-color: #a4bec5 !important;
}
span.colorTile.calColor3, .symbol-circle.calColor3 {
  background-color: #c3afbe !important;
}
span.colorTile.calColor4, .symbol-circle.calColor4 {
  background-color: #d2c7b7 !important;
}
span.colorTile.calColor5, .symbol-circle.calColor5 {
  background-color: #f1b9b9 !important;
}
span.colorTile.calColor6, .symbol-circle.calColor6 {
  background-color: #e0d0a5 !important;
}
span.colorTile.calColor7, .symbol-circle.calColor7 {
  background-color: #abd5e0 !important;
}
span.colorTile.calColor8, .symbol-circle.calColor8 {
  background-color: #c0cbd7 !important;
}
span.colorTile.calColor9, .symbol-circle.calColor9 {
  background-color: #F7DEDD !important;
}
span.colorTile.calColor10, .symbol-circle.calColor10 {
  background-color: #b1ceec !important;
}
span.colorTile.calColor11, .symbol-circle.calColor11 {
  background-color: #ffbb8e !important;
}
span.colorTile.calColor12, .symbol-circle.calColor12 {
  background-color: #e8cf86 !important;
}
span.colorTile.calColor13, .symbol-circle.calColor13 {
  background-color: #bcb2ff !important;
}
span.colorTile.calColor14, .symbol-circle.calColor14 {
  background-color: #e1b4f7 !important;
}
span.colorTile.calColor15, .symbol-circle.calColor15 {
  background-color: #a0ca96 !important;
}
span.colorTile.calColor16, .symbol-circle.calColor16 {
  background-color: #e0d9a2 !important;
}
span.colorTile.calColor17, .symbol-circle.calColor17 {
  background-color: #b1d56a !important;
}
span.colorTile.calColor18, .symbol-circle.calColor18 {
  background-color: #73d6d9 !important;
}
span.colorTile.calColor19, .symbol-circle.calColor19 {
  background-color: #80dfb4 !important;
}
span.colorTile.calColor20, .symbol-circle.calColor20 {
  background-color: #51adff !important;
}
span.colorTile.calColor21, .symbol-circle.calColor21 {
  background-color: #a66fe0 !important;
}
span.colorTile.calColor22, .symbol-circle.calColor22 {
  background-color: #ed86e1 !important;
}
span.colorTile.calColor50, .symbol-circle.calColor50 {
  background-color: #bfc1bc !important;
}
span.colorTile.calColor51, .symbol-circle.calColor51 {
  background-color: #a1bdd6 !important;
}
span.colorTile.calColor52, .symbol-circle.calColor52 {
  background-color: #F1F0EF !important;
}
span.colorTile.calColor53, .symbol-circle.calColor53 {
  background-color: #fab7b7 !important;
}
span.colorTile.calColor54, .symbol-circle.calColor54 {
  background-color: #b4c653 !important;
}
span.colorTile.calColor55, .symbol-circle.calColor55 {
  background-color: #E59898 !important;
}
span.colorTile.calColor56, .symbol-circle.calColor56 {
  background-color: #e5c478 !important;
}
span.colorTile.calColor57, .symbol-circle.calColor57 {
  background-color: #E6BAFF !important;
}
span.colorTile.calColor58, .symbol-circle.calColor58 {
  background-color: #FF8888 !important;
}
span.colorTile.calColor59, .symbol-circle.calColor59 {
  background-color: #e5cf8a !important;
}
span.colorTile.calColor60, .symbol-circle.calColor60 {
  background-color: #a2e1a1 !important;
}
span.colorTile.calColor61, .symbol-circle.calColor61 {
  background-color: #ffa0e2 !important;
}
span.colorTile.calColor62, .symbol-circle.calColor62 {
  background-color: #ff747f !important;
}
span.colorTile.calColor63, .symbol-circle.calColor63 {
  background-color: #ebd56c !important;
}
span.colorTile.calColor64, .symbol-circle.calColor64 {
  background-color: #79c0ff !important;
}
span.colorTile.calColor65, .symbol-circle.calColor65 {
  background-color: #62d5b1 !important;
}
span.colorTile.calColor66, .symbol-circle.calColor66 {
  background-color: #b7c19e !important;
}
span.colorTile.calColor67, .symbol-circle.calColor67 {
  background-color: #c251ff !important;
}
span.colorTile.calColor68, .symbol-circle.calColor68 {
  background-color: #ff51bc !important;
}
span.colorTile.calColor69, .symbol-circle.calColor69 {
  background-color: #ff5151 !important;
}
span.colorTile.calColor70, .symbol-circle.calColor70 {
  background-color: #dad49a !important;
}
span.colorTile.calColor71, .symbol-circle.calColor71 {
  background-color: #e1d74c !important;
}
span.colorTile.calColor72, .symbol-circle.calColor72 {
  background-color: #bbcf91 !important;
}
span.colorTile.calColor73, .symbol-circle.calColor73 {
  background-color: #afb4af !important;
}
span.colorTile.calColor74, .symbol-circle.calColor74 {
  background-color: #72DCFF !important;
}
span.colorTile.calColor75, .symbol-circle.calColor75 {
  background-color: #A5C1E5 !important;
}
span.colorTile.calColor76, .symbol-circle.calColor76 {
  background-color: #AD99FF !important;
}
span.colorTile.calColor77, .symbol-circle.calColor77 {
  background-color: #F7C6F7 !important;
}
span.colorTile.calColor788, .symbol-circle.calColor788 {
  background-color: #86c9e0 !important;
}
span.colorTile.calColor79, .symbol-circle.calColor79 {
  background-color: #99E5FF !important;
}
span.colorTile.calColor80, .symbol-circle.calColor80 {
  background-color: #EAC4B9 !important;
}
span.colorTile.calColor81, .symbol-circle.calColor81 {
  background-color: #CBAB7D !important;
}
span.colorTile.calColor82, .symbol-circle.calColor82 {
  background-color: #c2c03e !important;
}
span.colorTile.calColor83, .symbol-circle.calColor83 {
  background-color: #87b990 !important;
}
span.colorTile.calColorEtiga, .symbol-circle.calColorEtiga {
  background-color: #00aac6;
}
span.colorTile.calAppEtigaBooked, .symbol-circle.calAppEtigaBooked {
  background-color: #00aac6;
}

span.colorTile {
  display: inline-block !important;
  border: 1px solid #aaa;
  display: inline-block;
  height: 18px;
  width: 18px;
}

#calendarWrapper {
  margin-top: -20px;
  margin-right: -20px;
}
#calendarWrapper.withFilter #calendarStickyArea {
  height: 184px;
}
#calendarWrapper.withFilter #calendarStickyArea.scrolled {
  margin-top: -10px !important;
  height: 194px !important;
}
#calendarWrapper.withFilter .fc-timeGrid-view {
  margin-top: 159px;
}
#calendarWrapper aside div.box {
  position: fixed !important;
}
#calendarWrapper #calendarDateToolbar {
  margin-right: 0;
}
#calendarWrapper #calendarDateToolbar > div {
  width: 33%;
}
#calendarWrapper #calendarDateToolbar .current-date {
  font-size: 1.2rem !important;
  font-weight: 600;
}
#calendarWrapper #calendarDateToolbar .current-date > span {
  font-weight: 200;
  font-size: 1rem !important;
}
#calendarWrapper th.fc-day-header {
  padding: 5px 0;
}
#calendarWrapper .fc-resource-cell {
  font-size: 12px;
  padding: 10px 0;
  position: relative;
}
#calendarWrapper .fc-bgevent {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, white 20px, white 40px);
}
#calendarWrapper button {
  background-color: #F4F4F4 !important;
  color: #7e8299;
  border: 0;
  padding: calc(0.475rem + 1px) calc(1.2rem + 1px);
  text-align: center;
  border-radius: 0.475rem;
  font-size: 15px;
}
#calendarWrapper button:hover {
  background-color: #E1E3EA !important;
}
#calendarWrapper #calendarStickyArea {
  position: fixed;
  height: 85px;
  z-index: 99;
  background-color: white;
  top: 88px;
  padding-top: 20px;
  padding-right: 20px;
}
#calendarWrapper #calendarStickyArea.scrolled {
  padding-top: 30px !important;
  margin-top: -10px !important;
  height: 95px !important;
}
#calendarWrapper .fc-widget-content .fc-day-grid {
  position: fixed;
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-right: 41px;
}
#calendarWrapper #calendarFilterToolbar .headline {
  font-weight: bold;
}
#calendarWrapper .btn-group > button {
  padding-top: 5px;
  padding-bottom: 5px;
}
#calendarWrapper .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 34px;
}
#calendarWrapper #calendar div.fc-header-toolbar {
  width: 80%;
}
#calendarWrapper .fc-timeGrid-view {
  margin-top: 60px;
}
#calendarWrapper .fc-day-grid {
  margin-top: 30px;
}
#calendarWrapper .fc-day-grid .fc-mirror-skeleton {
  z-index: 1 !important;
}
#calendarWrapper thead.fc-head {
  position: fixed;
  z-index: 99;
  margin-right: 41px;
}
#calendarWrapper thead.fc-head .fc-widget-header {
  background-color: white;
}

#calProfileTab #sidebar {
  width: auto !important;
}

aside#calendarSidebar, #profileCal {
  margin-left: 40px;
}
aside#calendarSidebar div.toggleMe, #profileCal div.toggleMe {
  display: none;
}
aside#calendarSidebar div.header, #profileCal div.header {
  clear: both;
  position: relative;
}
aside#calendarSidebar div.header div.topToggle, #profileCal div.header div.topToggle {
  position: absolute;
}
aside#calendarSidebar div.header div.topToggle svg path, #profileCal div.header div.topToggle svg path {
  fill: #404040 !important;
}
aside#calendarSidebar div.checkbox-custom.type-pick label, #profileCal div.checkbox-custom.type-pick label {
  font-weight: normal;
}
aside#calendarSidebar div.checkbox-custom.type-pick label::before, #profileCal div.checkbox-custom.type-pick label::before {
  border-radius: 6px;
  border-color: #999 !important;
}
aside#calendarSidebar div.checkbox-custom.type-pick label::after, #profileCal div.checkbox-custom.type-pick label::after {
  background-color: #999 !important;
  color: #999 !important;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calApp label::before, #profileCal div.checkbox-custom.type-pick.calApp label::before {
  background-color: #f4f4f4;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calAppMa label::before, #profileCal div.checkbox-custom.type-pick.calAppMa label::before {
  background-color: #87e6d4;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calAppEtigaColored label::before, #profileCal div.checkbox-custom.type-pick.calAppEtigaColored label::before {
  background-color: #00aac6;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calFuturearticle label::before, #profileCal div.checkbox-custom.type-pick.calFuturearticle label::before {
  background-color: #9af9cd;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calResource label::before, #profileCal div.checkbox-custom.type-pick.calResource label::before {
  background-color: #aaecf7;
}
aside#calendarSidebar div.checkbox-custom.type-pick.calTask label::before, #profileCal div.checkbox-custom.type-pick.calTask label::before {
  background-color: #F9B066;
}
aside#calendarSidebar div.checkbox-custom.color-pick label, #profileCal div.checkbox-custom.color-pick label {
  font-weight: normal;
}
aside#calendarSidebar div.checkbox-custom.color-pick label::before, #profileCal div.checkbox-custom.color-pick label::before {
  border-radius: 6px;
  border-color: #999 !important;
}
aside#calendarSidebar div.checkbox-custom.color-pick label::after, #profileCal div.checkbox-custom.color-pick label::after {
  background-color: #999 !important;
  color: #999 !important;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor1 label::before, #profileCal div.checkbox-custom.color-pick.calColor1 label::before {
  background-color: #a6af92;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor2 label::before, #profileCal div.checkbox-custom.color-pick.calColor2 label::before {
  background-color: #a4bec5;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor3 label::before, #profileCal div.checkbox-custom.color-pick.calColor3 label::before {
  background-color: #c3afbe;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor4 label::before, #profileCal div.checkbox-custom.color-pick.calColor4 label::before {
  background-color: #d2c7b7;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor5 label::before, #profileCal div.checkbox-custom.color-pick.calColor5 label::before {
  background-color: #f1b9b9;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor6 label::before, #profileCal div.checkbox-custom.color-pick.calColor6 label::before {
  background-color: #e0d0a5;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor7 label::before, #profileCal div.checkbox-custom.color-pick.calColor7 label::before {
  background-color: #abd5e0;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor8 label::before, #profileCal div.checkbox-custom.color-pick.calColor8 label::before {
  background-color: #c0cbd7;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor9 label::before, #profileCal div.checkbox-custom.color-pick.calColor9 label::before {
  background-color: #F7DEDD;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor10 label::before, #profileCal div.checkbox-custom.color-pick.calColor10 label::before {
  background-color: #b1ceec;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor11 label::before, #profileCal div.checkbox-custom.color-pick.calColor11 label::before {
  background-color: #ffbb8e;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor12 label::before, #profileCal div.checkbox-custom.color-pick.calColor12 label::before {
  background-color: #e8cf86;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor13 label::before, #profileCal div.checkbox-custom.color-pick.calColor13 label::before {
  background-color: #bcb2ff;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor14 label::before, #profileCal div.checkbox-custom.color-pick.calColor14 label::before {
  background-color: #e1b4f7;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor15 label::before, #profileCal div.checkbox-custom.color-pick.calColor15 label::before {
  background-color: #a0ca96;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor16 label::before, #profileCal div.checkbox-custom.color-pick.calColor16 label::before {
  background-color: #e0d9a2;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor17 label::before, #profileCal div.checkbox-custom.color-pick.calColor17 label::before {
  background-color: #b1d56a;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor18 label::before, #profileCal div.checkbox-custom.color-pick.calColor18 label::before {
  background-color: #73d6d9;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor19 label::before, #profileCal div.checkbox-custom.color-pick.calColor19 label::before {
  background-color: #80dfb4;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor20 label::before, #profileCal div.checkbox-custom.color-pick.calColor20 label::before {
  background-color: #51adff;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor21 label::before, #profileCal div.checkbox-custom.color-pick.calColor21 label::before {
  background-color: #a66fe0;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor22 label::before, #profileCal div.checkbox-custom.color-pick.calColor22 label::before {
  background-color: #ed86e1;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor50 label::before, #profileCal div.checkbox-custom.color-pick.calColor50 label::before {
  background-color: #bfc1bc;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor51 label::before, #profileCal div.checkbox-custom.color-pick.calColor51 label::before {
  background-color: #a1bdd6;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor52 label::before, #profileCal div.checkbox-custom.color-pick.calColor52 label::before {
  background-color: #F1F0EF;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor53 label::before, #profileCal div.checkbox-custom.color-pick.calColor53 label::before {
  background-color: #fab7b7;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor54 label::before, #profileCal div.checkbox-custom.color-pick.calColor54 label::before {
  background-color: #b4c653;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor55 label::before, #profileCal div.checkbox-custom.color-pick.calColor55 label::before {
  background-color: #E59898;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor56 label::before, #profileCal div.checkbox-custom.color-pick.calColor56 label::before {
  background-color: #e5c478;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor57 label::before, #profileCal div.checkbox-custom.color-pick.calColor57 label::before {
  background-color: #E6BAFF;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor58 label::before, #profileCal div.checkbox-custom.color-pick.calColor58 label::before {
  background-color: #FF8888;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor59 label::before, #profileCal div.checkbox-custom.color-pick.calColor59 label::before {
  background-color: #e5cf8a;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor60 label::before, #profileCal div.checkbox-custom.color-pick.calColor60 label::before {
  background-color: #a2e1a1;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor61 label::before, #profileCal div.checkbox-custom.color-pick.calColor61 label::before {
  background-color: #ffa0e2;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor62 label::before, #profileCal div.checkbox-custom.color-pick.calColor62 label::before {
  background-color: #ff747f;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor63 label::before, #profileCal div.checkbox-custom.color-pick.calColor63 label::before {
  background-color: #ebd56c;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor64 label::before, #profileCal div.checkbox-custom.color-pick.calColor64 label::before {
  background-color: #79c0ff;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor65 label::before, #profileCal div.checkbox-custom.color-pick.calColor65 label::before {
  background-color: #62d5b1;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor66 label::before, #profileCal div.checkbox-custom.color-pick.calColor66 label::before {
  background-color: #b7c19e;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor67 label::before, #profileCal div.checkbox-custom.color-pick.calColor67 label::before {
  background-color: #c251ff;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor68 label::before, #profileCal div.checkbox-custom.color-pick.calColor68 label::before {
  background-color: #ff51bc;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor69 label::before, #profileCal div.checkbox-custom.color-pick.calColor69 label::before {
  background-color: #ff5151;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor70 label::before, #profileCal div.checkbox-custom.color-pick.calColor70 label::before {
  background-color: #dad49a;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor71 label::before, #profileCal div.checkbox-custom.color-pick.calColor71 label::before {
  background-color: #e1d74c;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor72 label::before, #profileCal div.checkbox-custom.color-pick.calColor72 label::before {
  background-color: #bbcf91;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor73 label::before, #profileCal div.checkbox-custom.color-pick.calColor73 label::before {
  background-color: #afb4af;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor74 label::before, #profileCal div.checkbox-custom.color-pick.calColor74 label::before {
  background-color: #72DCFF;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor75 label::before, #profileCal div.checkbox-custom.color-pick.calColor75 label::before {
  background-color: #A5C1E5;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor76 label::before, #profileCal div.checkbox-custom.color-pick.calColor76 label::before {
  background-color: #AD99FF;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor77 label::before, #profileCal div.checkbox-custom.color-pick.calColor77 label::before {
  background-color: #F7C6F7;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor78 label::before, #profileCal div.checkbox-custom.color-pick.calColor78 label::before {
  background-color: #86c9e0;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor79 label::before, #profileCal div.checkbox-custom.color-pick.calColor79 label::before {
  background-color: #99E5FF;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor80 label::before, #profileCal div.checkbox-custom.color-pick.calColor80 label::before {
  background-color: #EAC4B9;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor81 label::before, #profileCal div.checkbox-custom.color-pick.calColor81 label::before {
  background-color: #CBAB7D;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor82 label::before, #profileCal div.checkbox-custom.color-pick.calColor82 label::before {
  background-color: #c2c03e;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColor83 label::before, #profileCal div.checkbox-custom.color-pick.calColor83 label::before {
  background-color: #87b990;
}
aside#calendarSidebar div.checkbox-custom.color-pick.calColorEtiga label::before, #profileCal div.checkbox-custom.color-pick.calColorEtiga label::before {
  background-color: #00aac6;
}
aside#calendarSidebar.expanded div.toggleMe, #profileCal.expanded div.toggleMe {
  display: block !important;
  position: absolute;
  cursor: pointer;
  z-index: 99;
  right: 22px;
  top: 7px;
}
aside#calendarSidebar.expanded div.toggleMe > svg.active g.icon, #profileCal.expanded div.toggleMe > svg.active g.icon {
  fill: #00aac6;
}
aside#calendarSidebar.expanded div.ical, #profileCal.expanded div.ical {
  display: block !important;
  position: absolute;
  cursor: pointer;
  z-index: 99;
  right: 50px;
  top: 7px;
}
aside#calendarSidebar.expanded > div.box, #profileCal.expanded > div.box {
  display: block;
  margin-top: 0px;
}
aside#calendarSidebar.expanded > div.box span, #profileCal.expanded > div.box span {
  vertical-align: top;
  margin-right: 5px;
}
aside#calendarSidebar.expanded > div.box span.calTask, #profileCal.expanded > div.box span.calTask {
  background-color: #F9B066;
}
aside#calendarSidebar.expanded > div.box span.calAppMa, #profileCal.expanded > div.box span.calAppMa {
  background-color: #87e6d4;
}
aside#calendarSidebar.expanded > div.box span.calAppEtigaColored, #profileCal.expanded > div.box span.calAppEtigaColored {
  background-color: #00aac6;
}
aside#calendarSidebar.expanded > div.box span.calApp, #profileCal.expanded > div.box span.calApp {
  background-color: #f4f4f4;
}
aside#calendarSidebar.expanded > div.box span.calAppEtiga, #profileCal.expanded > div.box span.calAppEtiga {
  background-color: #f4f4f4;
}
aside#calendarSidebar.expanded > div.box span.calFuturearticle, #profileCal.expanded > div.box span.calFuturearticle {
  background-color: #9af9cd;
}
aside#calendarSidebar.expanded > div.box span.calResource, #profileCal.expanded > div.box span.calResource {
  background-color: #aaecf7;
}
aside#calendarSidebar.expanded > div.box > div.header, #profileCal.expanded > div.box > div.header {
  position: relative;
  clear: both;
}
aside#calendarSidebar.expanded > div.box > div.header > h3, #profileCal.expanded > div.box > div.header > h3 {
  width: 100%;
  padding-left: 25px;
}
aside#calendarSidebar.expanded > div.box > div.header div.float-right, #profileCal.expanded > div.box > div.header div.float-right {
  position: absolute;
  left: 0px;
}
aside#calendarSidebar.expanded > div.box > div.users, #profileCal.expanded > div.box > div.users {
  max-height: 380px;
  overflow-y: auto;
  width: 100%;
}
aside#calendarSidebar.expanded > div.box div.hamburger, #profileCal.expanded > div.box div.hamburger {
  position: absolute;
  right: 7px;
  top: 46px;
}
.tooltipster-sidetip.elovet.tooltipster-right .tooltipster-arrow .tooltipster-arrow-border {
  border: 10px solid transparent;
  border-right-color: #000;
}
.tooltipster-sidetip.elovet.tooltipster-right .tooltipster-arrow .tooltipster-arrow-background {
  border-right-color: #fff !important;
  border: 10px solid transparent;
}
.tooltipster-sidetip.elovet.tooltipster-left .tooltipster-arrow .tooltipster-arrow-border {
  border: 10px solid transparent;
  border-left-color: #000;
}
.tooltipster-sidetip.elovet.tooltipster-left .tooltipster-arrow .tooltipster-arrow-background {
  border-left-color: #fff !important;
  border: 10px solid transparent;
}
.tooltipster-sidetip.elovet .tooltipster-box {
  background-color: #fff !important;
  border: 2px solid #404040;
  border-radius: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: hidden;
}
.tooltipster-sidetip.elovet .tooltipster-box::-webkit-scrollbar {
  display: none;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content {
  color: #404040 !important;
  font-size: 12px;
  padding: 8px 15px 8px 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: hidden;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge {
  height: 21px;
  width: 21px;
  margin: 2px 11px 2px 2px;
  padding: 1px !important;
  border: 1px solid;
  border-radius: 3px;
  font-size: 10px;
  background-color: #50cd89;
  background-size: 15px 15px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge > img {
  width: 15px !important;
  height: 15px !important;
  margin-right: 0 !important;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge.cal.requested {
  background-color: #00aac6;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge.cal.no_show, .tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge.cal.cancelled {
  background-color: #dc3545;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content .status-badge.cal > img {
  width: 13px !important;
  height: 13px !important;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content::-webkit-scrollbar {
  display: none;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content span.head {
  display: block;
  white-space: nowrap;
  background-color: #F0F0F0;
  font-weight: bold;
  padding: 5px 10px 5px 15px;
  margin: -10px -15px 10px;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content span.line {
  display: block !important;
  margin: 10px 0;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content span.line.customer {
  display: flex !important;
  margin-bottom: 0px !important;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content span.line.patient {
  margin-top: 0 !important;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content > span.line {
  margin: 10px 0;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content > span.line img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content > span.line > span {
  padding-top: 3px;
}
.tooltipster-sidetip.elovet .tooltipster-box .tooltipster-content > span.line > span.category {
  padding-top: 0px;
  font-weight: bold;
}

#calendarWrapper, #calProfileTab {
  position: relative;
}
#calendarWrapper.hideBgEvents .fc-bgevent-container, #calProfileTab.hideBgEvents .fc-bgevent-container {
  display: none !important;
}
#calendarWrapper #tooltipTest, #calProfileTab #tooltipTest {
  width: auto;
  max-width: 300px;
  padding: 10px;
  background-color: #fff !important;
  border: 1px solid #404040;
}
#calendarWrapper #tooltipTest > span.head, #calProfileTab #tooltipTest > span.head {
  display: block;
  white-space: nowrap;
  background-color: #F0F0F0;
  font-weight: bold;
  padding: 5px 10px;
  margin: -10px -10px 10px;
}
#calendarWrapper #tooltipTest > span.line, #calProfileTab #tooltipTest > span.line {
  margin: 10px 0;
}
#calendarWrapper #tooltipTest > span.line img, #calProfileTab #tooltipTest > span.line img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
#calendarWrapper #tooltipTest > span.line > span, #calProfileTab #tooltipTest > span.line > span {
  padding-top: 3px;
}
#calendarWrapper #tooltipTest > span.line > span.category, #calProfileTab #tooltipTest > span.line > span.category {
  font-weight: bold;
}
#calendarWrapper svg.state-button .icon, #calProfileTab svg.state-button .icon {
  fill: grey;
}
#calendarWrapper img.loading-animation, #calProfileTab img.loading-animation {
  position: absolute;
  z-index: 99;
  right: 250px;
  top: 39px;
  width: 50px;
  height: 50px;
}
#calendarWrapper #calendar, #calProfileTab #calendar {
  max-width: 100%;
  margin: 0 auto;
}
#calendarWrapper #calendar tr, #calProfileTab #calendar tr {
  display: table-row !important;
}
#calendarWrapper #calendar td.fc-head-container th.fc-day-header, #calProfileTab #calendar td.fc-head-container th.fc-day-header {
  font-size: 14px;
}
#calendarWrapper #calendar td.fc-head-container div.fc-row.fc-widget-header > table, #calProfileTab #calendar td.fc-head-container div.fc-row.fc-widget-header > table {
  margin-bottom: 0px;
}
#calendarWrapper #calendar td.fc-axis, #calProfileTab #calendar td.fc-axis {
  font-size: 14px;
}
#calendarWrapper #calendar div.fc-slats > table, #calProfileTab #calendar div.fc-slats > table {
  border-bottom: 1px solid #ddd;
}
#calendarWrapper #calendar .fc-time-grid .fc-slats td, #calProfileTab #calendar .fc-time-grid .fc-slats td {
  height: 3em;
  border-bottom: 0;
}
#calendarWrapper #calendar div.fc-toolbar button.fc-today-button, #calProfileTab #calendar div.fc-toolbar button.fc-today-button {
  color: #404040;
}
#calendarWrapper #calendar div.fc-toolbar button.fc-button-active, #calProfileTab #calendar div.fc-toolbar button.fc-button-active {
  background-color: #00aac6;
  border-color: #00aac6;
}
#calendarWrapper #calendar th.fc-day-header, #calProfileTab #calendar th.fc-day-header {
  cursor: none;
  text-decoration: none;
}
#calendarWrapper #calendar th.fc-today, #calProfileTab #calendar th.fc-today {
  color: #00aac6;
}
#calendarWrapper #calendar td.fc-today, #calProfileTab #calendar td.fc-today {
  background-color: #f1faff;
}
#calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent {
  margin: 0 !important;
}
#calendarWrapper #calendar .fc-event, #calProfileTab #calendar .fc-event {
  background-color: #cecece;
}
#calendarWrapper #calendar .fc-event-container > .fc-event, #calendarWrapper #calendar .fc-event-container > .fc-bgevent, #calendarWrapper #calendar .fc-bgevent-container > .fc-event, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent, #calProfileTab #calendar .fc-event-container > .fc-event, #calProfileTab #calendar .fc-event-container > .fc-bgevent, #calProfileTab #calendar .fc-bgevent-container > .fc-event, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent {
  border-color: #aaa;
  padding-left: 8px;
  padding-right: 2px;
  margin: 2px 4px 3px 6px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event .fc-title, #calendarWrapper #calendar .fc-event-container > .fc-bgevent .fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-event .fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent .fc-title, #calProfileTab #calendar .fc-event-container > .fc-event .fc-title, #calProfileTab #calendar .fc-event-container > .fc-bgevent .fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-event .fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent .fc-title {
  font-weight: bold;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.shortApp::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp::before, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp::before {
  display: none !important;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-booked, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-booked, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-booked, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-booked, #calProfileTab #calendar .fc-event-container > .fc-event.status-booked, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-booked, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-booked, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-booked {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #50cd89;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-requested, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-requested, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-requested, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-requested, #calProfileTab #calendar .fc-event-container > .fc-event.status-requested, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-requested, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-requested, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-requested {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-no_show, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-no_show, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-no_show, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-no_show, #calProfileTab #calendar .fc-event-container > .fc-event.status-no_show, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-no_show, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-no_show, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-no_show {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #dc3545;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-cancelled, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-cancelled, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-cancelled, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-cancelled, #calProfileTab #calendar .fc-event-container > .fc-event.status-cancelled, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-cancelled, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-cancelled, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-cancelled {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #dc3545;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-external, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-external, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-external, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-external, #calProfileTab #calendar .fc-event-container > .fc-event.status-external, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-external, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-external, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-external {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #7239ea;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.status-user, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.status-user, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.status-user, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.status-user, #calProfileTab #calendar .fc-event-container > .fc-event.status-user, #calProfileTab #calendar .fc-event-container > .fc-bgevent.status-user, #calProfileTab #calendar .fc-bgevent-container > .fc-event.status-user, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.status-user {
  border-left: 1px solid #fff !important;
  box-shadow: -7px 0px 0px 0px #6C757D;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor1, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor1, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor1, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor1, #calProfileTab #calendar .fc-event-container > .fc-event.calColor1, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor1, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor1, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor1 {
  background-color: #a6af92;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor2, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor2, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor2, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor2, #calProfileTab #calendar .fc-event-container > .fc-event.calColor2, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor2, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor2, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor2 {
  background-color: #a4bec5;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor3, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor3, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor3, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor3, #calProfileTab #calendar .fc-event-container > .fc-event.calColor3, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor3, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor3, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor3 {
  background-color: #c3afbe;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor4, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor4, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor4, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor4, #calProfileTab #calendar .fc-event-container > .fc-event.calColor4, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor4, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor4, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor4 {
  background-color: #d2c7b7;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor5, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor5, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor5, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor5, #calProfileTab #calendar .fc-event-container > .fc-event.calColor5, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor5, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor5, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor5 {
  background-color: #f1b9b9;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor6, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor6, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor6, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor6, #calProfileTab #calendar .fc-event-container > .fc-event.calColor6, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor6, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor6, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor6 {
  background-color: #e0d0a5;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor7, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor7, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor7, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor7, #calProfileTab #calendar .fc-event-container > .fc-event.calColor7, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor7, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor7, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor7 {
  background-color: #abd5e0;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor8, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor8, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor8, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor8, #calProfileTab #calendar .fc-event-container > .fc-event.calColor8, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor8, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor8, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor8 {
  background-color: #c0cbd7;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor9, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor9, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor9, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor9, #calProfileTab #calendar .fc-event-container > .fc-event.calColor9, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor9, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor9, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor9 {
  background-color: #F7DEDD;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor10, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor10, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor10, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor10, #calProfileTab #calendar .fc-event-container > .fc-event.calColor10, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor10, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor10, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor10 {
  background-color: #b1ceec;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor11, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor11, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor11, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor11, #calProfileTab #calendar .fc-event-container > .fc-event.calColor11, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor11, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor11, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor11 {
  background-color: #ffbb8e;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor12, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor12, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor12, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor12, #calProfileTab #calendar .fc-event-container > .fc-event.calColor12, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor12, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor12, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor12 {
  background-color: #e8cf86;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor13, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor13, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor13, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor13, #calProfileTab #calendar .fc-event-container > .fc-event.calColor13, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor13, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor13, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor13 {
  background-color: #bcb2ff;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor14, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor14, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor14, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor14, #calProfileTab #calendar .fc-event-container > .fc-event.calColor14, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor14, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor14, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor14 {
  background-color: #e1b4f7;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor15, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor15, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor15, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor15, #calProfileTab #calendar .fc-event-container > .fc-event.calColor15, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor15, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor15, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor15 {
  background-color: #a0ca96;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor16, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor16, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor16, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor16, #calProfileTab #calendar .fc-event-container > .fc-event.calColor16, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor16, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor16, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor16 {
  background-color: #e0d9a2;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor17, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor17, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor17, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor17, #calProfileTab #calendar .fc-event-container > .fc-event.calColor17, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor17, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor17, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor17 {
  background-color: #b1d56a;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor18, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor18, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor18, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor18, #calProfileTab #calendar .fc-event-container > .fc-event.calColor18, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor18, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor18, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor18 {
  background-color: #73d6d9;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor19, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor19, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor19, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor19, #calProfileTab #calendar .fc-event-container > .fc-event.calColor19, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor19, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor19, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor19 {
  background-color: #80dfb4;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor20, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor20, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor20, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor20, #calProfileTab #calendar .fc-event-container > .fc-event.calColor20, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor20, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor20, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor20 {
  background-color: #51adff;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor21, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor21, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor21, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor21, #calProfileTab #calendar .fc-event-container > .fc-event.calColor21, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor21, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor21, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor21 {
  background-color: #a66fe0;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor22, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor22, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor22, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor22, #calProfileTab #calendar .fc-event-container > .fc-event.calColor22, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor22, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor22, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor22 {
  background-color: #ed86e1;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor50, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor50, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor50, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor50, #calProfileTab #calendar .fc-event-container > .fc-event.calColor50, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor50, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor50, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor50 {
  background-color: #bfc1bc;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor51, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor51, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor51, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor51, #calProfileTab #calendar .fc-event-container > .fc-event.calColor51, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor51, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor51, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor51 {
  background-color: #a1bdd6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor52, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor52, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor52, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor52, #calProfileTab #calendar .fc-event-container > .fc-event.calColor52, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor52, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor52, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor52 {
  background-color: #F1F0EF;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor53, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor53, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor53, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor53, #calProfileTab #calendar .fc-event-container > .fc-event.calColor53, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor53, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor53, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor53 {
  background-color: #fab7b7;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor54, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor54, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor54, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor54, #calProfileTab #calendar .fc-event-container > .fc-event.calColor54, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor54, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor54, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor54 {
  background-color: #b4c653;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor55, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor55, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor55, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor55, #calProfileTab #calendar .fc-event-container > .fc-event.calColor55, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor55, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor55, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor55 {
  background-color: #E59898;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor56, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor56, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor56, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor56, #calProfileTab #calendar .fc-event-container > .fc-event.calColor56, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor56, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor56, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor56 {
  background-color: #e5c478;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor57, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor57, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor57, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor57, #calProfileTab #calendar .fc-event-container > .fc-event.calColor57, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor57, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor57, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor57 {
  background-color: #E6BAFF;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor58, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor58, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor58, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor58, #calProfileTab #calendar .fc-event-container > .fc-event.calColor58, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor58, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor58, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor58 {
  background-color: #FF8888;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor59, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor59, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor59, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor59, #calProfileTab #calendar .fc-event-container > .fc-event.calColor59, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor59, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor59, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor59 {
  background-color: #e5cf8a;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor60, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor60, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor60, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor60, #calProfileTab #calendar .fc-event-container > .fc-event.calColor60, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor60, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor60, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor60 {
  background-color: #a2e1a1;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor61, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor61, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor61, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor61, #calProfileTab #calendar .fc-event-container > .fc-event.calColor61, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor61, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor61, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor61 {
  background-color: #ffa0e2;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor62, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor62, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor62, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor62, #calProfileTab #calendar .fc-event-container > .fc-event.calColor62, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor62, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor62, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor62 {
  background-color: #ff747f;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor63, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor63, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor63, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor63, #calProfileTab #calendar .fc-event-container > .fc-event.calColor63, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor63, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor63, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor63 {
  background-color: #ebd56c;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor64, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor64, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor64, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor64, #calProfileTab #calendar .fc-event-container > .fc-event.calColor64, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor64, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor64, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor64 {
  background-color: #79c0ff;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor65, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor65, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor65, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor65, #calProfileTab #calendar .fc-event-container > .fc-event.calColor65, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor65, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor65, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor65 {
  background-color: #62d5b1;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor66, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor66, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor66, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor66, #calProfileTab #calendar .fc-event-container > .fc-event.calColor66, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor66, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor66, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor66 {
  background-color: #b7c19e;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor67, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor67, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor67, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor67, #calProfileTab #calendar .fc-event-container > .fc-event.calColor67, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor67, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor67, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor67 {
  background-color: #c251ff;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor68, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor68, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor68, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor68, #calProfileTab #calendar .fc-event-container > .fc-event.calColor68, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor68, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor68, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor68 {
  background-color: #ff51bc;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor69, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor69, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor69, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor69, #calProfileTab #calendar .fc-event-container > .fc-event.calColor69, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor69, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor69, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor69 {
  background-color: #ff5151;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor70, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor70, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor70, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor70, #calProfileTab #calendar .fc-event-container > .fc-event.calColor70, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor70, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor70, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor70 {
  background-color: #dad49a;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor71, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor71, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor71, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor71, #calProfileTab #calendar .fc-event-container > .fc-event.calColor71, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor71, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor71, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor71 {
  background-color: #e1d74c;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor72, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor72, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor72, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor72, #calProfileTab #calendar .fc-event-container > .fc-event.calColor72, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor72, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor72, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor72 {
  background-color: #bbcf91;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor73, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor73, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor73, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor73, #calProfileTab #calendar .fc-event-container > .fc-event.calColor73, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor73, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor73, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor73 {
  background-color: #afb4af;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor74, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor74, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor74, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor74, #calProfileTab #calendar .fc-event-container > .fc-event.calColor74, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor74, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor74, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor74 {
  background-color: #72DCFF;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor75, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor75, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor75, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor75, #calProfileTab #calendar .fc-event-container > .fc-event.calColor75, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor75, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor75, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor75 {
  background-color: #A5C1E5;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor76, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor76, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor76, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor76, #calProfileTab #calendar .fc-event-container > .fc-event.calColor76, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor76, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor76, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor76 {
  background-color: #AD99FF;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor77, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor77, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor77, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor77, #calProfileTab #calendar .fc-event-container > .fc-event.calColor77, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor77, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor77, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor77 {
  background-color: #F7C6F7;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor78, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor78, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor78, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor78, #calProfileTab #calendar .fc-event-container > .fc-event.calColor78, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor78, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor78, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor78 {
  background-color: #86c9e0;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor79, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor79, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor79, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor79, #calProfileTab #calendar .fc-event-container > .fc-event.calColor79, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor79, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor79, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor79 {
  background-color: #99E5FF;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor80, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor80, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor80, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor80, #calProfileTab #calendar .fc-event-container > .fc-event.calColor80, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor80, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor80, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor80 {
  background-color: #EAC4B9;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor81, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor81, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor81, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor81, #calProfileTab #calendar .fc-event-container > .fc-event.calColor81, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor81, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor81, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor81 {
  background-color: #CBAB7D;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor82, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor82, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor82, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor82, #calProfileTab #calendar .fc-event-container > .fc-event.calColor82, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor82, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor82, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor82 {
  background-color: #c2c03e;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColor83, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColor83, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColor83, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColor83, #calProfileTab #calendar .fc-event-container > .fc-event.calColor83, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColor83, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColor83, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColor83 {
  background-color: #87b990;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.task, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.task, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.task, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.task, #calProfileTab #calendar .fc-event-container > .fc-event.task, #calProfileTab #calendar .fc-event-container > .fc-bgevent.task, #calProfileTab #calendar .fc-bgevent-container > .fc-event.task, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.task {
  background-color: #F9B066;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.task div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.task div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.task div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.task div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.task div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.task div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.task div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.task div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.task div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.task div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.task div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.task div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.task div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.task div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.task div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.task div.fc-title::before {
  background-color: #F9B066;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppMa, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppMa, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppMa, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppMa, #calProfileTab #calendar .fc-event-container > .fc-event.calAppMa, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppMa, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppMa, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppMa {
  background-color: #87e6d4;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppMa div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.calAppMa div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppMa div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppMa div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppMa div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppMa div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppMa div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppMa div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.calAppMa div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.calAppMa div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppMa div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppMa div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppMa div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppMa div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppMa div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppMa div.fc-title::before {
  background-color: #87e6d4;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtigaColored, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtigaColored, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtigaColored div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtigaColored div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtigaColored div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtigaColored div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtigaColored div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtigaColored div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtigaColored div.fc-title::before {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtiga, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtiga, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtiga, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtiga, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtiga, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtiga, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtiga div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.calAppEtiga div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtiga div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calAppEtiga div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtiga div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calAppEtiga div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtiga div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.calAppEtiga div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtiga div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calAppEtiga div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtiga div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calAppEtiga div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calAppEtiga div.fc-title::before {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColorEtiga, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColorEtiga, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColorEtiga, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga, #calProfileTab #calendar .fc-event-container > .fc-event.calColorEtiga, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColorEtiga, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColorEtiga, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.calColorEtiga div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.calColorEtiga div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColorEtiga div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.calColorEtiga div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColorEtiga div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.calColorEtiga div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.calColorEtiga div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.calColorEtiga div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColorEtiga div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.calColorEtiga div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColorEtiga div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.calColorEtiga div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.calColorEtiga div.fc-title::before {
  background-color: #00aac6;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.fc-short div.fc-content, #calendarWrapper #calendar .fc-event-container > .fc-event.shortApp div.fc-content, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-event.fc-short div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content {
  max-height: 50px;
  margin-top: -6px;
  text-overflow: clip;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-time, #calendarWrapper #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-time, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-time, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-time {
  display: none;
  margin-top: -2px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title, #calendarWrapper #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title, #calProfileTab #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title, #calProfileTab #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title {
  font-size: 12px;
  max-width: 90%;
  margin-top: -2px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title::after, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title::after, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title::after {
  display: none;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title:before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-event-container > .fc-event.fc-short div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-event-container > .fc-event.shortApp div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.fc-short div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.shortApp div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.fc-short div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.shortApp div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.fc-short div.fc-content div.fc-title:before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.shortApp div.fc-content div.fc-title:before {
  margin-top: 2px;
  height: 16px;
  width: 16px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_treatment div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_treatment div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_treatment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_treatment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_treatment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_treatment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_treatment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_treatment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before {
  content: "";
  background-image: url("images/icons/treatment-white.svg");
  height: 15px;
  width: 15px;
  padding: 1px !important;
  border: 1px solid;
  border-radius: 3px;
  font-size: 10px;
  background-color: #50cd89;
  background-size: 15px 15px;
  margin-right: 4px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-ready_for_payment div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-ready_for_payment div.fc-title::before {
  background-image: url("images/icons/ready_for_payment-white.svg");
  background-size: 13px 13px;
  background-position: 2px 2px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before {
  background-image: url("images/icons/treatment-white.svg");
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_waitingroom div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_waitingroom div.fc-title::before {
  background-image: url("images/icons/waitingroom-white.svg");
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-closed div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-closed div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-closed div.fc-title::before {
  background-image: url("images/icons/check-white.svg");
}
#calendarWrapper #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.tstatus-in_station div.fc-title::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.tstatus-in_station div.fc-title::before {
  background-image: url("images/icons/station-white.svg");
}
#calendarWrapper #calendar .fc-event-container > .fc-event.inSeries div.fc-content::before, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.inSeries div.fc-content::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.inSeries div.fc-content::before, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.inSeries div.fc-content::before, #calProfileTab #calendar .fc-event-container > .fc-event.inSeries div.fc-content::before, #calProfileTab #calendar .fc-event-container > .fc-bgevent.inSeries div.fc-content::before, #calProfileTab #calendar .fc-bgevent-container > .fc-event.inSeries div.fc-content::before, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.inSeries div.fc-content::before {
  content: url("images/icons/series.svg");
  position: absolute;
  top: 0px;
  right: 0px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event.inSeries div.fc-content div.fc-time, #calendarWrapper #calendar .fc-event-container > .fc-bgevent.inSeries div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-event.inSeries div.fc-content div.fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent.inSeries div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-event.inSeries div.fc-content div.fc-time, #calProfileTab #calendar .fc-event-container > .fc-bgevent.inSeries div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-event.inSeries div.fc-content div.fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent.inSeries div.fc-content div.fc-time {
  margin-left: 10px;
}
#calendarWrapper #calendar .fc-event-container > .fc-event div.fc-content, #calendarWrapper #calendar .fc-event-container > .fc-bgevent div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-event div.fc-content, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-event div.fc-content, #calProfileTab #calendar .fc-event-container > .fc-bgevent div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-event div.fc-content, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent div.fc-content {
  font-size: 12px;
  color: white;
}
#calendarWrapper #calendar .fc-event-container > .fc-event div.fc-content .fc-time, #calendarWrapper #calendar .fc-event-container > .fc-bgevent div.fc-content .fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-event div.fc-content .fc-time, #calendarWrapper #calendar .fc-bgevent-container > .fc-bgevent div.fc-content .fc-time, #calProfileTab #calendar .fc-event-container > .fc-event div.fc-content .fc-time, #calProfileTab #calendar .fc-event-container > .fc-bgevent div.fc-content .fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-event div.fc-content .fc-time, #calProfileTab #calendar .fc-bgevent-container > .fc-bgevent div.fc-content .fc-time {
  display: none;
}

.symbol-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px;
  margin-bottom: 20px;
}
.symbol-group .symbol.symbol-circle {
  background-color: #b5b5c3;
  cursor: pointer;
  position: relative;
  z-index: 0;
  margin-left: -10px;
  transition: all 0.3s ease;
  display: inline-block;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #F4F4F4;
}
.symbol-group .symbol.symbol-circle.selected {
  border: 3px solid #00aac6 !important;
}
.symbol-group .symbol.symbol-circle.selected:after {
  content: "";
  border: 3px solid #F4F4F4;
  position: absolute;
  width: 38px;
  height: 38px;
  left: 0;
  top: 0;
  border-radius: 100%;
}
.symbol-group .symbol.symbol-circle .symbol-label {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;
  font-weight: 600;
  font-size: 12px;
}

.site-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.head-bar {
  background-color: #fff;
  position: relative;
  z-index: 10;
  display: flex;
  align-content: center;
}

#breadnsearch {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
@media (max-width: 850px) {
  #breadnsearch {
    display: none;
  }
}
#breadnsearch div {
  display: flex;
  align-items: center;
}
@media (max-width: 766px) {
  #breadnsearch div > button {
    width: auto !important;
  }
  #breadnsearch div > button span.text {
    display: none;
  }
}
#breadnsearch div > button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  height: 36px;
  padding: 0 12px 0 8px;
  background-color: #f5f5f7;
  border: none;
  border-radius: 12px;
  outline: none;
  width: 180px;
  text-align: left;
  position: relative;
}
#breadnsearch div > button:hover {
  cursor: pointer;
  background-color: #dddddd;
}
#breadnsearch div > button > svg {
  height: 20px;
  color: #717387;
}
#breadnsearch div > button > span.text {
  margin-right: auto;
  color: #717387;
}
#breadnsearch div > button > span.key {
  height: 16px;
  color: #989caa;
}

body .barbie-show {
  display: none;
}
body .elord-show {
  display: none;
}

body.theme-eltiga aside.menu-bar .nav__list {
  background-color: #00AAC6 !important;
}
body.theme-eltiga aside.menu-bar a.nav__link {
  background-color: #00AAC6 !important;
  border-bottom-color: #0cbedc !important;
}
body.theme-eltiga aside.menu-bar a.nav__link::before {
  background-color: #fff !important;
}
body.theme-eltiga aside.menu-bar a.nav__link::after {
  border-left-color: #00AAC6 !important;
}
body.theme-eltiga .nav div.div-horizontal {
  background-color: #7dd1df;
}

@media (max-width: 767px) {
  body.theme-barbie div#main div.logo .u-hide\@phone {
    display: none !important;
  }
}
body.theme-barbie .barbie-show {
  display: block !important;
  visibility: visible !important;
}
body.theme-barbie .barbie-hide {
  display: none !important;
}
body.theme-barbie aside.menu-bar .nav__list {
  background-color: #e94196 !important;
}
body.theme-barbie aside.menu-bar a.nav__link {
  background-color: #e94196 !important;
  border-bottom-color: #c32c78 !important;
}
body.theme-barbie aside.menu-bar a.nav__link::before {
  background-color: #fff !important;
}
body.theme-barbie aside.menu-bar a.nav__link::after {
  border-left-color: #e94196 !important;
}
body.theme-barbie .nav div.div-horizontal {
  background-color: #f098c4;
}
body.theme-barbie div.tabs-rework-wrapper a.tabs__label:hover, body.theme-barbie div.tabs-rework-wrapper a.tabs__label.is-active {
  color: #e94196 !important;
}
body.theme-barbie div.tabs-rework-wrapper a.tabs__label.is-active::after {
  background-color: #e94196 !important;
}

@media (max-width: 767px) {
  body.theme-elord div#main div.logo .u-hide\@phone {
    display: none !important;
  }
}
body.theme-elord .elord-show {
  display: block !important;
  visibility: visible !important;
}
body.theme-elord .elord-hide {
  display: none !important;
}
body.theme-elord aside.menu-bar .nav__list {
  background-color: #8d2537 !important;
}
body.theme-elord aside.menu-bar a.nav__link {
  background-color: #8d2537 !important;
  border-bottom-color: #5f0017 !important;
}
body.theme-elord aside.menu-bar a.nav__link::before {
  background-color: #fff !important;
}
body.theme-elord aside.menu-bar a.nav__link::after {
  border-left-color: #8d2537 !important;
}
body.theme-elord div.tabs-rework-wrapper a.tabs__label:hover, body.theme-elord div.tabs-rework-wrapper a.tabs__label.is-active {
  color: #8d2537 !important;
}
body.theme-elord div.tabs-rework-wrapper a.tabs__label.is-active::after {
  background-color: #8d2537 !important;
}

@media (max-width: 767px) {
  body.theme-pride div#main div.logo .u-hide\@phone {
    display: none !important;
  }
}
body.theme-pride .pride-show {
  display: block !important;
  visibility: visible !important;
}
body.theme-pride .pride-hide {
  display: none !important;
}
body.theme-pride aside.menu-bar .nav__list {
  background-color: #502C79 !important;
}
body.theme-pride aside.menu-bar a.nav__link {
  background-color: #502C79 !important;
  border-bottom-color: #370b75 !important;
}
body.theme-pride aside.menu-bar a.nav__link::before {
  background-color: #fff !important;
}
body.theme-pride aside.menu-bar a.nav__link::after {
  border-left-color: #502C79 !important;
}
body.theme-pride div.tabs-rework-wrapper a.tabs__label:hover, body.theme-pride div.tabs-rework-wrapper a.tabs__label.is-active {
  color: #502C79 !important;
}
body.theme-pride div.tabs-rework-wrapper a.tabs__label.is-active::after {
  background-color: #502C79 !important;
}

body.theme-tpe .tpe-show {
  display: block !important;
  visibility: visible !important;
}
body.theme-tpe .tpe-hide {
  display: none !important;
}
body.theme-tpe .logo img {
  max-height: 70px !important;
  margin: 5px 20px 5px 20px !important;
}
body.theme-tpe aside.menu-bar .nav__list {
  background-color: #8c8c8c !important;
}
body.theme-tpe aside.menu-bar a.nav__link {
  background-color: #8c8c8c !important;
  border-bottom-color: #b2b2b2 !important;
}
body.theme-tpe aside.menu-bar a.nav__link::before {
  background-color: #FFF740 !important;
}
body.theme-tpe aside.menu-bar a.nav__link::after {
  border-left-color: #8c8c8c !important;
}

section#cancel div.returnQuantity div.table__cell.last {
  font-size: 16px;
  padding-left: 52px;
  text-align: left;
}
section#cancel div.returnQuantity input.spinner__input {
  font-size: 16px;
}
section#cancel span.sum {
  border-top: 1px solid #EF5F4E;
}

#commission label[for=filterOrderStatus] {
  width: 100%;
}

section#content.purchase-edit .panel__head .sums, section#purchase-summary.purchase-edit .panel__head .sums, section#show-order.purchase-edit .panel__head .sums, section.delivery-note-bookin .panel__head .sums {
  font-size: 14px;
}
section#content.purchase-edit .select.unit, section#purchase-summary.purchase-edit .select.unit, section#show-order.purchase-edit .select.unit, section.delivery-note-bookin .select.unit {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
section#content.purchase-edit .status-order::after, section#purchase-summary.purchase-edit .status-order::after, section#show-order.purchase-edit .status-order::after, section.delivery-note-bookin .status-order::after {
  right: -46px !important;
  top: -10px !important;
}
@media (min-width: 1024px) {
  section#content.purchase-edit .status-order::after, section#purchase-summary.purchase-edit .status-order::after, section#show-order.purchase-edit .status-order::after, section.delivery-note-bookin .status-order::after {
    right: -25px;
    top: 11px;
  }
}
section#content.purchase-edit .status-order::before, section#purchase-summary.purchase-edit .status-order::before, section#show-order.purchase-edit .status-order::before, section.delivery-note-bookin .status-order::before {
  right: 11px !important;
  top: 28px !important;
}
section#content.purchase-edit .panel, section#content.purchase-edit .panel__head, section#purchase-summary.purchase-edit .panel, section#purchase-summary.purchase-edit .panel__head, section#show-order.purchase-edit .panel, section#show-order.purchase-edit .panel__head, section.delivery-note-bookin .panel, section.delivery-note-bookin .panel__head {
  border-bottom: none !important;
}
section#content.purchase-edit .panel__head, section#purchase-summary.purchase-edit .panel__head, section#show-order.purchase-edit .panel__head, section.delivery-note-bookin .panel__head {
  padding-right: 40px;
}
section#content.purchase-edit .panel__head .supplier__image, section#purchase-summary.purchase-edit .panel__head .supplier__image, section#show-order.purchase-edit .panel__head .supplier__image, section.delivery-note-bookin .panel__head .supplier__image {
  margin-bottom: 10px;
  max-width: 200px;
}
section#content.purchase-edit .panel__entry, section#purchase-summary.purchase-edit .panel__entry, section#show-order.purchase-edit .panel__entry, section.delivery-note-bookin .panel__entry {
  margin-bottom: 20px;
  margin-left: 50px;
}
section#content.purchase-edit .panel__entry:nth-of-type(2n+2), section#purchase-summary.purchase-edit .panel__entry:nth-of-type(2n+2), section#show-order.purchase-edit .panel__entry:nth-of-type(2n+2), section.delivery-note-bookin .panel__entry:nth-of-type(2n+2) {
  border-top: none !important;
  background-color: #fff !important;
}
section#content.purchase-edit .panel__entry div.deliveryStatus, section#purchase-summary.purchase-edit .panel__entry div.deliveryStatus, section#show-order.purchase-edit .panel__entry div.deliveryStatus, section.delivery-note-bookin .panel__entry div.deliveryStatus {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
section#content.purchase-edit div#privateToggleContainer div.u-text--left, section#purchase-summary.purchase-edit div#privateToggleContainer div.u-text--left, section#show-order.purchase-edit div#privateToggleContainer div.u-text--left, section.delivery-note-bookin div#privateToggleContainer div.u-text--left {
  margin-top: 11px;
}
section#content.purchase-edit div#privateToggleContainer div.checkbox-custom, section#purchase-summary.purchase-edit div#privateToggleContainer div.checkbox-custom, section#show-order.purchase-edit div#privateToggleContainer div.checkbox-custom, section.delivery-note-bookin div#privateToggleContainer div.checkbox-custom {
  margin-top: 3px;
}
section#content.purchase-edit div#privateToggleContainer label, section#purchase-summary.purchase-edit div#privateToggleContainer label, section#show-order.purchase-edit div#privateToggleContainer label, section.delivery-note-bookin div#privateToggleContainer label {
  font-weight: normal;
  font-size: 18px;
}
section#content.purchase-edit div#privateToggleContainer label:before, section#purchase-summary.purchase-edit div#privateToggleContainer label:before, section#show-order.purchase-edit div#privateToggleContainer label:before, section.delivery-note-bookin div#privateToggleContainer label:before {
  top: 3px;
}
section#content.purchase-edit div#privateToggleContainer label:after, section#purchase-summary.purchase-edit div#privateToggleContainer label:after, section#show-order.purchase-edit div#privateToggleContainer label:after, section.delivery-note-bookin div#privateToggleContainer label:after {
  top: 7px;
}
section#content.purchase-edit section#edit-purchase, section#purchase-summary.purchase-edit section#edit-purchase, section#show-order.purchase-edit section#edit-purchase, section.delivery-note-bookin section#edit-purchase {
  clear: both;
}
section#content.purchase-edit .shippingInfo div, section#purchase-summary.purchase-edit .shippingInfo div, section#show-order.purchase-edit .shippingInfo div, section.delivery-note-bookin .shippingInfo div {
  display: inline-block;
}

section#purchase-summary div#acceptAgbsContainer {
  clear: both;
}
section#purchase-summary div#privateOrder {
  position: relative;
  clear: both;
  margin-top: 20px;
}
section#purchase-summary div#privateOrder #differentAddress {
  position: absolute;
  top: 10px;
  right: 0;
  text-align: left;
}
section#purchase-summary div#privateOrder #differentAddress label {
  font-weight: normal;
}
section#purchase-summary div#privateOrder #differentAddress label:before {
  top: 10px;
}
section#purchase-summary div#privateOrder #differentAddress label:after {
  top: 14px;
}
section#purchase-summary div#privateOrder p {
  margin-bottom: 0.2em;
}
section#purchase-summary div#privateOrder h2 {
  margin-bottom: 10px;
}
section#purchase-summary section#edit-purchase {
  clear: both;
}

div#modal-form-supplier-panel div.table div.table__cell .checkbox-custom label::before {
  top: -16px;
}
div#modal-form-supplier-panel div.table div.table__cell .checkbox-custom label::after {
  top: -20px;
  left: 2px;
}
div#modal-form-supplier-panel div.table div.table__cell .secondLine label::before {
  top: 5px;
}
div#modal-form-supplier-panel div.table div.table__cell .secondLine label::after {
  top: 3px;
  left: 2px;
}
div#modal-form-supplier-panel div.table div.table__cell .switch label::after {
  top: 1px;
}
div#modal-form-supplier-panel div.table div.table__cell.deliveryInfo {
  min-height: 2em;
  line-height: 16px;
  padding: 10px;
  text-align: right;
}
div#modal-form-supplier-panel div.table div.table__cell.deliveryInfo > span {
  font-size: 0.75em;
  line-height: 1.3333333333em;
}
div#modal-form-supplier-panel div.table div.table__cell.deliveryInfo > span > div {
  font-weight: bold;
  display: inline-block;
}
div#modal-form-supplier-panel div.bar {
  text-align: right;
  padding: 0 20px 20px 0;
}
#modal-form-mandant-fee-panel form, #modal-form-cashback-panel form, #modal-form-customerGroup-panel form {
  margin-bottom: 0;
}
#modal-form-mandant-fee-panel .bar > a, #modal-form-cashback-panel .bar > a, #modal-form-customerGroup-panel .bar > a {
  float: right;
  margin-right: 10px;
}

#modal-form-laboklin-panel div.field, #modal-form-laboklin-chooser div.field, #modal-form-laboklin-treatment-panel div.field {
  margin-bottom: 1.25em;
}
#modal-form-laboklin-panel div.field.col, #modal-form-laboklin-chooser div.field.col, #modal-form-laboklin-treatment-panel div.field.col {
  float: left;
}
#modal-form-laboklin-panel div.field textarea, #modal-form-laboklin-chooser div.field textarea, #modal-form-laboklin-treatment-panel div.field textarea {
  min-height: 137px;
}
#modal-form-laboklin-panel div.field.text, #modal-form-laboklin-chooser div.field.text, #modal-form-laboklin-treatment-panel div.field.text {
  margin-top: -10px;
}
#modal-form-laboklin-panel div.field.text label, #modal-form-laboklin-panel div.field.text input, #modal-form-laboklin-chooser div.field.text label, #modal-form-laboklin-chooser div.field.text input, #modal-form-laboklin-treatment-panel div.field.text label, #modal-form-laboklin-treatment-panel div.field.text input {
  float: left;
}
#modal-form-laboklin-panel div.field.text label, #modal-form-laboklin-chooser div.field.text label, #modal-form-laboklin-treatment-panel div.field.text label {
  padding-top: 10px;
  padding-right: 5px;
  float: right;
  font-weight: normal;
  text-transform: none;
}
#modal-form-laboklin-panel div.field.with-label input, #modal-form-laboklin-chooser div.field.with-label input, #modal-form-laboklin-treatment-panel div.field.with-label input {
  width: 60%;
}
#modal-form-laboklin-panel div.field.with-label label, #modal-form-laboklin-chooser div.field.with-label label, #modal-form-laboklin-treatment-panel div.field.with-label label {
  float: left;
}
#modal-form-laboklin-panel div.radio-custom, #modal-form-laboklin-chooser div.radio-custom, #modal-form-laboklin-treatment-panel div.radio-custom {
  float: left;
  margin-right: 2.5em;
}
#modal-form-laboklin-panel div.radio-custom label, #modal-form-laboklin-chooser div.radio-custom label, #modal-form-laboklin-treatment-panel div.radio-custom label {
  padding-left: 25px;
}
#modal-form-laboklin-panel .pseudo-label, #modal-form-laboklin-chooser .pseudo-label, #modal-form-laboklin-treatment-panel .pseudo-label {
  font-weight: 700;
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
}
#modal-form-laboklin-panel .bar, #modal-form-laboklin-chooser .bar, #modal-form-laboklin-treatment-panel .bar {
  text-align: right;
  padding: 0 20px 20px 0;
}
#modal-form-laboklin-panel button[type=submit], #modal-form-laboklin-chooser button[type=submit], #modal-form-laboklin-treatment-panel button[type=submit] {
  border: none;
}
#modal-form-laboklin-panel div#acceptAgbsContainer label::before, #modal-form-laboklin-chooser div#acceptAgbsContainer label::before, #modal-form-laboklin-treatment-panel div#acceptAgbsContainer label::before {
  left: -20px;
  top: -16px;
}
#modal-form-laboklin-panel div#acceptAgbsContainer label::after, #modal-form-laboklin-chooser div#acceptAgbsContainer label::after, #modal-form-laboklin-treatment-panel div#acceptAgbsContainer label::after {
  left: -15px;
  top: -10px;
}

#invoice-table tr.second-line td {
  border-top: none !important;
}
#invoice-table tr.second-line td > div {
  clear: both;
  margin-bottom: 5px;
}
#invoice-table tr.second-line td div label {
  padding-right: 10px;
  text-align: right;
  width: 10%;
  float: left;
  line-height: 40px;
}
#invoice-table tr.second-line td div div.select {
  float: left;
  width: 30%;
}
#invoice-table tr.second-line td.txt-label {
  text-align: right;
}

div.service-detail body div.jason-recommendation.jason-recommendation, div.composite-detail body div.jason-recommendation.jason-recommendation {
  background: none;
  border: none;
  padding: 0;
  float: none;
  min-width: 0;
}
div.service-detail form#productEdit div.jason-recommendation, div.composite-detail form#productEdit div.jason-recommendation {
  min-width: 0;
  max-width: none;
}
div.service-detail .quick-filter, div.composite-detail .quick-filter {
  margin-bottom: 0px !important;
  margin-top: 8px;
}
div.service-detail .quick-filter label.info-badge.selected, div.service-detail .quick-filter .selectable-item.selected, div.composite-detail .quick-filter label.info-badge.selected, div.composite-detail .quick-filter .selectable-item.selected {
  background-color: #00aac6 !important;
  border-color: #00aac6 !important;
  color: white;
}
div.service-detail a.selectable-item.favs, div.composite-detail a.selectable-item.favs {
  border-radius: 25px;
  padding-left: 11px;
  width: 35px;
  display: inline-block;
  height: 35px;
}
div.service-detail a.selectable-item.favs > div, div.composite-detail a.selectable-item.favs > div {
  position: absolute;
  top: 8px;
  left: 7px;
}
div.service-detail a.selectable-item.favs.selected, div.composite-detail a.selectable-item.favs.selected {
  background-color: #70ca63 !important;
  border-color: #70ca63 !important;
}
div.service-detail a.selectable-item.favs.selected > div svg > g > g, div.composite-detail a.selectable-item.favs.selected > div svg > g > g {
  fill: white;
}
@media (max-width: 1024px) {
  div.service-detail div.table div.table__cell--high > span, div.composite-detail div.table div.table__cell--high > span {
    line-height: 40px;
  }
}

div.composite-detail a#toggleFavorites {
  position: absolute;
  right: 10px;
  top: 10px;
}

form#productEdit div.jason-recommendation {
  border: 0px !important;
  background-color: none !important;
}
form#productEdit a.btn-blub.btn-primary g {
  fill: #70ca63;
}
form#productEdit a.btn-blub g {
  fill: #999999;
}
form#productEdit div.product-detail {
  margin-bottom: 100px;
}
form#productEdit div.card {
  cursor: pointer;
  min-height: auto;
}
form#productEdit div.card .fa-minus {
  display: block;
}
form#productEdit div.card .fa-plus {
  display: none;
}
form#productEdit div.card.collapsed div.content-toggle {
  display: none;
}
form#productEdit div.card.collapsed div.card__head {
  margin-bottom: 0;
}
form#productEdit div.card.collapsed .fa-minus {
  display: none;
}
form#productEdit div.card.collapsed .fa-plus {
  display: block;
}
form#productEdit div.card.diagramm h2 {
  float: left;
}
form#productEdit div.card div.toggler {
  float: right;
  margin-top: 13px;
}
form#productEdit div.card div.toggler span.fa {
  font-size: 30px;
}
form#productEdit div.card#price-inputs > div.card__body {
  position: relative;
}
form#productEdit div.card #legend {
  top: 0;
  right: 0;
  position: absolute;
}
form#productEdit button.icon-button[type=submit] {
  top: -3px;
}
form#productEdit input.product-quantity-input {
  width: 60px;
}
form#productEdit input.product-gross-price-input {
  width: 100px;
}
form#productEdit input.product-price-addition-input {
  width: 70px;
}
form#productEdit div.barchart {
  width: 50%;
  float: left;
}
form#productEdit div.header-icon {
  vertical-align: text-bottom;
  margin-bottom: -5px;
}
form#productEdit span.normal {
  font-size: 1em;
}
form#productEdit span.green {
  color: #429321;
}
form#productEdit span.blue {
  color: #00aac6;
}
form#productEdit label.green > input, form#productEdit label.blue > input {
  height: 40px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding-left: 0px;
}
form#productEdit label.green input {
  color: #429321;
  border-bottom: 1px solid #429321;
}
form#productEdit label.blue input {
  color: #008EC6;
  border-bottom: 1px solid #00aac6;
}
form#productEdit div.second-row {
  margin-top: 0px;
}
form#productEdit div.second-row label.number-input {
  width: 50px;
  display: inline-block;
}
form#productEdit div.second-row label[for=product-equivalentDivident-input] {
  width: 60px;
  margin-right: 12px;
}
form#productEdit div.second-row label[for=product-equivalentAmount-input] {
  margin-left: 10px;
  margin-right: 10px;
}

div#modal-form form#notice {
  margin-bottom: 0;
}

section#etigaPage .js-tabs__label {
  color: grey;
}
section#etigaPage .js-tabs__label.inactive::after {
  display: none !important;
}
section#etigaPage .js-tabs__label.permanently::after {
  background-color: #ADCCD4 !important;
  transform: translate(0, 0) !important;
}

@media (max-width: 1024px) {
  #patientEditPage {
    margin-top: 20px;
  }
}

section#patientEditPage .table__body .table__cell span.title, section#etigaPage .table__body .table__cell span.title {
  display: block;
}
section#patientEditPage div.tabs__head li a, section#etigaPage div.tabs__head li a {
  padding-left: 1.1em;
}
@media screen and (max-width: 1595px) {
  section#patientEditPage div.tabs__head li a, section#etigaPage div.tabs__head li a {
    padding-left: 0.7em !important;
    padding-right: 0.7em;
  }
}
@media screen and (max-width: 1250px) {
  section#patientEditPage div.tabs__head li a, section#etigaPage div.tabs__head li a {
    padding-left: 0.45em !important;
    padding-right: 0.45em;
  }
}
section#patientEditPage div.digitalRace, section#etigaPage div.digitalRace {
  height: 42px;
  margin-top: 1px;
}
section#patientEditPage div.digitalRace a > span, section#etigaPage div.digitalRace a > span {
  padding-top: 3px;
}
section#patientEditPage #sendEtigaMessage, section#etigaPage #sendEtigaMessage {
  position: absolute;
  right: 40px;
  top: 40px;
}
section#patientEditPage #patientEdit textarea, section#etigaPage #patientEdit textarea {
  height: 144px;
}
section#patientEditPage #patientEdit input[type=file], section#etigaPage #patientEdit input[type=file] {
  visibility: hidden;
}
section#patientEditPage .js-tabs__label.etiga-head:after, section#etigaPage .js-tabs__label.etiga-head:after {
  display: none;
}
section#patientEditPage .js-tabs__label.etiga-head:hover::after, section#etigaPage .js-tabs__label.etiga-head:hover::after {
  display: block !important;
}
section#patientEditPage div.line, section#etigaPage div.line {
  height: 40px;
  clear: left;
  position: relative;
}
section#patientEditPage div.line.inline, section#etigaPage div.line.inline {
  display: inline-block;
}
section#patientEditPage .delete-etiga-permission, section#etigaPage .delete-etiga-permission {
  position: absolute;
  top: 1px;
}
section#patientEditPage a.button.with-icon, section#etigaPage a.button.with-icon {
  padding-top: 10px;
  padding-bottom: 10px;
}
section#patientEditPage .topToggle, section#etigaPage .topToggle {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

section#banktransfer #valueArea .large {
  font-size: 20px;
  line-height: 50px;
}
section#banktransfer #valueArea div.col > div {
  display: inline-block;
}
section#banktransfer #valueArea input#given1, section#banktransfer #valueArea input#deposit1 {
  width: 100px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
section#banktransfer #valueArea em.state-error {
  margin-top: 0 !important;
}

div#saldoInfo {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
}

nav div.wizzard-progress {
  display: flex;
  align-items: center;
  padding-right: 0;
}
nav div.wizzard-progress div.stepper-hor-line {
  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 -16px;
  min-width: 32px;
}
@media (max-width: 1023px) {
  nav div.wizzard-progress div.stepper-hor-line {
    margin: 0 0px;
  }
}
nav div.wizzard-progress div.wizzard-entry {
  display: flex;
  height: 40px;
  box-sizing: content-box;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1023px) {
  nav div.wizzard-progress div.wizzard-entry {
    padding-left: 10px;
    padding-right: 10px;
  }
  nav div.wizzard-progress div.wizzard-entry label {
    font-size: 14px;
  }
}
@media (max-width: 766px) {
  nav div.wizzard-progress div.wizzard-entry label {
    display: none;
  }
}
nav div.wizzard-progress div.wizzard-entry.active > div > span {
  background-color: #00aac6;
  color: white;
}
nav div.wizzard-progress div.wizzard-entry > div label {
  font-weight: normal;
  margin-left: 5px;
}
nav div.wizzard-progress div.wizzard-entry > div > span {
  border-radius: 10px;
  height: 25px;
  width: 25px;
  color: white;
  display: inline-block;
  background-color: #404040;
  position: relative;
  vertical-align: text-top;
  font-size: 16px;
}
nav div.wizzard-progress div.wizzard-entry > div > span > span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  transform: translate(-50%, -50%);
}

#cart {
  padding-top: 30px;
}
#cart div.supplierContainer img.supplier__image {
  margin-left: 10px;
  margin-top: 10px;
}
#cart div.supplierContainer div.cashback-bar {
  padding-right: 20px;
}
@media (max-width: 766px) {
  #cart div.supplierContainer div.cashback-bar {
    margin-left: -10px;
    padding-left: -10;
    padding-right: 0;
  }
}
#cart div.supplierContainer div.cashback-bar div.cashbackBarWrapper {
  margin: auto;
  margin-bottom: 30px;
  float: right;
}
#cart div.supplierContainer div.cashback-bar div.cashbackBarWrapper div.legendWrapper {
  font-size: 14px;
}
@media (min-width: 1025px) {
  #cart div.supplierContainer div.cashback-bar div.cashbackBarWrapper div.legendWrapper {
    position: absolute;
    left: -280px;
    top: 18px;
  }
}
#cart div.supplierContainer div.cashback-bar div.cashbackBarWrapper div.legendWrapper > div {
  font-size: 14px;
}
#cart div.supplierContainer div.cashback-bar div.cashbackBarWrapper div.legendWrapper span.legend {
  width: 18px;
  height: 18px;
}
#cart div.cartEntryContainer div.cartEntry {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  min-height: 80px;
  margin-bottom: 20px;
  border-radius: 5px;
  cursor: pointer;
  height: 100%;
  padding: 5px;
  position: relative;
}
@media (max-width: 766px) {
  #cart div.cartEntryContainer div.cartEntry {
    padding: 10px;
    display: inline-block;
  }
  #cart div.cartEntryContainer div.cartEntry div.prices.single {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  #cart div.cartEntryContainer div.cartEntry {
    padding-bottom: 20px;
  }
  #cart div.cartEntryContainer div.cartEntry div.prices {
    padding-right: 0 !important;
  }
}
#cart div.cartEntryContainer div.cartEntry > div {
  position: relative;
}
#cart div.cartEntryContainer div.cartEntry > div > span {
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
}
#cart div.cartEntryContainer div.cartEntry div.image img {
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
#cart div.cartEntryContainer div.cartEntry div.name {
  padding-top: 11px;
  padding-bottom: 10px;
}
#cart div.cartEntryContainer div.cartEntry div.name div.ember-view {
  vertical-align: middle;
}
#cart div.cartEntryContainer div.cartEntry div.name span.delivery-info {
  font-size: 0.9em;
}
#cart div.cartEntryContainer div.cartEntry div.name svg {
  width: 20px;
  height: 20px;
}
#cart div.cartEntryContainer div.cartEntry div.name .button-with-text > div {
  vertical-align: text-bottom;
}
#cart div.cartEntryContainer div.cartEntry div.name .button-with-text span {
  margin-left: 5px;
  margin-bottom: 0px;
  display: inline;
  vertical-align: baseline;
}
#cart div.cartEntryContainer div.cartEntry div.ves div.ember-view {
  vertical-align: middle;
}
#cart div.cartEntryContainer div.cartEntry div.quantity {
  text-align: right;
}
#cart div.cartEntryContainer div.cartEntry div.quantity div.spinner2 {
  margin-top: 2px;
  display: inline-block;
  vertical-align: middle;
}
#cart div.cartEntryContainer div.cartEntry div.quantity div.spinner2 a.quantityspinn.minus {
  padding-top: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: #515151;
  background-color: #f4f4f4;
  height: 40px;
}
#cart div.cartEntryContainer div.cartEntry div.quantity div.spinner2 a > svg > g {
  fill: #515151;
}
#cart div.cartEntryContainer div.cartEntry div.quantity div.spinner2 input {
  background-color: white !important;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  border-color: #515151;
  width: 50px !important;
}
#cart div.cartEntryContainer div.cartEntry div.quantity div.spinner2 a.quantityspinn.plus {
  padding-top: 8px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #515151;
  background-color: #f4f4f4;
  height: 40px;
  left: 77px;
}
#cart div.cartEntryContainer div.cartEntry div.supplier-info {
  margin-bottom: -28px;
  position: absolute !important;
  z-index: 10;
  bottom: 85px;
  left: 10px;
  position: relative;
  z-index: 10;
}
#cart div.cartEntryContainer div.cartEntry div.supplier-info > img {
  background-color: white;
}
@media (max-width: 766px) {
  #cart div.cartEntryContainer div.cartEntry div.supplier-info {
    bottom: 125px;
  }
}
#cart div.cartEntryContainer div.cartEntry div.label-bar {
  margin: auto 0;
  padding-left: 35px;
  padding-top: 10px;
}
@media (max-width: 766px) {
  #cart div.cartEntryContainer div.cartEntry div.label-bar {
    padding-top: 20px !important;
  }
}
#cart div.cartEntryContainer div.cartEntry div.label-bar label.small {
  font-size: 10px;
  padding: 3px 8px;
  margin-top: 3px;
  margin-bottom: 3px;
}
#cart div.cartEntryContainer div.cartEntry div.label-bar label.small.offer {
  background-color: #00aac6;
  color: white;
}
#cart div.cartEntryContainer div.cartEntry div.label-bar label.small.top-offer {
  background-color: #70ca63;
  color: white;
}
@media (max-width: 766px) {
  #cart div.cartEntryContainer div.cartEntry div.label-bar {
    padding-top: 11px;
  }
}
#cart div.cartEntryContainer div.cartEntry div.availability {
  text-align: center;
}
#cart div.cartEntryContainer div.cartEntry div.availability > span {
  padding-top: 10px;
}
#cart div.cartEntryContainer div.cartEntry div.availability span.delivery-info {
  font-size: 12px;
}
#cart div.cartEntryContainer div.cartEntry div.availability div.ember-view {
  margin: 0 auto;
}
#cart div.cartEntryContainer div.cartEntry div.availability div.ember-view > svg {
  display: inline-block;
}
#cart div.cartEntryContainer div.cartEntry div.availability span.small.delivery-info {
  padding-top: 0;
  display: block;
  margin-top: -8px;
}
#cart div.cartEntryContainer div.cartEntry div.ve > span > span:first-of-type {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#cart div.cartEntryContainer div.cartEntry div.ve > span > span {
  font-weight: normal;
}
#cart div.cartEntryContainer div.cartEntry div.ve > span > span div.ember-view {
  display: inline;
}
#cart div.cartEntryContainer div.cartEntry div.labels {
  vertical-align: middle;
  margin: auto 0;
  text-align: center;
}
#cart div.cartEntryContainer div.cartEntry div.prices span.extra-label, #cart div.cartEntryContainer div.cartEntry div.saving span.extra-label {
  position: absolute;
  top: 5px;
  right: 0;
}
#cart div.cartEntryContainer div.cartEntry div.prices span.price-devided, #cart div.cartEntryContainer div.cartEntry div.saving span.price-devided {
  padding-top: 0;
  display: block;
}
#cart div.cartEntryContainer div.cartEntry div.prices {
  text-align: right;
}
#cart div.cartEntryContainer div.cartEntry div.prices span.price-label {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
#cart div.cartEntryContainer div.cartEntry div.prices span.price-devided > div.ember-view {
  vertical-align: baseline !important;
}
#cart div.cartEntryContainer div.cartEntry div.prices div.ember-view.iek {
  position: absolute;
  right: -26px;
  top: 14px;
}
#cart div.cartEntryContainer div.cartEntry div.actions {
  position: absolute;
  right: 15px;
  top: 19px;
  font-size: 16px;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button > span {
  font-size: 16px;
  line-height: 40px;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button .tooltipstered {
  display: inline;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button svg {
  display: block;
}
#cart div.cartEntryContainer div.cartEntry div.actions a.icon-button span {
  display: none;
}
#cart div.sums {
  padding-top: 10px;
  padding-right: 10px;
}
#cart div.sums > div {
  font-size: 14px;
}

div#cashDeskTiles div.card {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 1.5em !important;
  padding-bottom: 0px;
  min-height: 140px;
}
@media (max-width: 1024px) {
  div#cashDeskTiles div.card {
    margin-bottom: 0.5em !important;
    margin-top: 0.5em !important;
  }
}

section#cashdesk #transactions > li.timeline-item {
  padding-bottom: 0;
}
section#cashdesk #transactions div.timeline-icon.bg-primary.group {
  width: 40px;
  height: 40px;
  top: 5px;
  left: 5px;
}
section#cashdesk #transactions > li.payment {
  border-top: 0px;
  padding-bottom: 10px;
}

.terminalDisabled {
  pointer-events: none;
  opacity: 0.4;
}

section.add-product a.fav-button {
  height: 46px;
  line-height: 2em;
}
section.add-product a.fav-button div.center > svg {
  margin: 0 auto;
}
section.add-product button.toggleFavorites {
  padding-top: 7px;
}
section.add-product button.toggleFavorites.btn-primary {
  background-color: #eaeaea !important;
}
section.add-product button.toggleFavorites.btn-primary svg > g > g {
  fill: #00a3d8;
}
section.add-product div.table div.table__cell--addTocart > div.price-line {
  margin-left: 0px;
  margin-top: 0px;
}
section.add-product div.table.composite-articles div.table__cell div.price-line {
  line-height: 25px !important;
}
section.add-product #viewToggle {
  float: right;
}
section.add-product .productCount {
  width: 100%;
  text-align: right;
}
section.add-product div.filter {
  padding-bottom: 0px;
}
section.add-product.add-purchase-product div.quick-filter {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
section.add-product.add-purchase-product div#viewChanger button.btn-selected {
  background-color: #00aac6;
}
section.add-product.add-purchase-product div#viewChanger button.btn-selected > span {
  color: white;
}
section.add-product.add-purchase-product div#basket {
  position: absolute;
  right: 100px;
  top: 23px;
}
section.add-product.add-purchase-product div#basket span.badge {
  position: absolute;
  top: 13px;
  left: 30px;
  background-color: #70ca63;
}
section.add-product.add-purchase-product div.filter.no-filters .filter-cell {
  visibility: hidden;
}
section.add-product.add-purchase-product div.is-sticky div.sticky {
  margin-bottom: 1em;
}
section.add-product.add-purchase-product div.is-sticky div.sticky div.box {
  border-bottom: 1px solid #e1e1e1;
}
section.add-product.add-purchase-product div.is-sticky div.sticky div.box > h1 {
  margin-bottom: 0.5em;
}
section.add-product.add-purchase-product form {
  margin-bottom: 0;
}
section.add-product.add-purchase-product div.table div.table__row {
  min-height: 70px;
}
section.add-product.add-purchase-product div.table div.table__row div.table__cell div.price-line > div {
  line-height: 20px;
}

section#purchase-product-search::after {
  top: 75px;
  right: -44px;
}
@media (min-width: 1024px) {
  section#purchase-product-search::after {
    right: -25px;
    top: 95px;
  }
}
section#purchase-product-search:before {
  top: 113px;
  right: 14px;
}
@media (min-width: 1024px) {
  section#purchase-product-search:before {
    top: 132px;
    right: 31px;
  }
}
section#purchase-product-search div.filter-box {
  margin-left: 0px !important;
}

section#purchaseDetailPage, section#productEditPage {
  position: relative;
}
@media (max-width: 1370px) and (min-width: 1024px) {
  section#purchaseDetailPage, section#productEditPage {
    width: 100% !important;
  }
}
section#purchaseDetailPage div#favorite, section#productEditPage div#favorite {
  right: 25px;
  top: 45px;
}
section#purchaseDetailPage div#favorite > a, section#productEditPage div#favorite > a {
  z-index: 8;
  padding: 8px;
  border-radius: 50%;
  position: absolute;
  right: 7px;
  top: -15px;
}
section#purchaseDetailPage div#favorite > a.selected, section#productEditPage div#favorite > a.selected {
  background-color: #70ca63 !important;
}
section#purchaseDetailPage div#favorite > a.selected svg > g > g, section#productEditPage div#favorite > a.selected svg > g > g {
  fill: white;
}
section#purchaseDetailPage h2.headline, section#productEditPage h2.headline {
  font-weight: bold;
  color: black;
  margin-top: 10px;
  margin-bottom: 0;
}
section#purchaseDetailPage div#product-description, section#productEditPage div#product-description {
  margin: 20px 0;
}
section#purchaseDetailPage div#product-description div.dataList, section#productEditPage div#product-description div.dataList {
  margin-top: 30px;
}
section#purchaseDetailPage div#product-description .stock-label, section#productEditPage div#product-description .stock-label {
  margin-bottom: 0;
  width: 34px;
  padding-left: 0;
  text-align: center;
  padding-right: 0;
  margin-right: 5px;
}
section#purchaseDetailPage div#product-data, section#productEditPage div#product-data {
  margin-bottom: 20px;
}
section#purchaseDetailPage div.tags label, section#productEditPage div.tags label {
  display: inline-block !important;
  color: #404040;
  font-weight: bold;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer {
  border: 1px solid #626262;
  width: 100%;
  min-height: 80px;
  margin-bottom: 40px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  cursor: pointer;
  height: 100%;
  position: relative;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer > .grid, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer > .grid {
  display: flex;
  padding: 5px;
  padding-top: 15px;
}
@media (max-width: 766px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer {
    display: inline-block;
  }
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info {
  margin-bottom: -28px;
  position: absolute !important;
  z-index: 10;
  bottom: 72px;
  left: 10px;
  position: relative;
  z-index: 10;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info > img, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info > img {
  background-color: white;
}
@media (max-width: 766px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.supplier-info {
    bottom: 125px;
  }
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer > div, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer > div {
  position: relative;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer > div > span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer > div > span {
  padding-top: 9px;
  display: inline-block;
  vertical-align: middle;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar {
  margin: auto 0;
  padding-left: 35px;
  padding-top: 10px;
}
@media (max-width: 766px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar {
    padding-top: 20px !important;
  }
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small {
  font-size: 10px;
  padding: 3px 8px;
  margin-top: 3px;
  margin-bottom: 3px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small.offer, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small.offer {
  background-color: #00aac6;
  color: white;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small.top-offer, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar label.small.top-offer {
  background-color: #70ca63;
  color: white;
}
@media (max-width: 766px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.label-bar {
    padding-top: 11px;
  }
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability {
  text-align: center;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability > span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability > span {
  padding-top: 10px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability span.delivery-info, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability span.delivery-info {
  font-size: 12px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability div.ember-view, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability div.ember-view {
  margin: 0 auto;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability div.ember-view > svg, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability div.ember-view > svg {
  display: inline-block;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.availability span.small.delivery-info, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.availability span.small.delivery-info {
  padding-top: 0;
  display: block;
  margin-top: -8px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.ve, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.ve {
  text-align: center;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span:first-of-type, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span:first-of-type {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span {
  font-weight: normal;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span div.ember-view, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.ve > span > span div.ember-view {
  display: inline;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.labels, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.labels {
  vertical-align: middle;
  margin: auto 0;
  text-align: center;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.extra-label, section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.extra-label, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.extra-label, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.extra-label {
  position: absolute;
  top: 5px;
  right: 0;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-devided, section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.price-devided, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-devided, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.price-devided {
  padding-top: 0;
  display: block;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices {
  text-align: right;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-label, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-label {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-devided > div.ember-view, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices span.price-devided > div.ember-view {
  vertical-align: baseline !important;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.prices div.ember-view.iek, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.prices div.ember-view.iek {
  position: absolute;
  right: -26px;
  top: 14px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions {
  text-align: right;
  padding-right: 10px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button > span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button > span {
  font-size: 14px;
  line-height: 40px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg {
  left: 20px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button .tooltipstered, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button .tooltipstered {
  display: inline;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button.icon-button--success, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button.icon-button--success {
  background: #70ca63 !important;
}
@media (max-width: 1024px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg {
    display: block;
  }
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span {
    display: none;
  }
}
@media (min-width: 1100px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button svg {
    display: none;
  }
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
  }
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button.exp svg, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button.exp svg {
    display: none;
  }
}
@media (max-width: 1099px) {
  section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions a.icon-button span {
    display: none;
  }
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 {
  display: inline-block;
  vertical-align: middle;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a.quantityspinn.minus, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a.quantityspinn.minus {
  padding-top: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: #515151;
  background-color: #f4f4f4;
  height: 40px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a > svg > g, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a > svg > g {
  fill: #515151;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 input, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 input {
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  border-color: #515151;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a.quantityspinn.plus, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.actions div.spinner2 a.quantityspinn.plus {
  padding-top: 8px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #515151;
  background-color: #f4f4f4;
  height: 40px;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.saving, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.saving {
  padding-right: 10px;
  text-align: right;
}
section#purchaseDetailPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.extra-label, section#productEditPage div.sellingUnitContainers div.sellingUnitContainer div.saving span.extra-label {
  right: 10px;
}
section#purchaseDetailPage a.selectable-item.favs, section#productEditPage a.selectable-item.favs {
  border-radius: 25px;
  padding-left: 11px;
  width: 36px;
  height: 36px;
  display: inline-block;
}
section#purchaseDetailPage a.selectable-item.favs > div, section#productEditPage a.selectable-item.favs > div {
  position: absolute;
  top: 7px;
  left: 6px;
}
section#purchaseDetailPage a.selectable-item.favs.selected, section#productEditPage a.selectable-item.favs.selected {
  background-color: #70ca63 !important;
  border-color: #70ca63 !important;
}
section#purchaseDetailPage a.selectable-item.favs.selected > div svg > g > g, section#productEditPage a.selectable-item.favs.selected > div svg > g > g {
  fill: white;
}

div.dataList label {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  color: black;
  font-weight: normal;
}
div.dataList p {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
div.dataList li {
  margin-bottom: 0;
}
div.dataList li a {
  margin-left: 5px;
}

.edit-future-action label[for=appWholeDay]:before {
  top: 7px;
  left: 2px;
}

section#treatmentDetails.with-context-bar::before, section#stationVisitDetails.with-context-bar::before {
  display: none !important;
}
section#treatmentDetails.with-context-bar::after, section#stationVisitDetails.with-context-bar::after {
  display: none !important;
}
@media (max-width: 767px) {
  section#treatmentDetails.with-context-bar, section#stationVisitDetails.with-context-bar {
    min-height: 900px;
  }
}
section#treatmentDetails.with-context-bar h3, section#stationVisitDetails.with-context-bar h3 {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0em 0 0.5em;
  text-transform: uppercase;
}
section#treatmentDetails.with-context-bar a.pick-new, section#stationVisitDetails.with-context-bar a.pick-new {
  color: #00aac6;
  font-weight: bold;
}
section#treatmentDetails.with-context-bar #treatment-now div.info-block, section#stationVisitDetails.with-context-bar #treatment-now div.info-block {
  margin-left: 10px;
}
section#treatmentDetails.with-context-bar #treatment-now div.info-block span, section#stationVisitDetails.with-context-bar #treatment-now div.info-block span {
  font-size: 1em;
}
@media (max-width: 1024px) {
  section#treatmentDetails.with-context-bar #treatment-now h3, section#stationVisitDetails.with-context-bar #treatment-now h3 {
    text-align: left;
    margin-top: 1em;
  }
}
section#treatmentDetails.with-context-bar #treatment-now .toggle-container, section#stationVisitDetails.with-context-bar #treatment-now .toggle-container {
  border-bottom: 1px solid #999999;
  max-height: 46px;
  overflow: visible;
  margin-bottom: 40px;
}
section#treatmentDetails.with-context-bar #treatment-now .toggle-container > div, section#stationVisitDetails.with-context-bar #treatment-now .toggle-container > div {
  overflow: visible;
  display: inline-block;
  padding-right: 20px;
  background-color: white;
}
section#treatmentDetails.with-context-bar #treatment-now .toggle-container > div h2, section#stationVisitDetails.with-context-bar #treatment-now .toggle-container > div h2 {
  display: inline-block;
}
section#treatmentDetails.with-context-bar #treatment-now .toggle-container > div .header-toggle, section#stationVisitDetails.with-context-bar #treatment-now .toggle-container > div .header-toggle {
  padding-top: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
section#treatmentDetails.with-context-bar #treatment-now textarea, section#stationVisitDetails.with-context-bar #treatment-now textarea {
  font-size: 0.9em;
  min-height: 85px;
}
section#treatmentDetails.with-context-bar #treatment-now div.pick-list, section#stationVisitDetails.with-context-bar #treatment-now div.pick-list {
  margin-bottom: 10px;
  font-size: 1em;
}
section#treatmentDetails.with-context-bar #treatment-now div.pick-list label, section#stationVisitDetails.with-context-bar #treatment-now div.pick-list label {
  margin-bottom: 5px;
  max-width: 85%;
}
section#treatmentDetails.with-context-bar #treatment-now div.pick-list label span.details, section#stationVisitDetails.with-context-bar #treatment-now div.pick-list label span.details {
  font-weight: normal;
  text-transform: initial;
  font-style: italic;
}
section#treatmentDetails.with-context-bar #treatment-now div.pick-list label.excluded, section#stationVisitDetails.with-context-bar #treatment-now div.pick-list label.excluded {
  text-decoration: line-through;
  color: #EF5F4E;
}
section#treatmentDetails.with-context-bar #treatment-now input#dayDate, section#stationVisitDetails.with-context-bar #treatment-now input#dayDate {
  display: inline;
  min-width: 110px;
  width: 110px;
}
section#treatmentDetails.with-context-bar #treatment-now input#dayTime, section#stationVisitDetails.with-context-bar #treatment-now input#dayTime {
  display: inline;
  min-width: 40px;
  width: 40px;
}
section#treatmentDetails.with-context-bar #treatment-now div.select2-container, section#stationVisitDetails.with-context-bar #treatment-now div.select2-container {
  width: 100%;
  margin-bottom: 20px;
}
section#treatmentDetails.with-context-bar #treatment-now form.treatmentForm input.input--editable, section#stationVisitDetails.with-context-bar #treatment-now form.treatmentForm input.input--editable {
  width: 100%;
}
@media (max-width: 1024px) {
  section#treatmentDetails.with-context-bar #treatment-now div.full-size, section#stationVisitDetails.with-context-bar #treatment-now div.full-size {
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  section#treatmentDetails.with-context-bar .table--invoice, section#stationVisitDetails.with-context-bar .table--invoice {
    border: 1px solid #00aac6;
  }
}
section#treatmentDetails.with-context-bar .table--invoice label.switch, section#stationVisitDetails.with-context-bar .table--invoice label.switch {
  margin-top: 3px !important;
}
@media (max-width: 1024px) {
  section#treatmentDetails.with-context-bar .table--invoice div.table__row, section#stationVisitDetails.with-context-bar .table--invoice div.table__row {
    border-bottom: 1px solid darkgrey;
    padding-bottom: 20px;
  }
  section#treatmentDetails.with-context-bar .table--invoice div.table__row div.table__cell:before, section#stationVisitDetails.with-context-bar .table--invoice div.table__row div.table__cell:before {
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
}
section#treatmentDetails.with-context-bar .table--invoice a.icon-button--delete, section#stationVisitDetails.with-context-bar .table--invoice a.icon-button--delete {
  height: 34px;
  width: 34px;
}
section#treatmentDetails.with-context-bar svg.lock-button, section#stationVisitDetails.with-context-bar svg.lock-button {
  margin-top: 0;
}
section#treatmentDetails input.input--editable, section#stationVisitDetails input.input--editable {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
section#treatmentDetails div.pick-list label.info-badge, section#stationVisitDetails div.pick-list label.info-badge {
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  color: #848484;
  padding: 4px 12px;
  margin-bottom: 5px;
}
section#treatmentDetails div.pick-list label.info-badge.add, section#stationVisitDetails div.pick-list label.info-badge.add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 40px;
  border: none;
  vertical-align: bottom;
}
section#treatmentDetails #etigaActionButtons, section#stationVisitDetails #etigaActionButtons {
  display: block;
  margin-right: 14px;
}
section#treatmentDetails div#invoiceSaldo, section#stationVisitDetails div#invoiceSaldo {
  display: inline-block;
}
section#treatmentDetails div#invoiceSaldo .title, section#stationVisitDetails div#invoiceSaldo .title {
  color: #429321;
}
section#treatmentDetails div#invoiceSaldo .title.is-negative, section#stationVisitDetails div#invoiceSaldo .title.is-negative {
  color: #EF5F4E;
}
section#treatmentDetails div#invoiceSaldo span.title > div, section#stationVisitDetails div#invoiceSaldo span.title > div {
  display: inline-block;
}
section#treatmentDetails div#addPosition > a, section#stationVisitDetails div#addPosition > a {
  min-width: 190px;
}
section#treatmentDetails div#addPosition div.dead-icon, section#stationVisitDetails div#addPosition div.dead-icon {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
section#treatmentDetails div#addPosition div.scan-icon, section#stationVisitDetails div#addPosition div.scan-icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
section#treatmentDetails div#treatmentRooms, section#stationVisitDetails div#treatmentRooms {
  padding-right: 35px;
}
section#treatmentDetails div#patientLogo > img, section#stationVisitDetails div#patientLogo > img {
  max-height: 105px;
}
section#treatmentDetails div#icons, section#stationVisitDetails div#icons {
  float: right;
}
section#treatmentDetails form.treatmentForm .textarea__body, section#stationVisitDetails form.treatmentForm .textarea__body {
  padding-left: 0 !important;
}
section#treatmentDetails form.treatmentForm #diagnose, section#stationVisitDetails form.treatmentForm #diagnose {
  width: 100%;
}
section#treatmentDetails #quickButtonsSecondRow a, section#stationVisitDetails #quickButtonsSecondRow a {
  display: inline-block;
  margin-right: 10px;
}
section#treatmentDetails .topToggle, section#stationVisitDetails .topToggle {
  position: absolute;
  top: -7px;
  left: 230px;
}
section#treatmentDetails #medicalToggle div.tooltipstered, section#stationVisitDetails #medicalToggle div.tooltipstered {
  display: inline-block;
}
section#treatmentDetails #medicalToggle span, section#stationVisitDetails #medicalToggle span {
  vertical-align: bottom;
  margin-bottom: 15px;
  display: inline-block;
}
section#treatmentDetails #daySelect span.title, section#stationVisitDetails #daySelect span.title {
  width: 27% !important;
}
section#treatmentDetails #daySelect input#dayDate, section#stationVisitDetails #daySelect input#dayDate {
  display: inline;
  min-width: 110px;
  width: 110px;
}
section#treatmentDetails #daySelect input#dayTime, section#stationVisitDetails #daySelect input#dayTime {
  display: inline;
  min-width: 50px;
  width: 50px;
}
section#treatmentDetails input#time, section#stationVisitDetails input#time {
  display: inline;
  min-width: 50px;
  width: 50px;
  font-size: 16px;
  font-weight: bold;
}
section#treatmentDetails #dayTimeMinutes, section#stationVisitDetails #dayTimeMinutes {
  text-align: center;
  padding-left: 0px;
  width: 25px;
  min-width: 25px;
}
section#treatmentDetails #dayTimeHours, section#stationVisitDetails #dayTimeHours {
  text-align: center;
  padding-left: 0px;
  width: 25px;
  min-width: 25px;
}
section#treatmentDetails div.table--invoice div.table__body div.table__row, section#stationVisitDetails div.table--invoice div.table__body div.table__row {
  padding-top: 7px;
  padding-bottom: 7px;
}
section#treatmentDetails div.table--invoice div.table__body div.table__row div.table__row.template, section#treatmentDetails div.table--invoice div.table__body div.table__row div.table__row.media, section#stationVisitDetails div.table--invoice div.table__body div.table__row div.table__row.template, section#stationVisitDetails div.table--invoice div.table__body div.table__row div.table__row.media {
  background-color: rgba(175, 227, 150, 0.4);
}
section#treatmentDetails div.table--invoice div.table__body div.table__row div.table__row.digital-form, section#stationVisitDetails div.table--invoice div.table__body div.table__row div.table__row.digital-form {
  background-color: rgba(203, 239, 255, 0.4);
}
section#treatmentDetails div.table--invoice div.table__body div.table__row div.table__row.digital-form2, section#stationVisitDetails div.table--invoice div.table__body div.table__row div.table__row.digital-form2 {
  background-color: rgba(241, 228, 241, 0.4);
}
section#treatmentDetails div.table--invoice div.table__body div.table__row div.table__row.lab, section#stationVisitDetails div.table--invoice div.table__body div.table__row div.table__row.lab {
  background-color: rgba(244, 197, 192, 0.4);
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell, section#stationVisitDetails div.table--invoice div.table__body div.table__cell {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--got-factor, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--got-factor {
  padding-top: 8px;
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--got-factor input.got-factor, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--got-factor input.got-factor {
  height: 40px;
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell label.switch, section#stationVisitDetails div.table--invoice div.table__body div.table__cell label.switch {
  margin: 0 auto;
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--applied, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--applied {
  padding-bottom: 0px;
  text-align: right;
}
@media (max-width: 1024px) {
  section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--applied, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--applied {
    text-align: center;
    padding-left: 45px;
  }
}
@media (max-width: 1023px) {
  section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch {
    margin-top: 5px;
  }
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch span, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch span {
  display: block;
  margin-top: 4px;
  margin-left: -5px;
}
@media (max-width: 1023px) {
  section#treatmentDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch span, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.table__cell--applied div.applied-switch span {
    display: none;
  }
}
section#treatmentDetails div.table--invoice div.table__body div.table__cell.last div.tooltipstered, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.last div.tooltipstered {
  margin-top: -1px;
}
@media (max-width: 1024px) {
  section#treatmentDetails div.table--invoice div.table__body div.table__cell.last div.tooltipstered, section#stationVisitDetails div.table--invoice div.table__body div.table__cell.last div.tooltipstered {
    margin-top: 1px;
  }
}
section#treatmentDetails label.textarea span.title, section#stationVisitDetails label.textarea span.title {
  margin-bottom: 0.625em;
}
section#treatmentDetails label.textarea div.textarea__body, section#stationVisitDetails label.textarea div.textarea__body {
  width: 100%;
}
section#treatmentDetails svg.button-reduction, section#stationVisitDetails svg.button-reduction {
  margin-top: 0.625em;
}
section#treatmentDetails .button-appointment, section#stationVisitDetails .button-appointment {
  display: inline-block;
  vertical-align: bottom;
}
section#treatmentDetails .table--invoice svg.died-button, section#stationVisitDetails .table--invoice svg.died-button {
  margin-top: 15px;
}
section#treatmentDetails .table--invoice div.table__cell > .input--action div.tooltipstered, section#stationVisitDetails .table--invoice div.table__cell > .input--action div.tooltipstered {
  float: right;
}

form#futureForm .table--invoice div.table__cell > .input--action div.tooltipstered {
  float: right;
}

body.tiny-overlay-disabled .tox-tinymce, body.tiny-overlay-disabled .tox-tinymce-aux {
  display: none !important;
}

body.tiny-overlay .tox-tinymce, body.tiny-overlay .tox-tinymce-aux {
  z-index: 1055;
  display: block !important;
}

form#futureForm div.field.withText span.title {
  display: block;
}
form#futureForm div.field.withText input {
  width: 65%;
}
form#futureForm div.field.withText span.postText {
  padding-top: 10px;
  padding-left: 10px;
  display: inline-block;
}
form#futureForm div.field #nextExecutionTime {
  width: 4em;
  min-width: 4em;
}

div.messageContainer.reply {
  margin-left: 60px;
}
div.messageContainer.reply > div.message {
  background-color: #eaf2f7;
  border: solid 1px #eaeaea;
  border-radius: 12px;
}
div.messageContainer.reply > div.message div.reply-button {
  position: absolute;
  bottom: 7px;
  right: 7px;
}
div.messageContainer {
  margin-bottom: 20px;
}
div.messageContainer div.message {
  position: relative;
}
div.messageContainer div.message div.image {
  float: left;
  margin-right: 20px;
  padding-top: 7px;
}
div.messageContainer div.message div.image > img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
div.messageContainer div.message div.headline {
  float: left;
}
div.messageContainer div.message .innerWrapper {
  padding: 10px;
}
@media (max-width: 766px) {
  div.messageContainer div.message .innerWrapper > div.col {
    margin-top: 0 !important;
  }
  div.messageContainer div.message .innerWrapper > div.col .headline {
    margin-top: 20px;
  }
}
div.messageContainer div.message h2 {
  float: left;
}
div.messageContainer div.message .date {
  position: absolute;
  right: 10px;
  top: 10px;
}
div.messageContainer div.message .iconLine {
  position: absolute;
  top: 37px;
  right: 7px;
}
div.messageContainer div.message .iconLine.read {
  top: 57px;
}
div.messageContainer div.message .iconLine .button-rework {
  margin-left: 5px;
}
@media (max-width: 766px) {
  div.messageContainer div.message .iconLine .etiga-send-msg {
    position: absolute;
    right: 0;
    top: 40px;
    width: 125px;
    text-align: right;
  }
}
div.messageContainer div.message .readInfo {
  position: absolute;
  right: 10px;
  top: 37px;
}
div.messageContainer div.message .link {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
div.messageContainer div.message p.reference {
  margin-top: 1em;
}
div.messageContainer div.message .category span {
  font-weight: bold;
}
div.messageContainer div.message div.addTaskWithAdmission {
  position: absolute;
  right: 57px;
  bottom: 7px;
}
div.messageContainer div.message div.addAdmission {
  position: absolute;
  right: 7px;
  bottom: 7px;
}
div.messageContainer div.message div.directEtigaMessage {
  position: absolute;
  right: 57px;
  bottom: 7px;
}
div.messageContainer div.message div.directEtigaMessage.right {
  right: 7px;
}

.ui-pnotify {
  top: 150px !important;
  right: 10px;
  max-height: 140px !important;
  min-height: 100px !important;
}
.ui-pnotify > .ui-pnotify-container {
  border-radius: 8px !important;
}
.ui-pnotify .ui-pnotify-text {
  margin-top: 20px;
}

#impressum {
  height: 40px;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  color: white;
  text-align: right;
  position: fixed;
  bottom: 0;
  padding-top: 10px;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  #impressum {
    visibility: hidden;
  }
}

.impressum-text {
  height: 20px;
}

#content {
  height: 100%;
  background-position: center center;
  background-size: cover;
}
#content #loginForm {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
}
#content #loginForm input.input--editable {
  margin-left: 0px !important;
  width: 100%;
}
#content #loginForm .moveable-input {
  position: relative;
}
#content #loginForm .moveable-input input {
  border-radius: 4px;
  border: 1px solid #404040;
}
#content #loginForm .moveable-input span {
  pointer-events: none;
  background-color: white;
  position: absolute;
  padding-left: 10px;
  padding-right: 5px;
  margin-left: 3px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: text;
}
#content #loginForm .moveable-input input:-webkit-autofill,
#content #loginForm .moveable-input input:-webkit-autofill:hover,
#content #loginForm .moveable-input input:-webkit-autofill:focus,
#content #loginForm .moveable-input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#content #loginForm .moveable-input input:focus + span,
#content #loginForm .moveable-input input:-webkit-autofill + span,
#content #loginForm .moveable-input input:not(:placeholder-shown) + span {
  top: -8px;
  -webkit-transform: scale(0.8) translateY(-15%) translateX(-10.5px);
  transform: scale(0.8) translateY(-15%) translateX(-10.5px);
}
#content #loginForm #password-field input:focus + span,
#content #loginForm #password-field input:-webkit-autofill + span,
#content #loginForm #password-field input:not(:placeholder-shown) + span {
  -webkit-transform: scale(0.8) translateY(-15%) translateX(-6.5px);
  transform: scale(0.8) translateY(-15%) translateX(-6.5px);
}
#content #loginForm .moveable-input input,
#content #loginForm .moveable-input span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.credits {
  background-color: black;
  opacity: 0.5;
}

#info {
  background-image: url("/assets/images/icons/icon-info.svg");
  background-position: center;
  background-repeat: no-repeat;
  height: 10%;
  width: 7%;
  position: relative;
  left: 88%;
  top: 95%;
}
@media (max-width: 1023px) {
  #info {
    visibility: hidden;
  }
}

#info a {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
}

#showCredits {
  position: relative;
  height: 20%;
  width: 15%;
  left: 80%;
  top: 65%;
}

#showCredits a {
  color: white;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 5% 5% 5% 5%;
}

#textCredits {
  top: 10%;
  height: 60%;
  font-size: 0.9vw;
}
@media screen and (min-width: 1921px) {
  #textCredits {
    font-size: 18px;
  }
}

#credits {
  height: 20%;
  top: 70%;
  font-size: 0.7vw;
}
@media screen and (min-width: 1921px) {
  #credits {
    font-size: 14px;
  }
}

#button-login {
  width: 100%;
  height: 50px;
  background: #C9C0A2 none;
  color: white;
  border: none;
  font-size: 1em;
}

section#bookinRequest div#overrideWarehouses {
  float: right;
}
section#bookinRequest div#overrideWarehouses span.title {
  display: block;
  width: 100%;
}
section#bookinRequest div.table-wrapper input.expiry {
  min-width: 100px !important;
}
section#bookinRequest div.table-wrapper div.spinner.spinner--arrows {
  position: relative;
  padding-top: 20px;
  height: 50px;
}
section#bookinRequest div.table-wrapper div.spinner.spinner--arrows a.spinner__minus {
  top: 60px;
}
section#bookinRequest div.table-wrapper input.packageQty {
  width: 60px;
  text-align: center;
}
section#bookinRequest div.table-wrapper input.shouldstand {
  width: 75px;
}
section#bookinRequest div.table-wrapper div.checkbox-custom label::after {
  top: -2px;
  left: 3px;
}

#mandantEdit div.inline-block.time-input {
  min-width: 100px;
}
#mandantEdit #specialized span.phone {
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
  padding-right: 10px;
}
#mandantEdit #specialized input.input.gui-input {
  width: 50%;
}
#mandantEdit #specialized .invisible {
  visbility: hidden;
}

section#mandantTexts div.placeholders {
  padding-left: 30px;
  margin-top: 20px;
}
section#mandantTexts div.placeholders h2 {
  margin-top: 0;
}
section#mandantTexts div.placeholders div.selectable-item {
  margin-bottom: 5px;
}
section#mandantTexts div.editable-input {
  min-height: 200px;
}
section#mandantTexts div.placeholder {
  cursor: not-allowed;
}

div.gotPara8.checkbox-custom.upper label::before {
  top: -2px !important;
}
div.gotPara8.checkbox-custom.upper label::after {
  top: 2px !important;
}

.slick-dots li button:before {
  font-size: 15px;
}

section#topPromotions {
  padding-top: 0px;
}
section#topPromotions .slick-dots button::before {
  font-size: 16px;
}
section#topPromotions div.filter-box {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}
section#topPromotions .gotoPromotion {
  position: absolute;
  left: 20px;
  top: 265px;
  padding-top: 7px;
}
section#topPromotions .gotoPromotion div.ember-view {
  margin-top: 3px;
}
@media (min-width: 768px) {
  section#topPromotions div.slick-slider {
    margin-left: -20px;
    margin-right: -21px;
  }
}
section#topPromotions div.slick-slider div.slick-list {
  height: auto !important;
}
section#topPromotions div.slick-slider div.slick-list div.slick-track img {
  width: 100%;
  height: 100%;
}
section#topPromotions div.slick-slider div.topPromotion {
  background-color: #f4f4f4;
}
@media (max-width: 1024px) {
  section#topPromotions div.slick-slider div.topPromotion {
    height: 180px;
  }
  section#topPromotions div.slick-slider div.topPromotion div.text {
    height: 230px;
  }
}
@media (max-width: 767px) {
  section#topPromotions div.slick-slider div.topPromotion {
    height: 100px;
  }
  section#topPromotions div.slick-slider div.topPromotion div.text p {
    display: none !important;
  }
}
section#topPromotions div.slick-slider div.topPromotion div.text {
  padding: 20px;
  max-height: 330px;
  width: 350px;
  margin-left: 7%;
  display: block;
}
@media (max-width: 1024px) {
  section#topPromotions div.slick-slider div.topPromotion div.text h2 {
    margin-top: 0 !important;
    font-size: 1.2em;
    margin-bottom: 5px;
  }
  section#topPromotions div.slick-slider div.topPromotion div.text p {
    font-size: 0.8em !important;
    overflow: hidden;
    height: 60px;
    text-overflow: ellipsis;
  }
  section#topPromotions div.slick-slider div.topPromotion div.text a.gotoPromotion {
    top: 135px;
  }
}
@media (max-width: 767px) {
  section#topPromotions div.slick-slider div.topPromotion div.text a.gotoPromotion {
    top: 55px;
  }
}
section#topPromotions div.slick-slider div.topPromotion div.text.text-background {
  background: rgba(255, 255, 255, 0.85);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
section#topPromotions div.slick-slider div.topPromotion div.text.text-only {
  margin-top: -330px;
  text-align: left;
  position: relative;
}
section#topPromotions div.slick-slider div.topPromotion div.text.text-only h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
section#topPromotions div.slick-slider div.topPromotion div.text.text-only p {
  font-size: 0.9em;
}
section#topPromotions div.slick-slider div.topPromotion div.text.text-only svg {
  z-index: 100;
}
section#topPromotions div.slick-slider div.topPromotion div.text > div {
  z-index: 99;
  overflow: hidden;
}
section#topPromotions div.slick-slider div.topPromotion div.image {
  text-align: right;
  float: right;
  background: center center no-repeat;
  background-size: 100% 100%;
  height: 100%;
}
section#topPromotions div.slick-slider div.topPromotion div.image img.mainImage {
  display: inline !important;
  max-height: 330px;
}
section#topPromotions .slick-arrow {
  z-index: 99;
}
section#topPromotions .slick-arrow::before {
  font-size: 30px;
}
section#topPromotions .slick-arrow.slick-prev {
  left: 30px;
}
section#topPromotions .slick-arrow.slick-next {
  right: 30px;
}

section#stocktakingDetail input.time {
  width: 65px;
  min-width: auto;
}
section#stocktakingDetail input.date {
  width: 100px;
  min-width: auto;
}
section#stocktakingDetail .select--inline .title {
  width: 100%;
}

#inventoryPrint .toggle-button.reduce {
  -webkit-transform: rotate(90deg); /* to support Safari and Android browser */
  -ms-transform: rotate(90deg); /* to support IE 9 */
  transform: translate(0%, 0%) rotate(180deg) !important;
}
#inventoryPrint .table--small .table__head .table__title {
  font-size: 0.7em;
}

#patientAppointments.expanded > div.sticky-wrapper {
  height: 338px !important;
}
#patientAppointments.expanded #tablePatientAppointments div.sticky {
  margin-top: -10px;
}

#patientAppointments > div.sticky-wrapper.is-sticky #tablePatientAppointments div.sticky {
  margin-top: -150px !important;
}

#tablePatientAppointments div.sticky {
  margin-top: -110px;
}

section#wysiwyg-editor {
  background-color: transparent;
}

aside#editorSidebar div.inner div.tabs__head > ul, aside#editorSidebar div.accordion div.tabs__head > ul {
  margin-left: 20px;
}
aside#editorSidebar div.inner.box, aside#editorSidebar div.accordion.box {
  padding-bottom: 0px;
  padding-top: 0px;
}
aside#editorSidebar div.inner .search-box-form, aside#editorSidebar div.accordion .search-box-form {
  width: 100% !important;
}
aside#editorSidebar div.inner .selectable-item, aside#editorSidebar div.accordion .selectable-item {
  margin: 5px;
  font-weight: bold;
  border-radius: 12px;
}
aside#editorSidebar div.inner .selectable-item span.small, aside#editorSidebar div.accordion .selectable-item span.small {
  font-weight: normal;
}
aside#editorSidebar div.inner .selectable-item.ui-draggable-dragging, aside#editorSidebar div.accordion .selectable-item.ui-draggable-dragging {
  z-index: 999;
  position: absolute !important;
}
aside#editorSidebar div.inner .select2-container, aside#editorSidebar div.accordion .select2-container {
  padding-left: 0px;
}

#editor-page-preview {
  background-color: #ffffff;
  margin: 0 auto;
  position: relative;
  width: 770px;
  min-height: 900px;
  border-radius: 12px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
  color: #626262;
  font-size: 14px;
  padding: 20px;
}
#editor-page-preview.page-horizontal {
  width: 1100px;
}
#editor-page-preview div.tox-tinymce {
  width: 100%;
  border: none;
}
#editor-page-preview div.tox-tinymce div.tox-editor-header {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#editor-page-preview table {
  border-color: #404040;
}
#editor-page-preview table tr {
  display: table-row;
}
#editor-page-preview table tr td {
  padding: 3px;
}
#editor-page-preview.styleempty div#salutation, #editor-page-preview.styleempty div#date, #editor-page-preview.styleempty_hor div#salutation, #editor-page-preview.styleempty_hor div#date {
  display: none;
}
#editor-page-preview.style1 body, #editor-page-preview.style2 body, #editor-page-preview.style3 body, #editor-page-preview.styleempty body, #editor-page-preview.styleempty_hor body, #editor-page-preview.printed body, #editor-page-preview.styleinvoice body {
  font-family: Verdana, Arial, sans-serif;
  color: black;
}
#editor-page-preview.style1 p, #editor-page-preview.style2 p, #editor-page-preview.style3 p, #editor-page-preview.styleempty p, #editor-page-preview.styleempty_hor p, #editor-page-preview.printed p, #editor-page-preview.styleinvoice p {
  margin-bottom: 1em !important;
  line-height: 1.5em;
}
#editor-page-preview.style1 table td p, #editor-page-preview.style2 table td p, #editor-page-preview.style3 table td p, #editor-page-preview.styleempty table td p, #editor-page-preview.styleempty_hor table td p, #editor-page-preview.printed table td p, #editor-page-preview.styleinvoice table td p {
  margin-bottom: 0.25em !important;
}
#editor-page-preview.style1 h1, #editor-page-preview.style1 h2, #editor-page-preview.style1 h3, #editor-page-preview.style1 h4, #editor-page-preview.style1 p, #editor-page-preview.style1 ul, #editor-page-preview.style1 li, #editor-page-preview.style1 div, #editor-page-preview.style2 h1, #editor-page-preview.style2 h2, #editor-page-preview.style2 h3, #editor-page-preview.style2 h4, #editor-page-preview.style2 p, #editor-page-preview.style2 ul, #editor-page-preview.style2 li, #editor-page-preview.style2 div, #editor-page-preview.style3 h1, #editor-page-preview.style3 h2, #editor-page-preview.style3 h3, #editor-page-preview.style3 h4, #editor-page-preview.style3 p, #editor-page-preview.style3 ul, #editor-page-preview.style3 li, #editor-page-preview.style3 div, #editor-page-preview.styleempty h1, #editor-page-preview.styleempty h2, #editor-page-preview.styleempty h3, #editor-page-preview.styleempty h4, #editor-page-preview.styleempty p, #editor-page-preview.styleempty ul, #editor-page-preview.styleempty li, #editor-page-preview.styleempty div, #editor-page-preview.styleempty_hor h1, #editor-page-preview.styleempty_hor h2, #editor-page-preview.styleempty_hor h3, #editor-page-preview.styleempty_hor h4, #editor-page-preview.styleempty_hor p, #editor-page-preview.styleempty_hor ul, #editor-page-preview.styleempty_hor li, #editor-page-preview.styleempty_hor div, #editor-page-preview.printed h1, #editor-page-preview.printed h2, #editor-page-preview.printed h3, #editor-page-preview.printed h4, #editor-page-preview.printed p, #editor-page-preview.printed ul, #editor-page-preview.printed li, #editor-page-preview.printed div, #editor-page-preview.styleinvoice h1, #editor-page-preview.styleinvoice h2, #editor-page-preview.styleinvoice h3, #editor-page-preview.styleinvoice h4, #editor-page-preview.styleinvoice p, #editor-page-preview.styleinvoice ul, #editor-page-preview.styleinvoice li, #editor-page-preview.styleinvoice div {
  color: black;
}
#editor-page-preview.style1 h1, #editor-page-preview.style1 h2, #editor-page-preview.style1 h3, #editor-page-preview.style1 h4, #editor-page-preview.style2 h1, #editor-page-preview.style2 h2, #editor-page-preview.style2 h3, #editor-page-preview.style2 h4, #editor-page-preview.style3 h1, #editor-page-preview.style3 h2, #editor-page-preview.style3 h3, #editor-page-preview.style3 h4, #editor-page-preview.styleempty h1, #editor-page-preview.styleempty h2, #editor-page-preview.styleempty h3, #editor-page-preview.styleempty h4, #editor-page-preview.styleempty_hor h1, #editor-page-preview.styleempty_hor h2, #editor-page-preview.styleempty_hor h3, #editor-page-preview.styleempty_hor h4, #editor-page-preview.printed h1, #editor-page-preview.printed h2, #editor-page-preview.printed h3, #editor-page-preview.printed h4, #editor-page-preview.styleinvoice h1, #editor-page-preview.styleinvoice h2, #editor-page-preview.styleinvoice h3, #editor-page-preview.styleinvoice h4 {
  font-weight: 400;
}
#editor-page-preview.style1 td, #editor-page-preview.style2 td, #editor-page-preview.style3 td, #editor-page-preview.styleempty td, #editor-page-preview.styleempty_hor td, #editor-page-preview.printed td, #editor-page-preview.styleinvoice td {
  margin: 0 !important;
}
#editor-page-preview.style1 h1, #editor-page-preview.style2 h1, #editor-page-preview.style3 h1, #editor-page-preview.styleempty h1, #editor-page-preview.styleempty_hor h1, #editor-page-preview.printed h1, #editor-page-preview.styleinvoice h1 {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 1em;
}
#editor-page-preview.style1 h3, #editor-page-preview.style2 h3, #editor-page-preview.style3 h3, #editor-page-preview.styleempty h3, #editor-page-preview.styleempty_hor h3, #editor-page-preview.printed h3, #editor-page-preview.styleinvoice h3 {
  margin: 0.5em 0;
}
#editor-page-preview.style1 ul, #editor-page-preview.style2 ul, #editor-page-preview.style3 ul, #editor-page-preview.styleempty ul, #editor-page-preview.styleempty_hor ul, #editor-page-preview.printed ul, #editor-page-preview.styleinvoice ul {
  margin-bottom: 1em;
}
#editor-page-preview.style1 ul li, #editor-page-preview.style2 ul li, #editor-page-preview.style3 ul li, #editor-page-preview.styleempty ul li, #editor-page-preview.styleempty_hor ul li, #editor-page-preview.printed ul li, #editor-page-preview.styleinvoice ul li {
  list-style-type: disc;
  list-style-position: inside;
}
#editor-page-preview.style1 ol, #editor-page-preview.style2 ol, #editor-page-preview.style3 ol, #editor-page-preview.styleempty ol, #editor-page-preview.styleempty_hor ol, #editor-page-preview.printed ol, #editor-page-preview.styleinvoice ol {
  margin-bottom: 1em;
}
#editor-page-preview.style1 ol li, #editor-page-preview.style2 ol li, #editor-page-preview.style3 ol li, #editor-page-preview.styleempty ol li, #editor-page-preview.styleempty_hor ol li, #editor-page-preview.printed ol li, #editor-page-preview.styleinvoice ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
#editor-page-preview.style1 ul ul, #editor-page-preview.style2 ul ul, #editor-page-preview.style3 ul ul, #editor-page-preview.styleempty ul ul, #editor-page-preview.styleempty_hor ul ul, #editor-page-preview.printed ul ul, #editor-page-preview.styleinvoice ul ul {
  padding-inline-start: 40px !important;
  padding-left: 40px !important;
  margin-bottom: 0 !important;
}
#editor-page-preview.style1 ul ul li, #editor-page-preview.style2 ul ul li, #editor-page-preview.style3 ul ul li, #editor-page-preview.styleempty ul ul li, #editor-page-preview.styleempty_hor ul ul li, #editor-page-preview.printed ul ul li, #editor-page-preview.styleinvoice ul ul li {
  list-style-type: circle;
}
#editor-page-preview.style1 ul ul ul li, #editor-page-preview.style2 ul ul ul li, #editor-page-preview.style3 ul ul ul li, #editor-page-preview.styleempty ul ul ul li, #editor-page-preview.styleempty_hor ul ul ul li, #editor-page-preview.printed ul ul ul li, #editor-page-preview.styleinvoice ul ul ul li {
  list-style-type: square;
}
#editor-page-preview.style1 div#editableContent, #editor-page-preview.style2 div#editableContent, #editor-page-preview.style3 div#editableContent, #editor-page-preview.styleempty div#editableContent, #editor-page-preview.styleempty_hor div#editableContent, #editor-page-preview.printed div#editableContent, #editor-page-preview.styleinvoice div#editableContent {
  clear: both;
  padding: 5px 7px;
  margin: -5px -7px;
  margin-bottom: 80px;
  min-height: 400px;
}
#editor-page-preview.style1 div#editableContent span.placeholder, #editor-page-preview.style2 div#editableContent span.placeholder, #editor-page-preview.style3 div#editableContent span.placeholder, #editor-page-preview.styleempty div#editableContent span.placeholder, #editor-page-preview.styleempty_hor div#editableContent span.placeholder, #editor-page-preview.printed div#editableContent span.placeholder, #editor-page-preview.styleinvoice div#editableContent span.placeholder {
  border: 1px solid #DDDDDD;
  padding: 5px 7px;
  display: inline-block;
  border-radius: 4px;
  background-color: #FAFAFA;
  font-size: 0.9em;
  font-weight: bold;
}
#editor-page-preview.style1.mandant10009 {
  background: url("https://portal.myjason.eu/assets/images/mandants/10009_watermark.png") no-repeat center center #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#editor-page-preview.style1.mandant357 {
  background: url("https://praxis.vetnative.com/assets/images/mandants/357_watermark.png") no-repeat center center #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px -170px;
}
#editor-page-preview.style1.mandant357 div.header-right img {
  max-height: 140px;
}
#editor-page-preview.style3.mandant10007 div.header-left {
  margin-bottom: 5px;
}
#editor-page-preview.style3.mandant10007 div.footer {
  display: none;
}
#editor-page-preview.style3.mandant10007 div#date {
  position: absolute;
  right: 20px;
  top: 200px;
}
#editor-page-preview.style3.mandant10007 div#salutation {
  margin-bottom: 30px;
}
#editor-page-preview.style3.mandant10007 div.header-right img {
  max-height: 140px;
  padding-top: 40px;
}
#editor-page-preview.style3.mandant10007 div#operatorsline {
  clear: both;
  margin-top: 5px;
  border-top: 1px solid gray;
}
#editor-page-preview.style1.mandant10005 div.header-left {
  width: 70%;
}
#editor-page-preview.style1.mandant10005 div.header-left img {
  position: absolute;
}
#editor-page-preview.style1.mandant10005 div.header-left p {
  padding-left: 70px;
}
#editor-page-preview.style1.mandant10005 div.header-right {
  width: 30%;
}
#editor-page-preview.style1.mandant10005 div.header-right > p {
  padding-top: 30px;
}
#editor-page-preview.style1.mandant10005 div.footer table {
  width: 94%;
  margin-left: 20px;
}
#editor-page-preview.style1.mandant10007 div.header-left {
  margin-bottom: 5px;
}
#editor-page-preview.style1.mandant10007 div.footer {
  display: none;
}
#editor-page-preview.style1.mandant10007 div#salutation {
  display: none;
}
#editor-page-preview.style1.mandant10007 div.header-right img {
  max-height: 140px;
  padding-top: 40px;
}
#editor-page-preview.style1.mandant10007 div#operatorsline {
  margin-top: 5px;
  border-top: 1px solid gray;
}
#editor-page-preview.style1 div.header-left, #editor-page-preview.style3 div.header-left, #editor-page-preview.printed div.header-left, #editor-page-preview.styleinvoice div.header-left, #editor-page-preview.styleempty_hor div.header-left {
  width: 60%;
}
#editor-page-preview.style1 div.header-left img, #editor-page-preview.style3 div.header-left img, #editor-page-preview.printed div.header-left img, #editor-page-preview.styleinvoice div.header-left img, #editor-page-preview.styleempty_hor div.header-left img {
  float: left;
  margin-right: 20px;
}
#editor-page-preview.style1 div.header-left div, #editor-page-preview.style3 div.header-left div, #editor-page-preview.printed div.header-left div, #editor-page-preview.styleinvoice div.header-left div, #editor-page-preview.styleempty_hor div.header-left div {
  font-size: 26px;
}
#editor-page-preview.style1 div.header-left > p, #editor-page-preview.style3 div.header-left > p, #editor-page-preview.printed div.header-left > p, #editor-page-preview.styleinvoice div.header-left > p, #editor-page-preview.styleempty_hor div.header-left > p {
  display: block;
  clear: left;
  font-size: 12px;
  padding-top: 20px;
}
#editor-page-preview.style1 div.header-right, #editor-page-preview.style3 div.header-right, #editor-page-preview.printed div.header-right, #editor-page-preview.styleinvoice div.header-right, #editor-page-preview.styleempty_hor div.header-right {
  width: 40%;
  text-align: right;
  font-size: 16px;
}
#editor-page-preview.style1 div#operatorsline, #editor-page-preview.style3 div#operatorsline, #editor-page-preview.printed div#operatorsline, #editor-page-preview.styleinvoice div#operatorsline, #editor-page-preview.styleempty_hor div#operatorsline {
  clear: both;
  font-size: 12px;
  padding-top: 20px;
}
#editor-page-preview.style1 div#salutation, #editor-page-preview.style3 div#salutation, #editor-page-preview.printed div#salutation, #editor-page-preview.styleinvoice div#salutation, #editor-page-preview.styleempty_hor div#salutation {
  clear: both;
  padding-top: 30px;
}
#editor-page-preview.style1 div#date, #editor-page-preview.style3 div#date, #editor-page-preview.printed div#date, #editor-page-preview.styleinvoice div#date, #editor-page-preview.styleempty_hor div#date {
  text-align: right;
  margin-bottom: 30px;
}
#editor-page-preview.style1 div.footer, #editor-page-preview.style3 div.footer, #editor-page-preview.printed div.footer, #editor-page-preview.styleinvoice div.footer, #editor-page-preview.styleempty_hor div.footer {
  margin-top: 40px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  margin-left: -20px;
  font-size: 10px;
  width: 100%;
}
#editor-page-preview.styleempty div#salutation, #editor-page-preview.styleempty_hor div#salutation {
  clear: both;
  padding-top: 30px;
}
#editor-page-preview.styleempty div#date, #editor-page-preview.styleempty_hor div#date {
  text-align: right;
  margin-bottom: 30px;
}
#editor-page-preview.style2 div.header-left {
  width: 60%;
}
#editor-page-preview.style2 div.header-left img {
  float: left;
  margin-right: 20px;
}
#editor-page-preview.style2 div.header-left div {
  font-size: 26px;
}
#editor-page-preview.style2 div.header-left > p {
  display: block;
  clear: left;
  font-size: 12px;
  padding-top: 20px;
}
#editor-page-preview.style2 div.header-right {
  margin-top: 20px;
  width: 40%;
  text-align: left;
  font-size: 16px;
}
#editor-page-preview.style2 div#salutation {
  clear: both;
  padding-top: 30px;
}
#editor-page-preview.style2 div#date {
  text-align: right;
  margin-bottom: 30px;
}
#editor-page-preview.style2 div.footer {
  margin-top: 40px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  margin-left: -20px;
  font-size: 10px;
  width: 100%;
}

div.tox-toolbar-overlord button[title=Schriftgröße] > span {
  width: 4em !important;
}

#edit-permission h1 {
  margin-bottom: 20px;
}
#edit-permission div.permission-item {
  margin-bottom: 10px;
  padding-left: 10px;
}
#edit-permission div.permission-item div.header-toggle {
  float: left;
  margin-right: 10px;
}
#edit-permission div.permission-item div.header-toggle div.switch {
  height: 30px;
}
#edit-permission div.permission-item div.description {
  padding-top: 4px;
}

#editUser div.gutter {
  margin-bottom: 20px;
}
#editUser div.header-toggle {
  float: left;
  margin-right: 10px;
}
#editUser div.header-toggle label.switch {
  height: 30px;
}
#editUser div.description {
  padding-top: 4px;
}
#editUser input[type=file] {
  visibility: hidden;
}

div.editor-style p {
  margin-bottom: 1em !important;
  line-height: 1.5em;
}
div.editor-style h1, div.editor-style h2, div.editor-style h3, div.editor-style h4, div.editor-style p, div.editor-style ul, div.editor-style li, div.editor-style div {
  color: black;
}
div.editor-style td {
  margin: 0 !important;
}
div.editor-style h1 {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 1em;
}
div.editor-style ul {
  margin-bottom: 1em;
}
div.editor-style ul li {
  list-style: disc inside;
}
div.editor-style ol {
  margin-bottom: 1em;
}
div.editor-style ol li {
  list-style: decimal inside;
}
div.editor-style ul ul {
  padding-inline-start: 40px !important;
  padding-left: 40px !important;
  margin-bottom: 0 !important;
}
div.editor-style ul ul li {
  list-style-type: circle;
}
div.editor-style ul ul ul li {
  list-style-type: square;
}
div.editor-style table {
  border-color: #404040;
}
div.editor-style table tr {
  display: table-row;
}
div.editor-style table tr td {
  padding: 3px;
}

section#etigaFeed input[type=file] {
  visibility: hidden;
}
section#etigaFeed a.uploadButton {
  height: 41px;
  margin-top: 19px;
  line-height: 22px;
}
section#etigaFeed ul {
  list-style-position: inside;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 15px;
}
section#etigaFeed ul li {
  list-style-type: disc;
  list-style-position: outside;
}
section#etigaFeed div.inline-input-list {
  margin-top: 5px;
}
section#etigaFeed div.inline-input-list span {
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}
section#etigaFeed div.inline-input-list span:first-of-type {
  margin-left: 0;
}
section#etigaFeed div.inline-input-list input {
  width: 50px;
  text-align: center;
}
section#etigaFeed div#preview {
  background-image: url("../assets/images/etiga_preview.png");
  height: 760px;
  background-repeat: no-repeat;
  background-size: 400px 760px;
  width: 400px;
  margin: 0 auto;
  padding: 120px 50px 100px 40px;
}
@media (min-width: 1024px) {
  section#etigaFeed div#preview {
    position: fixed;
    margin-top: -10px;
    left: 60%;
  }
}
section#etigaFeed div#preview div#previewInner {
  max-height: 560px;
  overflow-y: auto;
}
section#etigaFeed div#preview div.etigaCard {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  padding: 10px;
  position: relative;
}
section#etigaFeed div#preview div.etigaCard.image {
  padding: 0;
}
section#etigaFeed div#preview div.etigaCard.image.withHeadline {
  padding: 10px;
}
section#etigaFeed div#preview div.etigaCard img.share {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}
section#etigaFeed div#preview div.etigaCard h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
section#etigaFeed div#preview div.etigaCard h2 {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
  color: #404040;
}
section#etigaFeed div#preview div.etigaCard p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
section#etigaFeed div#preview div.etigaCard div.btn {
  width: 100%;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #2dbcdf;
}

#publicAdmission {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 766px) {
  #publicAdmission.admission {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
    border: none;
  }
  #publicAdmission.admission #formContainer {
    width: 100% !important;
    border-radius: 0 !important;
  }
  #publicAdmission.admission #formContainer #admissionForm {
    margin-left: -10px;
    margin-right: -10px;
  }
}
#publicAdmission div.header {
  margin: 20px 0;
}
#publicAdmission div.header > div:first-of-type {
  text-align: center;
}
@media (max-width: 1023px) {
  #publicAdmission div.header > div {
    text-align: center;
  }
}
#publicAdmission div.header img {
  max-width: 150px;
  max-height: 120px;
}
#publicAdmission div.header div.like-h1 {
  margin-top: 20px;
}
#publicAdmission #errorContainer div.top-header, #publicAdmission #successContainer div.top-header, #publicAdmission #formContainer div.top-header {
  margin-top: -25px;
  margin-left: -25px;
  margin-right: -25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 60px;
  padding-top: 8px;
  padding-left: 10px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #DDDDDD;
}
#publicAdmission #errorContainer div.top-header h1, #publicAdmission #successContainer div.top-header h1, #publicAdmission #formContainer div.top-header h1 {
  margin-bottom: 15px;
  font-size: 29px;
}
#publicAdmission #errorContainer div.top-header h1 > img, #publicAdmission #successContainer div.top-header h1 > img, #publicAdmission #formContainer div.top-header h1 > img {
  width: 35px;
  padding-top: 3px;
  vertical-align: text-top;
}
#publicAdmission #errorContainer {
  width: 390px;
}
#publicAdmission #errorContainer p.error {
  text-align: center;
  color: #EF5F4E;
  margin-top: 30px;
}
#publicAdmission #errorContainer p.error img {
  margin-right: 10px;
}
#publicAdmission #errorContainer .button {
  width: 100%;
  height: 50px;
  font-size: 16px;
  margin-left: 0;
  font-weight: bold;
}
#publicAdmission #successContainer {
  width: 390px;
}
#publicAdmission #successContainer h1 {
  margin-top: 20px;
  font-size: 24px;
}
#publicAdmission #successContainer h1 img {
  width: 35px;
  vertical-align: text-top;
}
#publicAdmission #successContainer div.top-header h1 {
  margin-top: 0;
}
#publicAdmission #successContainer > img.roger {
  border-radius: 10px;
  border: 3px solid #00aac6;
  padding: 0px;
  max-width: 250px;
  margin: 0 auto;
  display: block;
}
#publicAdmission #successContainer p {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#publicAdmission #successContainer button {
  font-size: 16px;
  width: 100%;
  margin-left: 0;
  height: 50px;
  color: white;
}
#publicAdmission #successContainer button.delete {
  color: white;
}
#publicAdmission #formContainer {
  margin: 0 auto;
  border-radius: 5px;
  width: 80%;
}
#publicAdmission #formContainer #progressBar {
  height: 16px;
  margin-left: -25px;
  margin-right: -25px;
  background-color: #DDDDDD;
}
#publicAdmission #formContainer #progressBar div {
  height: 100%;
  text-align: right;
  font-size: 11px;
  padding: 0 10px;
  color: white;
  line-height: 16px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #ADCCD4;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  #publicAdmission #formContainer {
    width: 800px;
  }
}
#publicAdmission #formContainer h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#publicAdmission #formContainer h2 {
  font-size: 22px;
}
#publicAdmission #formContainer h3 {
  font-size: 20px;
}
#publicAdmission #formContainer h4 {
  margin-bottom: 18px;
}
#publicAdmission #formContainer div.form-separator {
  font-size: 20px;
  display: grid;
  grid-template-columns: 0.05fr auto 1fr;
  grid-template-rows: 17px 0;
  grid-gap: 20px;
  margin: 0 10px 30px 10px;
  color: #00aac6;
  position: relative;
}
#publicAdmission #formContainer div.form-separator:before, #publicAdmission #formContainer div.form-separator:after {
  content: " ";
  display: block;
  padding-top: 13px;
  border-bottom: 5px solid #00aac6;
}
#publicAdmission #formContainer p {
  font-size: 14px;
  padding-left: 20px;
  margin-bottom: 30px;
}
#publicAdmission #formContainer button {
  height: 50px;
  font-size: 16px;
  width: 100%;
  margin-left: 0;
  font-weight: bold;
}
#publicAdmission #formContainer button.delete, #publicAdmission #formContainer button.default {
  color: white;
}
#publicAdmission #formContainer input.fileUpload {
  visibility: hidden;
  height: 0;
}
#publicAdmission #formContainer form div.gutter {
  position: relative;
}
#publicAdmission #formContainer form div.gutter em.state-error {
  position: absolute;
  bottom: -22px;
  font-size: 14px;
}
#publicAdmission #formContainer form div.imageFrame {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 50px;
}
#publicAdmission #formContainer form div.imageFrame video, #publicAdmission #formContainer form div.imageFrame img {
  width: 100%;
  height: 100%;
}
#publicAdmission #formContainer form div.imageFrame button {
  margin: 10px auto;
}
#publicAdmission #formContainer form div.imageFrame div.activatePicture img {
  width: 50%;
  display: block;
  margin: 0 auto 5px;
}
#publicAdmission #formContainer form div.imageFrame a {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
#publicAdmission #formContainer form div.sf-checkbox {
  height: auto;
}
#publicAdmission #formContainer div.introduction label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
#publicAdmission #formContainer div.introduction div.pick-list {
  font-size: 18px;
}
#publicAdmission #pinContainer {
  border-radius: 5px;
  width: 280px;
}
#publicAdmission #pinContainer h1 {
  text-align: center;
}
#publicAdmission #pinContainer form#pinForm {
  text-align: center;
  margin-bottom: 0;
}
#publicAdmission #pinContainer form#pinForm p.error {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #EF5F4E;
}
#publicAdmission #pinContainer form#pinForm input {
  border: 1px solid #d6d6d6;
  background: #fff;
  background-clip: padding-box;
  border-radius: 5px;
  color: #494949;
  width: 45px;
  height: 45px;
  font-size: 24px;
  padding: 0;
  text-align: center;
}
#publicAdmission #showCredits {
  position: relative;
  height: 20%;
  width: 15%;
  left: 80%;
  top: 65%;
}
#publicAdmission #showCredits a {
  color: white;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 5% 5% 5% 5%;
}
#publicAdmission #textCredits {
  top: 10%;
  height: 60%;
  font-size: 0.9vw;
}
@media screen and (min-width: 1921px) {
  #publicAdmission #textCredits {
    font-size: 18px;
  }
}
#publicAdmission #credits {
  height: 20%;
  top: 70%;
  font-size: 0.7vw;
}
@media screen and (min-width: 1921px) {
  #publicAdmission #credits {
    font-size: 14px;
  }
}
#publicAdmission .consentFormat {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
  padding-top: 1px;
}

section#digitalHelper {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 766px) {
  section#digitalHelper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
    border: none;
  }
  section#digitalHelper div#innerWrapper {
    border-radius: 0 !important;
    width: 100% !important;
  }
}
section#digitalHelper div#innerWrapper {
  margin: 0 auto;
  border-radius: 5px;
  width: 80%;
  min-height: auto;
}
@media (min-width: 1025px) {
  section#digitalHelper div#innerWrapper {
    width: 600px;
  }
}
section#digitalHelper div#innerWrapper div.header {
  margin-top: -21px;
  margin-left: -21px;
  margin-right: -21px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 60px;
  padding-top: 8px;
  padding-left: 10px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #DDDDDD;
}
section#digitalHelper div#innerWrapper div.header h1 {
  margin-bottom: 15px;
  font-size: 29px;
}
section#digitalHelper div#innerWrapper div.header h1 > img {
  width: 35px;
  padding-top: 3px;
  vertical-align: text-top;
}
section#digitalHelper div#innerWrapper #progressBar {
  height: 16px;
  margin-left: -21px;
  margin-right: -21px;
  background-color: #DDDDDD;
}
section#digitalHelper div#innerWrapper #progressBar div {
  height: 100%;
  text-align: right;
  font-size: 11px;
  padding: 0 10px;
  color: white;
  line-height: 16px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #ADCCD4;
  box-sizing: border-box;
}
section#digitalHelper div#innerWrapper h2 {
  font-size: 21px;
  margin-left: -10px;
  margin-bottom: 1.5em;
}
section#digitalHelper div#innerWrapper h2 > img {
  margin-right: 5px;
  width: 30px;
  vertical-align: top;
}
section#digitalHelper div#innerWrapper p.error {
  text-align: center;
  color: #EF5F4E;
  margin-top: 30px;
}
section#digitalHelper div#innerWrapper p.error img {
  margin-right: 10px;
}
section#digitalHelper div#innerWrapper .button-rework {
  width: 100%;
  height: 50px;
  margin-left: 0;
}
section#digitalHelper div#innerWrapper .button-rework.default {
  color: white;
}
section#digitalHelper div#innerWrapper div#chooser button {
  margin-bottom: 20px;
}
section#digitalHelper div#innerWrapper div#uploadView div#breads {
  margin: 10px 0 30px;
  padding: 8px 0px 5px 10px;
  border: 1px solid #00aac6;
  border-radius: 5px;
}
section#digitalHelper div#innerWrapper div#uploadView div#breads div.nav {
  padding-top: 1px;
}
section#digitalHelper div#innerWrapper div#uploadView div#breads > div {
  vertical-align: top;
}
section#digitalHelper div#innerWrapper div#uploadView div#breads ul {
  margin-bottom: 0;
}
section#digitalHelper div#innerWrapper div#uploadView div#breads ul li {
  vertical-align: top;
  font-size: 18px;
}
section#digitalHelper div#innerWrapper div#uploadView div#folderList {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
section#digitalHelper div#innerWrapper div#uploadView div#folderList div {
  font-size: 20px;
}
section#digitalHelper div#innerWrapper div#uploadView div#folderList div img {
  padding-top: 2px;
}
section#digitalHelper div#innerWrapper div#uploadView div#folderList div a {
  cursor: pointer;
}
section#digitalHelper div#innerWrapper div#uploadView form {
  margin-bottom: 0;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status {
  margin: 10px 0;
  position: relative;
  height: 50px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status > div:first-of-type {
  display: inline-block;
  padding: 8px;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status > div:first-of-type.ok {
  background-color: #70ca63;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status > div:first-of-type.failure {
  background-color: #EF5F4E;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status > div:first-of-type svg {
  width: 35px;
  height: 35px;
  fill: white;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status > div:last-of-type {
  display: inline;
  text-transform: uppercase;
  word-break: break-all;
  position: absolute;
  top: 6px;
  left: 63px;
  overflow: hidden;
  height: 22px;
}
section#digitalHelper div#innerWrapper div#uploadView div.upload-status span {
  display: block;
  position: absolute;
  top: 25px;
  font-size: 13px;
  left: 63px;
}
section#digitalHelper div#innerWrapper div#uploadView #fileUpload {
  visibility: hidden;
}
section#digitalHelper div#innerWrapper div#changeProfilePic {
  margin-bottom: 30px;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame {
  margin-top: 10px;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #00aac6;
  border-radius: 5px;
  padding: 20px;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame form {
  visibility: hidden;
  margin-bottom: 0;
  height: 0;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame img#camerapic {
  padding: 0 40px;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame video, section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame img {
  width: 100%;
  height: 100%;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame button {
  margin: 10px auto;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame div.activatePicture img {
  width: 50%;
  display: block;
  margin: 0 auto 5px;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame div.takePicture a, section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame div.pictureTaken a {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  line-height: 28px;
}
section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame div.takePicture button, section#digitalHelper div#innerWrapper div#changeProfilePic div.imageFrame div.pictureTaken button {
  padding: 7px;
}
section#digitalHelper div#innerWrapper div#patientDetails {
  margin-left: -21px;
  margin-right: -21px;
  margin-bottom: 20px;
}
section#digitalHelper div#innerWrapper div#patientDetails figure.frame {
  background-size: cover;
  position: absolute;
  height: 230px;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}
@media (max-width: 766px) {
  section#digitalHelper div#innerWrapper div#patientDetails figure.frame {
    height: 150px;
  }
}
section#digitalHelper div#innerWrapper div#patientDetails figure.frame.dead {
  opacity: 0.3;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card {
  position: relative;
  overflow: visible;
  background-color: white;
  padding: 10px 15px 15px;
  margin: 10px 12px;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding-top: 25px;
  margin-top: -30px;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div#customerLabel {
  position: absolute;
  right: 0px;
  top: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div#customerLabel > div {
  max-width: 500px;
  overflow: hidden;
  white-space: nowrap;
  min-width: 145px;
  text-transform: uppercase;
  background-color: #f4f4f4;
  min-width: 145px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #595959;
  text-align: center;
  min-height: 35px;
  position: absolute;
  top: 8px;
  right: 0px;
  border-top-left-radius: 15px 50%;
  border-bottom-left-radius: 15px 50%;
  padding: 7px 10px 5px 5px;
}
@media (max-width: 766px) {
  section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div#customerLabel > div {
    max-width: 250px;
  }
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div.avatar {
  width: 70px;
  height: 70px;
  position: absolute;
  top: -30px;
  left: 13px;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div.avatar > div {
  margin: auto;
  display: block;
  color: white;
  width: 60px;
  height: 100%;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card div.avatar img {
  max-width: 70px;
  max-height: 70px;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card h1 {
  margin-top: 20px;
  color: black;
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card img.dead-icon {
  width: 28px;
  vertical-align: top;
  padding-top: 4px;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card p.subName {
  margin-top: 0;
  margin-bottom: 0px;
  color: #737373;
}
section#digitalHelper div#innerWrapper div#patientDetails div.sidebar-card h2 {
  margin-bottom: 0;
  font-size: 24px;
}

section#welcomeDashboard .kpi-tile div.card {
  min-height: 200px;
  position: relative;
}
section#welcomeDashboard .kpi-tile div.card .card-body {
  padding: 15px 5px 5px;
}
section#welcomeDashboard .kpi-tile div.card .card-body .flex-stack {
  letter-spacing: 0.05em;
  line-height: 1.3333333333em;
}
section#welcomeDashboard .kpi-tile div.card .card-body .updated {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
}
section#welcomeDashboard .kpi-tile div.card .card-body .hint {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
}
section#welcomeDashboard .kpi-tile div.card .separator {
  border-bottom-style: solid;
  border-bottom-color: #ececec;
  border-bottom-width: 1px;
  display: block;
  height: 0;
  margin: 7px 0;
}
section#welcomeDashboard .table .table__body .table__cell span {
  font-size: 14px;
}
section#welcomeDashboard .me-2 {
  margin-right: 0.5rem !important;
}
section#welcomeDashboard div.table div.table__head > div {
  padding-bottom: 0.4em;
}
section#welcomeDashboard div.table div.table__head > div span {
  color: #404040;
  font-size: 0.65em;
}

#patientActivityWrapper .color-all > div {
  background-color: #00aac6;
}
#patientActivityWrapper .color-treat > div, #patientActivityWrapper .color-station > div {
  background-color: rgba(147, 147, 147, 0.49);
}
#patientActivityWrapper .color-lab > div {
  background-color: rgba(220, 12, 12, 0.2705882353);
}
#patientActivityWrapper .color-img > div {
  background-color: rgba(12, 189, 220, 0.2705882353);
}
#patientActivityWrapper .color-doc > div {
  background-color: rgba(12, 220, 85, 0.2705882353);
}
#patientActivityWrapper .color-vacc > div {
  background-color: rgba(220, 12, 133, 0.2705882353);
}
#patientActivityWrapper .color-com > div {
  background-color: rgba(12, 147, 220, 0.2705882353);
}
#patientActivityWrapper .color-mail > div {
  background-color: rgba(12, 189, 220, 0.6470588235);
}
#patientActivityWrapper .color-invoice > div {
  background-color: rgba(220, 210, 12, 0.2705882353);
}
#patientActivityWrapper .color-app > div {
  background-color: rgba(95, 12, 220, 0.2705882353);
}
#patientActivityWrapper .color-rem > div {
  background-color: rgba(220, 12, 192, 0.43);
}
#patientActivityWrapper .color-not > div {
  background-color: rgba(220, 130, 12, 0.2705882353);
}
#patientActivityWrapper #pickDateJournal {
  min-width: 100%;
}
#patientActivityWrapper .info-badge {
  margin-bottom: 5px;
}
#patientActivityWrapper .symbol-circle .symbol-label {
  width: 25px;
  height: 25px;
  font-size: 11px;
}
#patientActivityWrapper .button-rework.workflow {
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 25px !important;
  max-height: 25px !important;
  padding: 5px !important;
}
#patientActivityWrapper .selectable-item {
  border: 1px solid #DDDDDD;
  min-height: 40px;
  padding: 4px 0 4px 6px;
  margin-bottom: 10px;
  line-height: 22px;
  width: 100%;
  text-align: left;
  border-radius: 10px;
}
#patientActivityWrapper .selectable-item > div {
  display: inline-block;
  border-radius: 7px;
  padding: 3px;
  width: 30px;
  height: 30px;
  margin-right: 3px;
  text-align: center;
}
#patientActivityWrapper .selectable-item > div img {
  width: 16px;
}
#patientActivityWrapper .selectable-item.selected-style {
  border-color: #a2a2a2;
}
#patientActivityWrapper .selectable-item.selected-style > div {
  background: none;
}
#patientActivityWrapper .selectable-item.selected-style.color-treat {
  background-color: rgba(147, 147, 147, 0.49);
}
#patientActivityWrapper .selectable-item.selected-style.color-all {
  background-color: #00aac6;
  color: white;
}
#patientActivityWrapper .selectable-item.selected-style.color-lab {
  background-color: rgba(220, 12, 12, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-mail {
  background-color: rgba(12, 189, 220, 0.6470588235);
}
#patientActivityWrapper .selectable-item.selected-style.color-img {
  background-color: rgba(12, 189, 220, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-doc {
  background-color: rgba(12, 220, 85, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-vacc {
  background-color: rgba(220, 12, 133, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-com {
  background-color: rgba(12, 147, 220, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-invoice {
  background-color: rgba(220, 210, 12, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-app {
  background-color: rgba(95, 12, 220, 0.2705882353);
}
#patientActivityWrapper .selectable-item.selected-style.color-rem {
  background-color: rgba(220, 12, 192, 0.33);
}
#patientActivityWrapper .selectable-item.selected-style.color-not {
  background-color: rgba(220, 130, 12, 0.2705882353);
}
#patientActivityWrapper .timeline {
  margin-top: 40px;
}
#patientActivityWrapper .timeline .timeline-item {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #patientActivityWrapper .timeline .timeline-item div.timeline-line, #patientActivityWrapper .timeline .timeline-item div.timeline-icon {
    display: none;
  }
}
#patientActivityWrapper .timeline .timeline-item .timeline-line {
  border-left-style: solid !important;
  display: block;
  content: " ";
  justify-content: center;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 38px;
  bottom: 0;
  transform: translate(50%);
  border-left-width: 1px;
  border-left-color: rgba(0, 0, 0, 0.15);
  width: 38px;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
#patientActivityWrapper .timeline .timeline-item .thumbnails .thumbnail {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 2px;
  border-radius: 8px;
  margin: 5px;
}
#patientActivityWrapper .timeline .timeline-item .thumbnails .thumbnail > img {
  border-radius: 8px;
  max-height: 150px;
  max-width: 150px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-icon > div {
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 1;
  flex-shrink: 0;
  margin-right: 1rem;
  width: 38px;
  height: 38px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#patientActivityWrapper .timeline .timeline-item .timeline-icon > div > img {
  width: 22px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content {
  width: 100%;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.475rem !important;
  padding: 0.75rem 1.75rem !important;
  margin-bottom: 1.25rem !important;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .station-visit {
  margin-top: 10px;
  background-color: #fff;
  border-radius: 12px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.treat, #patientActivityWrapper .timeline .timeline-item .timeline-content.station {
  background-color: rgba(147, 147, 147, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.treat .dropdown, #patientActivityWrapper .timeline .timeline-item .timeline-content.station .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.treat .dropdown .dropdown-menu, #patientActivityWrapper .timeline .timeline-item .timeline-content.station .dropdown .dropdown-menu {
  left: -90px;
  top: 42px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.invoice {
  background-color: rgba(220, 210, 12, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.app {
  background-color: rgba(95, 12, 220, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.vacc {
  background-color: rgba(206, 12, 220, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.not {
  background-color: rgba(220, 130, 12, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.doc {
  background-color: rgba(12, 220, 85, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.rem {
  background-color: rgba(220, 12, 192, 0.2);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.lab {
  background-color: rgba(220, 12, 12, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.img {
  background-color: rgba(220, 12, 130, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.mail {
  background-color: rgba(12, 189, 220, 0.1);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content.com {
  background-color: rgba(12, 147, 220, 0.15);
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .headline {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .detail-box .icon-button.list-action-square.exp svg {
  left: 20px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .detail-box .line-action {
  position: absolute;
  top: 10px;
  right: 10px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .detail-box .textDetails {
  margin-top: 5px;
  margin-bottom: 10px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .detail-box .textDetails > span {
  display: block;
  font-weight: bold;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .detail-box .list-action-square.icon-button {
  margin-left: auto;
  padding: 10px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message-sender {
  width: 100%;
  text-align: right;
  padding-right: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message-sender.msg_incoming {
  text-align: left;
  padding-left: 30px;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message {
  color: #404040;
  padding: 18px 20px;
  line-height: 26px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  background: #f3faff;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message > span.title {
  display: none;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message::after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-left: -10px;
  border-bottom-color: #f3faff;
  left: 93%;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message.msg_incoming {
  color: #404040;
  padding: 18px 20px;
  line-height: 26px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
}
#patientActivityWrapper .timeline .timeline-item .timeline-content .message.msg_incoming::after {
  bottom: 100%;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #f3faff;
  border-width: 10px;
  margin-left: -10px;
}
#patientActivityWrapper .skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}
#patientActivityWrapper .skeleton-text {
  width: 100%;
  height: 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
#patientActivityWrapper .skeleton-text__body {
  width: 75%;
}
#patientActivityWrapper .skeleton-footer {
  width: 30%;
}

#treatmentOverviewNav button {
  background-color: #F4F4F4 !important;
  color: #7e8299;
}
#treatmentOverviewNav button.selected {
  color: white;
  background-color: #00aac6 !important;
}

.treatment-patient-list .symbol-group {
  margin: 0 10px !important;
}
.treatment-patient-list .symbol-group > div.symbol {
  width: 25px;
  height: 25px;
  margin-left: 0;
}
.treatment-patient-list .symbol-group > div.symbol > .symbol-label {
  width: 22px;
  height: 22px;
  font-size: 12px;
}

#treatmentOverview div.treatment-card .time {
  min-width: 40px;
  width: 40px;
  height: 18px;
}
#treatmentOverview div.treatment-card .symbol-group {
  margin: 0;
  margin-left: auto !important;
  flex-wrap: nowrap;
}
#treatmentOverview div.treatment-card .symbol-group > span {
  width: 30px;
  height: 30px;
}
#treatmentOverview div.treatment-card .symbol-group > div > div.symbol-label {
  width: 30px;
  height: 30px;
  font-size: 11px;
}
#treatmentOverview div.treatment-card .dateinfo {
  display: none;
}
#treatmentOverview div.treatment-card .alternative-time {
  display: none;
}
@media screen and (max-width: 1400px) and (min-width: 1140px) {
  #treatmentOverview div.treatment-card .table__cell.checkin {
    display: none;
  }
  #treatmentOverview div.treatment-card .table__cell.customer {
    width: 100% !important;
  }
  #treatmentOverview div.treatment-card .dateinfo {
    display: block;
  }
  #treatmentOverview div.treatment-card .alternative-time {
    display: block;
  }
}
#treatmentOverview.list > div#topTiles {
  display: none;
}
#treatmentOverview.list section.site-content {
  margin-top: 85px;
}
#treatmentOverview.splitted #stationsCard {
  display: none;
}
#treatmentOverview.tiles section.site-content {
  display: none;
}
#treatmentOverview.tiles > #topTiles div.treatment-card {
  min-height: auto;
}
#treatmentOverview.tiles > #topTiles div.treatment-card .table.grid {
  min-height: auto !important;
  max-height: none !important;
}
#treatmentOverview.tiles > #topTiles div.treatment-card .table.grid .table__body {
  max-height: none !important;
}
#treatmentOverview .quick-filter .symbol-group {
  margin: 0;
}
#treatmentOverview .quick-filter .symbol-group .symbol {
  margin-left: -7px;
}
#treatmentOverview .quick-filter .symbol-group .symbol > .symbol-label {
  height: 32px;
  width: 32px;
  font-size: 13px;
}

#stations div.card.cage-card, #modal-select-station-panel div.card.cage-card {
  border-radius: 12px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0;
}
#stations div.card.cage-card.selected, #modal-select-station-panel div.card.cage-card.selected {
  border: 2px solid #70ca63;
}
#stations div.card.cage-card.selected div.header, #modal-select-station-panel div.card.cage-card.selected div.header {
  background-color: rgba(112, 202, 99, 0.2);
}
#stations div.card.cage-card div.header, #modal-select-station-panel div.card.cage-card div.header {
  background-color: #fafafb;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 15px;
  border-radius: 12px 12px 0 0;
}
#stations div.card.cage-card div.header h3, #modal-select-station-panel div.card.cage-card div.header h3 {
  font-weight: bold;
  margin-bottom: 0;
}
#stations div.card.cage-card div.header .status-badge, #modal-select-station-panel div.card.cage-card div.header .status-badge {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: bold;
}
#stations div.card.cage-card div.header .status-badge.free, #modal-select-station-panel div.card.cage-card div.header .status-badge.free {
  border: 1px solid #4caf50;
  background-color: #e7f9ee;
  color: #4caf50;
}
#stations div.card.cage-card div.header .status-badge.occupied, #modal-select-station-panel div.card.cage-card div.header .status-badge.occupied {
  background-color: #00aac6;
  border: 1px solid #00aac6;
  color: #fff;
}
#stations div.card.cage-card div.body, #modal-select-station-panel div.card.cage-card div.body {
  padding: 10px;
  background-color: white;
}

#stationVisitDetails div.table--invoice div.table__body div.table__row {
  padding-top: 7px;
}
#stationVisitDetails div.table--invoice div.table__body div.table__cell {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
#stationVisitDetails div.table--invoice div.table__body div.table__cell label.switch {
  margin: 0 auto;
}
#stationVisitDetails #treatmentNoticeArea {
  display: none;
}

/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.u-p {
  padding: 40px;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb {
  margin-bottom: 2.5em;
}

.u-mb- {
  margin-bottom: 1.25em;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb2 {
  padding-bottom: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pl1 {
  padding-left: 1px;
}

.pr1 {
  padding-right: 1px;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt1 {
  margin-top: 1px;
}

.h46 {
  height: 46px;
}

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

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

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

.u-float--right {
  float: right;
}

.u-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

aside.side-bar .inner .inner-heading, .radio-custom .daterangepicker .ranges li.active,
.radio-custom .daterangepicker .ranges li:hover, .radio-custom .daterangepicker td.active,
.radio-custom .daterangepicker td.active:hover, .data-button, .product__saved, .product__cashback.cell, .jason-tooltip,
.u-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3acfe8+0,008ec6+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3acfe8+0,008ec6+100 */
  background: linear-gradient(to bottom, #3acfe8 0%, #008ec6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.u-gradient-elovet {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9c0a2+0,c6c0ad+100 */
  background: linear-gradient(to bottom, #c9c0a2 0%, #c6c0ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

nav.context-bar input:checked + .button.filter-toggle, nav.context-bar form.search-box button.search__button, aside form.search-box button.search__button, .icon-button--default, .selectable-item span.part-button, .pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus, body div.popup-basic form.search-box-overlay button.search__button,
.u-gradient-elovet-dark {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d9d9c+0,8c8c8c+100 */
  background: linear-gradient(to bottom, #9d9d9c 0%, #8c8c8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.selectable-item span.part-button.success, .product__bestprice,
.product__promotion,
.product__cashback,
.u-gradient--success {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#429321+0,b4ec51+100 */
  background: #429321; /* Old browsers */
  background: -moz-linear-gradient(45deg, #429321 0%, #b4ec51 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #429321 0%, #b4ec51 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #429321 0%, #b4ec51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#429321", endColorstr="#b4ec51",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-button--unselected,
.u-gradient--default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,969696+100 */
  background: #4a4a4a; /* Old browsers */
  background: -moz-linear-gradient(top, #4a4a4a 0%, #969696 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4a4a4a 0%, #969696 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4a4a4a 0%, #969696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4a4a4a", endColorstr="#969696",GradientType=0 ); /* IE6-9 */
}

.u-gradient--grey {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bababa+0,969696+100 */
  background: #bababa; /* Old browsers */
  background: -moz-linear-gradient(top, #bababa 0%, #969696 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bababa 0%, #969696 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bababa 0%, #969696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bababa", endColorstr="#969696",GradientType=0 ); /* IE6-9 */
}

.icon-button--promotion,
.u-gradient--promotion {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a379b5+0,9b59b6+100 */
  background: #a379b5; /* Old browsers */
  background: -moz-linear-gradient(top, #a379b5 0%, #9b59b6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a379b5 0%, #9b59b6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a379b5 0%, #9b59b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a379b5", endColorstr="#9b59b6",GradientType=0 ); /* IE6-9 */
}

.icon-button--cancel,
.u-gradient--cancel {
  /* previous one: Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef5f4e+0,f9b066+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2290e+0,f2684d+100 */
  background: #f2290e; /* Old browsers */
  background: -moz-linear-gradient(45deg, #f2290e 0%, #f2684d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #f2290e 0%, #f2684d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #f2290e 0%, #f2684d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2290e", endColorstr="#f2684d",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-button--delete, .selectable-item span.part-button.delete,
.u-gradient--delete {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f16851+0,ef3d26+100 */
  background: #f16851; /* Old browsers */
  background: -moz-linear-gradient(top, #f16851 0%, #ef3d26 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f16851 0%, #ef3d26 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f16851 0%, #ef3d26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f16851", endColorstr="#ef3d26",GradientType=0 ); /* IE6-9 */
}

.u-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-drop-shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.u-line-through {
  text-decoration: line-through;
}

@media (max-width: 767px) {
  .u-hide\@phone {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .u-hide\@tablet {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .u-hide\@desk {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-show\@phone {
    display: none !important;
  }
}

.hidden2 {
  visibility: hidden;
  display: none !important;
}

.l-1\/1 {
  width: 100% !important;
}

.l-1\/24 {
  width: 4.1666666667% !important;
}

.l-2\/24 {
  width: 8.3333333333% !important;
}

.l-3\/24 {
  width: 12.5% !important;
}

.l-4\/24 {
  width: 16.6666666667% !important;
}

.l-5\/24 {
  width: 20.8333333333% !important;
}

.l-6\/24 {
  width: 25% !important;
}

.l-7\/24 {
  width: 29.1666666667% !important;
}

.l-8\/24 {
  width: 33.3333333333% !important;
}

.l-9\/24 {
  width: 37.5% !important;
}

.l-10\/24 {
  width: 41.6666666667% !important;
}

.l-11\/24 {
  width: 45.8333333333% !important;
}

.l-12\/24 {
  width: 50% !important;
}

.l-13\/24 {
  width: 54.1666666667% !important;
}

.l-14\/24 {
  width: 58.3333333333% !important;
}

.l-15\/24 {
  width: 62.5% !important;
}

.l-16\/24 {
  width: 66.6666666667% !important;
}

.l-17\/24 {
  width: 70.8333333333% !important;
}

.l-18\/24 {
  width: 75% !important;
}

.l-19\/24 {
  width: 79.1666666667% !important;
}

.l-20\/24 {
  width: 83.3333333333% !important;
}

.l-21\/24 {
  width: 87.5% !important;
}

.l-22\/24 {
  width: 91.6666666667% !important;
}

.l-23\/24 {
  width: 95.8333333333% !important;
}

@media (max-width: 767px) {
  .l-1\/1\@phone {
    width: 100% !important;
  }
  .l-1\/24\@phone {
    width: 4.1666666667% !important;
  }
  .l-2\/24\@phone {
    width: 8.3333333333% !important;
  }
  .l-3\/24\@phone {
    width: 12.5% !important;
  }
  .l-4\/24\@phone {
    width: 16.6666666667% !important;
  }
  .l-5\/24\@phone {
    width: 20.8333333333% !important;
  }
  .l-6\/24\@phone {
    width: 25% !important;
  }
  .l-7\/24\@phone {
    width: 29.1666666667% !important;
  }
  .l-8\/24\@phone {
    width: 33.3333333333% !important;
  }
  .l-9\/24\@phone {
    width: 37.5% !important;
  }
  .l-10\/24\@phone {
    width: 41.6666666667% !important;
  }
  .l-11\/24\@phone {
    width: 45.8333333333% !important;
  }
  .l-12\/24\@phone {
    width: 50% !important;
  }
  .l-13\/24\@phone {
    width: 54.1666666667% !important;
  }
  .l-14\/24\@phone {
    width: 58.3333333333% !important;
  }
  .l-15\/24\@phone {
    width: 62.5% !important;
  }
  .l-16\/24\@phone {
    width: 66.6666666667% !important;
  }
  .l-17\/24\@phone {
    width: 70.8333333333% !important;
  }
  .l-18\/24\@phone {
    width: 75% !important;
  }
  .l-19\/24\@phone {
    width: 79.1666666667% !important;
  }
  .l-20\/24\@phone {
    width: 83.3333333333% !important;
  }
  .l-21\/24\@phone {
    width: 87.5% !important;
  }
  .l-22\/24\@phone {
    width: 91.6666666667% !important;
  }
  .l-23\/24\@phone {
    width: 95.8333333333% !important;
  }
}
@media (min-width: 768px) {
  .l-1\/1\@tablet {
    width: 100% !important;
  }
  .l-1\/24\@tablet {
    width: 4.1666666667% !important;
  }
  .l-2\/24\@tablet {
    width: 8.3333333333% !important;
  }
  .l-3\/24\@tablet {
    width: 12.5% !important;
  }
  .l-4\/24\@tablet {
    width: 16.6666666667% !important;
  }
  .l-5\/24\@tablet {
    width: 20.8333333333% !important;
  }
  .l-6\/24\@tablet {
    width: 25% !important;
  }
  .l-7\/24\@tablet {
    width: 29.1666666667% !important;
  }
  .l-8\/24\@tablet {
    width: 33.3333333333% !important;
  }
  .l-9\/24\@tablet {
    width: 37.5% !important;
  }
  .l-10\/24\@tablet {
    width: 41.6666666667% !important;
  }
  .l-11\/24\@tablet {
    width: 45.8333333333% !important;
  }
  .l-12\/24\@tablet {
    width: 50% !important;
  }
  .l-13\/24\@tablet {
    width: 54.1666666667% !important;
  }
  .l-14\/24\@tablet {
    width: 58.3333333333% !important;
  }
  .l-15\/24\@tablet {
    width: 62.5% !important;
  }
  .l-16\/24\@tablet {
    width: 66.6666666667% !important;
  }
  .l-17\/24\@tablet {
    width: 70.8333333333% !important;
  }
  .l-18\/24\@tablet {
    width: 75% !important;
  }
  .l-19\/24\@tablet {
    width: 79.1666666667% !important;
  }
  .l-20\/24\@tablet {
    width: 83.3333333333% !important;
  }
  .l-21\/24\@tablet {
    width: 87.5% !important;
  }
  .l-22\/24\@tablet {
    width: 91.6666666667% !important;
  }
  .l-23\/24\@tablet {
    width: 95.8333333333% !important;
  }
}
@media (min-width: 1024px) {
  .l-1\/1\@desk {
    width: 100% !important;
  }
  .l-1\/24\@desk {
    width: 4.1666666667% !important;
  }
  .l-2\/24\@desk {
    width: 8.3333333333% !important;
  }
  .l-3\/24\@desk {
    width: 12.5% !important;
  }
  .l-4\/24\@desk {
    width: 16.6666666667% !important;
  }
  .l-5\/24\@desk {
    width: 20.8333333333% !important;
  }
  .l-6\/24\@desk {
    width: 25% !important;
  }
  .l-7\/24\@desk {
    width: 29.1666666667% !important;
  }
  .l-8\/24\@desk {
    width: 33.3333333333% !important;
  }
  .l-9\/24\@desk {
    width: 37.5% !important;
  }
  .l-10\/24\@desk {
    width: 41.6666666667% !important;
  }
  .l-11\/24\@desk {
    width: 45.8333333333% !important;
  }
  .l-12\/24\@desk {
    width: 50% !important;
  }
  .l-13\/24\@desk {
    width: 54.1666666667% !important;
  }
  .l-14\/24\@desk {
    width: 58.3333333333% !important;
  }
  .l-15\/24\@desk {
    width: 62.5% !important;
  }
  .l-16\/24\@desk {
    width: 66.6666666667% !important;
  }
  .l-17\/24\@desk {
    width: 70.8333333333% !important;
  }
  .l-18\/24\@desk {
    width: 75% !important;
  }
  .l-19\/24\@desk {
    width: 79.1666666667% !important;
  }
  .l-20\/24\@desk {
    width: 83.3333333333% !important;
  }
  .l-21\/24\@desk {
    width: 87.5% !important;
  }
  .l-22\/24\@desk {
    width: 91.6666666667% !important;
  }
  .l-23\/24\@desk {
    width: 95.8333333333% !important;
  }
}
@media (min-width: 1140px) {
  .l-1\/1\@desk-large {
    width: 100% !important;
  }
  .l-1\/24\@desk-large {
    width: 4.1666666667% !important;
  }
  .l-2\/24\@desk-large {
    width: 8.3333333333% !important;
  }
  .l-3\/24\@desk-large {
    width: 12.5% !important;
  }
  .l-4\/24\@desk-large {
    width: 16.6666666667% !important;
  }
  .l-5\/24\@desk-large {
    width: 20.8333333333% !important;
  }
  .l-6\/24\@desk-large {
    width: 25% !important;
  }
  .l-7\/24\@desk-large {
    width: 29.1666666667% !important;
  }
  .l-8\/24\@desk-large {
    width: 33.3333333333% !important;
  }
  .l-9\/24\@desk-large {
    width: 37.5% !important;
  }
  .l-10\/24\@desk-large {
    width: 41.6666666667% !important;
  }
  .l-11\/24\@desk-large {
    width: 45.8333333333% !important;
  }
  .l-12\/24\@desk-large {
    width: 50% !important;
  }
  .l-13\/24\@desk-large {
    width: 54.1666666667% !important;
  }
  .l-14\/24\@desk-large {
    width: 58.3333333333% !important;
  }
  .l-15\/24\@desk-large {
    width: 62.5% !important;
  }
  .l-16\/24\@desk-large {
    width: 66.6666666667% !important;
  }
  .l-17\/24\@desk-large {
    width: 70.8333333333% !important;
  }
  .l-18\/24\@desk-large {
    width: 75% !important;
  }
  .l-19\/24\@desk-large {
    width: 79.1666666667% !important;
  }
  .l-20\/24\@desk-large {
    width: 83.3333333333% !important;
  }
  .l-21\/24\@desk-large {
    width: 87.5% !important;
  }
  .l-22\/24\@desk-large {
    width: 91.6666666667% !important;
  }
  .l-23\/24\@desk-large {
    width: 95.8333333333% !important;
  }
}
html {
  -ms-overflow-style: none;
}

body {
  font-size: 16px;
  color: #404040;
  height: auto;
}

label {
  margin-bottom: 0;
}

#main {
  position: static;
}
#main:before {
  display: none;
}

h1,
.like-h1 {
  font-family: Inter, Helvetica, "sans-serif";
  color: #404040;
}

#idletimeout {
  display: none;
  position: fixed !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.nav > li {
  position: static;
}
.nav > li > a {
  padding: 0;
}

.breadcrumb {
  font-size: 16px;
}

.breadcrumb > li + li:before {
  display: none;
}

#content {
  padding: 0;
  padding-bottom: 7.5em;
  padding-top: 1.25em;
}
@media (max-width: 766px) {
  #content.card {
    padding: 1.25em 0 0 0;
  }
}

#content_wrapper {
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  #content_wrapper {
    margin-left: 5.625em !important;
  }
}
#content_wrapper.with-logout-info {
  margin-top: 42px;
}

.table > thead > tr > th {
  font-weight: 800;
}

body.tray-rescale .tray-center {
  padding-right: 0 !important;
}

.table > tbody > tr > td {
  padding-top: 0.625em !important;
  padding-bottom: 0.625em !important;
}

.form-control {
  height: auto;
}

.select2-container .select2-choice {
  height: auto;
  line-height: 16px;
  padding: 0;
}

.select2-drop {
  padding: 0;
}

.select2-results .select2-no-results {
  background-color: #fff;
  padding: 0.8333333333em;
}

.select2-search input {
  font-family: Inter, Helvetica, "sans-serif";
}

.select2-results .select2-result-label {
  padding: 0.8333333333em;
}

.select2-container .select2-choice {
  position: static;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .input--dropdown .select2-arrow.select2-arrow b {
    background-image: url("images/icons/arrow-down.png") !important;
    background-repeat: none !important;
    background-size: auto auto !important;
  }
}
.modal {
  right: auto;
  bottom: auto;
}

.title.title {
  font-weight: 700;
}

body #content div.pagination-centered {
  margin-left: 0 !important;
}

.product-list .product__saved {
  float: none;
  width: auto;
}

.private.saved {
  background-color: #BABABA;
}

.lab.saved {
  background-color: #8B4513;
}

.label-unselected {
  background-color: #999999;
}

.label-jason {
  background-color: #00aac6;
  padding: 3px 5px;
}

.stock-label {
  display: inline-block !important;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.invisible {
  visibility: hidden;
}

.admin-form .button,
.admin-form a.button {
  background: none;
  height: auto;
  line-height: 16px;
}

.table .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.login-form label {
  font-weight: 400;
}
.login-form .checkbox {
  margin: 0;
}

.jason-icon::after {
  color: #8c8c8c !important;
}

.icon-listing li {
  display: block;
  width: 10%;
  float: left;
  height: 100px;
}

.discount-spinner.discount-spinner {
  width: auto;
}

.admin-form .state-success.select > select {
  background: none;
  border-color: #00aac6;
}

.table--ve .checkbox-custom label:before,
.table--ve .checkbox-custom label:after {
  display: none;
}

.same-line {
  display: inline-block;
  vertical-align: middle;
}

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

/*# sourceMappingURL=custom-0a59c4c5fa80975304ec13270219bddf.css-d940dcd6ca84898c673181f169d0be00.map */