/* Minification failed. Returning unminified contents.
(18,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-three'
(20,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-one'
(48,16): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(50,30): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(59,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(66,25): run-time error CSS1030: Expected identifier, found '.'
(66,40): run-time error CSS1031: Expected selector, found ')'
(66,40): run-time error CSS1025: Expected comma or open brace, found ')'
(72,13): run-time error CSS1039: Token not allowed after unary operator: '-gap-small'
(76,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(77,19): run-time error CSS1039: Token not allowed after unary operator: '-gap-small'
(80,15): run-time error CSS1039: Token not allowed after unary operator: '-color-button'
(81,19): run-time error CSS1039: Token not allowed after unary operator: '-form-component-height'
(82,16): run-time error CSS1039: Token not allowed after unary operator: '-form-component-height'
(88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,15): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(98,22): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(104,31): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(105,22): run-time error CSS1039: Token not allowed after unary operator: '-gap-tiny'
(106,21): run-time error CSS1039: Token not allowed after unary operator: '-gap-tiny'
(109,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(110,23): run-time error CSS1039: Token not allowed after unary operator: '-gap-tiny'
(111,22): run-time error CSS1039: Token not allowed after unary operator: '-gap-tiny'
(116,13): run-time error CSS1039: Token not allowed after unary operator: '-gap-small'
(119,26): run-time error CSS1039: Token not allowed after unary operator: '-color-button'
(120,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(123,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(124,15): run-time error CSS1039: Token not allowed after unary operator: '-color-button'
(125,19): run-time error CSS1039: Token not allowed after unary operator: '-form-component-height'
(126,16): run-time error CSS1039: Token not allowed after unary operator: '-form-component-height'
(131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-one'
(152,15): run-time error CSS1039: Token not allowed after unary operator: '-color-button'
(169,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,26): run-time error CSS1039: Token not allowed after unary operator: '-color-button'
(187,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one-text-one'
(200,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(201,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red-text-one'
(205,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red-text-one'
(206,34): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(258,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-two'
(266,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(276,15): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(294,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(295,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(302,15): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-four'
(345,13): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(352,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(364,13): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(367,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(368,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(385,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-two'
(394,21): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(394,49): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(394,72): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(394,94): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(397,17): run-time error CSS1039: Token not allowed after unary operator: '-gap-large'
(400,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-two'
(410,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(414,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(425,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(429,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(430,22): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(461,17): run-time error CSS1039: Token not allowed after unary operator: '-z-index-main-content'
(492,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(494,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(513,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(520,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(554,15): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(559,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(569,15): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(587,15): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(593,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(599,15): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(605,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(611,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(653,15): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(690,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(716,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(724,26): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(750,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(758,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(784,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(813,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(842,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(856,26): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(872,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(874,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-one'
(917,16): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(929,15): run-time error CSS1039: Token not allowed after unary operator: '-color-one'
(965,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(971,13): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(1005,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-two'
 */
.ok-saved {
  color: #5cae4c;
}
::-moz-selection {
  background: #4586ca;
  color: #fff;
}
::selection {
  background: #4586ca;
  color: #fff;
}
html {
  height: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
body {
  background-color: var(--color-surface-three);
  box-sizing: border-box;
  color: var(--color-text-one);
  font-family: 'Regular';
  font-size: 14px;
  line-height: 20px;
  touch-action: manipulation;
}
.selectable,
.selectable *,
.card *,
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
input,
textarea,
select {
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
hr {
  margin: var(--gap-large) 0;
  border: 0;
  border-top: 1px solid var(--color-surface-four);
}
input[type=date]::-webkit-inner-spin-button {
  display: none;
}
a,
a:hover,
a:focus,
a:active {
  color: var(--color-one);
  text-decoration: none;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
}
.button-group:has(button.express-button) {
  gap: var(--gap-tiny);
}
.button-group button:not(.express-button) {
  position: relative;
  display: flex;
  gap: var(--gap-small);
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  padding: 0 var(--gap-small);
  outline: none;
  background-color: transparent;
  color: var(--color-button);
  min-width: var(--form-component-height);
  height: var(--form-component-height);
  box-sizing: border-box;
  font-family: 'Regular';
  font-size: 12px;
  white-space: nowrap;
  transition-duration: 0.2s;
  --color-button: var(--color-one);
}
.button-group button:not(.express-button):empty {
  padding: 0;
}
.button-group button:not(.express-button):disabled {
  color: var(--color-surface-four);
  cursor: default;
}
.button-group button:not(.express-button):hover:not(:disabled) {
  border-color: var(--color-surface-four);
}
.button-group.stretch {
  justify-content: space-between;
}
.button-group:not(.stretch) > button ~ .button-group {
  border-left: 1px solid var(--color-surface-four);
  padding-left: var(--gap-tiny);
  margin-left: var(--gap-tiny);
}
.button-group:not(.stretch) > .button-group:not(:last-child) {
  border-right: 1px solid var(--color-surface-four);
  padding-right: var(--gap-tiny);
  margin-right: var(--gap-tiny);
}
button.express-button {
  position: relative;
  display: flex;
  gap: var(--gap-small);
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-button);
  border-radius: var(--border-radius);
  padding: 0 10px;
  outline: none;
  background-color: var(--color-surface-one);
  color: var(--color-button);
  min-width: var(--form-component-height);
  height: var(--form-component-height);
  box-sizing: border-box;
  font-family: 'Regular';
  font-size: 12px;
  white-space: nowrap;
  --color-button: var(--color-one);
}
button.express-button.grow {
  width: 100%;
}
button.express-button i {
  font-size: 17px;
}
button.express-button.secondary {
  border: none;
  background-color: transparent;
}
button.express-button.tertiary {
  border: none;
  padding: 0;
  background-color: transparent;
  color: var(--color-text-one);
}
button.express-button.tertiary:hover:not(:disabled),
button.express-button.tertiary:focus {
  background-color: transparent;
  color: var(--color-button);
}
button.express-button.processing:before {
  content: "\f110";
  animation: fa-spin 2s linear infinite;
}
button.express-button.compact {
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  width: auto;
  height: auto;
}
button.express-button.compact:hover:not(:disabled),
button.express-button.compact:focus {
  background-color: transparent;
  color: var(--color-one);
}
button.express-button.express-button-clean {
  border: none;
  background-color: transparent;
}
button.express-button.express-button-green {
  --color-button: var(--color-green);
}
button.express-button.express-button-yellow {
  --color-button: var(--color-yellow);
}
button.express-button.express-button-red {
  --color-button: var(--color-red);
}
button.express-button:hover:not(:disabled),
button.express-button:focus {
  background-color: var(--color-button);
  color: var(--color-one-text-one);
}
button.express-button:disabled {
  opacity: 0.35;
  cursor: default;
}
button.express-button[data-count]:not([data-count="0"]):after {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 11px;
  background-color: var(--color-red);
  color: var(--color-red-text-one);
  min-width: 21px;
  height: 21px;
  padding: 0 5px;
  border: 2px solid var(--color-red-text-one);
  box-shadow: 0 0 10px -2px var(--color-red);
  font-size: 10px;
  line-height: normal;
  right: -7px;
  top: -7px;
}
.compact-form button.express-button {
  font-size: 11px;
}
.compact-form button.express-button i {
  font-size: 14px;
}
.btn-link,
.link,
.btn-link:hover,
.link:hover,
.btn-link *,
.link * {
  text-decoration: none;
  cursor: pointer !important;
}
textarea {
  resize: none;
}
.textarea {
  white-space: pre-wrap;
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}
p.empty {
  background: #eeeeee;
}
.form-group-lg {
  margin-bottom: 30px;
}
mainContent.switchPage {
  opacity: 0;
}
#mainContentLoader.switchPage {
  display: none;
}
.switchView .cardLayout {
  opacity: 0;
}
@supports not selector(::-webkit-scrollbar-thumb) {
  .slimscroll {
    scrollbar-width: thin;
  }
}
.slimscroll:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-text-two);
}
.slimscroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.slimscroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: var(--border-radius);
}
.hiddenView {
  opacity: 0;
}
.notVisible {
  visibility: hidden;
}
.loading {
  font-size: 2em;
  color: var(--color-surface-four);
  text-align: center;
}
.boxLoading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxLoading:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: var(--color-surface-one);
  border-radius: var(--border-radius);
}
.boxLoading:after {
  content: "\f110";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 20px;
  color: var(--color-surface-four);
  animation: fa-spin 2s infinite linear;
}
.loadingIndicator {
  position: fixed;
  left: 0;
  right: 0;
  text-align: center;
}
.loadingIndicator i {
  font-size: 2.5em;
  color: #C0C0C0;
}
.visibleLoadingIndicator {
  opacity: 1;
  transition-duration: 0.25s;
  transition-delay: 1.5s;
}
.hiddenLoadingIndicator {
  opacity: 0;
  transition-duration: 0.2s;
}
.centeredMessage {
  text-align: center;
  margin-top: 20%;
}
.page-section {
  margin-bottom: 20px;
}
@keyframes tab-count-animation {
  50% {
    top: -40px;
    transform: rotate(180deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    top: -10px;
    transform: rotate(360deg);
    animation-timing-function: ease-in-out;
  }
}
.symbol-block {
  display: flex;
  gap: var(--gap);
  font-size: 12px;
}
.symbol-block:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 14px;
  font-weight: 300;
  color: var(--color-primary);
}
.symbol-block.external:before {
  content: '\f08e';
}
ul.dynamicList {
  margin: 0;
  padding: 0;
}
ul.dynamicList li {
  display: flex;
  align-items: flex-start;
  gap: var(--gap);
}
ul.dynamicList li.dragging {
  background-color: var(--color-surface-one);
  border-radius: var(--border-radius);
}
ul.dynamicList li:last-child .dragButton,
ul.dynamicList li:last-child express-remove-button {
  visibility: hidden;
}
ul.dynamicList li:only-child .dragButton,
ul.dynamicList li:only-child express-remove-button {
  display: none;
}
ul.dynamicList li .grow {
  flex-grow: 1;
}
ul.dynamicList li .dragButton {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='black'%3E%3Ccircle r='10' cx='10' cy='10'/%3E%3Ccircle r='10' cx='40' cy='10'/%3E%3Ccircle r='10' cx='10' cy='40'/%3E%3Ccircle r='10' cx='40' cy='40'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--color-text-two);
  width: 10px;
  min-width: 10px;
  cursor: grab;
  height: 34px;
}
ul.blockItems {
  list-style: none;
  margin: 0;
  margin: calc(var(--gap-large) * -1) calc(var(--gap-large) * -1) var(--gap-large) calc(var(--gap-large) * -1);
}
ul.blockItems li {
  padding: var(--gap-large);
}
ul.blockItems li:nth-child(even) {
  background-color: var(--color-surface-two);
}
:disabled ul.dynamicList li {
  pointer-events: none;
}
:disabled ul.dynamicList li .dragButton,
:disabled ul.dynamicList li express-remove-button {
  display: none;
}
.bubble {
  color: var(--color-one);
  border-radius: 50%;
  padding: 10px 0;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: var(--color-surface-one);
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 1.5em;
  display: inline-block;
}
.bubble + .bubble {
  margin-left: 10px;
}
.bubble.bubbleDanger {
  color: var(--color-red);
}
.bubble:hover {
  color: #fff;
  background-color: var(--color-one);
  border-color: var(--color-one);
}
.bubble i.fa-external-link {
  /* För att ikonen skall upplevas som centrerad i bubblan */
  padding-top: 1px;
  padding-left: 3px;
}
.contact-link-wrapper .bubble:nth-of-type(2) {
  margin-left: 10px;
}
.linksline {
  position: relative;
  display: block;
  width: 100%;
}
.linksline:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
  z-index: 1;
  margin-top: 20px;
}
.linksline .bubble {
  position: absolute;
  z-index: 2;
  right: 0;
}
.collapser {
  position: relative;
  z-index: var(--z-index-main-content);
}
.collapser i {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline-block;
}
.collapser.collapsed i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.listInfoBox {
  display: inline-block;
  padding: 9px;
}
ul.rowList {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.rowList li {
  position: relative;
  left: 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background-color: var(--color-surface-one);
  color: #75767b;
  border-radius: var(--border-radius);
  padding: 10px;
  transition-duration: 0.2s;
}
ul.rowList li:not(:last-child) {
  margin-bottom: 4px;
}
ul.rowList li.group-header {
  display: block;
  background-color: transparent;
  padding: 0;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}
ul.rowList li.group-header:not(:first-child) {
  margin-top: 20px;
}
ul.rowList li.flaggedForDeletion {
  background-color: var(--color-red);
  color: #fff;
}
ul.rowList li.flaggedForDeletion .deleteButton:before {
  transform: rotate(45deg);
}
ul.rowList li.flaggedForDeletion .deleteButton:hover {
  background-color: var(--color-surface-one);
  color: #8abbe4;
}
ul.rowList li.rowListItemAdd:before,
ul.rowList li.rowListItemEdit:before,
ul.rowList li.rowListItemNew:before,
ul.rowList li.rowListItemDone:before,
ul.rowList li.rowListItemCancelled:before,
ul.rowList li.rowListItemShared:before,
ul.rowList li.rowListItemNoAnswerOrBusy:before,
ul.rowList li.rowListItemInvalid:before,
ul.rowList li.rowListItemLocked:before,
ul.rowList li.rowListItemUnlocked:before,
ul.rowList li.rowListItemDeleted:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  margin-right: 10px;
}
ul.rowList li.rowListItemAdd.selected:before,
ul.rowList li.rowListItemEdit.selected:before,
ul.rowList li.rowListItemNew.selected:before,
ul.rowList li.rowListItemDone.selected:before,
ul.rowList li.rowListItemCancelled.selected:before,
ul.rowList li.rowListItemShared.selected:before,
ul.rowList li.rowListItemNoAnswerOrBusy.selected:before,
ul.rowList li.rowListItemInvalid.selected:before,
ul.rowList li.rowListItemLocked.selected:before,
ul.rowList li.rowListItemUnlocked.selected:before,
ul.rowList li.rowListItemDeleted.selected:before {
  color: white;
}
ul.rowList li.rowListItemAdd:before {
  content: '\f067';
  /*plus*/
  color: var(--color-green);
}
ul.rowList li.rowListItemEdit:before {
  content: '\f040';
  /*pencil*/
  color: var(--color-one);
}
ul.rowList li.rowListItemNew:before {
  content: '\f005';
  /*star*/
  color: gray;
}
ul.rowList li.rowListItemDone:before {
  content: '\f111';
  /*circle*/
  color: var(--color-green);
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemCancelled:before {
  content: '\f111';
  /*circle*/
  color: #c20000;
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemShared:before {
  content: '\f064';
  /*share*/
  color: gray;
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemNoAnswerOrBusy:before {
  content: '\f111';
  /*circle*/
  color: var(--color-yellow);
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemInvalid:before {
  content: '\f071';
  /* exclamation-triangle */
  color: var(--color-red);
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemLocked:before {
  content: '\f023';
  /*lock*/
  color: var(--color-green);
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemUnlocked:before {
  content: '\f3c1';
  /*lock-open*/
  color: var(--color-red);
  font-weight: 900, /* För att den skall bli ifylld */;
}
ul.rowList li.rowListItemDeleted:before {
  content: '\f2ed';
  /* trash-alt */
  color: var(--color-red);
}
ul.rowList li > img {
  flex-grow: 0;
  margin: -10px 10px -10px -10px;
  object-fit: cover;
  width: 100px;
  min-width: 100px;
  height: 100px;
}
ul.rowList li > img[src=""] {
  visibility: hidden;
}
ul.rowList li > .symbol {
  flex-grow: 0;
  font-size: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}
ul.rowList li h1 {
  font-family: 'Regular' !important;
  font-size: 14px !important;
  line-height: normal !important;
  margin-bottom: 5px !important;
  color: inherit !important;
}
ul.rowList li .info {
  display: inline;
  margin-left: 6px;
}
ul.rowList li .info:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: '\f05a';
  color: gray;
}
ul.rowList li .subText {
  font-size: 10px;
  text-transform: uppercase;
  line-height: normal;
}
ul.rowList li .subText.error {
  color: var(--color-red);
}
ul.rowList li .subText.oneLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.rowList li > * {
  flex-grow: 1;
  overflow: hidden;
}
ul.rowList li > *:not(:last-child) {
  margin-right: 10px;
}
ul.rowList li > .rowListButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .rowListButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .rowListButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .rowListButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .addButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .addButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .addButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .addButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .addButton:before {
  content: '\f067';
  transition: transform 0.2s;
}
ul.rowList li > .addButton:hover:enabled {
  background-color: var(--color-green);
  color: #fff;
}
ul.rowList li > .deleteButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .deleteButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .deleteButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .deleteButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .deleteButton:before {
  content: '\f00d';
  transition: transform 0.2s;
}
ul.rowList li > .deleteButton:hover:enabled {
  background-color: var(--color-red);
  color: #fff;
}
ul.rowList li > .settingsButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .settingsButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .settingsButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .settingsButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .settingsButton:before {
  content: '\f013';
}
ul.rowList li > .navigateForwardButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .navigateForwardButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .navigateForwardButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .navigateForwardButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .navigateForwardButton:before {
  content: '\f061';
}
ul.rowList li > .navigateBackwardButton {
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  margin: -10px -10px -10px 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
ul.rowList li > .navigateBackwardButton:disabled {
  opacity: 0.5;
  cursor: default;
}
ul.rowList li > .navigateBackwardButton:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: block;
}
ul.rowList li > .navigateBackwardButton:hover:enabled {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList li > .navigateBackwardButton:before {
  content: '\f060';
}
ul.rowList.selectable li:not(.unselectable):not(.group-header) {
  cursor: pointer;
}
ul.rowList.selectable li:not(.unselectable):not(.group-header):hover {
  left: 3px;
  box-shadow: -2px 0 10px 1px rgba(0, 0, 0, 0.1);
}
ul.rowList.selectable li.selected {
  background-color: var(--color-one);
  color: #fff;
}
ul.rowList.selectable li.selected .tag {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
ul.rowList.selectable li.unselectable {
  color: #d0d0d0;
  cursor: default;
}
ul.rowList.dropdownRowList {
  position: absolute;
  width: 100%;
  max-height: 300px;
  border: solid 1px #dfdfdf;
  border-radius: var(--border-radius);
  margin: 0;
  background-color: var(--color-surface-one);
  overflow-y: auto;
  z-index: 1;
}
ul.rowList.dropdownRowList li {
  border-radius: 0;
}
ul.rowList.dropdownRowList li:not(:last-child) {
  margin-bottom: 1px;
}
ul.rowList.dropdownRowList li:not(.unselectable):not(.group-header):hover {
  left: 0;
  box-shadow: none;
  background-color: #f0f0f0;
}
@keyframes expand-arrow-animation {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes expand-up-arrow-animation {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
.expand-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  margin: var(--gap) auto 0 auto;
  padding: 0;
  border: 0;
}
.expand-button.expand-up {
  flex-direction: column-reverse;
}
.expand-button.expand-up:after {
  content: '\f062';
  animation-name: expand-up-arrow-animation;
}
.expand-button:hover {
  color: var(--color-one);
}
.expand-button:empty:before {
  content: "Visa fler";
}
.expand-button:after {
  content: '\f063';
  display: block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  animation: expand-arrow-animation 1s linear 0s infinite;
}
.expand-button.expanded:empty:before {
  content: "Visa färre";
}
.expand-button.expanded:after {
  transform: rotate(180deg);
  animation: none;
}
.expand-button.loading {
  pointer-events: none;
}
.expand-button.loading:after {
  content: '\f110';
  transform: none;
  animation: fa-spin 2s linear infinite;
}
@keyframes empty-state-animation {
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes empty-state-positive-animation {
  30% {
    transform: scale(1.5);
    color: var(--color-green);
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  line-height: normal;
  opacity: 0;
  transform: scale(0.75);
  animation: 0.3s ease 0.5s forwards empty-state-animation;
}
.empty-state.page {
  margin-top: 50px;
}
.empty-state:before {
  display: block;
  content: "\f755";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 40px;
}
.empty-state.positive:before {
  content: "\f164";
  animation: 0.5s ease 0.8s empty-state-positive-animation;
}
.empty-state.negative:before {
  content: "\f738";
}
.empty-state.snooze:before {
  content: "\f880";
}
.empty-state.error:before {
  content: "\f06a";
}
.empty-state .subtext {
  color: var(--color-text-two);
  font-size: 12px;
}
.empty-state ul {
  text-align: left;
}
@media (min-width: 768px ) and (max-width: 991px ) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
}
.productSS .SSHidden,
.productMS .MSHidden {
  display: none !important;
}
.productSS .SSDisable,
.productMS .MSDisable {
  cursor: default !important;
}
.productSS .SSDisable *,
.productMS .MSDisable * {
  cursor: default !important;
}
.list-work-area.view-selection .list-area {
  top: 176px;
}
.list-work-area .list-area {
  position: fixed;
  top: 146px;
  bottom: 15px;
  overflow: auto;
  width: 300px;
  box-sizing: content-box;
  padding: 0 10px;
  margin: 0 -10px;
  z-index: 1;
}
.list-work-area .work-area {
  position: relative;
  margin-left: 320px;
}
@media (max-width: 767px ) {
  .list-work-area.work-area-active .list-area {
    display: none;
  }
  .list-work-area.work-area-active .work-area {
    margin-left: 0;
  }
  .list-work-area:not(.work-area-active) .list-area {
    position: static;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  .list-work-area:not(.work-area-active) .work-area {
    display: none;
  }
}