@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

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

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

:focus {
  outline: none; }

* {
  border-color: inherit; }

html, body {
  height: 100%; }

body {
  overflow: hidden;
  font-family: "Inter UI", "Segoe UI", "Liberation Sans", "HelveticaNeue", sans-serif;
  font-feature-settings: "tnum", "ss01", "case";
  font-size: 14px;
  line-height: 100%;
  text-rendering: optimizeLegibility;
  color: #000;
  background-color: #fafafa; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  font-family: "Inter UI", "Segoe UI", "Liberation Sans", "HelveticaNeue", sans-serif;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1em; }

h1, h2 {
  font-weight: 300; }

img {
  display: inline-block; }

a {
  color: #404040;
  text-decoration: none;
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */ }

input {
  color: #404040; }

table {
  font-family: "Inter UI", "Segoe UI", "Liberation Sans", "HelveticaNeue", sans-serif;
  font-feature-settings: "tnum", "ss01", "zero", "case"; }

.app-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.ca-logo {
  flex: 1;
  align-self: stretch;
  max-width: 112px;
  margin: 0 85px 0 8px;
  padding: 14px 0;
  background-image: var(--ca-chrome-logo);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.tippy-tooltip.conaktiv-searchfields-theme {
  color: #505050;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px rgba(0, 0, 0, 0.35) solid;
  border-radius: 2px; }
  .tippy-tooltip.conaktiv-searchfields-theme .tippy-backdrop {
    background-color: rgba(255, 255, 255, 0.95); }
  .tippy-tooltip.conaktiv-searchfields-theme .tippy-arrow {
    display: none; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.ttf?asdfsdfasdfkl1kf9f1") format("truetype"), url("fonts/icomoon.woff?asdfsdfasdfkl1kf9f1") format("woff"), url("fonts/icomoon.svg?asdfsdfasdfkl1kf9f1") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ca-icon"], [class*=" ca-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ca-icon-empty:before {
  color: transparent;
  content: "."; }

.ca-icon-modul_AK:before {
  content: "\e95f"; }

.ca-icon-modul_AR:before {
  content: "\e960"; }

.ca-icon-modul_AU:before {
  content: "\e961"; }

.ca-icon-modul_AUP:before {
  content: "\e961"; }

.ca-icon-modul_BF:before {
  content: "\e962"; }

.ca-icon-modul_GU:before {
  content: "\e963"; }

.ca-icon-modul_LS:before {
  content: "\e964"; }

.ca-icon-modul_MI:before,
.ca-icon-modul_MIQ:before {
  content: "\e965"; }

.ca-icon-modul_BE:before {
  content: "\e966"; }

.ca-icon-modul_BEP:before {
  content: "\e966"; }

.ca-icon-modul_ER:before {
  content: "\e967"; }

.ca-icon-modul_ERP:before {
  content: "\e967"; }

.ca-icon-modul_NI:before {
  content: "\e968"; }

.ca-icon-modul_WE:before {
  content: "\e969"; }

.ca-icon-manual:before {
  content: "\e95e"; }

.ca-icon-modul_AN:before {
  content: "\e95d"; }

.ca-icon-modul_ANP:before {
  content: "\e95d"; }

.ca-icon-undo:before {
  content: "\e901"; }

.ca-icon-plus:before {
  content: "\e114"; }

.ca-icon-minus:before {
  content: "\e115"; }

.ca-icon-check:before {
  content: "\e116"; }

.ca-icon-menu:before {
  content: "\e120"; }

.ca-icon-info:before {
  content: "\e601"; }

.ca-icon-logout:before {
  content: "\e602"; }

.ca-icon-more:before, .ca-icon-icon_more:before {
  content: "\e603"; }

.ca-icon-modul_AV:before {
  content: "\e604"; }

.ca-icon-modul_KA001:before {
  content: "\e605"; }

.ca-icon-modul_PM:before {
  content: "\e606"; }

.ca-icon-modul_PWB:before {
  content: "\e60b"; }

.ca-icon-modul_RK:before {
  content: "\e60c"; }

.ca-icon-modul_TKA:before {
  content: "\e613"; }

.ca-icon-modul_VI:before {
  content: "\e614"; }

.ca-icon-info_geburtstag:before {
  content: "\e615"; }

.ca-icon-info_krank:before {
  content: "\e616"; }

.ca-icon-modul_KU:before {
  content: "\e617"; }

.ca-icon-info_kunde:before {
  content: "\e618"; }

.ca-icon-info_sonstiges:before {
  content: "\e619"; }

.ca-icon-info_termin:before {
  content: "\e61a"; }

.ca-icon-modul_RC:before {
  content: "\e902"; }

.ca-icon-modul_RCP:before {
  content: "\e902"; }

.ca-icon-modul_STATS:before {
  content: "\e903"; }

.ca-icon-modul_OP:before {
  content: "\e904"; }

.ca-icon-modul_SV:before {
  content: "\e920"; }

.ca-icon-zoom-out:before {
  content: "\e905"; }

.ca-icon-zoom-in:before {
  content: "\e906"; }

.ca-icon-border-right:before {
  content: "\e907"; }

.ca-icon-border-top:before {
  content: "\e908"; }

.ca-icon-border-left:before {
  content: "\e909"; }

.ca-icon-format:before {
  content: "\e90a"; }

.ca-icon-border-bottom:before {
  content: "\e90b"; }

.ca-icon-search:before {
  content: "\e90c"; }

.ca-icon-chevron-thin-up:before {
  content: "\e90d"; }

.ca-icon-chevron-thin-left:before {
  content: "\e90e"; }

.ca-icon-close:before {
  content: "\e90f"; }

.ca-icon-chevron-thin-right:before {
  content: "\e910"; }

.ca-icon-chevron-thin-down:before {
  content: "\e911"; }

.ca-icon-modul_IF_alt:before {
  content: "\e912"; }

.ca-icon-warning_alt:before {
  content: "\e913"; }

.ca-icon-loading:before {
  content: "\e914"; }

.ca-icon-information:before, .ca-icon-icon_info:before {
  content: "\e915"; }

.ca-icon-edit:before {
  content: "\e916"; }

.ca-icon-modul_DO:before {
  content: "\e917"; }

.ca-icon-reload:before {
  content: "\e918"; }

.ca-icon-modul_FA:before {
  content: "\e919"; }

.ca-icon-modul_LAE:before {
  content: "\e91a"; }

.ca-icon-configure:before {
  content: "\e91b"; }

.ca-icon-download:before {
  content: "\e91c"; }

.ca-icon-upload:before {
  content: "\e91d"; }

.ca-icon-favorite-filled:before {
  content: "\e91e"; }

.ca-icon-favorite:before, .ca-icon-icon_favorite:before {
  content: "\e91f"; }

.ca-icon-document:before {
  content: "\e920"; }

.ca-icon-unlink:before {
  content: "\e921"; }

.ca-icon-link:before {
  content: "\e922"; }

.ca-icon-document-file-gif:before {
  content: "\e923"; }

.ca-icon-document-file-zip:before {
  content: "\e924"; }

.ca-icon-document-file-tiff:before {
  content: "\e925"; }

.ca-icon-document-file-png:before {
  content: "\e926"; }

.ca-icon-document-file-jpg:before {
  content: "\e927"; }

.ca-icon-document-file-pdf:before {
  content: "\e928"; }

.ca-icon-group:before {
  content: "\e929"; }

.ca-icon-info_urlaub:before {
  content: "\e92a"; }

.ca-icon-relation:before {
  content: "\e92b"; }

.ca-icon-home:before {
  content: "\e92c"; }

.ca-icon-modul_PR:before {
  content: "\e92d"; }

.ca-icon-url:before {
  content: "\e92e"; }

.ca-icon-modul_EM:before {
  content: "\e92f"; }

.ca-icon-EM_send:before {
  content: "\e930"; }

.ca-icon-email:before {
  content: "\e931"; }

.ca-icon-modul_ME:before {
  content: "\e932"; }

.ca-icon-modul_SE:before {
  content: "\e933"; }

.ca-icon-modul_LIE:before {
  content: "\e934"; }

.ca-icon-modul_VC:before {
  content: "\e935"; }

.ca-icon-notification_center:before {
  content: "\e936"; }

.ca-icon-show:before {
  content: "\e937"; }

.ca-icon-hide:before {
  content: "\e938"; }

.ca-icon-distance_0:before {
  content: "\e939"; }

.ca-icon-distance_1:before {
  content: "\e93a"; }

.ca-icon-distance_2:before {
  content: "\e93b"; }

.ca-icon-distance_3:before {
  content: "\e93c"; }

.ca-icon-filter:before {
  content: "\e93d"; }

.ca-icon-menu-list:before {
  content: "\e93e"; }

.ca-icon-modul_IF:before {
  content: "\e93f"; }

.ca-icon-modul_KU2:before {
  content: "\e940"; }

.ca-icon-modul_MI1:before {
  content: "\e941"; }

.ca-icon-modul_KA:before {
  content: "\e942"; }

.ca-icon-modul_MK:before {
  content: "\e915"; }

.ca-icon-chart-line:before {
  content: "\e943"; }

.ca-icon-chart-pie:before {
  content: "\e944"; }

.ca-icon-chart-bar-h:before {
  content: "\e945"; }

.ca-icon-chart-bar-v:before {
  content: "\e946"; }

.ca-icon-grid:before {
  content: "\e947"; }

.ca-icon-print:before {
  content: "\e948"; }

.ca-icon-reply-all:before {
  content: "\e949"; }

.ca-icon-reply:before {
  content: "\e94a"; }

.ca-icon-stop:before {
  content: "\e94b"; }

.ca-icon-play:before {
  content: "\e94c"; }

.ca-icon-pin:before {
  content: "\e94d"; }

.ca-icon-mehrfachauswahl:before {
  content: "\e94e"; }

.ca-icon-modul_KA012:before {
  content: "\e94f"; }

.ca-icon-modul_KA011:before {
  content: "\e950"; }

.ca-icon-modul_TKA12:before {
  content: "\e951"; }

.ca-icon-modul_TKA11:before {
  content: "\e952"; }

.ca-icon-modul_PE012:before {
  content: "\e953"; }

.ca-icon-modul_PE011:before {
  content: "\e954"; }

.ca-icon-zeiterfassung_pause:before {
  content: "\e955"; }

.ca-icon-zeiterfassung_stop:before {
  content: "\e956"; }

.ca-icon-zeiterfassung_play:before {
  content: "\e957"; }

.ca-icon-screen-desktop:before {
  content: "\e958"; }

.ca-icon-sidebar-left:before {
  content: "\e959"; }

.ca-icon-screen-phone:before {
  content: "\e95a"; }

.ca-icon-screen-tablet:before {
  content: "\e95b"; }

.ca-icon-sidebar-right:before {
  content: "\e95c"; }

.ca-icon-sort:before {
  content: "\e900"; }

.ca-icon-sort-asc:before {
  content: "\ea4c"; }

.ca-icon-sort-desc:before {
  content: "\ea4d"; }

.ca-icon-clock:before {
  content: "\f403"; }

.ca-icon-map:before {
  content: "\f455"; }

.ca-icon-modul_PE:before {
  content: "\f48e"; }

.ca-icon-phone:before {
  content: "\f4b8"; }

.ca-icon-trash:before {
  content: "\f4c4"; }

.ca-icon-warning:before {
  content: "\e913"; }

/**
 * Definitions for title bars and tab bars.
 */
.app-panel-bar {
  background-color: #505050; }

.with-labels .bar {
  height: 60px; }
  .with-labels .bar.tabs .tab .in-icon {
    margin-top: -11px; }

.dock-mode .topbar-always-visible,
.dock-mode .bottombar-always-visible {
  height: 38px; }
  .dock-mode .topbar-always-visible.tabs .tab .in-icon,
  .dock-mode .bottombar-always-visible.tabs .tab .in-icon {
    margin-top: -3px; }

.sidebar .inherit-colors .bar.tabs .tab.active {
  background-color: rgba(20, 20, 20, 0.15); }

.sidebar .bar.tabs .tab {
  margin: 0; }
  .sidebar .bar.tabs .tab.toggleAllLeft {
    min-width: 50%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: inherit; }
  .sidebar .bar.tabs .tab.toggleAllRight {
    min-width: 50%;
    border: 1px solid;
    border-color: inherit; }
  .sidebar .bar.tabs .tab.active {
    border-radius: 0; }

.layout-border-bottom .bar,
.layout-border-top .bar {
  height: 43px; }
  .layout-border-bottom .bar .button.main-action,
  .layout-border-top .bar .button.main-action {
    height: 33px;
    padding: 0 2px; }

.layout-border-bottom .no-border-top .bar,
.layout-border-top .no-border-top .bar {
  height: 44px; }
  .layout-border-bottom .no-border-top .bar .button.main-action,
  .layout-border-top .no-border-top .bar .button.main-action {
    height: 34px; }

/*.element-colorised {
    .bar {
        &.has-bar-top {
            top: $bar-height-colorised;
        }
    }
}*/
.bar {
  overflow: hidden !important;
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 44px;
  font-size: 0;
  border-color: inherit; }
  .bar.inline {
    position: relative;
    left: initial;
    top: initial;
    right: initial; }
  .bar.inline-v {
    position: relative;
    width: 100%; }
  .bar.small {
    height: 32px;
    padding: 4px; }
    .bar.small .button {
      height: 32px;
      border-radius: 4px;
      min-width: 32px;
      justify-content: center; }
      .bar.small .button .icon {
        font-size: 16px; }
  .bar.vertical {
    flex-direction: column;
    left: auto;
    bottom: 0;
    width: 44px;
    height: auto;
    align-items: center; }
    .bar.vertical.tabs .tab {
      min-width: initial;
      max-width: initial;
      min-height: 40px;
      max-height: 60px;
      align-self: stretch;
      margin: 0; }
      .bar.vertical.tabs .tab.sunken-icon {
        margin: 4px 0 0 0; }
        .bar.vertical.tabs .tab.sunken-icon ~ .sunken-icon {
          margin-left: 0;
          margin-top: 0; }
        .bar.vertical.tabs .tab.sunken-icon:last-of-type {
          margin-right: 0;
          margin-bottom: 4px; }
      .bar.vertical.tabs .tab.active {
        border-radius: 1px; }
  .bar.bottom {
    top: initial;
    bottom: 0; }
  .bar.has-bar-top {
    top: 44px; }
  .bar.border-bottom {
    height: 43px; }
    .bar.border-bottom .button {
      height: 43px; }
    .bar.border-bottom .button.inset {
      height: 35px; }
    .bar.border-bottom.thick {
      height: 42px; }
      .bar.border-bottom.thick .button {
        height: 42px; }
      .bar.border-bottom.thick.border-top {
        height: 40px; }
        .bar.border-bottom.thick.border-top .button {
          height: 40px; }
    .bar.border-bottom.border-top {
      height: 42px; }
  .bar.border-top {
    height: 43px; }
    .bar.border-top .button {
      height: 43px; }
    .bar.border-top.thick {
      height: 42px; }
      .bar.border-top.thick .button {
        height: 42px; }
      .bar.border-top.thick.border-bottom {
        height: 40px; }
        .bar.border-top.thick.border-bottom .button {
          height: 40px; }
    .bar.border-top.border-bottom {
      height: 42px; }
  .bar.dock-mode {
    height: 38px; }
  .bar.with-labels {
    height: 60px; }
  .bar.with-labels.tabs .tab .in-icon, .bar.dock-mode.tabs .tab .in-icon {
    margin-top: -11px; }
  .bar.center {
    justify-content: center; }
  .bar.tabs {
    justify-content: center; }
    .bar.tabs.left {
      justify-content: flex-start; }
    .bar.tabs.right {
      justify-content: flex-end; }
    .bar.tabs.full-width .tab {
      max-width: initial; }
    .bar.tabs .tab {
      position: relative;
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      max-width: 70px;
      min-width: 40px;
      font-size: 32px;
      color: inherit;
      margin: 0; }
      .bar.tabs .tab:hover {
        cursor: pointer; }
      .bar.tabs .tab:before {
        flex: 1;
        font-size: 32px;
        text-align: center; }
      .bar.tabs .tab:empty:before {
        left: 50%; }
      .bar.tabs .tab.separator {
        border-color: rgba(0, 0, 0, 0.125); }
        .bar.tabs .tab.separator.left {
          border-left-width: 1px;
          border-left-style: solid; }
        .bar.tabs .tab.separator.right {
          border-right-width: 1px;
          border-right-style: solid; }
      .bar.tabs .tab:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      .bar.tabs .tab.active {
        border-radius: 1px; }
      .bar.tabs .tab .in-icon {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        font-size: 11px;
        line-height: 100%;
        text-align: center;
        margin-top: -4px; }
      .bar.tabs .tab .tr-icon {
        position: absolute;
        right: -8px;
        top: -6px;
        width: 100%;
        font-size: 16px;
        line-height: 100%;
        text-align: center; }
      .bar.tabs .tab .label {
        font-size: 12px; }
      .bar.tabs .tab.icon {
        flex-direction: column;
        font-size: 26px;
        line-height: 100%; }
        .bar.tabs .tab.icon .ca-icon-sort-asc,
        .bar.tabs .tab.icon .ca-icon-sort-desc {
          font-size: 20px; }
        .bar.tabs .tab.icon .label {
          display: flex;
          font-size: 11px; }
        .bar.tabs .tab.icon.indicator {
          background: radial-gradient(circle at center, #f44 22px, transparent 22px); }
      .bar.tabs .tab.sunken-icon {
        margin: 0 0 0 4px;
        background-color: #404040; }
        .bar.tabs .tab.sunken-icon ~ .sunken-icon {
          margin-left: 0; }
        .bar.tabs .tab.sunken-icon:hover {
          background-color: #333333; }
      .bar.tabs .tab.multi {
        align-items: center;
        flex-direction: column; }
        .bar.tabs .tab.multi .row {
          min-width: 50px; }
          .bar.tabs .tab.multi .row:first-child {
            border-bottom: 1px rgba(255, 255, 255, 0.25) solid; }
          .bar.tabs .tab.multi .row .col {
            min-width: 25px;
            text-align: center; }
            .bar.tabs .tab.multi .row .col:first-child {
              border-right: 1px rgba(255, 255, 255, 0.25) solid; }
              .bar.tabs .tab.multi .row .col:first-child:last-child {
                border-right: none; }
            .bar.tabs .tab.multi .row .col .icon {
              font-size: 24px;
              line-height: 20px; }
      .bar.tabs .tab .icon {
        font-size: 20px; }
  .bar label {
    font-size: 12px;
    padding: 14px 0 0 16px; }
  .bar .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    padding-top: 15px; }
    .bar .title.has-subtitle {
      padding-top: 7px; }
    .bar .title .list-search-sub-title {
      display: inline-block;
      font-weight: 400;
      margin-top: 2px; }
  .bar .left {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: left; }
  .bar .center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center; }
  .bar .right {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: right; }
  .bar .button {
    height: 44px;
    font-size: 20px; }
  .bar.with-labels .button {
    height: 60px; }
  .bar.dock-mode .button {
    height: 38px; }
  .bar form {
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
    min-width: 132px;
    color: #888;
    background-color: #fafafa; }
    .bar form .input {
      flex: 1;
      display: flex;
      width: initial;
      font-size: 16px;
      padding: 0; }
      .bar form .input .button {
        font-size: 16px;
        color: inherit; }
        .bar form .input .button .ca-icon-search {
          font-size: 20px; }
      .bar form .input.indicator-left input {
        padding-left: 44px; }
      .bar form .input.indicator-right input {
        padding-right: 44px; }
      .bar form .input input {
        width: auto;
        flex: 1;
        line-height: 18px;
        color: inherit;
        background-color: inherit;
        padding: 0 16px;
        border-top: none;
        border-left: none;
        border-right: none; }
        .bar form .input input:active, .bar form .input input:focus {
          background-color: #fff2cc;
          border-color: #d3bc69; }

/**
 * Definitions for buttons.
 */
.bar .button,
.collection-header .button,
.ca-overlay-actions .button {
  box-shadow: none;
  border-bottom: none;
  padding-top: 0; }

.list-entry-actions.selection-border {
  border-right: 1px rgba(255, 255, 255, 0.2) solid;
  align-items: center; }
  .list-entry-actions.selection-border.selection-table {
    border-color: #eee;
    border-bottom: 1px #eee solid; }

.list-entry-actions.below .button.bordered {
  overflow: hidden;
  color: var(--color, inherit);
  border: 1px var(--border-color) solid;
  background: transparent; }

.list-entry-actions.right .button.bordered {
  border-left: 1px var(--border-color) solid;
  border-right: none; }

.list-entry-actions .button.bordered {
  height: auto;
  border-right: 1px var(--border-color) solid; }

.button.inset {
  margin-top: 4px;
  height: 35px; }

.button.active {
  background-color: rgba(0, 0, 0, 0.075); }

.bar .button {
  vertical-align: top;
  white-space: nowrap; }
  .bar .button.bordered {
    height: 43px;
    border-right: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid; }
  .bar .button.bordered-full {
    height: 36px;
    border: 1px #e2e2e2 solid;
    margin-top: 4px;
    padding: 0 4px; }
  .bar .button .label {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 1px; }

.disabled .button.action-icon-left, .disabled .button.action-icon-right {
  top: 0; }

.button {
  position: relative;
  min-width: 28px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  color: inherit;
  padding: 0 8px;
  border-bottom: 1px transparent solid;
  box-shadow: 1px 1px 3px #aaa; }
  .button:hover {
    cursor: pointer; }
  .button:before {
    flex: 1;
    font-size: 22px;
    padding-right: 8px; }
  .button:active, .button:focus {
    outline-style: none; }
  .button.disabled {
    opacity: 0.4; }
    .button.disabled:hover {
      cursor: initial;
      background-color: transparent; }
  .button.no-shadow {
    box-shadow: none; }
  .button.no-border {
    border: none; }
  .button.label.icon .icon {
    margin-right: 0; }
  .button.size-medium.icon {
    min-width: 24px; }
    .button.size-medium.icon .icon {
      width: 24px;
      font-size: 24px; }
  .button.icon {
    justify-content: flex-start; }
    .button.icon:empty:before {
      padding-right: 0; }
    .button.icon .icon {
      display: flex;
      justify-content: center;
      position: relative;
      width: 28px;
      font-size: 20px;
      margin-right: 8px; }
      .button.icon .icon:last-child {
        margin-right: 0; }
      .button.icon .icon.small {
        font-size: 16px; }
      .button.icon .icon.smaller {
        font-size: 16px; }
      .button.icon .icon.has-action-icon {
        font-size: 20px; }
      .button.icon .icon .in-icon {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        font-family: "Inter UI", "Segoe UI", "Liberation Sans", "HelveticaNeue", sans-serif;
        font-size: 10px;
        line-height: 100%;
        text-align: center;
        margin-top: -4px; }
      .button.icon .icon .action-icon {
        position: absolute;
        left: 4px;
        top: -2px;
        bottom: auto;
        font-family: "Inter UI", "Segoe UI", "Liberation Sans", "HelveticaNeue", sans-serif;
        font-size: 10px;
        line-height: 100%;
        text-align: left; }
        .button.icon .icon .action-icon.right {
          left: auto;
          top: -8px;
          right: -4px; }
  .button.pager {
    font-size: 14px; }
    .button.pager.active span {
      border-color: inherit; }
    .button.pager span {
      display: block;
      min-width: 14px;
      border: 1px transparent solid;
      border-radius: 1px;
      padding: 6px; }
  .button.block {
    display: flex;
    flex: 1; }
  .button.sidebar-relevator-phone {
    display: inline-flex; }
    @media only screen and (min-width: 567px) {
      .button.sidebar-relevator-phone {
        display: none; } }
  .button.sidebar-relevator-tablet {
    display: inline-flex; }
    @media only screen and (min-width: 867px) {
      .button.sidebar-relevator-tablet {
        display: none; } }
  .button.action-icon-left {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding-left: 0;
    padding-right: 0; }
  .button.action-icon-right {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    padding-left: 0;
    padding-right: 0; }
  .button.popup-button {
    display: flex;
    height: initial;
    align-self: stretch; }
    .button.popup-button:hover, .button.popup-button:focus {
      background-color: rgba(0, 0, 0, 0.075); }
    .button.popup-button.disabled:hover, .button.popup-button.disabled:focus {
      background-color: inherit; }
    .button.popup-button .icon {
      font-size: 20px; }
  .button.dot-color .label {
    position: relative;
    padding-left: 28px; }
    .button.dot-color .label .label-dot-color {
      position: absolute;
      left: 0;
      top: -4px;
      width: 20px;
      height: 20px;
      color: #e2e2e2;
      background-color: #e2e2e2;
      border-radius: 20px;
      border: 2px #fff solid; }
  .button .inline-border-left {
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background-color: #505050; }
  .button .inline-border-right {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background-color: #505050; }
  .button .label.small {
    font-size: 0.8em;
    display: flex;
    align-items: center; }

/**
 * Definitions for collections (lists of content).
 */
ca-button-list {
  display: flex;
  flex-direction: column;
  border-color: inherit; }

ca-button-list + ca-button-list .collection.items-bordered.no-header {
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-color: inherit !important; }

.collapse-to-mini.hidden.sidebar.right .collection ca-button-list-item {
  left: 0;
  transition: left 0.2s ease-in-out;
  height: 44px; }
  .collapse-to-mini.hidden.sidebar.right .collection ca-button-list-item:last-child:hover {
    margin-bottom: -1px; }
  .collapse-to-mini.hidden.sidebar.right .collection ca-button-list-item:hover {
    height: 43px;
    left: -210px;
    background-color: var(--bg-color, #f2f2f2);
    border-left-width: 1px;
    border-left-style: solid;
    transition: left 0.2s ease-in-out;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    margin-top: -1px; }

.collapse-to-mini.hidden.sidebar.left .collection ca-button-list-item {
  right: 0;
  transition: right 0.2s ease-in-out;
  height: 44px; }
  .collapse-to-mini.hidden.sidebar.left .collection ca-button-list-item:last-child:hover {
    margin-bottom: -1px; }
  .collapse-to-mini.hidden.sidebar.left .collection ca-button-list-item:hover {
    right: -210px;
    background-color: var(--bg-color, #f2f2f2);
    border-right-width: 1px;
    border-right-style: solid;
    transition: right 0.2s ease-in-out;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    margin-top: -1px; }

.collection {
  border-color: inherit; }
  .collection ca-button-list-item {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: inherit; }
    .collection ca-button-list-item.last-item-border:last-child {
      border-bottom-color: rgba(0, 0, 0, 0.05); }
    .collection ca-button-list-item:last-child {
      border-bottom: none; }
    .collection ca-button-list-item.border-top {
      border-top: 1px rgba(0, 0, 0, 0.05) solid; }
    .collection ca-button-list-item .collection-item-container {
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center; }
  .collection .collection-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 27px;
    font-size: 85%;
    font-weight: 500;
    padding: 0 8px;
    background-color: #e2e2e2;
    border-bottom: 1px #e2e2e2 solid;
    border-top-width: 1px;
    border-top-style: solid; }
    .collection .collection-header.collection-header-transparent {
      background-color: rgba(255, 255, 255, 0.4);
      border-color: rgba(255, 255, 255, 0.25); }
  .collection .collection-header-editor {
    min-height: 44px;
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0.045);
    border-color: #d2d2d2; }
  .collection .collection-items {
    border-color: inherit; }
  .collection div:first-child .collection-item.border-top {
    border: none; }

.collection-items-hidden .collection-items {
  display: none; }

.collection-items.hidden {
  display: none; }

.inherit-colors.collection .collection-header {
  background-color: rgba(20, 20, 20, 0.075); }

.inherit-colors .collection-item {
  color: inherit; }
  .inherit-colors .collection-item.active-check {
    color: inherit; }

.element-colorised .collection-item.dot-color .label .label-dot-color {
  border-color: rgba(0, 0, 0, 0.75); }

ca-generic-layout-sidebar .collection-item .label {
  padding: 0; }
  ca-generic-layout-sidebar .collection-item .label .label-content {
    display: flex;
    align-items: center;
    white-space: pre-wrap; }

.collection-item {
  overflow: hidden;
  display: flex;
  flex: 1;
  align-items: stretch;
  align-self: stretch;
  justify-content: flex-start;
  min-height: 43px;
  text-decoration: none;
  line-height: 0;
  color: inherit; }
  .collection-item.active-check {
    color: #505050; }
  .collection-item.selected {
    color: #fff;
    background-color: #404040; }
    .collection-item.selected.active-check {
      color: #fff; }
    .collection-item.selected:hover, .collection-item.selected:focus {
      color: #fff;
      background-color: #404040; }
    .collection-item.selected .label .badges .badge {
      color: rgba(255, 255, 255, 0.75);
      border-color: rgba(255, 255, 255, 0.25); }
  .collection-item.header {
    font-weight: 500;
    color: inherit; }
  .collection-item.dot-color .label {
    position: relative;
    padding-left: 28px; }
    .collection-item.dot-color .label .label-dot-color {
      position: absolute;
      left: 0;
      top: 4px;
      width: 20px;
      height: 20px;
      color: #e2e2e2;
      background-color: #e2e2e2;
      border-radius: 20px;
      border: 2px #fff solid; }
  .collection-item:hover {
    background-color: var(--color-list-hover); }
  .collection-item .label-container {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; }
  .collection-item .sub-label {
    min-height: 12px;
    white-space: nowrap;
    font-size: 85%;
    line-height: 100%;
    padding: 0;
    opacity: 0.8; }
  .collection-item.has-badges .label {
    padding: 10px 4px 8px 0; }
  .collection-item.has-badges .label.has-sub-label {
    padding-bottom: 0; }
  .collection-item.has-badges .sub-label {
    padding-bottom: 8px; }
  .collection-item .label {
    position: relative;
    flex-direction: row;
    display: flex;
    flex: initial;
    line-height: 1.4em;
    align-items: center; }
    .collection-item .label .label-content {
      flex: 1; }
    .collection-item .label strong {
      font-weight: 500; }
    .collection-item .label .badges {
      flex: initial; }
      .collection-item .label .badges .badge {
        display: inline-block;
        font-size: 10px;
        color: rgba(0, 0, 0, 0.6);
        margin-right: 8px;
        padding: 3px 4px 2px 4px;
        border: 1px rgba(0, 0, 0, 0.1) solid;
        border-radius: 4px; }
        .collection-item .label .badges .badge .badge-icon {
          display: inline-block;
          min-width: 29px;
          text-align: center; }
          .collection-item .label .badges .badge .badge-icon .icon {
            margin-right: 0; }
      .collection-item .label .badges .badge:last-child {
        margin-right: 0; }
  .collection-item .left {
    display: flex;
    flex: 1;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .collection-item .left.separator {
      border-right: 1px rgba(0, 0, 0, 0.05) solid; }
  .collection-item .right {
    display: flex;
    flex: 1;
    max-width: 36px;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .collection-item .right.separator {
      border-left: 1px rgba(0, 0, 0, 0.05) solid; }
  .collection-item .icon {
    overflow: hidden;
    font-size: 20px; }
    .collection-item .icon.item-icon {
      display: flex;
      min-width: 43px;
      min-height: 43px;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .collection-item .icon.item-icon.ltr {
        /* margin-right: 8px; */ }
      .collection-item .icon.item-icon.rtl {
        /* margin-left: 8px; */ }

.collection-item-button {
  flex: 1;
  max-width: 27px;
  height: auto;
  min-height: 43px;
  align-self: stretch;
  font-size: 20px;
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: inherit !important; }

.switch-button {
  position: relative;
  width: 40px;
  height: 25px;
  margin-right: 10px; }

.switch-button input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  -webkit-transition: .6s;
  background-color: grey;
  transition: .6s;
  border-radius: 30px; }
  .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .6s;
    transition: .6s;
    border-radius: 50%; }

input:checked + .slider {
  opacity: 1.0; }

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px); }

.ca-sidebar-related-data .collection-item.padding-left-small {
  padding-left: 0 !important; }

.ca-sidebar-related-data .collection-item.padding-right-small {
  padding-right: 0 !important; }

.ca-button-tiles {
  font-size: 0;
  text-align: left; }
  .ca-button-tiles.inset {
    margin: 16px;
    padding: 0; }
  .ca-button-tiles .ca-button-tile {
    position: relative;
    display: inline-block;
    white-space: pre;
    width: 33.3%;
    height: 100px; }
    .ca-button-tiles .ca-button-tile > div {
      position: absolute;
      left: 1px;
      top: 1px;
      right: 1px;
      bottom: 1px;
      background-color: rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 567px) {
      .ca-button-tiles .ca-button-tile {
        width: 25%; } }
    @media only screen and (min-width: 867px) {
      .ca-button-tiles .ca-button-tile {
        width: 20%; } }
    @media only screen and (min-width: 1024px) {
      .ca-button-tiles .ca-button-tile {
        width: 10%; } }
    .ca-button-tiles .ca-button-tile .icon {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 24px;
      height: 76px;
      font-size: 44px;
      text-align: center; }
      .ca-button-tiles .ca-button-tile .icon:before {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 44px;
        margin-left: -22px;
        margin-top: -22px; }
    .ca-button-tiles .ca-button-tile .label {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      font-size: 12px;
      text-align: center;
      padding: 0 8px 8px 8px; }

.dock-mode .ca-oc-container {
  position: relative;
  flex: initial;
  min-width: initial;
  border: none; }
  .dock-mode .ca-oc-container:hover .ca-oc-title, .dock-mode .ca-oc-container:focus .ca-oc-title {
    background-color: rgba(0, 0, 0, 0.1); }
  .dock-mode .ca-oc-container:hover .ca-oc-menu, .dock-mode .ca-oc-container:focus .ca-oc-menu {
    display: flex;
    flex-direction: column; }
    .dock-mode .ca-oc-container:hover .ca-oc-menu.has-menu-blocks, .dock-mode .ca-oc-container:focus .ca-oc-menu.has-menu-blocks {
      flex-direction: row; }
      .dock-mode .ca-oc-container:hover .ca-oc-menu.has-menu-blocks > div, .dock-mode .ca-oc-container:focus .ca-oc-menu.has-menu-blocks > div {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: inherit; }
        .dock-mode .ca-oc-container:hover .ca-oc-menu.has-menu-blocks > div:last-child, .dock-mode .ca-oc-container:focus .ca-oc-menu.has-menu-blocks > div:last-child {
          border-right: none; }
  .dock-mode .ca-oc-container:first-child .ca-oc-title {
    border-left: none; }
  .dock-mode .ca-oc-container.ca-menu-odd.ca-menu-bottom, .dock-mode .ca-oc-container.ca-menu-even.ca-menu-bottom, .dock-mode .ca-oc-container.ca-menu-odd.ca-menu-top, .dock-mode .ca-oc-container.ca-menu-even.ca-menu-top {
    background: transparent; }

.dock-mode .ca-oc-title {
  background-color: transparent;
  box-shadow: none;
  padding: 11px 32px 11px 8px; }

.dock-mode .ca-organized-cards {
  flex-wrap: nowrap; }

.dock-mode.bottombar .ca-oc-menu {
  bottom: 35px;
  box-shadow: 0 -7px 12px -3px #333;
  border-top: 1px var(--ca-chrome-menu-border-color, #707070) solid; }

.dock-mode.topbar .ca-organized-cards {
  margin-top: 36px; }

.dock-mode.topbar .ca-oc-menu {
  top: 35px;
  box-shadow: 0 7px 12px -3px #333;
  border-bottom: 1px var(--ca-chrome-menu-border-color, #707070) solid; }

.dock-mode.topbar .ca-oc-title {
  padding: 12px 32px 10px 8px; }

.dock-mode .ca-oc-menu {
  z-index: 4;
  display: none;
  position: absolute;
  left: auto;
  right: auto;
  border-left: 1px var(--ca-chrome-menu-border-color, #707070) solid;
  border-right: 1px var(--ca-chrome-menu-border-color, #707070) solid; }
  .dock-mode .ca-oc-menu.fixed-right {
    right: 0; }

.dock-mode .ca-oc-menu-inner {
  left: auto;
  right: 0; }

.dock-mode .ca-oc-menu-item-padding {
  flex: 1;
  height: 100%;
  display: inline-block;
  border-right: 1px rgba(255, 255, 255, 0.25) dashed; }

.dock-mode .ca-oc-menu-item-content {
  min-width: 15em;
  min-height: 32px; }

.dock-mode .ca-oc-menu-block {
  border-bottom: none; }

.ca-oc-container {
  border-left: 1px var(--ca-chrome-menu-border-color, #707070) solid; }

.ca-oc-menu {
  background: var(--ca-chrome-bg, #505050); }

.ca-oc-menu-block {
  border-bottom: 1px var(--ca-chrome-menu-border-color) solid; }

.ca-oc-menu-title {
  padding: 11px 8px 4px 8px;
  display: block;
  font-size: 12px;
  font-weight: 500; }

.ca-oc-menu-item-content {
  display: flex;
  align-items: center;
  padding-left: 8px; }
  .ca-oc-menu-item-content .icon {
    display: flex;
    justify-content: center; }

.ca-organized-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.ca-oc-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 180px;
  color: var(--ca-chrome-fg);
  background-color: var(--ca-chrome-bg); }
  .ca-oc-container .button {
    font-size: 12px;
    color: inherit; }
    .ca-oc-container .button.active {
      background-color: rgba(0, 0, 0, 0.125); }
    .ca-oc-container .button span {
      text-align: left; }

.ca-oc-title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color);
  background-color: var(--ca-chrome-menu-border-color);
  padding: 10px 8px; }

.ca-oc-menu {
  flex: 1; }

.ca-oc-cards {
  display: flex;
  flex-wrap: wrap;
  min-width: 200px; }

.ca-oc-separator {
  font-size: 85%;
  color: var(--ca-chrome-fg-soft, rgba(255, 255, 255, 0.62));
  padding: 0 8px 0 12px; }

.ca-oc-tile {
  position: relative;
  display: inline-block;
  width: 99px;
  height: 99px;
  white-space: pre;
  margin: 0 1px 1px 0;
  color: var(--color);
  background-color: var(--colorBg); }
  .ca-oc-tile.active {
    background-color: rgba(0, 0, 0, 0.1); }
  .ca-oc-tile.large {
    width: 199px;
    height: 199px; }
    .ca-oc-tile.large .icon {
      height: 175px;
      font-size: 54px; }
      .ca-oc-tile.large .icon:before {
        width: 88px;
        margin-left: -44px;
        margin-top: -33px; }
  .ca-oc-tile > div {
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px; }
  .ca-oc-tile.no-label .icon {
    bottom: 0;
    height: 99px; }
  .ca-oc-tile .icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    height: 75px;
    font-size: 32px;
    text-align: center; }
    .ca-oc-tile .icon:before {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 44px;
      margin-left: -22px;
      margin-top: -16px; }
  .ca-oc-tile .label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    padding: 0 8px 8px 8px; }
  .ca-oc-tile.hover:hover {
    background-color: var(--colorBgHover); }

ca-calendar {
  height: 100%; }
  ca-calendar > div {
    height: 100%; }
    ca-calendar > div > div {
      display: flex;
      flex-direction: column;
      height: 100%; }
  ca-calendar .now {
    font-weight: 600; }
    ca-calendar .now.active {
      color: #505050;
      background-color: rgba(20, 20, 20, 0.1); }
      ca-calendar .now.active:hover, ca-calendar .now.active:focus {
        background-color: rgba(20, 20, 20, 0.1) !important; }
  ca-calendar.bright-fg .active {
    background-color: rgba(255, 255, 255, 0.15); }
    ca-calendar.bright-fg .active:hover, ca-calendar.bright-fg .active:focus {
      background-color: rgba(255, 255, 255, 0.15) !important; }
  ca-calendar .active {
    color: #505050;
    background-color: rgba(20, 20, 20, 0.085); }
    ca-calendar .active:hover, ca-calendar .active:focus {
      background-color: rgba(20, 20, 20, 0.085) !important; }

.ca-datepicker-header {
  text-align: center;
  flex: 0 23px !important;
  align-items: flex-end; }
  .ca-datepicker-header .col {
    font-weight: 200;
    font-size: 12px;
    text-align: right;
    border-radius: 0;
    padding: 0 6px 5px 0; }
  .ca-datepicker-header .ca-datepicker-curdate {
    font-size: 14px;
    text-align: left;
    color: inherit; }
    .ca-datepicker-header .ca-datepicker-curdate .ca-datepicker-curdate-month {
      font-weight: 400; }
    .ca-datepicker-header .ca-datepicker-curdate .ca-datepicker-curdate-year {
      font-weight: 400; }

.ca-datepicker-pager-button {
  display: inline-block;
  line-height: 100%;
  vertical-align: middle; }
  .ca-datepicker-pager-button a.button::before {
    vertical-align: middle;
    margin-top: -4px;
    line-height: 100%; }

.ca-datepicker-col-center {
  position: relative;
  top: 3px;
  display: inline-block;
  text-align: center; }

.bright-fg .ca-datepicker-weekdays .row .col.active {
  border-color: rgba(255, 255, 255, 0.15); }

.ca-datepicker-weekdays {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  flex-grow: 1; }
  .ca-datepicker-weekdays .row {
    flex-grow: 1;
    margin-top: 0; }
    .ca-datepicker-weekdays .row .col {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-content: stretch;
      text-align: right;
      font-size: 14px;
      color: inherit;
      border-top-width: 1px;
      border-top-style: solid;
      border-right-width: 1px;
      border-right-style: solid;
      border-radius: 0;
      padding: 4px 6px 0 0; }
      .ca-datepicker-weekdays .row .col:last-child {
        border-right: none; }
      .ca-datepicker-weekdays .row .col.disabled span {
        opacity: 0.3; }
      .ca-datepicker-weekdays .row .col.active {
        border-color: rgba(20, 20, 20, 0.085); }
      .ca-datepicker-weekdays .row .col.weekend span {
        opacity: 0.55; }
      .ca-datepicker-weekdays .row .col.weekend.active span {
        opacity: 0.65; }
      .ca-datepicker-weekdays .row .col.weekend.disabled span {
        opacity: 0.3; }
      .ca-datepicker-weekdays .row .col:hover, .ca-datepicker-weekdays .row .col:focus {
        background-color: rgba(0, 0, 0, 0.05); }

.ca-datepicker-dates {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  flex-grow: 1;
  flex-wrap: wrap; }
  .ca-datepicker-dates .row {
    flex-grow: 1;
    margin-top: 0; }
    .ca-datepicker-dates .row .col {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: stretch;
      text-align: center;
      color: inherit;
      border-top-width: 1px;
      border-top-style: solid;
      border-right-width: 1px;
      border-right-style: solid;
      border-radius: 0; }
      .ca-datepicker-dates .row .col:last-child {
        border-right: none; }
      .ca-datepicker-dates .row .col:hover, .ca-datepicker-dates .row .col:focus {
        background-color: rgba(0, 0, 0, 0.05); }

.chip {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  margin-right: 12px; }
  .chip .icon {
    font-size: 32px;
    vertical-align: inherit; }

/**
 * Definitions for colors.
 */
.module-0-root.dot-module-colored .label:before {
  color: #b13a12;
  background-color: #b13a12; }

.module-0 {
  color: #fff;
  background-color: #b13a12; }
  .module-0.hover:hover {
    background-color: #9a3210; }
  .module-0.paint {
    color: #b13a12;
    background-color: #b13a12; }
  .module-0.transparent {
    background-color: transparent; }
  .module-0.panel.sidebar {
    background-color: #b13a12; }
  .module-0 .tab.active, .module-0 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-0 .tab.active:hover, .module-0 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-0 .border-color-chameleon {
    border-color: #b13a12; }

.border-module-0 {
  border-color: #b13a12; }

.border-module-0-active {
  border-color: #6c230b; }

.module-1-root.dot-module-colored .label:before {
  color: #5e263f;
  background-color: #5e263f; }

.module-1 {
  color: #fff;
  background-color: #5e263f; }
  .module-1.hover:hover {
    background-color: #4c1f33; }
  .module-1.paint {
    color: #5e263f;
    background-color: #5e263f; }
  .module-1.transparent {
    background-color: transparent; }
  .module-1.panel.sidebar {
    background-color: #5e263f; }
  .module-1 .tab.active, .module-1 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-1 .tab.active:hover, .module-1 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-1 .border-color-chameleon {
    border-color: #5e263f; }

.border-module-1 {
  border-color: #5e263f; }

.border-module-1-active {
  border-color: #28101a; }

.module-2-root.dot-module-colored .label:before {
  color: #347E8B;
  background-color: #347E8B; }

.module-2 {
  color: #fff;
  background-color: #347E8B; }
  .module-2.hover:hover {
    background-color: #2d6d78; }
  .module-2.paint {
    color: #347E8B;
    background-color: #347E8B; }
  .module-2.transparent {
    background-color: transparent; }
  .module-2.panel.sidebar {
    background-color: #347E8B; }
  .module-2 .tab.active, .module-2 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-2 .tab.active:hover, .module-2 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-2 .border-color-chameleon {
    border-color: #347E8B; }

.border-module-2 {
  border-color: #347E8B; }

.border-module-2-active {
  border-color: #1f4c53; }

.module-3-root.dot-module-colored .label:before {
  color: #c89508;
  background-color: #c89508; }

.module-3 {
  color: #fff;
  background-color: #c89508; }
  .module-3.hover:hover {
    background-color: #af8307; }
  .module-3.paint {
    color: #c89508;
    background-color: #c89508; }
  .module-3.transparent {
    background-color: transparent; }
  .module-3.panel.sidebar {
    background-color: #c89508; }
  .module-3 .tab.active, .module-3 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-3 .tab.active:hover, .module-3 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-3 .border-color-chameleon {
    border-color: #c89508; }

.border-module-3 {
  border-color: #c89508; }

.border-module-3-active {
  border-color: #7e5e05; }

.module-4-root.dot-module-colored .label:before {
  color: #505050;
  background-color: #505050; }

.module-4 {
  color: #fff;
  background-color: #505050; }
  .module-4.hover:hover {
    background-color: #434343; }
  .module-4.paint {
    color: #505050;
    background-color: #505050; }
  .module-4.transparent {
    background-color: transparent; }
  .module-4.panel.sidebar {
    background-color: #505050; }
  .module-4 .tab.active, .module-4 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-4 .tab.active:hover, .module-4 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-4 .border-color-chameleon {
    border-color: #505050; }

.border-module-4 {
  border-color: #505050; }

.border-module-4-active {
  border-color: #2a2a2a; }

.module-5-root.dot-module-colored .label:before {
  color: #57a407;
  background-color: #57a407; }

.module-5 {
  color: #fff;
  background-color: #57a407; }
  .module-5.hover:hover {
    background-color: #4a8c06; }
  .module-5.paint {
    color: #57a407;
    background-color: #57a407; }
  .module-5.transparent {
    background-color: transparent; }
  .module-5.panel.sidebar {
    background-color: #57a407; }
  .module-5 .tab.active, .module-5 .tab:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.125); }
    .module-5 .tab.active:hover, .module-5 .tab:focus:hover {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.125); }
  .module-5 .border-color-chameleon {
    border-color: #57a407; }

.border-module-5 {
  border-color: #57a407; }

.border-module-5-active {
  border-color: #305b04; }

a {
  outline-color: transparent; }

.mail-tab-editor {
  -webkit-animation: mailTab 5s;
  -moz-animation: mailTab 5s;
  -o-animation: mailTab 5s;
  animation: mailTab 5s;
  color: #AAA; }

@-webkit-keyframes mailTab {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes mailTab {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes mailTab {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Standard syntax */
@keyframes mailTab {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.bar.border-top .button.primary,
.bar.border-bottom .button.primary {
  height: 39px; }

.button:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.button.primary {
  height: 40px;
  color: #fff;
  background-color: #3d93ae;
  margin: 2px;
  border-radius: 2px; }

.button.primary:hover {
  background-color: #3a859c; }

.transparent {
  color: transparent; }
  .transparent:hover, .transparent:focus {
    background-color: rgba(0, 0, 0, 0.1);
    outline-color: transparent; }
  .transparent.active {
    color: #404040;
    background-color: #fff; }

.inherit-colors .color-list-divider {
  color: inherit;
  background-color: rgba(20, 20, 20, 0.075); }
  .inherit-colors .color-list-divider .active {
    color: inherit;
    background-color: rgba(20, 20, 20, 0.15); }

.color-list-divider {
  color: #505050;
  background-color: #f2f2f2; }
  .color-list-divider .active {
    color: #404040;
    background-color: rgba(0, 0, 0, 0.1); }

.topbar-always-visible,
.bottombar-always-visible {
  color: var(--ca-chrome-fg);
  background-color: var(--ca-chrome-bg); }

.dock-mode app-menu-theme .element-colorised form .checkbox {
  --form-label-color: var(--ca-chrome-fg, $primary-color-contrast); }

.dock-mode .topbar-content,
.dock-mode .bottombar-content {
  color: var(--ca-chrome-fg, #fff);
  background-color: var(--ca-chrome-bg, #505050); }

.dock-mode .topbar-always-visible,
.dock-mode .bottombar-always-visible {
  color: var(--ca-chrome-fg, #fff);
  background-color: var(--ca-chrome-bg, #505050); }

.topbar-content,
.bottombar-content {
  color: #fff; }

.ca-oc-title {
  color: inherit; }

.ca-userpanel .list-entry-divider {
  background-color: var(--ca-chrome-list-divider-1-bg, rgba(0, 0, 0, 0.085)) !important; }
  .ca-userpanel .list-entry-divider.list-entry-divider-depth-1 {
    background-color: var(--ca-chrome-list-divider-2-bg, rgba(0, 0, 0, 0.058)) !important; }
  .ca-userpanel .list-entry-divider.list-entry-divider-depth-2 {
    background-color: var(--ca-chrome-list-divider-3-bg, rgba(0, 0, 0, 0.045)) !important; }

.ca-userpanel .panel.relative {
  background-color: var(--ca-chrome-bar-bg) !important; }

.sidebar .inherit-colors .color-list-divider {
  background-color: rgba(20, 20, 20, 0.075); }

.sidebar .inherit-colors.collection .collection-header {
  background-color: rgba(20, 20, 20, 0.25); }

.sidebar .color-list-divider {
  background-color: #e2e2e2; }

.sidebar .list-entry-col label {
  color: #888 !important; }

.sidebar .panel {
  background-color: inherit; }
  .sidebar .panel .ca-info-manager-auto-remove-bar {
    background-color: rgba(255, 255, 255, 0.25); }
  .sidebar .panel.sidebar {
    color: #eee !important;
    background-color: #616161 !important;
    border-color: #818181 !important; }
    .sidebar .panel.sidebar .bar {
      background-color: transparent !important; }
    .sidebar .panel.sidebar .collection-header {
      background-color: #717171 !important; }
    .sidebar .panel.sidebar .ca-datepicker-weekdays .row .col.active {
      background-color: rgba(255, 255, 255, 0.15) !important; }

.sidebar .opaque .active {
  background-color: rgba(255, 255, 255, 0.15); }

.sidebar .ca-info-manager,
.sidebar .ca-info-manager-secondary {
  background-color: #e1e1e1; }

app-menu .panel {
  background-color: #505050; }

.primary-no-hover, .primary {
  color: #fff;
  background-color: #505050;
  border-color: #505050; }
  .primary-no-hover .button, .primary .button {
    color: #fff;
    border-bottom: #434343; }
  .primary-no-hover .active, .primary .active {
    color: #505050;
    background-color: #fafafa; }
    .primary-no-hover .active:hover, .primary .active:hover, .primary-no-hover .active:focus, .primary .active:focus {
      color: #505050;
      background-color: #fff; }

.primary:hover, .primary:focus {
  background-color: #434343;
  outline-color: transparent; }

.primary.separator {
  border-color: #fff; }

.sidebar .opaque,
.ca-userpanel .opaque {
  background-color: rgba(0, 0, 0, 0.075); }
  .sidebar .opaque.bar.tabs .tab,
  .ca-userpanel .opaque.bar.tabs .tab {
    background-color: rgba(255, 255, 255, 0.62); }
    .sidebar .opaque.bar.tabs .tab .active, .sidebar .opaque.bar.tabs .tab.active,
    .ca-userpanel .opaque.bar.tabs .tab .active,
    .ca-userpanel .opaque.bar.tabs .tab.active {
      background-color: transparent; }
      .sidebar .opaque.bar.tabs .tab .active:hover, .sidebar .opaque.bar.tabs .tab.active:hover,
      .ca-userpanel .opaque.bar.tabs .tab .active:hover,
      .ca-userpanel .opaque.bar.tabs .tab.active:hover {
        background-color: transparent; }

.sidebar .opaque-active,
.ca-userpanel .opaque-active {
  background-color: rgba(0, 0, 0, 0.075); }
  .sidebar .opaque-active .checkbox input + label:before,
  .ca-userpanel .opaque-active .checkbox input + label:before {
    border-color: rgba(0, 0, 0, 0.5); }
  .sidebar .opaque-active .collection-header,
  .ca-userpanel .opaque-active .collection-header {
    background-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.125); }

.sidebar .opaque-shaded.bar,
.ca-userpanel .opaque-shaded.bar {
  border-color: rgba(0, 0, 0, 0.15); }
  .sidebar .opaque-shaded.bar.tabs .tab.active,
  .ca-userpanel .opaque-shaded.bar.tabs .tab.active {
    background-color: rgba(0, 0, 0, 0.15); }
  .sidebar .opaque-shaded.bar .active,
  .ca-userpanel .opaque-shaded.bar .active {
    background-color: rgba(0, 0, 0, 0.075); }

.opaque {
  color: #404040;
  border-color: inherit;
  background-color: #fafafa; }
  .opaque .button.pager.active {
    background-color: transparent; }
  .opaque .active, .opaque.active {
    background-color: #dbdbdb; }

.bright {
  color: #404040;
  border-color: inherit; }
  .bright.button {
    border-color: rgba(0, 0, 0, 0.05); }
  .bright:hover, .bright:focus {
    background-color: rgba(0, 0, 0, 0.05);
    outline-color: transparent; }
  .bright.active {
    color: #fff;
    background-color: #505050;
    outline-color: transparent; }
  .bright.disabled {
    color: rgba(0, 0, 0, 0.125); }
    .bright.disabled:hover, .bright.disabled:focus {
      background-color: inherit; }

.dark {
  color: #fff !important;
  background-color: #404040; }
  .dark.button {
    border-color: #333333; }
  .dark:hover, .dark:focus {
    background-color: #333333;
    outline-color: transparent; }
  .dark.separator {
    border-color: #333333; }

.sidebar .shaded, .sidebar .shaded-text-dark {
  color: #404040; }

.shaded, .shaded-text-dark {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1); }
  .shaded:hover, .shaded-text-dark:hover, .shaded:focus, .shaded-text-dark:focus {
    background-color: rgba(0, 0, 0, 0.125);
    outline-color: transparent; }
  .shaded.active, .active.shaded-text-dark,
  .shaded .active,
  .shaded-text-dark .active {
    background-color: rgba(0, 0, 0, 0.25); }
    .shaded.active:hover, .active.shaded-text-dark:hover, .shaded.active:focus, .active.shaded-text-dark:focus,
    .shaded .active:hover,
    .shaded-text-dark .active:hover,
    .shaded .active:focus,
    .shaded-text-dark .active:focus {
      background-color: rgba(0, 0, 0, 0.25) !important; }
  .shaded.disabled:hover, .disabled.shaded-text-dark:hover, .shaded.disabled:focus, .disabled.shaded-text-dark:focus {
    background-color: rgba(0, 0, 0, 0.1); }

.shaded-text-dark {
  color: #404040; }

.hover:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.no-hover {
  cursor: default; }
  .no-hover:hover, .no-hover:focus {
    cursor: default !important;
    background-color: transparent !important; }

.active-fg {
  color: #505050; }

.dark-fg {
  color: rgba(0, 0, 0, 0.5); }

.bright-fg {
  color: #fff; }
  .bright-fg.bar .title {
    color: #fff; }
  .bright-fg .button.pager.active span {
    border-color: #fff; }
  .bright-fg .list-entry-divider {
    color: #fff;
    background-color: transparent;
    border-top-color: transparent; }
  .bright-fg .list-entry-container {
    background-color: rgba(0, 0, 0, 0.125);
    border-top-color: rgba(0, 0, 0, 0.125) !important; }
  .bright-fg .dark-border {
    border-color: rgba(0, 0, 0, 0.125) !important; }
  .bright-fg ::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .bright-fg ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.125); }
  .bright-fg ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.135);
    border: 1px rgba(255, 255, 255, 0.1) solid; }
    .bright-fg ::-webkit-scrollbar-thumb:vertical {
      border-right: none; }

.ok-fg {
  color: #0a0; }

.error,
.error-fg {
  color: #b00; }

.panel-transparent {
  background-color: transparent; }

.phone-full-view {
  background-color: #505050; }

.editor-active-border {
  border-color: #b00 !important; }
  .editor-active-border.border-top {
    border-top-color: #6b0000 !important; }
  .editor-active-border.border-bottom {
    border-bottom-color: #6b0000 !important; }

.editor-active-fg {
  border-color: #b00 !important; }

.editor-active-bg {
  color: #fff !important;
  background-color: #b00 !important; }

.bar.tabs.tab-row .tab.active {
  background: #e8e8e8; }

.bar.tabs .tab.active {
  background: rgba(0, 0, 0, 0.35); }

.bar.tabs.editor {
  border-top-color: #fff;
  border-bottom-color: #3a7182; }
  .bar.tabs.editor .tab.active {
    color: #fff;
    background-color: #3a7182; }

.element-big-header .bar .button.border-left, .element-big-header .bar .button.border-right {
  border-color: rgba(255, 255, 255, 0.55); }

.sidebar .panel {
  background-color: rgba(255, 255, 255, 0.125); }

.sidebar-color.panel {
  background-color: #f2f2f2; }

form.quicksearch .input input {
  font-family: "Inter UI", sans-serif;
  font-weight: 200;
  font-size: 15px;
  line-height: 100% !important;
  color: inherit !important;
  background-color: transparent !important;
  border-bottom: none;
  width: calc(100% - 88px);
  max-width: calc(100% - 80px); }
  form.quicksearch .input input:hover, form.quicksearch .input input:focus {
    color: inherit;
    background-color: transparent; }
  form.quicksearch .input input::placeholder, form.quicksearch .input input::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.55; }

form.quicksearch .input .button {
  color: inherit; }

.element-colorised ca-pager .bar.border-bottom.dark-border {
  border-color: rgba(255, 255, 255, 0.5); }

.element-colorised .ca-field-popup .ca-field-popup-input input,
.element-colorised .ca-field-popup .ca-field-popup-input textarea {
  border-color: white !important; }
  .element-colorised .ca-field-popup .ca-field-popup-input input:hover, .element-colorised .ca-field-popup .ca-field-popup-input input:focus,
  .element-colorised .ca-field-popup .ca-field-popup-input textarea:hover,
  .element-colorised .ca-field-popup .ca-field-popup-input textarea:focus {
    border-color: rgba(255, 255, 255, 0.7); }

.element-colorised form .checkbox {
  color: var(--form-label-color, black); }
  .element-colorised form .checkbox .label {
    color: var(--form-label-color, #505050); }
  .element-colorised form .checkbox input + label:before {
    border-color: var(--form-label-color, white); }
  .element-colorised form .checkbox input:checked + label:before {
    color: var(--form-label-color, white); }

.element-colorised form .input input,
.element-colorised form .input textarea {
  color: black;
  background-color: white;
  border-color: white; }
  .element-colorised form .input input:hover, .element-colorised form .input input:focus,
  .element-colorised form .input textarea:hover,
  .element-colorised form .input textarea:focus {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7); }

.element-colorised .list-entry-col label {
  color: var(--label-color, rgba(255, 255, 255, 0.75)); }

.element-colorised .list-entry.active {
  background: rgba(255, 255, 255, 0.2); }

.element-colorised .list-entry-actions.below .button.bordered {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
  background-color: rgba(255, 255, 255, 0.35); }

.element-colorised .list-entry-actions.right .button.bordered {
  border-left-color: rgba(255, 255, 255, 0.25); }

.element-colorised .sidebar .panel {
  color: inherit; }

.element-colorised .panel {
  color: var(--fg-color, rgba(255, 255, 255, 0.9));
  background-color: transparent; }
  .element-colorised .panel.sidebar, .element-colorised .panel.sidebar-color {
    background-color: #f2f2f2; }

.element-colorised.use-card-layout .list-entry-divider {
  font-weight: 500;
  color: var(--color, #404040);
  border-bottom: 1px var(--border-color-divider, #bbb) solid; }
  .element-colorised.use-card-layout .list-entry-divider.list-entry-divider-depth-1, .element-colorised.use-card-layout .list-entry-divider.list-entry-divider-depth-2 {
    font-weight: 400;
    background-color: var(--ca-element-color-bright); }

.element-colorised .list-entry-divider {
  color: rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.35); }
  .element-colorised .list-entry-divider.list-entry-divider-depth-1 {
    background-color: rgba(255, 255, 255, 0.25); }
  .element-colorised .list-entry-divider.list-entry-divider-depth-2 {
    background-color: rgba(255, 255, 255, 0.15); }

.element-colorised .list-entry-container + .list-entry-container {
  border-color: rgba(255, 255, 255, 0.25) !important; }

.element-colorised .list-entry-col.small .om-value,
.element-colorised .list-entry-col.small .om-text-format,
.element-colorised .list-entry-col .om-text-format.small {
  color: var(--color-small-text, inherit); }

.element-colorised .footer .list-entry-col label {
  color: inherit; }

.element-colorised .footer .panel {
  color: inherit;
  background-color: inherit; }

.stripes-dark {
  margin: 8px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent 100%);
  background-size: 16.97px 16.97px; }

.stripes-dark-lighter {
  margin: 8px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent 100%);
  background-size: 16.97px 16.97px; }

.stripes-bright {
  margin: 8px;
  background-image: linear-gradient(45deg, rgba(255, 255, 236, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent 100%);
  background-size: 16.97px 16.97px; }

.userinfo p {
  color: var(--ca-chrome-fg-soft); }

.userinfo .userinfo--small {
  color: var(--ca-chrome-fg-soft); }

.flashit {
  animation: flash linear 2s infinite; }

@keyframes flash {
  0% {
    background-color: #090; }
  50% {
    background-color: #060; }
  100% {
    background-color: #090; } }

app-element-layout .content {
  font-size: 90%; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  line-height: 1.2em; }

.content p {
  line-height: 1.7em; }

.content table {
  border-spacing: 0; }
  .content table td {
    padding: 4px 0; }

.content .list-search-sub-title {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%; }

.bar.layout-tabs {
  --tab-active-fg-color: inherit;
  --tab-bg-color:        $border-color;
  --tab-fg-color:        $color-shaded-very-heavy; }
  .bar.layout-tabs .tab {
    color: var(--tab-fg-color);
    background: var(--tab-bg-color);
    margin-left: 1px; }
    .bar.layout-tabs .tab:first-child {
      margin-left: 0; }
    .bar.layout-tabs .tab:hover {
      background: var(--tab-bg-color);
      filter: brightness(90%); }
    .bar.layout-tabs .tab.active {
      font-weight: 500;
      color: var(--tab-active-fg-color);
      background: transparent; }
      .bar.layout-tabs .tab.active:first-child {
        border-left: none; }
    .bar.layout-tabs .tab .label {
      font-size: 12px; }

.layout-tab-content {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0; }
  .layout-tab-content.active {
    position: relative;
    left: initial;
    top: initial;
    width: auto;
    height: auto; }

.editor-canvas-element {
  position: relative;
  flex: 1;
  overflow: auto;
  min-height: 120px;
  line-height: 150%;
  color: #404040;
  background-color: #f2f2f2; }
  .editor-canvas-element:hover {
    cursor: pointer;
    background-color: #e5e5e5; }
  .editor-canvas-element.inactive:hover {
    cursor: default; }
  .editor-canvas-element.small {
    min-height: 80px; }

.ca-editor-edit-canvas {
  background-color: #9daaa7; }

.ca-editor-layout-tabsection {
  color: #fff;
  background-color: #3a7182; }

.editor-htmltext {
  width: auto;
  display: flex; }
  .editor-htmltext.frame {
    margin-right: 2px; }
  .editor-htmltext.window {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #c5c5c5;
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    flex: 1;
    height: 400px; }
  .editor-htmltext tiny-mce > div {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .editor-htmltext tiny-mce > div > div {
      display: flex;
      flex: 1;
      flex-direction: column; }
  .editor-htmltext .mce-stack-layout {
    display: flex;
    flex-direction: column;
    flex: 1; }
  .editor-htmltext .mce-edit-area {
    flex: 1; }
  .editor-htmltext .mce-top-part,
  .editor-htmltext .mce-statusbar {
    flex: 0;
    height: auto; }

.editor-grid-margin-top {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lIHgxPSItLjEiIHkxPSIwLjYiIHgyPSIwLjYiIHkyPSItMC4xIiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlPSIjY2NjIi8+PGxpbmUgeDE9IjAuNCIgeTE9IjEuMSIgeDI9IjEuMSIgeTI9IjAuNCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZT0iI2NjYyIvPjwvc3ZnPg==");
  background-size: 8px 8px;
  background-clip: padding-box; }

.editor-grid-margin-bottom {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lIHgxPSItLjEiIHkxPSIwLjYiIHgyPSIwLjYiIHkyPSItMC4xIiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlPSIjY2NjIi8+PGxpbmUgeDE9IjAuNCIgeTE9IjEuMSIgeDI9IjEuMSIgeTI9IjAuNCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZT0iI2NjYyIvPjwvc3ZnPg==");
  background-size: 8px 8px;
  background-clip: padding-box; }

.editor-grid-margin-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lIHgxPSItLjEiIHkxPSIwLjYiIHgyPSIwLjYiIHkyPSItMC4xIiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlPSIjY2NjIi8+PGxpbmUgeDE9IjAuNCIgeTE9IjEuMSIgeDI9IjEuMSIgeTI9IjAuNCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZT0iI2NjYyIvPjwvc3ZnPg==");
  background-size: 8px 8px;
  background-clip: padding-box; }

.editor-grid-margin-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lIHgxPSItLjEiIHkxPSIwLjYiIHgyPSIwLjYiIHkyPSItMC4xIiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlPSIjY2NjIi8+PGxpbmUgeDE9IjAuNCIgeTE9IjEuMSIgeDI9IjEuMSIgeTI9IjAuNCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZT0iI2NjYyIvPjwvc3ZnPg==");
  background-size: 8px 8px;
  background-clip: padding-box; }

.editor-grid-covering-top {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 24px;
  background-color: inherit; }

.editor-grid-covering-right {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 24px;
  background-color: inherit; }

.editor-grid-covering-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 24px;
  background-color: inherit; }

.editor-grid-covering-left {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 24px;
  background-color: inherit; }

.element-editor-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10%;
  min-width: 20px;
  max-width: 255px;
  background-color: rgba(0, 0, 0, 0.125); }
  .element-editor-sidebar.left {
    left: 0;
    border-right: 1px #fff solid; }
    .element-editor-sidebar.left.collapsed {
      box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.3); }
  .element-editor-sidebar.right {
    right: 0;
    border-left: 1px #fff solid; }
    .element-editor-sidebar.right.collapsed {
      box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.3); }

@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/inter-ui/Inter-Light.woff2") format("woff2"), url("./fonts/inter-ui/Inter-Light.woff") format("woff"); }

@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/inter-ui/Inter-Regular.woff2") format("woff2"), url("./fonts/inter-ui/Inter-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/inter-ui/Inter-Medium.woff2") format("woff2"), url("./fonts/inter-ui/Inter-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/inter-ui/Inter-Bold.woff2") format("woff2"), url("./fonts/inter-ui/Inter-Bold.woff") format("woff"); }

/**
 * Definitions for forms
 */
/**
 * Used by:
 * form .input label
 * form .list label
 */
.sidebar form .ca-input-field-container {
  font-size: 1em; }

.ca-field-positions {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: auto;
  border: 1px var(--form-label-color, #505050) solid;
  border-radius: 4px; }

.ca-field-project-employees {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: auto;
  border: 1px var(--form-label-color, #505050) solid;
  border-radius: 4px; }

.edit-form-container {
  background-color: transparent; }
  .edit-form-container .form .input input,
  .edit-form-container .form .input textarea,
  .edit-form-container .form .checkbox input + label:before,
  .edit-form-container .form .ca-field-popup .ca-field-popup-input input {
    background-color: #fff; }
  .edit-form-container .form .input input.warning,
  .edit-form-container .form .input textarea.warning {
    border-color: #b00; }
  .edit-form-container .form .disabled .input input,
  .edit-form-container .form .disabled .input textarea,
  .edit-form-container .form .disabled .ca-field-popup .ca-field-popup-input input {
    background-color: transparent; }
  .edit-form-container .form .disabled .checkbox input + label:before {
    border-color: #ddd;
    background-color: transparent; }
  .edit-form-container .form .checkbox input:checked + label:before {
    color: #505050; }

ca-sidebar .disabled .checkbox input + label {
  color: rgba(0, 0, 0, 0.45); }
  ca-sidebar .disabled .checkbox input + label:before {
    border-color: #ddd;
    background-color: transparent; }

app-element-layout .view .list-entry-row:first-child.margin-top-small, app-element-layout .view .list-entry-row:first-child.margin-top-medium, app-element-layout .view .list-entry-row:first-child.margin-top-large,
app-element-layout .delete .list-entry-row:first-child.margin-top-small,
app-element-layout .delete .list-entry-row:first-child.margin-top-medium,
app-element-layout .delete .list-entry-row:first-child.margin-top-large,
app-element-layout .disabled .list-entry-row:first-child.margin-top-small,
app-element-layout .disabled .list-entry-row:first-child.margin-top-medium,
app-element-layout .disabled .list-entry-row:first-child.margin-top-large {
  margin-top: 0 !important; }

app-element-layout .view .list-entry-row .list-entry-col:first-child,
app-element-layout .delete .list-entry-row .list-entry-col:first-child,
app-element-layout .disabled .list-entry-row .list-entry-col:first-child {
  padding-left: 0; }

.element-size-10.form div.row.compressed {
  align-items: flex-start; }
  .element-size-10.form div.row.compressed .col {
    border-left: none; }

.bar.border-bottom .form .input .ca-field-popup {
  min-height: 33px; }

.bar .form .input {
  font-size: 14px; }
  .bar .form .input .ca-field-popup {
    min-height: 34px; }
    .bar .form .input .ca-field-popup .ca-field-popup-content {
      padding-left: 8px; }
    .bar .form .input .ca-field-popup .button {
      height: auto !important; }

.element-colorised .form .disabled .ca-field-popup {
  color: var(--form-input-field-fg);
  border-color: rgba(255, 255, 255, 0.4); }
  .element-colorised .form .disabled .ca-field-popup .list-entry {
    border-color: var(--form-label-color);
    background-color: rgba(255, 255, 255, 0.1); }
    .element-colorised .form .disabled .ca-field-popup .list-entry:hover {
      background-color: rgba(255, 255, 255, 0.1); }
    .element-colorised .form .disabled .ca-field-popup .list-entry .list-entry-col.small {
      color: var(--form-input-field-fg); }

.element-colorised .form .ca-field-popup {
  color: rgba(255, 255, 255, 0.9);
  background-color: var(--form-label-color, #505050); }
  .element-colorised .form .ca-field-popup .ca-field-popup-input {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9); }
    .element-colorised .form .ca-field-popup .ca-field-popup-input:hover, .element-colorised .form .ca-field-popup .ca-field-popup-input:focus {
      background-color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.7); }
    .element-colorised .form .ca-field-popup .ca-field-popup-input input {
      border-color: var(--form-label-color, #505050) !important;
      border-style: dotted; }

.element-colorised .form .input input,
.element-colorised .form .input textarea {
  border-color: var(--form-label-color, #505050) !important;
  border-style: dotted; }

.element-colorised .form .list.radio a {
  color: var(--form-label-color, #fff); }
  .element-colorised .form .list.radio a:hover:before {
    border-color: var(--form-label-color, rgba(255, 255, 255, 0.75)); }
  .element-colorised .form .list.radio a:active {
    border-color: var(--form-label-color, rgba(255, 255, 255, 0.75)); }
  .element-colorised .form .list.radio a:before {
    border-color: var(--form-label-color, rgba(255, 255, 255, 0.75));
    background-color: transparent; }
  .element-colorised .form .list.radio a:after {
    background-color: var(--form-label-color, white); }
  .element-colorised .form .list.radio a.active, .element-colorised .form .list.radio a.active:focus, .element-colorised .form .list.radio a.active:active {
    color: var(--form-label-color, #fff); }
    .element-colorised .form .list.radio a.active:hover, .element-colorised .form .list.radio a.active:focus:hover, .element-colorised .form .list.radio a.active:active:hover {
      color: var(--form-label-color, #fff); }
      .element-colorised .form .list.radio a.active:hover:before, .element-colorised .form .list.radio a.active:focus:hover:before, .element-colorised .form .list.radio a.active:active:hover:before {
        border-color: var(--form-label-color, #fff); }
      .element-colorised .form .list.radio a.active:hover:after, .element-colorised .form .list.radio a.active:focus:hover:after, .element-colorised .form .list.radio a.active:active:hover:after {
        background-color: var(--form-label-color, #fff); }
    .element-colorised .form .list.radio a.active:before, .element-colorised .form .list.radio a.active:active, .element-colorised .form .list.radio a.active:focus:before, .element-colorised .form .list.radio a.active:focus:active, .element-colorised .form .list.radio a.active:active:before, .element-colorised .form .list.radio a.active:active:active {
      border-color: var(--form-label-color, #fff); }
    .element-colorised .form .list.radio a.active:after, .element-colorised .form .list.radio a.active:focus:after, .element-colorised .form .list.radio a.active:active:after {
      background-color: var(--form-label-color, #fff); }

.bar .form .disabled .ca-field-popup .list-entry {
  padding-top: 0;
  padding-right: 8px; }

.form {
  border-color: inherit; }
  .form h1, .form h2 {
    font-weight: 400;
    line-height: 1.5em; }
  .form h3 {
    line-height: 1.5em; }
  .form input,
  .form textarea {
    outline-offset: 0;
    outline-style: none;
    outline-width: 0;
    border-radius: 0; }
  .form .display-inline {
    display: inline-flex;
    flex: 1;
    align-items: center; }
  .form.quicksearch .input .ca-icon-close {
    font-size: 12px; }
  .form .ca-input-field-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 1.13em;
    color: var(--form-input-field-fg, #505050);
    margin-right: 0; }
  .form .ca-input-textarea-view {
    flex: 1;
    white-space: pre-wrap;
    line-height: 1.5em;
    word-break: break-word; }
  .form .font-size-large {
    font-size: 1.2em; }
  .form .input {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px; }
    .form .input .input-elements {
      display: flex;
      flex: 1;
      flex-direction: row; }
      .form .input .input-elements .action-icon-left,
      .form .input .input-elements .action-icon-right {
        position: relative;
        max-width: 28px;
        min-width: 28px;
        min-height: 26px;
        max-height: 26px; }
      .form .input .input-elements .input-element {
        flex: 1;
        display: flex;
        align-items: center;
        line-height: 1.3em; }
    .form .input label {
      display: block;
      font-size: 0.95em;
      font-weight: 500;
      color: var(--form-label-color, #505050);
      padding: 0 0 4px 0; }
    .form .input input,
    .form .input textarea {
      width: 100%;
      min-width: 30px;
      font-size: 1em;
      line-height: 1.5em;
      border: 1px rgba(0, 0, 0, 0.1) solid;
      background-color: transparent;
      padding: 2px 4px 1px 4px; }
      .form .input input:active, .form .input input:focus,
      .form .input textarea:active,
      .form .input textarea:focus {
        border-color: #404040;
        background-color: #fff2cc;
        outline-style: none; }
      .form .input input[type],
      .form .input textarea[type] {
        line-height: 21px; }
    .form .input textarea {
      padding: 2px 4px; }
    .form .input .button {
      color: inherit; }
      .form .input .button.disabled {
        opacity: 0.35; }
  .form .disabled .ca-field-popup .list-entry-container + .list-entry-container {
    border-top-width: 0; }
    .form .disabled .ca-field-popup .list-entry-container + .list-entry-container .list-entry {
      border-top: none; }
  .form .disabled .ca-field-popup .list-entry-container:hover .list-entry, .form .disabled .ca-field-popup .list-entry-container:focus .list-entry {
    background-color: inherit;
    cursor: default; }
    .form .disabled .ca-field-popup .list-entry-container:hover .list-entry.active, .form .disabled .ca-field-popup .list-entry-container:focus .list-entry.active {
      background-color: rgba(0, 0, 0, 0.1); }
  .form .disabled .ca-field-popup .list-entry-container .list-entry:focus {
    background-color: inherit; }
    .form .disabled .ca-field-popup .list-entry-container .list-entry:focus.active {
      background-color: rgba(0, 0, 0, 0.1); }
  .form .disabled .ca-field-popup .list-entry {
    border: 1px #e2e2e2 dashed;
    padding: 9px 0 0 8px; }
  .form .disabled .input input,
  .form .disabled .input textarea {
    color: inherit;
    border-color: transparent;
    padding: 0; }
  .form.list-entry-item-depth-1 {
    padding-left: 12px; }
  .form.list-entry-item-depth-2 {
    padding-left: 22px;
    padding-right: 10px; }
  .form.list-entry-item-depth-3 {
    padding-left: 22px;
    padding-right: 10px; }
  .form.list-entry-item-depth-4 {
    padding-left: 22px;
    padding-right: 10px; }
  .form.multiselection {
    position: relative;
    align-items: center;
    height: 24px;
    padding-bottom: 10px;
    padding-top: 10px; }
  .form.multiselection-table {
    align-items: center; }
  .form .checkbox {
    position: relative;
    font-size: 1em;
    padding-bottom: 24px; }
    .form .checkbox input {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
      .form .checkbox input:focus + label:before, .form .checkbox input:active + label:before {
        border-color: var(--form-label-color, #404040); }
      .form .checkbox input + label:hover {
        cursor: pointer; }
      .form .checkbox input + label:before {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        box-sizing: content-box;
        content: '';
        width: 22px;
        height: 22px;
        font-family: 'icomoon';
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid;
        border-color: inherit; }
      .form .checkbox input + label span {
        padding-left: 36px;
        display: inline-block;
        line-height: 1.6em;
        margin-top: 1px; }
      .form .checkbox input:checked + label:before {
        content: '\e116';
        color: inherit; }
  .form .list {
    line-height: 1em; }
    .form .list label {
      display: block;
      font-size: 0.95em;
      font-weight: 500;
      color: var(--form-label-color, #505050);
      padding: 0 0 4px 0; }
    .form .list .item {
      position: relative;
      display: block;
      padding: 17px 24px 6px 24px; }
      .form .list .item:hover {
        cursor: pointer; }
    .form .list.radio {
      margin-bottom: 24px; }
      .form .list.radio .item {
        color: var(--form-label-color, #404040);
        padding-left: 32px; }
        .form .list.radio .item:before {
          content: " ";
          position: absolute;
          left: 0;
          top: 12px;
          width: 20px;
          height: 20px;
          border: 1px var(--form-label-color, border-color-dark) solid;
          border-radius: 20px; }
        .form .list.radio .item.active:before, .form .list.radio .item.active:hover:before, .form .list.radio .item.active:focus:before {
          border-color: var(--form-label-color, #404040); }
        .form .list.radio .item.active:after, .form .list.radio .item.active:hover:after, .form .list.radio .item.active:focus:after {
          content: " ";
          position: absolute;
          left: 5px;
          top: 17px;
          width: 12px;
          height: 12px;
          background-color: var(--form-label-color, #404040);
          border-radius: 12px; }
        .form .list.radio .item.active:hover, .form .list.radio .item.active:focus {
          color: var(--form-label-color, #434343); }
          .form .list.radio .item.active:hover:before, .form .list.radio .item.active:focus:before {
            border-color: var(--form-label-color, #434343); }
          .form .list.radio .item.active:hover:after, .form .list.radio .item.active:focus:after {
            top: 15px;
            left: 3px;
            width: 16px;
            height: 16px;
            border-radius: 16px;
            background-color: var(--form-label-color, #434343); }
        .form .list.radio .item:hover:before, .form .list.radio .item:focus:before {
          border-color: var(--form-label-color, #434343); }
  .form .submit {
    padding-bottom: 24px; }
    .form .submit.block input {
      width: 100%; }
    .form .submit input {
      border: none;
      color: #fff;
      background-color: #404040;
      height: 44px; }
      .form .submit input:hover, .form .submit input:focus {
        background-color: #333333; }
      .form .submit input:active {
        background-color: #505050;
        outline-style: none; }
  .form .submit-list {
    padding-bottom: 24px; }
    .form .submit-list.block input {
      width: 100%; }
    .form .submit-list input {
      border: none;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.6);
      height: 44px;
      border-radius: 2px; }
      .form .submit-list input:hover, .form .submit-list input:focus {
        background-color: rgba(255, 255, 255, 0.8); }
      .form .submit-list input:active {
        background-color: rgba(255, 255, 255, 0.8);
        outline-style: none; }
  .form .disabled .ca-field-popup {
    min-height: initial;
    color: inherit;
    background-color: transparent; }
    .form .disabled .ca-field-popup .list-entry {
      min-height: initial; }
    .form .disabled .ca-field-popup .ca-field-popup-content {
      padding-left: 0; }
      .form .disabled .ca-field-popup .ca-field-popup-content .list-entry-container {
        padding-left: 0; }
  .form .ca-field-popup {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    min-height: 40px;
    color: #404040;
    background-color: rgba(0, 0, 0, 0.1); }
    .form .ca-field-popup.full-width {
      flex-wrap: nowrap; }
    .form .ca-field-popup.rounded-corners {
      border-radius: 8px; }
    .form .ca-field-popup .ca-field-popup-content {
      display: flex;
      flex: 1;
      position: relative;
      padding-left: 4px;
      align-items: center; }
      .form .ca-field-popup .ca-field-popup-content .ca-field-popup-list {
        display: flex;
        flex: 1;
        align-items: stretch;
        align-self: stretch;
        overflow: hidden; }
        .form .ca-field-popup .ca-field-popup-content .ca-field-popup-list > div {
          flex: 1;
          display: flex; }
        .form .ca-field-popup .ca-field-popup-content .ca-field-popup-list compose {
          flex: 1;
          display: flex; }
      .form .ca-field-popup .ca-field-popup-content .list-entry-container {
        padding-left: 8px; }
        .form .ca-field-popup .ca-field-popup-content .list-entry-container.plain .list-entry {
          padding-left: 0;
          padding-top: 2px; }
    .form .ca-field-popup .ca-field-popup-input {
      position: relative;
      display: flex;
      flex: 1;
      min-width: 100%; }
      .form .ca-field-popup .ca-field-popup-input .icon {
        position: absolute;
        top: 50%;
        width: 29px;
        height: 29px;
        display: flex;
        justify-content: center;
        font-size: 16px;
        margin-top: -9px; }
        .form .ca-field-popup .ca-field-popup-input .icon.ca-icon-search {
          margin-left: 4px;
          margin-top: -8px; }
      .form .ca-field-popup .ca-field-popup-input input {
        background-color: rgba(255, 255, 255, 0.85);
        border: 1px rgba(0, 0, 0, 0.1) solid;
        margin: 0;
        padding: 4px 4px 4px 30px; }
        .form .ca-field-popup .ca-field-popup-input input:active, .form .ca-field-popup .ca-field-popup-input input:focus {
          border-color: #404040;
          background-color: #fff2cc;
          outline-style: none; }
    .form .ca-field-popup .ca-field-popup-actions {
      display: flex;
      align-items: stretch;
      align-self: stretch;
      min-height: 43px; }
      .form .ca-field-popup .ca-field-popup-actions .button {
        height: auto; }
        .form .ca-field-popup .ca-field-popup-actions .button:hover, .form .ca-field-popup .ca-field-popup-actions .button:focus {
          background-color: rgba(0, 0, 0, 0.075); }
    .form .ca-field-popup .list-entry {
      overflow-y: hidden;
      display: flex;
      flex: 1;
      justify-content: center;
      height: fill-content;
      padding: 0; }
      .form .ca-field-popup .list-entry:focus, .form .ca-field-popup .list-entry:hover {
        background-color: rgba(0, 0, 0, 0.075); }
  .form div.row.compressed {
    align-items: center;
    font-size: 85%;
    border: 1px #e2e2e2 solid;
    margin-left: 4px;
    margin-right: 4px; }
    .form div.row.compressed.layout-row-margin-bottom {
      margin-bottom: 10px !important; }
    .form div.row.compressed.layout-row-margin-top {
      margin-top: 10px !important; }
    .form div.row.compressed .col {
      border-left: 1px #e2e2e2 solid;
      padding-top: 2px;
      padding: 2px 5px; }
      .form div.row.compressed .col:first-child {
        border-left-width: 0; }
      .form div.row.compressed .col.compressed-col {
        flex: initial; }
        .form div.row.compressed .col.compressed-col.single-col {
          flex: 1; }
      .form div.row.compressed .col .input {
        flex-direction: row;
        align-items: center;
        padding: 4px 0; }
        .form div.row.compressed .col .input label {
          font-size: 1em;
          padding-bottom: 0; }
          .form div.row.compressed .col .input label:after {
            content: ":";
            margin-right: 4px; }
        .form div.row.compressed .col .input .input-element {
          line-height: 100%; }
      .form div.row.compressed .col ca-field-boolean {
        align-items: center; }
      .form div.row.compressed .col .ca-field-popup {
        min-height: 16px; }
        .form div.row.compressed .col .ca-field-popup .list-entry-col {
          margin-top: 2px !important;
          margin-bottom: 2px !important; }
        .form div.row.compressed .col .ca-field-popup .list-entry.plain {
          padding-top: 0;
          padding-right: 4px; }
          .form div.row.compressed .col .ca-field-popup .list-entry.plain .ca-list-field span {
            margin-top: 4px !important;
            margin-bottom: 4px !important; }
      .form div.row.compressed .col .checkbox {
        padding-bottom: 0 !important;
        margin-top: 0; }
        .form div.row.compressed .col .checkbox label:before {
          top: 2px;
          width: 14px;
          height: 14px;
          font-size: 20px;
          line-height: 14px; }
        .form div.row.compressed .col .checkbox label span {
          padding-left: 20px; }
      .form div.row.compressed .col .button {
        height: 32px; }
        .form div.row.compressed .col .button.popup-button .icon {
          font-size: 16px; }

.row.compressed + .row.compressed {
  border-top: none; }

ca-field-boolean,
ca-field-input,
ca-field-textarea,
ca-field-date,
ca-field-em-form,
ca-field-em-signature,
ca-field-time,
ca-field-freetext,
ca-field-documents,
ca-field-filepicker,
ca-field-htmltext,
ca-field-minute,
ca-field-multivalue,
ca-field-relation,
ca-field-resultlist,
ca-field-select-static,
ca-field-time-unit {
  display: flex;
  flex: 1;
  align-items: flex-start; }

ca-field-boolean .ca-input-field-container {
  border-color: var(--form-input-field-fg, #505050); }

ca-field-em-form .input .button {
  max-height: 26px; }

.row.compressed ca-field-em-form .input .button {
  max-height: 32px; }

.ca-field-filepicker {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.125);
  padding-bottom: 8px;
  margin-bottom: 24px; }
  .ca-field-filepicker .ca-field-filepicker-drop-area {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 60px;
    background-color: rgba(0, 0, 0, 0.125);
    border: 4px rgba(0, 0, 0, 0.25) dashed; }
    .ca-field-filepicker .ca-field-filepicker-drop-area img {
      max-width: 300px;
      max-height: 300px; }

.ca-select {
  width: 100%;
  padding: 4px 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px #bbb solid;
  border-radius: 2px; }

.ca-field-messages {
  margin: 4px 0; }
  .ca-field-messages .ca-info-manager-item {
    border-width: 2px;
    border-style: solid;
    padding: 3px 0; }
    .ca-field-messages .ca-info-manager-item:first-child {
      border-top-width: 2px;
      border-top-style: solid; }
    .ca-field-messages .ca-info-manager-item.info {
      color: inherit;
      border-color: inherit;
      border-width: 1px; }
    .ca-field-messages .ca-info-manager-item.warning {
      color: #b00;
      border-color: #b00; }

.compressed .ca-empty-field-placeholder {
  min-height: 16px; }

.ca-empty-field-placeholder {
  flex: 1;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  min-height: 22px;
  min-width: 32px;
  background-image: linear-gradient(45deg, transparent 25%, #ffffff 25%, #ffffff 50%, transparent 50%, transparent 75%, #ffffff 75%, #ffffff 100%);
  background-size: 14.14px 14.14px; }

.checkbox-table {
  position: relative;
  font-size: 1em;
  padding-bottom: 6px; }
  .checkbox-table input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    .checkbox-table input:focus + label:before, .checkbox-table input:active + label:before {
      border-color: #404040; }
    .checkbox-table input + label:hover {
      cursor: pointer; }
    .checkbox-table input + label:before {
      position: absolute;
      content: '';
      width: 18px;
      height: 18px;
      font-family: 'icomoon';
      font-size: 19px;
      line-height: 18px;
      text-align: center;
      vertical-align: middle;
      margin-left: 5px;
      border: 1px solid;
      border-color: inherit; }
    .checkbox-table input + label span {
      padding-left: 30px;
      display: inline-block;
      line-height: 1.6em;
      margin-top: 1px; }
    .checkbox-table input:checked + label:before {
      content: '\e116';
      color: inherit; }

.ca-searchfield-tooltip {
  opacity: 0;
  overflow: hidden;
  position: fixed;
  z-index: 3;
  height: 0;
  font-size: 12px;
  line-height: 140%;
  border-radius: 2px;
  margin-top: 46px;
  min-width: 12em;
  transition: opacity 0.5s; }
  .ca-searchfield-tooltip.active {
    opacity: 1;
    height: auto;
    border-width: 1px;
    border-style: solid;
    padding: 4px 8px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25); }
  .ca-searchfield-tooltip li {
    margin-left: 16px; }

.tox-tinymce {
  flex: 1; }

input[type=date]::-webkit-calendar-picker-indicator {
  margin-left: 0px; }

ca-grid-row {
  flex: 1;
  display: flex; }

ca-layout-renderer .row .col {
  padding: 4px 4px 0 4px; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

element-controller .row .col {
  border-radius: 2px; }

ca-userpanel .row .col {
  min-width: auto !important; }

.row {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow-x: auto;
  /*animation:      fade 0.5s;*/ }
  .row.row-editor {
    min-height: 170px;
    overflow: auto;
    color: #404040;
    margin-bottom: 4px;
    padding: 24px;
    background-color: #fafafa;
    border: 1px rgba(0, 0, 0, 0.1) solid; }
    .row.row-editor:hover {
      cursor: pointer;
      border-color: #404040; }
    .row.row-editor.inactive:hover {
      cursor: initial;
      border-color: rgba(0, 0, 0, 0.1); }
    .row.row-editor.border-top {
      border-top: 6px rgba(0, 0, 0, 0.15) solid; }
    .row.row-editor.border-bottom {
      border-bottom: 6px rgba(0, 0, 0, 0.15) solid; }
  @media only screen and (max-width: 567px) {
    .row.wrap-on-phone {
      flex-wrap: wrap; } }
  .row.with-border {
    border-bottom: 1px #e2e2e2 solid; }
    .row.with-border:last-child {
      border-bottom: none; }
  .row .row-editor-label {
    z-index: 2;
    position: absolute;
    left: 4px;
    top: 1px;
    font-size: 10px;
    color: inherit; }
  .row .col {
    flex: 1;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    /*animation:      fade 0.5s;*/ }
    .row .col.col-editor {
      overflow: auto;
      min-width: 160px;
      color: #404040;
      padding: 24px;
      margin-right: 4px;
      background-color: #fafafa;
      border: 1px rgba(0, 0, 0, 0.1) solid; }
      .row .col.col-editor:hover {
        cursor: pointer;
        border-color: #404040; }
      .row .col.col-editor:last-child {
        margin-right: 0; }
      .row .col.col-editor.inactive:hover {
        cursor: initial;
        border-color: rgba(0, 0, 0, 0.1); }
      .row .col.col-editor .col-icon {
        display: inline-flex;
        position: absolute;
        right: 19px;
        top: 7px;
        font-size: 16px; }
    .row .col.with-border {
      border-right: 1px #e2e2e2 solid; }
      .row .col.with-border:last-child {
        border-right: none; }
    .row .col.with-full-border {
      border: 1px #e2e2e2 solid; }
    .row .col.separator {
      border-color: rgba(0, 0, 0, 0.1);
      border-style: solid;
      border-width: 0; }
      .row .col.separator.right {
        border-right-width: 1px; }
      .row .col.separator.left {
        border-left-width: 1px; }
      .row .col.separator.top {
        border-top-width: 1px; }
      .row .col.separator.bottom {
        border-bottom-width: 1px; }
    .row .col .col-editor-label {
      z-index: 2;
      position: absolute;
      left: 4px;
      top: 1px;
      font-size: 11px;
      font-size: 10px;
      color: inherit; }

ca-info-manager {
  display: flex;
  flex: initial;
  position: relative;
  max-height: 50%; }
  ca-info-manager.no-max-height {
    max-height: initial; }
  ca-info-manager.use-flex .ca-info-manager {
    flex: 1; }

ca-notifications {
  max-height: 50%; }

.ca-info-manager.ca-info-manager-secondary {
  width: auto;
  top: auto;
  bottom: 8px;
  left: 8px;
  right: 8px; }

.ca-userpanel .ca-info-manager,
.ca-userpanel .ca-info-manager-secondary {
  background-color: var(--ca-chrome-bar-bg); }

.ca-info-manager,
.ca-info-manager-secondary {
  z-index: 4;
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px #333; }
  .ca-info-manager.no-shadow,
  .ca-info-manager-secondary.no-shadow {
    box-shadow: none;
    background-color: transparent; }
    .ca-info-manager.no-shadow.inline,
    .ca-info-manager-secondary.no-shadow.inline {
      background-color: #fff; }
  .ca-info-manager.no-padding .ca-info-manager-item-icon,
  .ca-info-manager-secondary.no-padding .ca-info-manager-item-icon {
    margin-left: 0; }
  .ca-info-manager.no-padding .ca-info-manager-item-text,
  .ca-info-manager-secondary.no-padding .ca-info-manager-item-text {
    margin-right: 0; }
  .ca-info-manager.relative,
  .ca-info-manager-secondary.relative {
    z-index: 0;
    position: relative; }

.ca-info-manager-item {
  flex: 1;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
  min-height: 66px;
  line-height: 1.5em;
  text-align: left;
  margin: 0 0 1px 0;
  border-top: 1px rgba(0, 0, 0, 0.125) solid; }
  .ca-info-manager-item.no-min-height {
    min-height: initial; }

compose:only-child .ca-info-manager-item,
.ca-info-manager-item:first-child {
  border-top: none; }

.ca-info-manager-item:last-child {
  border-top-width: 2px;
  border-top-style: solid; }

.ca-info-manager-display {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center; }

.ca-info-manager-item-icon {
  display: flex;
  justify-content: center;
  width: 48px;
  font-size: 36px;
  text-align: center;
  margin: 0 8px; }
  .ca-info-manager-item-icon .icon {
    line-height: 42px; }

.ca-info-manager-item-text {
  flex: 1;
  margin: 8px 8px 8px 0; }
  .ca-info-manager-item-text span {
    word-break: break-word; }

.ca-info-manager-item-action-items {
  display: flex;
  align-items: center;
  font-size: 32px;
  text-align: center;
  padding-right: 16px; }
  .ca-info-manager-item-action-items .button.main-action {
    margin-top: 0; }

.ca-info-manager-item-customactions {
  display: flex;
  margin-top: 16px;
  align-items: stretch;
  border: 1px #bbb solid;
  border-radius: 2px; }

.ca-info-manager-item-customaction {
  flex: 1;
  text-align: center;
  border-right: 1px #bbb solid;
  padding: 8px 0; }
  .ca-info-manager-item-customaction:last-child {
    border-right: none; }
  .ca-info-manager-item-customaction:hover, .ca-info-manager-item-customaction:focus {
    background-color: rgba(0, 0, 0, 0.1); }

.ca-info-manager-auto-remove-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.25); }

.ca-info-manager-overlay-container {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column; }

.ca-info-manager-overlay {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); }

/*!
  Ionicons, v3.0.0-alpha.3
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("./fonts/ionicons/ionicons.eot?v=3.0.0-alpha.3");
  src: url("./fonts/ionicons/ionicons.eot?v=3.0.0-alpha.3#iefix") format("embedded-opentype"), url("./fonts/ionicons/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("./fonts/ionicons/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("./fonts/ionicons/ionicons.ttf?v=3.0.0-alpha.3") format("truetype"), url("./fonts/ionicons/ionicons.svg?v=3.0.0-alpha.3#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ion, .ionicons, .ion-ios-add:before, .ion-ios-add-circle:before, .ion-ios-plus:before, .ion-ios-add-circle-outline:before, .ion-ios-plus-outline:before, .ion-ios-add-outline:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-alert:before, .ion-ios-alert-outline:before, .ion-alert:before,
.ion-android-alert:before, .ion-ios-american-football:before, .ion-ios-american-football-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-aperture:before, .ion-ios-aperture-outline:before, .ion-ios-apps:before, .ion-ios-apps-outline:before, .ion-ios-appstore:before, .ion-ios-appstore-outline:before, .ion-ios-archive:before, .ion-ios-archive-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-back-outline:before, .ion-ios-arrow-down:before, .ion-ios-arrow-down-outline:before, .ion-ios-arrow-dropdown:before, .ion-ios-arrow-dropdown-circle:before, .ion-ios-arrow-dropdown-circle-outline:before, .ion-ios-arrow-dropdown-outline:before, .ion-ios-arrow-dropleft:before, .ion-ios-arrow-dropleft-circle:before, .ion-ios-arrow-dropleft-circle-outline:before, .ion-ios-arrow-dropleft-outline:before, .ion-ios-arrow-dropright:before, .ion-ios-arrow-dropright-circle:before, .ion-ios-arrow-dropright-circle-outline:before, .ion-ios-arrow-dropright-outline:before, .ion-ios-arrow-dropup:before, .ion-ios-arrow-dropup-circle:before, .ion-ios-arrow-dropup-circle-outline:before, .ion-ios-arrow-dropup-outline:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-forward-outline:before, .ion-ios-arrow-round-back:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-round-back-outline:before, .ion-ios-arrow-round-down:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-round-down-outline:before, .ion-ios-arrow-round-forward:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-round-forward-outline:before, .ion-ios-arrow-round-up:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-round-up-outline:before, .ion-ios-arrow-up:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-up-outline:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-attach:before, .ion-ios-attach-outline:before, .ion-ios-backspace:before, .ion-ios-backspace-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basket:before, .ion-ios-basket-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-battery-charging:before, .ion-ios-battery-charging-outline:before, .ion-ios-battery-dead:before, .ion-ios-battery-dead-outline:before, .ion-ios-battery-full:before, .ion-ios-battery-full-outline:before, .ion-ios-beaker:before, .ion-ios-beaker-outline:before, .ion-ios-beer:before, .ion-ios-beer-outline:before, .ion-ios-bicycle:before, .ion-ios-bicycle-outline:before, .ion-ios-bluetooth:before, .ion-ios-bluetooth-outline:before, .ion-ios-boat:before, .ion-ios-boat-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bonfire:before, .ion-ios-bonfire-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmark:before, .ion-ios-bookmark-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-bowtie:before, .ion-ios-bowtie-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-brush:before, .ion-ios-brush-outline:before, .ion-ios-bug:before, .ion-ios-bug-outline:before, .ion-ios-build:before, .ion-ios-build-outline:before, .ion-ios-bulb:before, .ion-ios-lightbulb:before, .ion-ios-bulb-outline:before, .ion-ios-lightbulb-outline:before, .ion-ios-bus:before, .ion-ios-bus-outline:before, .ion-ios-cafe:before, .ion-ios-cafe-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-call:before, .ion-ios-call-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-car:before, .ion-ios-car-outline:before, .ion-ios-card:before, .ion-ios-card-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-cash:before, .ion-ios-cash-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubbles:before, .ion-ios-chatbubbles-outline:before, .ion-ios-checkbox:before, .ion-ios-checkbox-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-circle:before, .ion-ios-checkmark-circle-outline:before, .ion-ios-checkmark-outline:before, .ion-ios-clipboard:before, .ion-ios-clipboard-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-circle:before, .ion-ios-close-circle-outline:before, .ion-ios-close-outline:before, .ion-ios-closed-captioning:before, .ion-ios-closed-captioning-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-circle:before, .ion-ios-cloud-circle-outline:before, .ion-ios-cloud-done:before, .ion-ios-cloud-done-outline:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-code:before, .ion-ios-code-download:before, .ion-ios-code-download-outline:before, .ion-ios-code-outline:before, .ion-ios-code-working:before, .ion-ios-code-working-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-fill:before, .ion-ios-color-fill-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-palette:before, .ion-ios-color-palette-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compass:before, .ion-ios-compass-outline:before, .ion-ios-construct:before, .ion-ios-construct-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-contacts:before, .ion-ios-contacts-outline:before, .ion-ios-contract:before, .ion-ios-contract-outline:before, .ion-ios-contrast:before, .ion-ios-contrast-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-create:before, .ion-ios-create-outline:before, .ion-ios-crop:before, .ion-ios-crop-outline:before, .ion-ios-cube:before, .ion-ios-cube-outline:before, .ion-ios-cut:before, .ion-ios-cut-outline:before, .ion-ios-desktop:before, .ion-ios-desktop-outline:before, .ion-ios-disc:before, .ion-ios-disc-outline:before, .ion-ios-document:before, .ion-ios-document-outline:before, .ion-ios-done-all:before, .ion-ios-done-all-outline:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-easel:before, .ion-ios-easel-outline:before, .ion-ios-egg:before, .ion-ios-egg-outline:before, .ion-ios-exit:before, .ion-ios-exit-outline:before, .ion-ios-expand:before, .ion-ios-expand-outline:before, .ion-ios-eye:before, .ion-ios-eye-off:before, .ion-ios-eye-off-outline:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-female:before, .ion-ios-female-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-finger-print:before, .ion-ios-finger-print-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flash:before, .ion-ios-bolt:before, .ion-ios-flash-outline:before, .ion-ios-bolt-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-open:before, .ion-ios-folder-open-outline:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-funnel:before, .ion-ios-funnel-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-git-branch:before, .ion-ios-git-branch-outline:before, .ion-ios-git-commit:before, .ion-ios-git-commit-outline:before, .ion-ios-git-compare:before, .ion-ios-git-compare-outline:before, .ion-ios-git-merge:before, .ion-ios-git-merge-outline:before, .ion-ios-git-network:before, .ion-ios-git-network-outline:before, .ion-ios-git-pull-request:before, .ion-ios-git-pull-request-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-globe:before, .ion-ios-globe-outline:before, .ion-ios-grid:before, .ion-ios-grid-outline:before, .ion-ios-hammer:before, .ion-ios-hammer-outline:before, .ion-ios-hand:before, .ion-ios-hand-outline:before, .ion-ios-happy:before, .ion-ios-happy-outline:before, .ion-ios-headset:before, .ion-ios-headset-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-buoy:before, .ion-ios-help-buoy-outline:before, .ion-ios-help-circle:before, .ion-ios-help-circle-outline:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-ice-cream:before, .ion-ios-ice-cream-outline:before, .ion-ios-image:before, .ion-ios-image-outline:before, .ion-ios-images:before, .ion-ios-images-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-circle:before, .ion-ios-information-circle-outline:before, .ion-ios-information-outline:before, .ion-ios-ionic:before, .ion-ios-ionic-outline:before, .ion-ios-ionitron:before, .ion-ios-ionitron-outline:before, .ion-ios-jet:before, .ion-ios-jet-outline:before, .ion-ios-key:before, .ion-ios-key-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-laptop:before, .ion-ios-laptop-outline:before, .ion-ios-leaf:before, .ion-ios-leaf-outline:before, .ion-ios-link:before, .ion-ios-link-outline:before, .ion-ios-list:before, .ion-ios-list-box:before, .ion-ios-list-box-outline:before, .ion-ios-list-outline:before, .ion-ios-locate:before, .ion-ios-locate-outline:before, .ion-ios-lock:before, .ion-ios-lock-outline:before, .ion-ios-log-in:before, .ion-ios-log-in-outline:before, .ion-ios-log-out:before, .ion-ios-log-out-outline:before, .ion-ios-magnet:before, .ion-ios-magnet-outline:before, .ion-ios-mail:before, .ion-ios-mail-open:before, .ion-ios-mail-open-outline:before, .ion-ios-mail-outline:before, .ion-ios-male:before, .ion-ios-male-outline:before, .ion-ios-man:before, .ion-ios-man-outline:before, .ion-ios-map:before, .ion-ios-map-outline:before, .ion-ios-medal:before, .ion-ios-medal-outline:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-megaphone:before, .ion-ios-megaphone-outline:before, .ion-ios-menu:before, .ion-ios-menu-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-off-outline:before, .ion-ios-mic-outline:before, .ion-ios-microphone:before, .ion-ios-microphone-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-move:before, .ion-ios-move-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-note-outline:before, .ion-ios-musical-notes:before, .ion-ios-musical-notes-outline:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-no-smoking:before, .ion-ios-no-smoking-outline:before, .ion-ios-notifications:before, .ion-ios-notifications-off:before, .ion-ios-notifications-off-outline:before, .ion-ios-notifications-outline:before, .ion-ios-nuclear:before, .ion-ios-nuclear-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-open:before, .ion-ios-open-outline:before, .ion-ios-options:before, .ion-ios-options-outline:before, .ion-ios-outlet:before, .ion-ios-outlet-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paper-plane:before, .ion-ios-paper-plane-outline:before, .ion-ios-partly-sunny:before, .ion-ios-partly-sunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-add:before, .ion-ios-person-add-outline:before, .ion-ios-person-outline:before, .ion-ios-phone-landscape:before, .ion-ios-phone-landscape-outline:before, .ion-ios-phone-portrait:before, .ion-ios-phone-portrait-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pin:before, .ion-ios-pin-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-pizza:before, .ion-ios-pizza-outline:before, .ion-ios-plane:before, .ion-ios-plane-outline:before, .ion-ios-planet:before, .ion-ios-planet-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-podium:before, .ion-ios-podium-outline:before, .ion-ios-power:before, .ion-ios-power-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-print:before, .ion-ios-print-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-outline:before, .ion-ios-qr-scanner:before, .ion-ios-qr-scanner-outline:before, .ion-ios-quote:before, .ion-ios-quote-outline:before, .ion-ios-radio:before, .ion-ios-radio-button-off:before, .ion-ios-circle-outline:before, .ion-ios-radio-button-off-outline:before, .ion-ios-radio-button-on:before, .ion-ios-circle-filled:before, .ion-ios-radio-button-on-outline:before, .ion-ios-radio-outline:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-circle:before, .ion-ios-refresh-circle-outline:before, .ion-ios-refresh-outline:before, .ion-ios-remove:before, .ion-ios-remove-circle:before, .ion-ios-minus:before, .ion-ios-remove-circle-outline:before, .ion-ios-minus-outline:before, .ion-ios-remove-outline:before, .ion-ios-reorder:before, .ion-ios-reorder-outline:before, .ion-ios-repeat:before, .ion-ios-repeat-outline:before, .ion-ios-resize:before, .ion-ios-resize-outline:before, .ion-ios-restaurant:before, .ion-ios-restaurant-outline:before, .ion-ios-return-left:before, .ion-ios-return-left-outline:before, .ion-ios-return-right:before, .ion-ios-return-right-outline:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-ribbon:before, .ion-ios-ribbon-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-sad:before, .ion-ios-sad-outline:before, .ion-ios-school:before, .ion-ios-school-outline:before, .ion-ios-search:before, .ion-ios-search-outline:before, .ion-ios-send:before, .ion-ios-send-outline:before, .ion-ios-settings:before, .ion-ios-settings-outline:before, .ion-ios-share:before, .ion-ios-share-alt:before, .ion-ios-share-alt-outline:before, .ion-ios-share-outline:before, .ion-ios-shirt:before, .ion-ios-shirt-outline:before, .ion-ios-shuffle:before, .ion-ios-shuffle-outline:before, .ion-ios-skip-backward:before, .ion-ios-skip-backward-outline:before, .ion-ios-skip-forward:before, .ion-ios-skip-forward-outline:before, .ion-ios-snow:before, .ion-ios-snow-outline:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-square:before, .ion-android-checkbox-blank:before, .ion-ios-square-outline:before, .ion-android-checkbox-outline-blank:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-half-outline:before, .ion-ios-star-outline:before, .ion-ios-stats:before, .ion-ios-stats-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-subway:before, .ion-ios-subway-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-swap:before, .ion-ios-swap-outline:before, .ion-ios-switch:before, .ion-ios-switch-outline:before, .ion-ios-sync:before, .ion-ios-sync-outline:before, .ion-ios-tablet-landscape:before, .ion-ios-tablet-landscape-outline:before, .ion-ios-tablet-portrait:before, .ion-ios-tablet-portrait-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-text:before, .ion-ios-text-outline:before, .ion-ios-thermometer:before, .ion-ios-thermometer-outline:before, .ion-ios-thumbs-down:before, .ion-ios-thumbs-down-outline:before, .ion-ios-thumbs-up:before, .ion-ios-thumbs-up-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-train:before, .ion-ios-train-outline:before, .ion-ios-transgender:before, .ion-ios-transgender-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-trending-down:before, .ion-ios-trending-down-outline:before, .ion-ios-trending-up:before, .ion-ios-trending-up-outline:before, .ion-ios-trophy:before, .ion-ios-trophy-outline:before, .ion-ios-umbrella:before, .ion-ios-umbrella-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlock:before, .ion-ios-unlock-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-down:before, .ion-ios-volume-down-outline:before, .ion-ios-volume-mute:before, .ion-ios-volume-mute-outline:before, .ion-ios-volume-off:before, .ion-ios-volume-off-outline:before, .ion-ios-volume-up:before, .ion-ios-volume-up-outline:before, .ion-ios-walk:before, .ion-ios-walk-outline:before, .ion-ios-warning:before, .ion-ios-warning-outline:before, .ion-ios-watch:before, .ion-ios-watch-outline:before, .ion-ios-water:before, .ion-ios-water-outline:before, .ion-ios-wifi:before, .ion-ios-wifi-outline:before, .ion-ios-wine:before, .ion-ios-wine-outline:before, .ion-ios-woman:before, .ion-ios-woman-outline:before, .ion-logo-android:before, .ion-logo-angular:before, .ion-logo-apple:before, .ion-logo-bitcoin:before, .ion-logo-buffer:before, .ion-logo-chrome:before, .ion-logo-codepen:before, .ion-logo-css3:before, .ion-logo-designernews:before, .ion-logo-dribbble:before, .ion-logo-dropbox:before, .ion-logo-euro:before, .ion-logo-facebook:before, .ion-logo-foursquare:before, .ion-logo-freebsd-devil:before, .ion-logo-github:before, .ion-logo-google:before, .ion-logo-googleplus:before, .ion-logo-hackernews:before, .ion-logo-html5:before, .ion-logo-instagram:before, .ion-logo-javascript:before, .ion-logo-linkedin:before, .ion-logo-markdown:before, .ion-logo-nodejs:before, .ion-logo-octocat:before, .ion-logo-pinterest:before, .ion-logo-playstation:before, .ion-logo-python:before, .ion-logo-reddit:before, .ion-logo-rss:before, .ion-logo-sass:before, .ion-logo-skype:before, .ion-logo-snapchat:before, .ion-logo-steam:before, .ion-logo-tumblr:before, .ion-logo-tux:before, .ion-logo-twitch:before, .ion-logo-twitter:before, .ion-logo-usd:before, .ion-logo-vimeo:before, .ion-logo-whatsapp:before, .ion-logo-windows:before, .ion-logo-wordpress:before, .ion-logo-xbox:before, .ion-logo-yahoo:before, .ion-logo-yen:before, .ion-logo-youtube:before, .ion-md-add:before, .ion-md-add-circle:before, .ion-md-alarm:before, .ion-md-albums:before, .ion-md-alert:before, .ion-md-american-football:before, .ion-md-analytics:before, .ion-md-aperture:before, .ion-md-apps:before, .ion-md-appstore:before, .ion-md-archive:before, .ion-md-arrow-back:before, .ion-md-arrow-down:before, .ion-md-arrow-dropdown:before, .ion-md-arrow-dropdown-circle:before, .ion-md-arrow-dropleft:before, .ion-md-arrow-dropleft-circle:before, .ion-md-arrow-dropright:before, .ion-md-arrow-dropright-circle:before, .ion-md-arrow-dropup:before, .ion-md-arrow-dropup-circle:before, .ion-md-arrow-forward:before, .ion-md-arrow-round-back:before, .ion-md-arrow-round-down:before, .ion-md-arrow-round-forward:before, .ion-md-arrow-round-up:before, .ion-md-arrow-up:before, .ion-md-at:before, .ion-md-attach:before, .ion-md-backspace:before, .ion-md-barcode:before, .ion-md-baseball:before, .ion-md-basket:before, .ion-md-basketball:before, .ion-md-battery-charging:before, .ion-md-battery-dead:before, .ion-md-battery-full:before, .ion-md-beaker:before, .ion-md-beer:before, .ion-md-bicycle:before, .ion-md-bluetooth:before, .ion-md-boat:before, .ion-md-body:before, .ion-md-bonfire:before, .ion-md-book:before, .ion-md-bookmark:before, .ion-md-bookmarks:before, .ion-md-bowtie:before, .ion-md-briefcase:before, .ion-md-browsers:before, .ion-md-brush:before, .ion-md-bug:before, .ion-md-build:before, .ion-md-bulb:before, .ion-md-bus:before, .ion-md-cafe:before, .ion-md-calculator:before, .ion-md-calendar:before, .ion-md-call:before, .ion-md-camera:before, .ion-md-car:before, .ion-md-card:before, .ion-md-cart:before, .ion-md-cash:before, .ion-md-chatboxes:before, .ion-md-chatbubbles:before, .ion-md-checkbox:before, .ion-md-checkbox-outline:before, .ion-md-checkmark:before, .ion-md-checkmark-circle:before, .ion-md-checkmark-circle-outline:before, .ion-md-clipboard:before, .ion-md-clock:before, .ion-md-close:before, .ion-md-close-circle:before, .ion-md-closed-captioning:before, .ion-md-cloud:before, .ion-md-cloud-circle:before, .ion-md-cloud-done:before, .ion-md-cloud-download:before, .ion-md-cloud-outline:before, .ion-md-cloud-upload:before, .ion-md-cloudy:before, .ion-md-cloudy-night:before, .ion-md-code:before, .ion-md-code-download:before, .ion-md-code-working:before, .ion-md-cog:before, .ion-md-color-fill:before, .ion-md-color-filter:before, .ion-md-color-palette:before, .ion-md-color-wand:before, .ion-md-compass:before, .ion-md-construct:before, .ion-md-contact:before, .ion-md-contacts:before, .ion-md-contract:before, .ion-md-contrast:before, .ion-md-copy:before, .ion-md-create:before, .ion-md-crop:before, .ion-md-cube:before, .ion-md-cut:before, .ion-md-desktop:before, .ion-md-disc:before, .ion-md-document:before, .ion-md-done-all:before, .ion-md-download:before, .ion-md-easel:before, .ion-md-egg:before, .ion-md-exit:before, .ion-md-expand:before, .ion-md-eye:before, .ion-md-eye-off:before, .ion-md-fastforward:before, .ion-md-female:before, .ion-md-filing:before, .ion-md-film:before, .ion-md-finger-print:before, .ion-md-flag:before, .ion-md-flame:before, .ion-md-flash:before, .ion-md-flask:before, .ion-md-flower:before, .ion-md-folder:before, .ion-md-folder-open:before, .ion-md-football:before, .ion-md-funnel:before, .ion-md-game-controller-a:before, .ion-md-game-controller-b:before, .ion-md-git-branch:before, .ion-md-git-commit:before, .ion-md-git-compare:before, .ion-md-git-merge:before, .ion-md-git-network:before, .ion-md-git-pull-request:before, .ion-md-glasses:before, .ion-md-globe:before, .ion-md-grid:before, .ion-md-hammer:before, .ion-md-hand:before, .ion-md-happy:before, .ion-md-headset:before, .ion-md-heart:before, .ion-md-heart-outline:before, .ion-md-help:before, .ion-md-help-buoy:before, .ion-md-help-circle:before, .ion-md-home:before, .ion-md-ice-cream:before, .ion-md-image:before, .ion-md-images:before, .ion-md-infinite:before, .ion-md-information:before, .ion-md-information-circle:before, .ion-md-ionic:before, .ion-md-ionitron:before, .ion-md-jet:before, .ion-md-key:before, .ion-md-keypad:before, .ion-md-laptop:before, .ion-md-leaf:before, .ion-md-link:before, .ion-md-list:before, .ion-md-list-box:before, .ion-md-locate:before, .ion-md-lock:before, .ion-md-log-in:before, .ion-md-log-out:before, .ion-md-magnet:before, .ion-md-mail:before, .ion-md-mail-open:before, .ion-md-male:before, .ion-md-man:before, .ion-md-map:before, .ion-md-medal:before, .ion-md-medical:before, .ion-md-medkit:before, .ion-md-megaphone:before, .ion-md-menu:before, .ion-md-mic:before, .ion-md-mic-off:before, .ion-md-microphone:before, .ion-md-moon:before, .ion-md-more:before, .ion-md-move:before, .ion-md-musical-note:before, .ion-md-musical-notes:before, .ion-md-navigate:before, .ion-md-no-smoking:before, .ion-md-notifications:before, .ion-md-notifications-off:before, .ion-md-notifications-outline:before, .ion-md-nuclear:before, .ion-md-nutrition:before, .ion-md-open:before, .ion-md-options:before, .ion-md-outlet:before, .ion-md-paper:before, .ion-md-paper-plane:before, .ion-md-partly-sunny:before, .ion-md-pause:before, .ion-md-paw:before, .ion-md-people:before, .ion-md-person:before, .ion-md-person-add:before, .ion-md-phone-landscape:before, .ion-md-phone-portrait:before, .ion-md-photos:before, .ion-md-pie:before, .ion-md-pin:before, .ion-md-pint:before, .ion-md-pizza:before, .ion-md-plane:before, .ion-md-planet:before, .ion-md-play:before, .ion-md-podium:before, .ion-md-power:before, .ion-md-pricetag:before, .ion-md-pricetags:before, .ion-md-print:before, .ion-md-pulse:before, .ion-md-qr-scanner:before, .ion-md-quote:before, .ion-md-radio:before, .ion-md-radio-button-off:before, .ion-md-radio-button-on:before, .ion-md-rainy:before, .ion-md-recording:before, .ion-md-redo:before, .ion-md-refresh:before, .ion-md-refresh-circle:before, .ion-md-remove:before, .ion-md-remove-circle:before, .ion-md-reorder:before, .ion-md-repeat:before, .ion-md-resize:before, .ion-md-restaurant:before, .ion-md-return-left:before, .ion-md-return-right:before, .ion-md-reverse-camera:before, .ion-md-rewind:before, .ion-md-ribbon:before, .ion-md-rose:before, .ion-md-sad:before, .ion-md-school:before, .ion-md-search:before, .ion-md-send:before, .ion-md-settings:before, .ion-md-share:before, .ion-md-share-alt:before, .ion-md-shirt:before, .ion-md-shuffle:before, .ion-md-skip-backward:before, .ion-md-skip-forward:before, .ion-md-snow:before, .ion-md-speedometer:before, .ion-md-square:before, .ion-md-square-outline:before, .ion-md-star:before, .ion-md-star-half:before, .ion-md-star-outline:before, .ion-md-stats:before, .ion-md-stopwatch:before, .ion-md-subway:before, .ion-md-sunny:before, .ion-md-swap:before, .ion-md-switch:before, .ion-md-sync:before, .ion-md-tablet-landscape:before, .ion-md-tablet-portrait:before, .ion-md-tennisball:before, .ion-md-text:before, .ion-md-thermometer:before, .ion-md-thumbs-down:before, .ion-md-thumbs-up:before, .ion-md-thunderstorm:before, .ion-md-time:before, .ion-md-timer:before, .ion-md-train:before, .ion-md-transgender:before, .ion-md-trash:before, .ion-md-trending-down:before, .ion-md-trending-up:before, .ion-md-trophy:before, .ion-md-umbrella:before, .ion-md-undo:before, .ion-md-unlock:before, .ion-md-videocam:before, .ion-md-volume-down:before, .ion-md-volume-mute:before, .ion-md-volume-off:before, .ion-md-volume-up:before, .ion-md-walk:before, .ion-md-warning:before, .ion-md-watch:before, .ion-md-water:before, .ion-md-wifi:before, .ion-md-wine:before, .ion-md-woman:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-ios-add:before {
  content: "\f102"; }

.ion-ios-add-circle:before, .ion-ios-plus:before {
  content: "\f101"; }

.ion-ios-add-circle-outline:before, .ion-ios-plus-outline:before {
  content: "\f100"; }

.ion-ios-add-outline:before {
  content: "\f102"; }

.ion-ios-alarm:before {
  content: "\f3c8"; }

.ion-ios-alarm-outline:before {
  content: "\f3c7"; }

.ion-ios-albums:before {
  content: "\f3ca"; }

.ion-ios-albums-outline:before {
  content: "\f3c9"; }

.ion-ios-alert:before {
  content: "\f104"; }

.ion-ios-alert-outline:before, .ion-alert:before,
.ion-android-alert:before {
  content: "\f103"; }

.ion-ios-american-football:before {
  content: "\f106"; }

.ion-ios-american-football-outline:before {
  content: "\f105"; }

.ion-ios-analytics:before {
  content: "\f3ce"; }

.ion-ios-analytics-outline:before {
  content: "\f3cd"; }

.ion-ios-aperture:before {
  content: "\f108"; }

.ion-ios-aperture-outline:before {
  content: "\f107"; }

.ion-ios-apps:before {
  content: "\f10a"; }

.ion-ios-apps-outline:before {
  content: "\f109"; }

.ion-ios-appstore:before {
  content: "\f10c"; }

.ion-ios-appstore-outline:before {
  content: "\f10b"; }

.ion-ios-archive:before {
  content: "\f10e"; }

.ion-ios-archive-outline:before {
  content: "\f10d"; }

.ion-ios-arrow-back:before, .ion-ios-arrow-left:before {
  content: "\f3cf"; }

.ion-ios-arrow-back-outline:before {
  content: "\f3cf"; }

.ion-ios-arrow-down:before {
  content: "\f3d0"; }

.ion-ios-arrow-down-outline:before {
  content: "\f3d0"; }

.ion-ios-arrow-dropdown:before {
  content: "\f110"; }

.ion-ios-arrow-dropdown-circle:before {
  content: "\f10f"; }

.ion-ios-arrow-dropdown-circle-outline:before {
  content: "\f10f"; }

.ion-ios-arrow-dropdown-outline:before {
  content: "\f110"; }

.ion-ios-arrow-dropleft:before {
  content: "\f112"; }

.ion-ios-arrow-dropleft-circle:before {
  content: "\f111"; }

.ion-ios-arrow-dropleft-circle-outline:before {
  content: "\f111"; }

.ion-ios-arrow-dropleft-outline:before {
  content: "\f112"; }

.ion-ios-arrow-dropright:before {
  content: "\f114"; }

.ion-ios-arrow-dropright-circle:before {
  content: "\f113"; }

.ion-ios-arrow-dropright-circle-outline:before {
  content: "\f113"; }

.ion-ios-arrow-dropright-outline:before {
  content: "\f114"; }

.ion-ios-arrow-dropup:before {
  content: "\f116"; }

.ion-ios-arrow-dropup-circle:before {
  content: "\f115"; }

.ion-ios-arrow-dropup-circle-outline:before {
  content: "\f115"; }

.ion-ios-arrow-dropup-outline:before {
  content: "\f116"; }

.ion-ios-arrow-forward:before, .ion-ios-arrow-right:before {
  content: "\f3d1"; }

.ion-ios-arrow-forward-outline:before {
  content: "\f3d1"; }

.ion-ios-arrow-round-back:before, .ion-ios-arrow-thin-left:before {
  content: "\f117"; }

.ion-ios-arrow-round-back-outline:before {
  content: "\f117"; }

.ion-ios-arrow-round-down:before, .ion-ios-arrow-thin-down:before {
  content: "\f118"; }

.ion-ios-arrow-round-down-outline:before {
  content: "\f118"; }

.ion-ios-arrow-round-forward:before, .ion-ios-arrow-thin-right:before {
  content: "\f119"; }

.ion-ios-arrow-round-forward-outline:before {
  content: "\f119"; }

.ion-ios-arrow-round-up:before, .ion-ios-arrow-thin-up:before {
  content: "\f11a"; }

.ion-ios-arrow-round-up-outline:before {
  content: "\f11a"; }

.ion-ios-arrow-up:before {
  content: "\f3d8"; }

.ion-ios-arrow-up-outline:before {
  content: "\f3d8"; }

.ion-ios-at:before {
  content: "\f3da"; }

.ion-ios-at-outline:before {
  content: "\f3d9"; }

.ion-ios-attach:before {
  content: "\f11b"; }

.ion-ios-attach-outline:before {
  content: "\f11b"; }

.ion-ios-backspace:before {
  content: "\f11d"; }

.ion-ios-backspace-outline:before {
  content: "\f11c"; }

.ion-ios-barcode:before {
  content: "\f3dc"; }

.ion-ios-barcode-outline:before {
  content: "\f3db"; }

.ion-ios-baseball:before {
  content: "\f3de"; }

.ion-ios-baseball-outline:before {
  content: "\f3dd"; }

.ion-ios-basket:before {
  content: "\f11f"; }

.ion-ios-basket-outline:before {
  content: "\f11e"; }

.ion-ios-basketball:before {
  content: "\f3e0"; }

.ion-ios-basketball-outline:before {
  content: "\f3df"; }

.ion-ios-battery-charging:before {
  content: "\f120"; }

.ion-ios-battery-charging-outline:before {
  content: "\f120"; }

.ion-ios-battery-dead:before {
  content: "\f121"; }

.ion-ios-battery-dead-outline:before {
  content: "\f121"; }

.ion-ios-battery-full:before {
  content: "\f122"; }

.ion-ios-battery-full-outline:before {
  content: "\f122"; }

.ion-ios-beaker:before {
  content: "\f124"; }

.ion-ios-beaker-outline:before {
  content: "\f123"; }

.ion-ios-beer:before {
  content: "\f126"; }

.ion-ios-beer-outline:before {
  content: "\f125"; }

.ion-ios-bicycle:before {
  content: "\f127"; }

.ion-ios-bicycle-outline:before {
  content: "\f127"; }

.ion-ios-bluetooth:before {
  content: "\f128"; }

.ion-ios-bluetooth-outline:before {
  content: "\f128"; }

.ion-ios-boat:before {
  content: "\f12a"; }

.ion-ios-boat-outline:before {
  content: "\f129"; }

.ion-ios-body:before {
  content: "\f3e4"; }

.ion-ios-body-outline:before {
  content: "\f3e3"; }

.ion-ios-bonfire:before {
  content: "\f12c"; }

.ion-ios-bonfire-outline:before {
  content: "\f12b"; }

.ion-ios-book:before {
  content: "\f3e8"; }

.ion-ios-book-outline:before {
  content: "\f3e7"; }

.ion-ios-bookmark:before {
  content: "\f12e"; }

.ion-ios-bookmark-outline:before {
  content: "\f12d"; }

.ion-ios-bookmarks:before {
  content: "\f3ea"; }

.ion-ios-bookmarks-outline:before {
  content: "\f3e9"; }

.ion-ios-bowtie:before {
  content: "\f130"; }

.ion-ios-bowtie-outline:before {
  content: "\f12f"; }

.ion-ios-briefcase:before {
  content: "\f3ee"; }

.ion-ios-briefcase-outline:before {
  content: "\f3ed"; }

.ion-ios-browsers:before {
  content: "\f3f0"; }

.ion-ios-browsers-outline:before {
  content: "\f3ef"; }

.ion-ios-brush:before {
  content: "\f132"; }

.ion-ios-brush-outline:before {
  content: "\f131"; }

.ion-ios-bug:before {
  content: "\f134"; }

.ion-ios-bug-outline:before {
  content: "\f133"; }

.ion-ios-build:before {
  content: "\f136"; }

.ion-ios-build-outline:before {
  content: "\f135"; }

.ion-ios-bulb:before, .ion-ios-lightbulb:before {
  content: "\f138"; }

.ion-ios-bulb-outline:before, .ion-ios-lightbulb-outline:before {
  content: "\f137"; }

.ion-ios-bus:before {
  content: "\f13a"; }

.ion-ios-bus-outline:before {
  content: "\f139"; }

.ion-ios-cafe:before {
  content: "\f13c"; }

.ion-ios-cafe-outline:before {
  content: "\f13b"; }

.ion-ios-calculator:before {
  content: "\f3f2"; }

.ion-ios-calculator-outline:before {
  content: "\f3f1"; }

.ion-ios-calendar:before {
  content: "\f3f4"; }

.ion-ios-calendar-outline:before {
  content: "\f3f3"; }

.ion-ios-call:before {
  content: "\f13e"; }

.ion-ios-call-outline:before {
  content: "\f13d"; }

.ion-ios-camera:before {
  content: "\f3f6"; }

.ion-ios-camera-outline:before {
  content: "\f3f5"; }

.ion-ios-car:before {
  content: "\f140"; }

.ion-ios-car-outline:before {
  content: "\f13f"; }

.ion-ios-card:before {
  content: "\f142"; }

.ion-ios-card-outline:before {
  content: "\f141"; }

.ion-ios-cart:before {
  content: "\f3f8"; }

.ion-ios-cart-outline:before {
  content: "\f3f7"; }

.ion-ios-cash:before {
  content: "\f144"; }

.ion-ios-cash-outline:before {
  content: "\f143"; }

.ion-ios-chatboxes:before {
  content: "\f3fa"; }

.ion-ios-chatboxes-outline:before {
  content: "\f3f9"; }

.ion-ios-chatbubbles:before {
  content: "\f146"; }

.ion-ios-chatbubbles-outline:before {
  content: "\f145"; }

.ion-ios-checkbox:before {
  content: "\f148"; }

.ion-ios-checkbox-outline:before {
  content: "\f147"; }

.ion-ios-checkmark:before {
  content: "\f3ff"; }

.ion-ios-checkmark-circle:before {
  content: "\f14a"; }

.ion-ios-checkmark-circle-outline:before {
  content: "\f149"; }

.ion-ios-checkmark-outline:before {
  content: "\f3ff"; }

.ion-ios-clipboard:before {
  content: "\f14c"; }

.ion-ios-clipboard-outline:before {
  content: "\f14b"; }

.ion-ios-clock:before {
  content: "\f403"; }

.ion-ios-clock-outline:before {
  content: "\f402"; }

.ion-ios-close:before {
  content: "\f406"; }

.ion-ios-close-circle:before {
  content: "\f14e"; }

.ion-ios-close-circle-outline:before {
  content: "\f14d"; }

.ion-ios-close-outline:before {
  content: "\f406"; }

.ion-ios-closed-captioning:before {
  content: "\f150"; }

.ion-ios-closed-captioning-outline:before {
  content: "\f14f"; }

.ion-ios-cloud:before {
  content: "\f40c"; }

.ion-ios-cloud-circle:before {
  content: "\f152"; }

.ion-ios-cloud-circle-outline:before {
  content: "\f151"; }

.ion-ios-cloud-done:before {
  content: "\f154"; }

.ion-ios-cloud-done-outline:before {
  content: "\f153"; }

.ion-ios-cloud-download:before {
  content: "\f408"; }

.ion-ios-cloud-download-outline:before {
  content: "\f407"; }

.ion-ios-cloud-outline:before {
  content: "\f409"; }

.ion-ios-cloud-upload:before {
  content: "\f40b"; }

.ion-ios-cloud-upload-outline:before {
  content: "\f40a"; }

.ion-ios-cloudy:before {
  content: "\f410"; }

.ion-ios-cloudy-night:before {
  content: "\f40e"; }

.ion-ios-cloudy-night-outline:before {
  content: "\f40d"; }

.ion-ios-cloudy-outline:before {
  content: "\f40f"; }

.ion-ios-code:before {
  content: "\f157"; }

.ion-ios-code-download:before {
  content: "\f155"; }

.ion-ios-code-download-outline:before {
  content: "\f155"; }

.ion-ios-code-outline:before {
  content: "\f157"; }

.ion-ios-code-working:before {
  content: "\f156"; }

.ion-ios-code-working-outline:before {
  content: "\f156"; }

.ion-ios-cog:before {
  content: "\f412"; }

.ion-ios-cog-outline:before {
  content: "\f411"; }

.ion-ios-color-fill:before {
  content: "\f159"; }

.ion-ios-color-fill-outline:before {
  content: "\f158"; }

.ion-ios-color-filter:before {
  content: "\f414"; }

.ion-ios-color-filter-outline:before {
  content: "\f413"; }

.ion-ios-color-palette:before {
  content: "\f15b"; }

.ion-ios-color-palette-outline:before {
  content: "\f15a"; }

.ion-ios-color-wand:before {
  content: "\f416"; }

.ion-ios-color-wand-outline:before {
  content: "\f415"; }

.ion-ios-compass:before {
  content: "\f15d"; }

.ion-ios-compass-outline:before {
  content: "\f15c"; }

.ion-ios-construct:before {
  content: "\f15f"; }

.ion-ios-construct-outline:before {
  content: "\f15e"; }

.ion-ios-contact:before {
  content: "\f41a"; }

.ion-ios-contact-outline:before {
  content: "\f419"; }

.ion-ios-contacts:before {
  content: "\f161"; }

.ion-ios-contacts-outline:before {
  content: "\f160"; }

.ion-ios-contract:before {
  content: "\f162"; }

.ion-ios-contract-outline:before {
  content: "\f162"; }

.ion-ios-contrast:before {
  content: "\f163"; }

.ion-ios-contrast-outline:before {
  content: "\f163"; }

.ion-ios-copy:before {
  content: "\f41c"; }

.ion-ios-copy-outline:before {
  content: "\f41b"; }

.ion-ios-create:before {
  content: "\f165"; }

.ion-ios-create-outline:before {
  content: "\f164"; }

.ion-ios-crop:before {
  content: "\f41e"; }

.ion-ios-crop-outline:before {
  content: "\f166"; }

.ion-ios-cube:before {
  content: "\f168"; }

.ion-ios-cube-outline:before {
  content: "\f167"; }

.ion-ios-cut:before {
  content: "\f16a"; }

.ion-ios-cut-outline:before {
  content: "\f169"; }

.ion-ios-desktop:before {
  content: "\f16c"; }

.ion-ios-desktop-outline:before {
  content: "\f16b"; }

.ion-ios-disc:before {
  content: "\f16e"; }

.ion-ios-disc-outline:before {
  content: "\f16d"; }

.ion-ios-document:before {
  content: "\f170"; }

.ion-ios-document-outline:before {
  content: "\f16f"; }

.ion-ios-done-all:before {
  content: "\f171"; }

.ion-ios-done-all-outline:before {
  content: "\f171"; }

.ion-ios-download:before {
  content: "\f420"; }

.ion-ios-download-outline:before {
  content: "\f41f"; }

.ion-ios-easel:before {
  content: "\f173"; }

.ion-ios-easel-outline:before {
  content: "\f172"; }

.ion-ios-egg:before {
  content: "\f175"; }

.ion-ios-egg-outline:before {
  content: "\f174"; }

.ion-ios-exit:before {
  content: "\f177"; }

.ion-ios-exit-outline:before {
  content: "\f176"; }

.ion-ios-expand:before {
  content: "\f178"; }

.ion-ios-expand-outline:before {
  content: "\f178"; }

.ion-ios-eye:before {
  content: "\f425"; }

.ion-ios-eye-off:before {
  content: "\f17a"; }

.ion-ios-eye-off-outline:before {
  content: "\f179"; }

.ion-ios-eye-outline:before {
  content: "\f424"; }

.ion-ios-fastforward:before {
  content: "\f427"; }

.ion-ios-fastforward-outline:before {
  content: "\f426"; }

.ion-ios-female:before {
  content: "\f17b"; }

.ion-ios-female-outline:before {
  content: "\f17b"; }

.ion-ios-filing:before {
  content: "\f429"; }

.ion-ios-filing-outline:before {
  content: "\f428"; }

.ion-ios-film:before {
  content: "\f42b"; }

.ion-ios-film-outline:before {
  content: "\f42a"; }

.ion-ios-finger-print:before {
  content: "\f17c"; }

.ion-ios-finger-print-outline:before {
  content: "\f17c"; }

.ion-ios-flag:before {
  content: "\f42d"; }

.ion-ios-flag-outline:before {
  content: "\f42c"; }

.ion-ios-flame:before {
  content: "\f42f"; }

.ion-ios-flame-outline:before {
  content: "\f42e"; }

.ion-ios-flash:before, .ion-ios-bolt:before {
  content: "\f17e"; }

.ion-ios-flash-outline:before, .ion-ios-bolt-outline:before {
  content: "\f17d"; }

.ion-ios-flask:before {
  content: "\f431"; }

.ion-ios-flask-outline:before {
  content: "\f430"; }

.ion-ios-flower:before {
  content: "\f433"; }

.ion-ios-flower-outline:before {
  content: "\f432"; }

.ion-ios-folder:before {
  content: "\f435"; }

.ion-ios-folder-open:before {
  content: "\f180"; }

.ion-ios-folder-open-outline:before {
  content: "\f17f"; }

.ion-ios-folder-outline:before {
  content: "\f434"; }

.ion-ios-football:before {
  content: "\f437"; }

.ion-ios-football-outline:before {
  content: "\f436"; }

.ion-ios-funnel:before {
  content: "\f182"; }

.ion-ios-funnel-outline:before {
  content: "\f181"; }

.ion-ios-game-controller-a:before {
  content: "\f439"; }

.ion-ios-game-controller-a-outline:before {
  content: "\f438"; }

.ion-ios-game-controller-b:before {
  content: "\f43b"; }

.ion-ios-game-controller-b-outline:before {
  content: "\f43a"; }

.ion-ios-git-branch:before {
  content: "\f183"; }

.ion-ios-git-branch-outline:before {
  content: "\f183"; }

.ion-ios-git-commit:before {
  content: "\f184"; }

.ion-ios-git-commit-outline:before {
  content: "\f184"; }

.ion-ios-git-compare:before {
  content: "\f185"; }

.ion-ios-git-compare-outline:before {
  content: "\f185"; }

.ion-ios-git-merge:before {
  content: "\f186"; }

.ion-ios-git-merge-outline:before {
  content: "\f186"; }

.ion-ios-git-network:before {
  content: "\f187"; }

.ion-ios-git-network-outline:before {
  content: "\f187"; }

.ion-ios-git-pull-request:before {
  content: "\f188"; }

.ion-ios-git-pull-request-outline:before {
  content: "\f188"; }

.ion-ios-glasses:before {
  content: "\f43f"; }

.ion-ios-glasses-outline:before {
  content: "\f43e"; }

.ion-ios-globe:before {
  content: "\f18a"; }

.ion-ios-globe-outline:before {
  content: "\f189"; }

.ion-ios-grid:before {
  content: "\f18c"; }

.ion-ios-grid-outline:before {
  content: "\f18b"; }

.ion-ios-hammer:before {
  content: "\f18e"; }

.ion-ios-hammer-outline:before {
  content: "\f18d"; }

.ion-ios-hand:before {
  content: "\f190"; }

.ion-ios-hand-outline:before {
  content: "\f18f"; }

.ion-ios-happy:before {
  content: "\f192"; }

.ion-ios-happy-outline:before {
  content: "\f191"; }

.ion-ios-headset:before {
  content: "\f194"; }

.ion-ios-headset-outline:before {
  content: "\f193"; }

.ion-ios-heart:before {
  content: "\f443"; }

.ion-ios-heart-outline:before {
  content: "\f442"; }

.ion-ios-help:before {
  content: "\f446"; }

.ion-ios-help-buoy:before {
  content: "\f196"; }

.ion-ios-help-buoy-outline:before {
  content: "\f195"; }

.ion-ios-help-circle:before {
  content: "\f198"; }

.ion-ios-help-circle-outline:before {
  content: "\f197"; }

.ion-ios-help-outline:before {
  content: "\f446"; }

.ion-ios-home:before {
  content: "\f448"; }

.ion-ios-home-outline:before {
  content: "\f447"; }

.ion-ios-ice-cream:before {
  content: "\f19a"; }

.ion-ios-ice-cream-outline:before {
  content: "\f199"; }

.ion-ios-image:before {
  content: "\f19c"; }

.ion-ios-image-outline:before {
  content: "\f19b"; }

.ion-ios-images:before {
  content: "\f19e"; }

.ion-ios-images-outline:before {
  content: "\f19d"; }

.ion-ios-infinite:before {
  content: "\f44a"; }

.ion-ios-infinite-outline:before {
  content: "\f449"; }

.ion-ios-information:before {
  content: "\f44d"; }

.ion-ios-information-circle:before {
  content: "\f1a0"; }

.ion-ios-information-circle-outline:before {
  content: "\f19f"; }

.ion-ios-information-outline:before {
  content: "\f44d"; }

.ion-ios-ionic:before {
  content: "\f1a1"; }

.ion-ios-ionic-outline:before {
  content: "\f44e"; }

.ion-ios-ionitron:before {
  content: "\f1a3"; }

.ion-ios-ionitron-outline:before {
  content: "\f1a2"; }

.ion-ios-jet:before {
  content: "\f1a5"; }

.ion-ios-jet-outline:before {
  content: "\f1a4"; }

.ion-ios-key:before {
  content: "\f1a7"; }

.ion-ios-key-outline:before {
  content: "\f1a6"; }

.ion-ios-keypad:before {
  content: "\f450"; }

.ion-ios-keypad-outline:before {
  content: "\f44f"; }

.ion-ios-laptop:before {
  content: "\f1a8"; }

.ion-ios-laptop-outline:before {
  content: "\f1a8"; }

.ion-ios-leaf:before {
  content: "\f1aa"; }

.ion-ios-leaf-outline:before {
  content: "\f1a9"; }

.ion-ios-link:before {
  content: "\f22a"; }

.ion-ios-link-outline:before {
  content: "\f1ca"; }

.ion-ios-list:before {
  content: "\f454"; }

.ion-ios-list-box:before {
  content: "\f1ac"; }

.ion-ios-list-box-outline:before {
  content: "\f1ab"; }

.ion-ios-list-outline:before {
  content: "\f454"; }

.ion-ios-locate:before {
  content: "\f1ae"; }

.ion-ios-locate-outline:before {
  content: "\f1ad"; }

.ion-ios-lock:before {
  content: "\f1b0"; }

.ion-ios-lock-outline:before {
  content: "\f1af"; }

.ion-ios-log-in:before {
  content: "\f1b1"; }

.ion-ios-log-in-outline:before {
  content: "\f1b1"; }

.ion-ios-log-out:before {
  content: "\f1b2"; }

.ion-ios-log-out-outline:before {
  content: "\f1b2"; }

.ion-ios-magnet:before {
  content: "\f1b4"; }

.ion-ios-magnet-outline:before {
  content: "\f1b3"; }

.ion-ios-mail:before {
  content: "\f1b8"; }

.ion-ios-mail-open:before {
  content: "\f1b6"; }

.ion-ios-mail-open-outline:before {
  content: "\f1b5"; }

.ion-ios-mail-outline:before {
  content: "\f1b7"; }

.ion-ios-male:before {
  content: "\f1b9"; }

.ion-ios-male-outline:before {
  content: "\f1b9"; }

.ion-ios-man:before {
  content: "\f1bb"; }

.ion-ios-man-outline:before {
  content: "\f1ba"; }

.ion-ios-map:before {
  content: "\f1bd"; }

.ion-ios-map-outline:before {
  content: "\f1bc"; }

.ion-ios-medal:before {
  content: "\f1bf"; }

.ion-ios-medal-outline:before {
  content: "\f1be"; }

.ion-ios-medical:before {
  content: "\f45c"; }

.ion-ios-medical-outline:before {
  content: "\f45b"; }

.ion-ios-medkit:before {
  content: "\f45e"; }

.ion-ios-medkit-outline:before {
  content: "\f45d"; }

.ion-ios-megaphone:before {
  content: "\f1c1"; }

.ion-ios-megaphone-outline:before {
  content: "\f1c0"; }

.ion-ios-menu:before {
  content: "\f1c3"; }

.ion-ios-menu-outline:before {
  content: "\f1c2"; }

.ion-ios-mic:before {
  content: "\f461"; }

.ion-ios-mic-off:before {
  content: "\f45f"; }

.ion-ios-mic-off-outline:before {
  content: "\f1c4"; }

.ion-ios-mic-outline:before {
  content: "\f460"; }

.ion-ios-microphone:before {
  content: "\f1c6"; }

.ion-ios-microphone-outline:before {
  content: "\f1c5"; }

.ion-ios-moon:before {
  content: "\f468"; }

.ion-ios-moon-outline:before {
  content: "\f467"; }

.ion-ios-more:before {
  content: "\f1c8"; }

.ion-ios-more-outline:before {
  content: "\f1c7"; }

.ion-ios-move:before {
  content: "\f1cb"; }

.ion-ios-move-outline:before {
  content: "\f1cb"; }

.ion-ios-musical-note:before {
  content: "\f46b"; }

.ion-ios-musical-note-outline:before {
  content: "\f1cc"; }

.ion-ios-musical-notes:before {
  content: "\f46c"; }

.ion-ios-musical-notes-outline:before {
  content: "\f1cd"; }

.ion-ios-navigate:before {
  content: "\f46e"; }

.ion-ios-navigate-outline:before {
  content: "\f46d"; }

.ion-ios-no-smoking:before {
  content: "\f1cf"; }

.ion-ios-no-smoking-outline:before {
  content: "\f1ce"; }

.ion-ios-notifications:before {
  content: "\f1d3"; }

.ion-ios-notifications-off:before {
  content: "\f1d1"; }

.ion-ios-notifications-off-outline:before {
  content: "\f1d0"; }

.ion-ios-notifications-outline:before {
  content: "\f1d2"; }

.ion-ios-nuclear:before {
  content: "\f1d5"; }

.ion-ios-nuclear-outline:before {
  content: "\f1d4"; }

.ion-ios-nutrition:before {
  content: "\f470"; }

.ion-ios-nutrition-outline:before {
  content: "\f46f"; }

.ion-ios-open:before {
  content: "\f1d7"; }

.ion-ios-open-outline:before {
  content: "\f1d6"; }

.ion-ios-options:before {
  content: "\f1d9"; }

.ion-ios-options-outline:before {
  content: "\f1d8"; }

.ion-ios-outlet:before {
  content: "\f1db"; }

.ion-ios-outlet-outline:before {
  content: "\f1da"; }

.ion-ios-paper:before {
  content: "\f472"; }

.ion-ios-paper-outline:before {
  content: "\f471"; }

.ion-ios-paper-plane:before {
  content: "\f1dd"; }

.ion-ios-paper-plane-outline:before {
  content: "\f1dc"; }

.ion-ios-partly-sunny:before {
  content: "\f1df"; }

.ion-ios-partly-sunny-outline:before {
  content: "\f1de"; }

.ion-ios-pause:before {
  content: "\f478"; }

.ion-ios-pause-outline:before {
  content: "\f477"; }

.ion-ios-paw:before {
  content: "\f47a"; }

.ion-ios-paw-outline:before {
  content: "\f479"; }

.ion-ios-people:before {
  content: "\f47c"; }

.ion-ios-people-outline:before {
  content: "\f47b"; }

.ion-ios-person:before {
  content: "\f47e"; }

.ion-ios-person-add:before {
  content: "\f1e1"; }

.ion-ios-person-add-outline:before {
  content: "\f1e0"; }

.ion-ios-person-outline:before {
  content: "\f47d"; }

.ion-ios-phone-landscape:before {
  content: "\f1e2"; }

.ion-ios-phone-landscape-outline:before {
  content: "\f1e2"; }

.ion-ios-phone-portrait:before {
  content: "\f1e3"; }

.ion-ios-phone-portrait-outline:before {
  content: "\f1e3"; }

.ion-ios-photos:before {
  content: "\f482"; }

.ion-ios-photos-outline:before {
  content: "\f481"; }

.ion-ios-pie:before {
  content: "\f484"; }

.ion-ios-pie-outline:before {
  content: "\f483"; }

.ion-ios-pin:before {
  content: "\f1e5"; }

.ion-ios-pin-outline:before {
  content: "\f1e4"; }

.ion-ios-pint:before {
  content: "\f486"; }

.ion-ios-pint-outline:before {
  content: "\f485"; }

.ion-ios-pizza:before {
  content: "\f1e7"; }

.ion-ios-pizza-outline:before {
  content: "\f1e6"; }

.ion-ios-plane:before {
  content: "\f1e9"; }

.ion-ios-plane-outline:before {
  content: "\f1e8"; }

.ion-ios-planet:before {
  content: "\f1eb"; }

.ion-ios-planet-outline:before {
  content: "\f1ea"; }

.ion-ios-play:before {
  content: "\f488"; }

.ion-ios-play-outline:before {
  content: "\f487"; }

.ion-ios-podium:before {
  content: "\f1ed"; }

.ion-ios-podium-outline:before {
  content: "\f1ec"; }

.ion-ios-power:before {
  content: "\f1ef"; }

.ion-ios-power-outline:before {
  content: "\f1ee"; }

.ion-ios-pricetag:before {
  content: "\f48d"; }

.ion-ios-pricetag-outline:before {
  content: "\f48c"; }

.ion-ios-pricetags:before {
  content: "\f48f"; }

.ion-ios-pricetags-outline:before {
  content: "\f48e"; }

.ion-ios-print:before {
  content: "\f1f1"; }

.ion-ios-print-outline:before {
  content: "\f1f0"; }

.ion-ios-pulse:before {
  content: "\f493"; }

.ion-ios-pulse-outline:before {
  content: "\f1f2"; }

.ion-ios-qr-scanner:before {
  content: "\f1f3"; }

.ion-ios-qr-scanner-outline:before {
  content: "\f1f3"; }

.ion-ios-quote:before {
  content: "\f1f5"; }

.ion-ios-quote-outline:before {
  content: "\f1f4"; }

.ion-ios-radio:before {
  content: "\f1f9"; }

.ion-ios-radio-button-off:before, .ion-ios-circle-outline:before {
  content: "\f1f6"; }

.ion-ios-radio-button-off-outline:before {
  content: "\f1f6"; }

.ion-ios-radio-button-on:before, .ion-ios-circle-filled:before {
  content: "\f1f7"; }

.ion-ios-radio-button-on-outline:before {
  content: "\f1f7"; }

.ion-ios-radio-outline:before {
  content: "\f1f8"; }

.ion-ios-rainy:before {
  content: "\f495"; }

.ion-ios-rainy-outline:before {
  content: "\f494"; }

.ion-ios-recording:before {
  content: "\f497"; }

.ion-ios-recording-outline:before {
  content: "\f496"; }

.ion-ios-redo:before {
  content: "\f499"; }

.ion-ios-redo-outline:before {
  content: "\f498"; }

.ion-ios-refresh:before {
  content: "\f49c"; }

.ion-ios-refresh-circle:before {
  content: "\f226"; }

.ion-ios-refresh-circle-outline:before {
  content: "\f224"; }

.ion-ios-refresh-outline:before {
  content: "\f49c"; }

.ion-ios-remove:before {
  content: "\f1fc"; }

.ion-ios-remove-circle:before, .ion-ios-minus:before {
  content: "\f1fb"; }

.ion-ios-remove-circle-outline:before, .ion-ios-minus-outline:before {
  content: "\f1fa"; }

.ion-ios-remove-outline:before {
  content: "\f1fc"; }

.ion-ios-reorder:before {
  content: "\f1fd"; }

.ion-ios-reorder-outline:before {
  content: "\f1fd"; }

.ion-ios-repeat:before {
  content: "\f1fe"; }

.ion-ios-repeat-outline:before {
  content: "\f1fe"; }

.ion-ios-resize:before {
  content: "\f1ff"; }

.ion-ios-resize-outline:before {
  content: "\f1ff"; }

.ion-ios-restaurant:before {
  content: "\f201"; }

.ion-ios-restaurant-outline:before {
  content: "\f200"; }

.ion-ios-return-left:before {
  content: "\f202"; }

.ion-ios-return-left-outline:before {
  content: "\f202"; }

.ion-ios-return-right:before {
  content: "\f203"; }

.ion-ios-return-right-outline:before {
  content: "\f203"; }

.ion-ios-reverse-camera:before {
  content: "\f49f"; }

.ion-ios-reverse-camera-outline:before {
  content: "\f49e"; }

.ion-ios-rewind:before {
  content: "\f4a1"; }

.ion-ios-rewind-outline:before {
  content: "\f4a0"; }

.ion-ios-ribbon:before {
  content: "\f205"; }

.ion-ios-ribbon-outline:before {
  content: "\f204"; }

.ion-ios-rose:before {
  content: "\f4a3"; }

.ion-ios-rose-outline:before {
  content: "\f4a2"; }

.ion-ios-sad:before {
  content: "\f207"; }

.ion-ios-sad-outline:before {
  content: "\f206"; }

.ion-ios-school:before {
  content: "\f209"; }

.ion-ios-school-outline:before {
  content: "\f208"; }

.ion-ios-search:before {
  content: "\f4a5"; }

.ion-ios-search-outline:before {
  content: "\f20a"; }

.ion-ios-send:before {
  content: "\f20c"; }

.ion-ios-send-outline:before {
  content: "\f20b"; }

.ion-ios-settings:before {
  content: "\f4a7"; }

.ion-ios-settings-outline:before {
  content: "\f20d"; }

.ion-ios-share:before {
  content: "\f211"; }

.ion-ios-share-alt:before {
  content: "\f20f"; }

.ion-ios-share-alt-outline:before {
  content: "\f20e"; }

.ion-ios-share-outline:before {
  content: "\f210"; }

.ion-ios-shirt:before {
  content: "\f213"; }

.ion-ios-shirt-outline:before {
  content: "\f212"; }

.ion-ios-shuffle:before {
  content: "\f4a9"; }

.ion-ios-shuffle-outline:before {
  content: "\f4a9"; }

.ion-ios-skip-backward:before {
  content: "\f215"; }

.ion-ios-skip-backward-outline:before {
  content: "\f214"; }

.ion-ios-skip-forward:before {
  content: "\f217"; }

.ion-ios-skip-forward-outline:before {
  content: "\f216"; }

.ion-ios-snow:before {
  content: "\f218"; }

.ion-ios-snow-outline:before {
  content: "\f22c"; }

.ion-ios-speedometer:before {
  content: "\f4b0"; }

.ion-ios-speedometer-outline:before {
  content: "\f4af"; }

.ion-ios-square:before, .ion-android-checkbox-blank:before {
  content: "\f21a"; }

.ion-ios-square-outline:before, .ion-android-checkbox-outline-blank:before {
  content: "\f219"; }

.ion-ios-star:before {
  content: "\f4b3"; }

.ion-ios-star-half:before {
  content: "\f4b1"; }

.ion-ios-star-half-outline:before {
  content: "\f4b1"; }

.ion-ios-star-outline:before {
  content: "\f4b2"; }

.ion-ios-stats:before {
  content: "\f21c"; }

.ion-ios-stats-outline:before {
  content: "\f21b"; }

.ion-ios-stopwatch:before {
  content: "\f4b5"; }

.ion-ios-stopwatch-outline:before {
  content: "\f4b4"; }

.ion-ios-subway:before {
  content: "\f21e"; }

.ion-ios-subway-outline:before {
  content: "\f21d"; }

.ion-ios-sunny:before {
  content: "\f4b7"; }

.ion-ios-sunny-outline:before {
  content: "\f4b6"; }

.ion-ios-swap:before {
  content: "\f21f"; }

.ion-ios-swap-outline:before {
  content: "\f21f"; }

.ion-ios-switch:before {
  content: "\f221"; }

.ion-ios-switch-outline:before {
  content: "\f220"; }

.ion-ios-sync:before {
  content: "\f222"; }

.ion-ios-sync-outline:before {
  content: "\f222"; }

.ion-ios-tablet-landscape:before {
  content: "\f223"; }

.ion-ios-tablet-landscape-outline:before {
  content: "\f223"; }

.ion-ios-tablet-portrait:before {
  content: "\f24e"; }

.ion-ios-tablet-portrait-outline:before {
  content: "\f24e"; }

.ion-ios-tennisball:before {
  content: "\f4bb"; }

.ion-ios-tennisball-outline:before {
  content: "\f4ba"; }

.ion-ios-text:before {
  content: "\f250"; }

.ion-ios-text-outline:before {
  content: "\f24f"; }

.ion-ios-thermometer:before {
  content: "\f252"; }

.ion-ios-thermometer-outline:before {
  content: "\f251"; }

.ion-ios-thumbs-down:before {
  content: "\f254"; }

.ion-ios-thumbs-down-outline:before {
  content: "\f253"; }

.ion-ios-thumbs-up:before {
  content: "\f256"; }

.ion-ios-thumbs-up-outline:before {
  content: "\f255"; }

.ion-ios-thunderstorm:before {
  content: "\f4bd"; }

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc"; }

.ion-ios-time:before {
  content: "\f4bf"; }

.ion-ios-time-outline:before {
  content: "\f4be"; }

.ion-ios-timer:before {
  content: "\f4c1"; }

.ion-ios-timer-outline:before {
  content: "\f4c0"; }

.ion-ios-train:before {
  content: "\f258"; }

.ion-ios-train-outline:before {
  content: "\f257"; }

.ion-ios-transgender:before {
  content: "\f259"; }

.ion-ios-transgender-outline:before {
  content: "\f259"; }

.ion-ios-trash:before {
  content: "\f4c5"; }

.ion-ios-trash-outline:before {
  content: "\f4c4"; }

.ion-ios-trending-down:before {
  content: "\f25a"; }

.ion-ios-trending-down-outline:before {
  content: "\f25a"; }

.ion-ios-trending-up:before {
  content: "\f25b"; }

.ion-ios-trending-up-outline:before {
  content: "\f25b"; }

.ion-ios-trophy:before {
  content: "\f25d"; }

.ion-ios-trophy-outline:before {
  content: "\f25c"; }

.ion-ios-umbrella:before {
  content: "\f25f"; }

.ion-ios-umbrella-outline:before {
  content: "\f25e"; }

.ion-ios-undo:before {
  content: "\f4c7"; }

.ion-ios-undo-outline:before {
  content: "\f4c6"; }

.ion-ios-unlock:before {
  content: "\f261"; }

.ion-ios-unlock-outline:before {
  content: "\f260"; }

.ion-ios-videocam:before {
  content: "\f4cd"; }

.ion-ios-videocam-outline:before {
  content: "\f4cc"; }

.ion-ios-volume-down:before {
  content: "\f262"; }

.ion-ios-volume-down-outline:before {
  content: "\f262"; }

.ion-ios-volume-mute:before {
  content: "\f263"; }

.ion-ios-volume-mute-outline:before {
  content: "\f263"; }

.ion-ios-volume-off:before {
  content: "\f264"; }

.ion-ios-volume-off-outline:before {
  content: "\f264"; }

.ion-ios-volume-up:before {
  content: "\f265"; }

.ion-ios-volume-up-outline:before {
  content: "\f265"; }

.ion-ios-walk:before {
  content: "\f266"; }

.ion-ios-walk-outline:before {
  content: "\f266"; }

.ion-ios-warning:before {
  content: "\f268"; }

.ion-ios-warning-outline:before {
  content: "\f267"; }

.ion-ios-watch:before {
  content: "\f269"; }

.ion-ios-watch-outline:before {
  content: "\f269"; }

.ion-ios-water:before {
  content: "\f26b"; }

.ion-ios-water-outline:before {
  content: "\f26a"; }

.ion-ios-wifi:before {
  content: "\f26d"; }

.ion-ios-wifi-outline:before {
  content: "\f26c"; }

.ion-ios-wine:before {
  content: "\f26f"; }

.ion-ios-wine-outline:before {
  content: "\f26e"; }

.ion-ios-woman:before {
  content: "\f271"; }

.ion-ios-woman-outline:before {
  content: "\f270"; }

.ion-logo-android:before {
  content: "\f225"; }

.ion-logo-angular:before {
  content: "\f227"; }

.ion-logo-apple:before {
  content: "\f229"; }

.ion-logo-bitcoin:before {
  content: "\f22b"; }

.ion-logo-buffer:before {
  content: "\f22d"; }

.ion-logo-chrome:before {
  content: "\f22f"; }

.ion-logo-codepen:before {
  content: "\f230"; }

.ion-logo-css3:before {
  content: "\f231"; }

.ion-logo-designernews:before {
  content: "\f232"; }

.ion-logo-dribbble:before {
  content: "\f233"; }

.ion-logo-dropbox:before {
  content: "\f234"; }

.ion-logo-euro:before {
  content: "\f235"; }

.ion-logo-facebook:before {
  content: "\f236"; }

.ion-logo-foursquare:before {
  content: "\f237"; }

.ion-logo-freebsd-devil:before {
  content: "\f238"; }

.ion-logo-github:before {
  content: "\f239"; }

.ion-logo-google:before {
  content: "\f23a"; }

.ion-logo-googleplus:before {
  content: "\f23b"; }

.ion-logo-hackernews:before {
  content: "\f23c"; }

.ion-logo-html5:before {
  content: "\f23d"; }

.ion-logo-instagram:before {
  content: "\f23e"; }

.ion-logo-javascript:before {
  content: "\f23f"; }

.ion-logo-linkedin:before {
  content: "\f240"; }

.ion-logo-markdown:before {
  content: "\f241"; }

.ion-logo-nodejs:before {
  content: "\f242"; }

.ion-logo-octocat:before {
  content: "\f243"; }

.ion-logo-pinterest:before {
  content: "\f244"; }

.ion-logo-playstation:before {
  content: "\f245"; }

.ion-logo-python:before {
  content: "\f246"; }

.ion-logo-reddit:before {
  content: "\f247"; }

.ion-logo-rss:before {
  content: "\f248"; }

.ion-logo-sass:before {
  content: "\f249"; }

.ion-logo-skype:before {
  content: "\f24a"; }

.ion-logo-snapchat:before {
  content: "\f24b"; }

.ion-logo-steam:before {
  content: "\f24c"; }

.ion-logo-tumblr:before {
  content: "\f24d"; }

.ion-logo-tux:before {
  content: "\f2ae"; }

.ion-logo-twitch:before {
  content: "\f2af"; }

.ion-logo-twitter:before {
  content: "\f2b0"; }

.ion-logo-usd:before {
  content: "\f2b1"; }

.ion-logo-vimeo:before {
  content: "\f2c4"; }

.ion-logo-whatsapp:before {
  content: "\f2c5"; }

.ion-logo-windows:before {
  content: "\f32f"; }

.ion-logo-wordpress:before {
  content: "\f330"; }

.ion-logo-xbox:before {
  content: "\f34c"; }

.ion-logo-yahoo:before {
  content: "\f34d"; }

.ion-logo-yen:before {
  content: "\f34e"; }

.ion-logo-youtube:before {
  content: "\f34f"; }

.ion-md-add:before {
  content: "\f273"; }

.ion-md-add-circle:before {
  content: "\f272"; }

.ion-md-alarm:before {
  content: "\f274"; }

.ion-md-albums:before {
  content: "\f275"; }

.ion-md-alert:before {
  content: "\f276"; }

.ion-md-american-football:before {
  content: "\f277"; }

.ion-md-analytics:before {
  content: "\f278"; }

.ion-md-aperture:before {
  content: "\f279"; }

.ion-md-apps:before {
  content: "\f27a"; }

.ion-md-appstore:before {
  content: "\f27b"; }

.ion-md-archive:before {
  content: "\f27c"; }

.ion-md-arrow-back:before {
  content: "\f27d"; }

.ion-md-arrow-down:before {
  content: "\f27e"; }

.ion-md-arrow-dropdown:before {
  content: "\f280"; }

.ion-md-arrow-dropdown-circle:before {
  content: "\f27f"; }

.ion-md-arrow-dropleft:before {
  content: "\f282"; }

.ion-md-arrow-dropleft-circle:before {
  content: "\f281"; }

.ion-md-arrow-dropright:before {
  content: "\f284"; }

.ion-md-arrow-dropright-circle:before {
  content: "\f283"; }

.ion-md-arrow-dropup:before {
  content: "\f286"; }

.ion-md-arrow-dropup-circle:before {
  content: "\f285"; }

.ion-md-arrow-forward:before {
  content: "\f287"; }

.ion-md-arrow-round-back:before {
  content: "\f288"; }

.ion-md-arrow-round-down:before {
  content: "\f289"; }

.ion-md-arrow-round-forward:before {
  content: "\f28a"; }

.ion-md-arrow-round-up:before {
  content: "\f28b"; }

.ion-md-arrow-up:before {
  content: "\f28c"; }

.ion-md-at:before {
  content: "\f28d"; }

.ion-md-attach:before {
  content: "\f28e"; }

.ion-md-backspace:before {
  content: "\f28f"; }

.ion-md-barcode:before {
  content: "\f290"; }

.ion-md-baseball:before {
  content: "\f291"; }

.ion-md-basket:before {
  content: "\f292"; }

.ion-md-basketball:before {
  content: "\f293"; }

.ion-md-battery-charging:before {
  content: "\f294"; }

.ion-md-battery-dead:before {
  content: "\f295"; }

.ion-md-battery-full:before {
  content: "\f296"; }

.ion-md-beaker:before {
  content: "\f297"; }

.ion-md-beer:before {
  content: "\f298"; }

.ion-md-bicycle:before {
  content: "\f299"; }

.ion-md-bluetooth:before {
  content: "\f29a"; }

.ion-md-boat:before {
  content: "\f29b"; }

.ion-md-body:before {
  content: "\f29c"; }

.ion-md-bonfire:before {
  content: "\f29d"; }

.ion-md-book:before {
  content: "\f29e"; }

.ion-md-bookmark:before {
  content: "\f29f"; }

.ion-md-bookmarks:before {
  content: "\f2a0"; }

.ion-md-bowtie:before {
  content: "\f2a1"; }

.ion-md-briefcase:before {
  content: "\f2a2"; }

.ion-md-browsers:before {
  content: "\f2a3"; }

.ion-md-brush:before {
  content: "\f2a4"; }

.ion-md-bug:before {
  content: "\f2a5"; }

.ion-md-build:before {
  content: "\f2a6"; }

.ion-md-bulb:before {
  content: "\f2a7"; }

.ion-md-bus:before {
  content: "\f2a8"; }

.ion-md-cafe:before {
  content: "\f2a9"; }

.ion-md-calculator:before {
  content: "\f2aa"; }

.ion-md-calendar:before {
  content: "\f2ab"; }

.ion-md-call:before {
  content: "\f2ac"; }

.ion-md-camera:before {
  content: "\f2ad"; }

.ion-md-car:before {
  content: "\f2b2"; }

.ion-md-card:before {
  content: "\f2b3"; }

.ion-md-cart:before {
  content: "\f2b4"; }

.ion-md-cash:before {
  content: "\f2b5"; }

.ion-md-chatboxes:before {
  content: "\f2b6"; }

.ion-md-chatbubbles:before {
  content: "\f2b7"; }

.ion-md-checkbox:before {
  content: "\f2b9"; }

.ion-md-checkbox-outline:before {
  content: "\f2b8"; }

.ion-md-checkmark:before {
  content: "\f2bc"; }

.ion-md-checkmark-circle:before {
  content: "\f2bb"; }

.ion-md-checkmark-circle-outline:before {
  content: "\f2ba"; }

.ion-md-clipboard:before {
  content: "\f2bd"; }

.ion-md-clock:before {
  content: "\f2be"; }

.ion-md-close:before {
  content: "\f2c0"; }

.ion-md-close-circle:before {
  content: "\f2bf"; }

.ion-md-closed-captioning:before {
  content: "\f2c1"; }

.ion-md-cloud:before {
  content: "\f2c9"; }

.ion-md-cloud-circle:before {
  content: "\f2c2"; }

.ion-md-cloud-done:before {
  content: "\f2c3"; }

.ion-md-cloud-download:before {
  content: "\f2c6"; }

.ion-md-cloud-outline:before {
  content: "\f2c7"; }

.ion-md-cloud-upload:before {
  content: "\f2c8"; }

.ion-md-cloudy:before {
  content: "\f2cb"; }

.ion-md-cloudy-night:before {
  content: "\f2ca"; }

.ion-md-code:before {
  content: "\f2ce"; }

.ion-md-code-download:before {
  content: "\f2cc"; }

.ion-md-code-working:before {
  content: "\f2cd"; }

.ion-md-cog:before {
  content: "\f2cf"; }

.ion-md-color-fill:before {
  content: "\f2d0"; }

.ion-md-color-filter:before {
  content: "\f2d1"; }

.ion-md-color-palette:before {
  content: "\f2d2"; }

.ion-md-color-wand:before {
  content: "\f2d3"; }

.ion-md-compass:before {
  content: "\f2d4"; }

.ion-md-construct:before {
  content: "\f2d5"; }

.ion-md-contact:before {
  content: "\f2d6"; }

.ion-md-contacts:before {
  content: "\f2d7"; }

.ion-md-contract:before {
  content: "\f2d8"; }

.ion-md-contrast:before {
  content: "\f2d9"; }

.ion-md-copy:before {
  content: "\f2da"; }

.ion-md-create:before {
  content: "\f2db"; }

.ion-md-crop:before {
  content: "\f2dc"; }

.ion-md-cube:before {
  content: "\f2dd"; }

.ion-md-cut:before {
  content: "\f2de"; }

.ion-md-desktop:before {
  content: "\f2df"; }

.ion-md-disc:before {
  content: "\f2e0"; }

.ion-md-document:before {
  content: "\f2e1"; }

.ion-md-done-all:before {
  content: "\f2e2"; }

.ion-md-download:before {
  content: "\f2e3"; }

.ion-md-easel:before {
  content: "\f2e4"; }

.ion-md-egg:before {
  content: "\f2e5"; }

.ion-md-exit:before {
  content: "\f2e6"; }

.ion-md-expand:before {
  content: "\f2e7"; }

.ion-md-eye:before {
  content: "\f2e9"; }

.ion-md-eye-off:before {
  content: "\f2e8"; }

.ion-md-fastforward:before {
  content: "\f2ea"; }

.ion-md-female:before {
  content: "\f2eb"; }

.ion-md-filing:before {
  content: "\f2ec"; }

.ion-md-film:before {
  content: "\f2ed"; }

.ion-md-finger-print:before {
  content: "\f2ee"; }

.ion-md-flag:before {
  content: "\f2ef"; }

.ion-md-flame:before {
  content: "\f2f0"; }

.ion-md-flash:before {
  content: "\f2f1"; }

.ion-md-flask:before {
  content: "\f2f2"; }

.ion-md-flower:before {
  content: "\f2f3"; }

.ion-md-folder:before {
  content: "\f2f5"; }

.ion-md-folder-open:before {
  content: "\f2f4"; }

.ion-md-football:before {
  content: "\f2f6"; }

.ion-md-funnel:before {
  content: "\f2f7"; }

.ion-md-game-controller-a:before {
  content: "\f2f8"; }

.ion-md-game-controller-b:before {
  content: "\f2f9"; }

.ion-md-git-branch:before {
  content: "\f2fa"; }

.ion-md-git-commit:before {
  content: "\f2fb"; }

.ion-md-git-compare:before {
  content: "\f2fc"; }

.ion-md-git-merge:before {
  content: "\f2fd"; }

.ion-md-git-network:before {
  content: "\f2fe"; }

.ion-md-git-pull-request:before {
  content: "\f2ff"; }

.ion-md-glasses:before {
  content: "\f300"; }

.ion-md-globe:before {
  content: "\f301"; }

.ion-md-grid:before {
  content: "\f302"; }

.ion-md-hammer:before {
  content: "\f303"; }

.ion-md-hand:before {
  content: "\f304"; }

.ion-md-happy:before {
  content: "\f305"; }

.ion-md-headset:before {
  content: "\f306"; }

.ion-md-heart:before {
  content: "\f308"; }

.ion-md-heart-outline:before {
  content: "\f307"; }

.ion-md-help:before {
  content: "\f30b"; }

.ion-md-help-buoy:before {
  content: "\f309"; }

.ion-md-help-circle:before {
  content: "\f30a"; }

.ion-md-home:before {
  content: "\f30c"; }

.ion-md-ice-cream:before {
  content: "\f30d"; }

.ion-md-image:before {
  content: "\f30e"; }

.ion-md-images:before {
  content: "\f30f"; }

.ion-md-infinite:before {
  content: "\f310"; }

.ion-md-information:before {
  content: "\f312"; }

.ion-md-information-circle:before {
  content: "\f311"; }

.ion-md-ionic:before {
  content: "\f313"; }

.ion-md-ionitron:before {
  content: "\f314"; }

.ion-md-jet:before {
  content: "\f315"; }

.ion-md-key:before {
  content: "\f316"; }

.ion-md-keypad:before {
  content: "\f317"; }

.ion-md-laptop:before {
  content: "\f318"; }

.ion-md-leaf:before {
  content: "\f319"; }

.ion-md-link:before {
  content: "\f22e"; }

.ion-md-list:before {
  content: "\f31b"; }

.ion-md-list-box:before {
  content: "\f31a"; }

.ion-md-locate:before {
  content: "\f31c"; }

.ion-md-lock:before {
  content: "\f31d"; }

.ion-md-log-in:before {
  content: "\f31e"; }

.ion-md-log-out:before {
  content: "\f31f"; }

.ion-md-magnet:before {
  content: "\f320"; }

.ion-md-mail:before {
  content: "\f322"; }

.ion-md-mail-open:before {
  content: "\f321"; }

.ion-md-male:before {
  content: "\f323"; }

.ion-md-man:before {
  content: "\f324"; }

.ion-md-map:before {
  content: "\f325"; }

.ion-md-medal:before {
  content: "\f326"; }

.ion-md-medical:before {
  content: "\f327"; }

.ion-md-medkit:before {
  content: "\f328"; }

.ion-md-megaphone:before {
  content: "\f329"; }

.ion-md-menu:before {
  content: "\f32a"; }

.ion-md-mic:before {
  content: "\f32c"; }

.ion-md-mic-off:before {
  content: "\f32b"; }

.ion-md-microphone:before {
  content: "\f32d"; }

.ion-md-moon:before {
  content: "\f32e"; }

.ion-md-more:before {
  content: "\f1c9"; }

.ion-md-move:before {
  content: "\f331"; }

.ion-md-musical-note:before {
  content: "\f332"; }

.ion-md-musical-notes:before {
  content: "\f333"; }

.ion-md-navigate:before {
  content: "\f334"; }

.ion-md-no-smoking:before {
  content: "\f335"; }

.ion-md-notifications:before {
  content: "\f338"; }

.ion-md-notifications-off:before {
  content: "\f336"; }

.ion-md-notifications-outline:before {
  content: "\f337"; }

.ion-md-nuclear:before {
  content: "\f339"; }

.ion-md-nutrition:before {
  content: "\f33a"; }

.ion-md-open:before {
  content: "\f33b"; }

.ion-md-options:before {
  content: "\f33c"; }

.ion-md-outlet:before {
  content: "\f33d"; }

.ion-md-paper:before {
  content: "\f33f"; }

.ion-md-paper-plane:before {
  content: "\f33e"; }

.ion-md-partly-sunny:before {
  content: "\f340"; }

.ion-md-pause:before {
  content: "\f341"; }

.ion-md-paw:before {
  content: "\f342"; }

.ion-md-people:before {
  content: "\f343"; }

.ion-md-person:before {
  content: "\f345"; }

.ion-md-person-add:before {
  content: "\f344"; }

.ion-md-phone-landscape:before {
  content: "\f346"; }

.ion-md-phone-portrait:before {
  content: "\f347"; }

.ion-md-photos:before {
  content: "\f348"; }

.ion-md-pie:before {
  content: "\f349"; }

.ion-md-pin:before {
  content: "\f34a"; }

.ion-md-pint:before {
  content: "\f34b"; }

.ion-md-pizza:before {
  content: "\f354"; }

.ion-md-plane:before {
  content: "\f355"; }

.ion-md-planet:before {
  content: "\f356"; }

.ion-md-play:before {
  content: "\f357"; }

.ion-md-podium:before {
  content: "\f358"; }

.ion-md-power:before {
  content: "\f359"; }

.ion-md-pricetag:before {
  content: "\f35a"; }

.ion-md-pricetags:before {
  content: "\f35b"; }

.ion-md-print:before {
  content: "\f35c"; }

.ion-md-pulse:before {
  content: "\f35d"; }

.ion-md-qr-scanner:before {
  content: "\f35e"; }

.ion-md-quote:before {
  content: "\f35f"; }

.ion-md-radio:before {
  content: "\f362"; }

.ion-md-radio-button-off:before {
  content: "\f360"; }

.ion-md-radio-button-on:before {
  content: "\f361"; }

.ion-md-rainy:before {
  content: "\f363"; }

.ion-md-recording:before {
  content: "\f364"; }

.ion-md-redo:before {
  content: "\f365"; }

.ion-md-refresh:before {
  content: "\f366"; }

.ion-md-refresh-circle:before {
  content: "\f228"; }

.ion-md-remove:before {
  content: "\f368"; }

.ion-md-remove-circle:before {
  content: "\f367"; }

.ion-md-reorder:before {
  content: "\f369"; }

.ion-md-repeat:before {
  content: "\f36a"; }

.ion-md-resize:before {
  content: "\f36b"; }

.ion-md-restaurant:before {
  content: "\f36c"; }

.ion-md-return-left:before {
  content: "\f36d"; }

.ion-md-return-right:before {
  content: "\f36e"; }

.ion-md-reverse-camera:before {
  content: "\f36f"; }

.ion-md-rewind:before {
  content: "\f370"; }

.ion-md-ribbon:before {
  content: "\f371"; }

.ion-md-rose:before {
  content: "\f372"; }

.ion-md-sad:before {
  content: "\f373"; }

.ion-md-school:before {
  content: "\f374"; }

.ion-md-search:before {
  content: "\f375"; }

.ion-md-send:before {
  content: "\f376"; }

.ion-md-settings:before {
  content: "\f377"; }

.ion-md-share:before {
  content: "\f379"; }

.ion-md-share-alt:before {
  content: "\f378"; }

.ion-md-shirt:before {
  content: "\f37a"; }

.ion-md-shuffle:before {
  content: "\f37b"; }

.ion-md-skip-backward:before {
  content: "\f37c"; }

.ion-md-skip-forward:before {
  content: "\f37d"; }

.ion-md-snow:before {
  content: "\f37e"; }

.ion-md-speedometer:before {
  content: "\f37f"; }

.ion-md-square:before {
  content: "\f381"; }

.ion-md-square-outline:before {
  content: "\f380"; }

.ion-md-star:before {
  content: "\f384"; }

.ion-md-star-half:before {
  content: "\f382"; }

.ion-md-star-outline:before {
  content: "\f383"; }

.ion-md-stats:before {
  content: "\f385"; }

.ion-md-stopwatch:before {
  content: "\f386"; }

.ion-md-subway:before {
  content: "\f387"; }

.ion-md-sunny:before {
  content: "\f388"; }

.ion-md-swap:before {
  content: "\f389"; }

.ion-md-switch:before {
  content: "\f38a"; }

.ion-md-sync:before {
  content: "\f38b"; }

.ion-md-tablet-landscape:before {
  content: "\f38c"; }

.ion-md-tablet-portrait:before {
  content: "\f38d"; }

.ion-md-tennisball:before {
  content: "\f38e"; }

.ion-md-text:before {
  content: "\f38f"; }

.ion-md-thermometer:before {
  content: "\f390"; }

.ion-md-thumbs-down:before {
  content: "\f391"; }

.ion-md-thumbs-up:before {
  content: "\f392"; }

.ion-md-thunderstorm:before {
  content: "\f393"; }

.ion-md-time:before {
  content: "\f394"; }

.ion-md-timer:before {
  content: "\f395"; }

.ion-md-train:before {
  content: "\f396"; }

.ion-md-transgender:before {
  content: "\f397"; }

.ion-md-trash:before {
  content: "\f398"; }

.ion-md-trending-down:before {
  content: "\f399"; }

.ion-md-trending-up:before {
  content: "\f39a"; }

.ion-md-trophy:before {
  content: "\f39b"; }

.ion-md-umbrella:before {
  content: "\f39c"; }

.ion-md-undo:before {
  content: "\f39d"; }

.ion-md-unlock:before {
  content: "\f39e"; }

.ion-md-videocam:before {
  content: "\f39f"; }

.ion-md-volume-down:before {
  content: "\f3a0"; }

.ion-md-volume-mute:before {
  content: "\f3a1"; }

.ion-md-volume-off:before {
  content: "\f3a2"; }

.ion-md-volume-up:before {
  content: "\f3a3"; }

.ion-md-walk:before {
  content: "\f3a4"; }

.ion-md-warning:before {
  content: "\f3a5"; }

.ion-md-watch:before {
  content: "\f3a6"; }

.ion-md-water:before {
  content: "\f3a7"; }

.ion-md-wifi:before {
  content: "\f3a8"; }

.ion-md-wine:before {
  content: "\f3a9"; }

.ion-md-woman:before {
  content: "\f3aa"; }

/**
 * Definitions for layout properties.
 */
ca-list-renderer-col-chart {
  width: 100%;
  height: 100%; }

app-element-list {
  overflow: hidden; }

.app-page-panel {
  position: absolute;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  transition-property: left;
  transition-duration: 0.25s; }
  .app-page-panel.active {
    left: 0; }
  .app-page-panel.has-bar-top {
    top: 44px; }

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

.overflow-scrolling {
  -webkit-overflow-scrolling: touch; }

.margin-small {
  margin: 4px !important; }

.margin-medium {
  margin: 8px !important; }

.margin-large {
  margin: 16px !important; }

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

.margin-right-medium {
  margin-right: 8px !important; }

.margin-right-large {
  margin-right: 16px !important; }

.margin-right-largex2 {
  margin-right: 32px !important; }

.margin-left-small {
  margin-left: 4px !important; }

.margin-left-medium {
  margin-left: 8px !important; }

.margin-left-large {
  margin-left: 16px !important; }

.margin-left-largex2 {
  margin-left: 32px !important; }

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

.margin-top-medium {
  margin-top: 8px !important; }

.margin-top-large {
  margin-top: 16px !important; }

.margin-top-extra-large {
  margin-top: 32px !important; }

.margin-bottom-small {
  margin-bottom: 4px !important; }

.margin-bottom-medium {
  margin-bottom: 8px !important; }

.margin-bottom-large {
  margin-bottom: 16px !important; }

.margin-bottom-extra-large {
  margin-bottom: 32px !important; }

.padding-small {
  padding: 8px !important; }

.padding-medium {
  padding: 16px !important; }

.padding-large {
  padding: 24px !important; }

.padding-top-small {
  padding-top: 8px !important; }
  .padding-top-small.list-option-toggle:before {
    margin-top: 5px !important; }

.padding-top-medium {
  padding-top: 16px !important; }
  .padding-top-medium.list-option-toggle:before {
    margin-top: 13px !important; }

.padding-top-large {
  padding-top: 24px !important; }
  .padding-top-large.list-option-toggle:before {
    margin-top: 21px !important; }

.padding-bottom-small {
  padding-bottom: 8px !important; }

.padding-bottom-medium {
  padding-bottom: 16px !important; }

.padding-bottom-large {
  padding-bottom: 24px !important; }

.padding-left-small {
  padding-left: 8px !important; }

.padding-left-medium {
  padding-left: 16px !important; }

.padding-left-large {
  padding-left: 24px !important; }

.padding-right-small {
  padding-right: 8px !important; }

.padding-right-medium {
  padding-right: 16px !important; }

.padding-right-large {
  padding-right: 24px !important; }

.layout-row-margin-bottom {
  margin-bottom: 20px !important; }
  .layout-row-margin-bottom.border-bottom {
    border-bottom-style: solid;
    border-bottom-color: inherit; }

.layout-row-padding-top {
  padding-top: 20px !important; }
  .layout-row-padding-top.border-top {
    border-top-style: solid;
    border-top-color: inherit; }

.no-margin-top, .no-margin {
  margin-top: 0 !important; }

.no-margin-bottom, .no-margin {
  margin-bottom: 0 !important; }

.no-margin-left, .no-margin {
  margin-left: 0 !important; }

.no-margin-right, .no-margin {
  margin-right: 0 !important; }

.no-padding-top, .no-padding {
  padding-top: 0 !important; }

.no-padding-bottom, .no-padding {
  padding-bottom: 0 !important; }

.no-padding-left, .no-padding {
  padding-left: 0 !important; }

.no-padding-right, .no-padding {
  padding-right: 0 !important; }

.center {
  text-align: center; }

.sidebar .border-bottom {
  border-bottom-color: inherit; }
  .sidebar .border-bottom.dark, .sidebar .border-bottom.dark-border {
    border-bottom-color: #bbb; }

.sidebar .border-top {
  border-top-color: inherit; }
  .sidebar .border-top.dark, .sidebar .border-top.dark-border {
    border-top-color: #bbb; }

.sidebar .border-left {
  border-left-color: inherit; }
  .sidebar .border-left.dark, .sidebar .border-left.dark-border {
    border-left-color: #bbb; }

.sidebar .border-right {
  border-right-color: inherit; }
  .sidebar .border-right.dark, .sidebar .border-right.dark-border {
    border-right-color: #bbb; }

.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit; }
  .border-bottom.thick {
    border-width: 2px; }
  .border-bottom.dark, .border-bottom.dark-border {
    border-color: #bbb; }
  .border-bottom.shaded-border {
    border-color: rgba(0, 0, 0, 0.25); }

.border-top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: inherit; }
  .border-top.thick {
    border-width: 2px; }
  .border-top.dark, .border-top.dark-border {
    border-color: #bbb; }
  .border-top.shaded-border {
    border-color: rgba(0, 0, 0, 0.25); }

.border-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: inherit; }
  .border-right.thick {
    border-width: 2px; }
  .border-right.dark, .border-right.dark-border {
    border-color: #bbb; }
  .border-right.shaded-border {
    border-color: rgba(0, 0, 0, 0.25); }

.border-left {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit; }
  .border-left.thick {
    border-width: 2px; }
  .border-left.dark, .border-left.dark-border {
    border-color: #bbb; }
  .border-left.shaded-border {
    border-color: rgba(0, 0, 0, 0.25); }

.no-border-left {
  border-left-width: 0 !important; }

.no-border-right {
  border-right-width: 0 !important; }

.no-border-top {
  border-top-width: 0 !important; }

.no-border-bottom {
  border-bottom-width: 0 !important; }

.inset {
  padding: 16px 16px 0 16px; }

.display {
  border: 1px solid #505050; }

.nav-top .stepped,
.nav-top .stepped-top {
  border-top: 1px rgba(0, 0, 0, 0.2) solid; }

.nav-right .stepped,
.nav-right .stepped-right {
  border-right: 1px rgba(0, 0, 0, 0.2) solid; }

.nav-left .stepped,
.nav-left .stepped-left {
  border-left: 1px rgba(0, 0, 0, 0.2) solid; }

.nav-bottom .stepped,
.nav-bottom .stepped-bottom {
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid; }

.has-userpanel-left {
  margin-left: 280px; }

.layout-border-top .tab-row.bar.header {
  border-top-color: #e2e2e2; }

.layout-border-top .is-tab-row .bar.header {
  border-top-color: transparent; }

.layout-border-top .panel.content {
  border-top: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-top .bar.header {
  border-top: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-bottom .tab-row.bar.header {
  border-bottom-color: #e2e2e2; }

.layout-border-bottom .is-tab-row .bar.header {
  border-bottom-color: transparent; }

.layout-border-bottom .panel.content {
  border-bottom: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-bottom .bar.header {
  border-bottom: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-left .is-tab-row .bar.header {
  border-left-color: #bbb; }

.layout-border-left .bar.header {
  border-left: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-left .panel.content {
  border-left: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-left .ca-info-manager {
  border-left: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-right .is-tab-row .bar.header {
  border-right-color: #bbb; }

.layout-border-right .bar.header {
  border-right: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-right .panel.content {
  border-right: 1px rgba(0, 0, 0, 0.25) solid; }

.layout-border-right .ca-info-manager {
  border-right: 1px rgba(0, 0, 0, 0.25) solid; }

app-element-layout {
  overflow: hidden; }

.icon.section {
  font-size: 104px; }
  @media only screen and (min-width: 567px) {
    .icon.section {
      font-size: 204px; } }

ca-list-renderer {
  flex: 1;
  display: flex; }

.draggable-mirror {
  z-index: 2; }

.draggable--over {
  background-color: #aaa !important; }

.draggable-source--is-dragging {
  opacity: 0.5; }

.draggable-container--over .draggable-dropzone--active.list-renderer-container-items {
  border-style: solid !important; }

.draggable-dropzone--active.list-renderer-container-items {
  border: 2px var(--border-color, #0b0) dashed !important;
  margin: 2px;
  padding-top: 2px; }

.draggable-dropzone--occupied.list-renderer-container-items {
  border-style: solid !important; }

.draggable--is-dragging .list-entry-actions.hover {
  display: none; }

.disabled .list-entry:hover {
  cursor: default;
  background-color: transparent; }

.has-card-layout.row.footer {
  border-top: 1px var(--border-color) solid; }

.use-tiny-header .use-card-layout .list-entry-container:first-child {
  margin-top: 0; }

.use-card-layout:first-child .list-entry-divider-depth-0 {
  margin-top: 0; }

.use-card-layout .list-entry-divider-subtotal .list-entry-container:last-child {
  margin-bottom: 0; }

.use-card-layout .list-entry-container {
  border: 2px var(--item-border-color) solid;
  border-radius: 8px;
  margin: 8px 8px 0 8px; }
  .use-card-layout .list-entry-container.ca-unite-with-following-record {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .use-card-layout .list-entry-container.ca-unite-with-previous-record {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .use-card-layout .list-entry-container:hover.has-direct-actions.direct-actions-hover, .use-card-layout .list-entry-container.touch-hover.has-direct-actions.direct-actions-hover {
    border-top-right-radius: 0; }
    .use-card-layout .list-entry-container:hover.has-direct-actions.direct-actions-hover .list-entry, .use-card-layout .list-entry-container.touch-hover.has-direct-actions.direct-actions-hover .list-entry {
      border-top-right-radius: 0; }
  .use-card-layout .list-entry-container:first-child:hover.has-direct-actions.direct-actions-hover, .use-card-layout .list-entry-container:first-child.touch-hover.has-direct-actions.direct-actions-hover {
    border-top-right-radius: 8px; }
  .use-card-layout .list-entry-container:last-child {
    border-bottom-width: 2px;
    margin-bottom: 8px; }
  .use-card-layout .list-entry-container + .list-entry-container {
    border-top-width: 2px;
    border-color: var(--item-border-color, rgba(255, 255, 255, 0.25)) !important; }

.use-card-layout .list-entry-divider-subtotal .list-entry-container {
  border-radius: 3px;
  margin: 0; }

.use-card-layout.element-colorised .list-entry-container {
  color: #fff;
  background-color: var(--color); }

.use-card-layout .multiple-selection-mode .list-entry.active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.use-card-layout .list-entry {
  border-radius: 6px; }

.list-entry-container.no-touch:hover .list-entry-actions.hover {
  transform: translateX(0);
  opacity: 1; }

.element-colorised .list-entry-container.has-direct-actions.direct-actions-hover.is-touch::after {
  background-color: rgba(255, 255, 255, 0.25); }

.list-entry-container.has-direct-actions.direct-actions-hover.is-touch::after {
  content: " ";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.25); }

.list-entry-container.has-direct-actions.direct-actions-hover.is-touch.touch-hover::after {
  display: none; }

.list-entry-container {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap; }
  .list-entry-container + .list-entry-container {
    border-top-color: inherit;
    border-top-width: 1px;
    border-top-style: solid; }
  .list-entry-container.ca-unite-with-previous-record {
    border-top-width: 0; }
  .list-entry-container:last-child {
    border-bottom-width: 0; }
    .list-entry-container:last-child .list-option-toggle {
      border-bottom-width: 0; }
  .list-entry-container:hover .list-entry, .list-entry-container:focus .list-entry {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.025); }
  .list-entry-container.touch-hover .list-entry-actions.hover {
    transform: translateX(0);
    opacity: 1; }
  .list-entry-container.disabled .list-entry:hover {
    cursor: default;
    background-color: transparent; }
  .list-entry-container.plain .list-entry {
    padding: 0;
    border: none !important; }
    .list-entry-container.plain .list-entry:hover {
      cursor: default;
      background-color: transparent; }
    .list-entry-container.plain .list-entry .list-entry-row {
      padding-left: 0; }
      .list-entry-container.plain .list-entry .list-entry-row:first-child {
        margin-top: 0 !important; }
      .list-entry-container.plain .list-entry .list-entry-row:last-child {
        margin-bottom: 0 !important; }
    .list-entry-container.plain .list-entry .list-entry-col:first-child {
      padding-left: 0; }
  .list-entry-container.font-bold {
    font-weight: 600; }
  .list-entry-container.font-italic {
    font-style: italic; }
  .list-entry-container.font-strikethrough {
    text-decoration: line-through; }
  .list-entry-container.font-underline {
    text-decoration: underline; }

.ca-userpanel .list-entry-actions.hover {
  top: -34px;
  --border-color:      var(--ca-chrome-menu-border-color);
  border: 1px var(--ca-chrome-menu-border-color) solid;
  border-bottom-width: 0;
  color: var(--ca-chrome-fg);
  background-color: var(--ca-chrome-bg) !important; }

.use-card-layout .list-entry-actions.hover {
  top: -35px;
  right: -2px;
  border-radius: 6px;
  background-color: var(--color) !important; }

.list-entry-container:first-child .list-entry-actions.hover {
  top: 0;
  right: 0;
  border-bottom-width: 1px;
  border-bottom-left-radius: inherit !important;
  border-bottom-right-radius: inherit !important;
  border-right: 1px var(--border-color) solid; }

.list-entry-actions {
  display: flex;
  align-items: stretch; }
  .list-entry-actions.below {
    min-width: 100%; }
  .list-entry-actions.hover {
    position: absolute;
    top: -33px;
    min-height: 33px;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.25s, opacity 0.125s ease-in-out;
    right: 0;
    border: 1px var(--border-color) solid;
    border-right-color: inherit;
    border-bottom-width: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: var(--fg-color);
    background-color: var(--bg-color, #fff) !important; }
    .list-entry-actions.hover .button:last-child {
      border-right: none; }
  .list-entry-actions.active {
    background: rgba(0, 0, 0, 0.1); }

.has-direct-actions .list-entry {
  min-height: 35px; }

.list-entry-actions:empty {
  display: none !important; }

.list-entry {
  white-space: nowrap;
  flex: 1;
  overflow-x: hidden;
  color: inherit;
  flex-direction: column;
  position: relative;
  padding: 4px 8px; }
  .list-entry.active {
    background: rgba(0, 0, 0, 0.1); }
  .list-entry.marked {
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 5px, rgba(0, 0, 0, 0.25) 5px, rgba(0, 0, 0, 0.25) 10px); }

.list-entry-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  line-height: 100%; }
  .list-entry-row.alignv-top {
    align-items: flex-start; }
    .list-entry-row.alignv-top .list-entry-col {
      justify-content: flex-start; }
  .list-entry-row.alignv-bottom {
    align-items: flex-end; }
    .list-entry-row.alignv-bottom .list-entry-col {
      justify-content: flex-end; }
  .list-entry-row.font-bold {
    font-weight: 600; }
  .list-entry-row.font-italic {
    font-style: italic; }
  .list-entry-row.font-strikethrough {
    text-decoration: line-through; }
  .list-entry-row.font-underline {
    text-decoration: underline; }

.ca-field-popup .list-entry-row {
  align-items: center; }

.ca-input-field-container .list-entry-col {
  font-size: 1em; }

.list-entry-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 1.45em;
  padding: 1px 2px;
  border-radius: 2px;
  overflow: hidden; }
  .list-entry-col.alignv-bottom {
    justify-content: flex-end; }
  .list-entry-col.alignv-top {
    justify-content: flex-start; }
  .list-entry-col.alignv-center {
    justify-content: center; }
  .list-entry-col.alignh-left {
    align-items: flex-start; }
  .list-entry-col.alignh-center, .list-entry-col.alignh-centered {
    align-items: center; }
  .list-entry-col.alignh-right {
    align-items: flex-end; }
  .list-entry-col.alignh-stretch {
    align-items: stretch; }
    .list-entry-col.alignh-stretch span {
      overflow-x: hidden; }
  .list-entry-col.font-bold {
    font-weight: 600; }
  .list-entry-col.font-italic {
    font-style: italic; }
  .list-entry-col.font-strikethrough {
    text-decoration: line-through; }
  .list-entry-col.font-underline {
    text-decoration: underline; }
  .list-entry-col.autosize {
    flex: initial; }
  .list-entry-col.small .icon {
    font-size: 14px; }
  .list-entry-col.small .om-value,
  .list-entry-col.small .om-text-format,
  .list-entry-col .om-text-format.small {
    font-size: 0.85em;
    color: rgba(0, 0, 0, 0.6); }
    .list-entry-col.small .om-value .icon,
    .list-entry-col.small .om-text-format .icon,
    .list-entry-col .om-text-format.small .icon {
      font-size: 22px; }
  .list-entry-col.large .om-value,
  .list-entry-col.large .om-textformat,
  .list-entry-col .om-text-format.large {
    overflow-y: hidden;
    font-size: 1.45em;
    font-weight: 300;
    line-height: 1.15em; }
  .list-entry-col.bold {
    font-weight: 600; }
  .list-entry-col.tinted > span {
    border-radius: 4px;
    padding: 2px 6px !important; }
  .list-entry-col label {
    display: block;
    font-size: 0.8em;
    color: #999; }
  .list-entry-col.valign-bottom span {
    align-items: flex-end; }
  .list-entry-col span {
    white-space: initial;
    display: flex;
    align-items: center; }
    .list-entry-col span.ca-emphasize {
      font-weight: 500; }
  .list-entry-col .alignv-top {
    align-items: flex-start; }
  .list-entry-col .alignv-center {
    align-items: center; }
  .list-entry-col .alignv-bottom {
    align-items: flex-end; }
  .list-entry-col .icon {
    font-size: 18px;
    line-height: 1.42em; }
    .list-entry-col .icon.margin-right {
      margin-right: 4px; }
    .list-entry-col .icon.margin-left {
      margin-left: 4px; }
  .list-entry-col .om-text-format {
    display: inline-block;
    white-space: pre;
    line-height: 1.22em; }
  .list-entry-col .sub-label {
    font-size: 85%;
    min-height: 20px; }

.element-colorised .list-entry-divider {
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-top-color: rgba(255, 255, 255, 0.15); }

.list-entry-divider:first-child {
  border-top: none; }

.list-entry-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.9em;
  font-weight: 400;
  color: #505050;
  background-color: #f2f2f2;
  padding: 7px 12px;
  border-top: 1px rgba(0, 0, 0, 0.15) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid; }
  .list-entry-divider.list-entry-divider-depth-1 {
    background-color: #e5e5e5;
    border-top: none; }
  .list-entry-divider.list-entry-divider-depth-2 {
    background-color: #d9d9d9;
    border-top: none; }
  .list-entry-divider.list-entry-divider-depth-3 {
    background-color: #cccccc;
    border-top: none; }
  .list-entry-divider .list-entry-divider-title {
    flex: 1; }

.list-entry-divider-subtotal,
.footer {
  flex: initial; }
  .list-entry-divider-subtotal .list-entry,
  .footer .list-entry {
    padding: 0; }
    .list-entry-divider-subtotal .list-entry .list-entry-col,
    .footer .list-entry .list-entry-col {
      flex-direction: row;
      font-size: inherit;
      line-height: 115%;
      padding: 0; }
      .list-entry-divider-subtotal .list-entry .list-entry-col label,
      .footer .list-entry .list-entry-col label {
        font-size: inherit; }
        .list-entry-divider-subtotal .list-entry .list-entry-col label:after,
        .footer .list-entry .list-entry-col label:after {
          content: ":";
          margin-right: 4px; }

.progressBarOutside {
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 5px;
  max-width: 90%;
  border: #000 1px solid;
  border-radius: 16px;
  padding: 2px;
  background-color: white; }

.progressBarInside {
  border-radius: 16px;
  border: transparent 1px solid; }
  .progressBarInside span {
    color: white;
    opacity: 0.5;
    padding-left: 5px; }

.tiny-header {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%; }
  .tiny-header.small {
    font-size: 12px; }
  .tiny-header.large {
    font-size: 20px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.button.loading-centered.loading-indicator .loading {
  left: 50%;
  margin-left: -8px; }

.button.loading-indicator {
  cursor: default; }
  .button.loading-indicator .label,
  .button.loading-indicator .icon {
    visibility: hidden; }
  .button.loading-indicator .loading {
    position: absolute;
    width: 17px;
    height: 17px; }

.ca-overlay .loading {
  border-color: #bbb;
  border-top-color: #404040; }

.element-colorised .loading,
.light .loading {
  border: 0.25rem solid var(--ca-loading-indicator-color, rgba(255, 255, 255, 0.3));
  border-top-color: var(--ca-loading-indicator-color-bright, rgba(255, 255, 255, 0.85)); }

.element-colorised .use-card-layout .loading {
  border: 0.25rem solid var(--ca-loading-indicator-color, rgba(90, 90, 90, 0.2));
  border-top-color: var(--ca-loading-indicator-color-bright, #5a5a5a); }

.loading-dark .loading {
  border: 0.25rem solid rgba(90, 90, 90, 0.2);
  border-top-color: #5a5a5a; }

.loading {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid var(--ca-loading-indicator-color, rgba(90, 90, 90, 0.2));
  border-top-color: var(--ca-loading-indicator-color-bright, #5a5a5a);
  margin-left: auto;
  margin-right: auto;
  animation: spin 1s infinite linear; }
  .loading--double {
    border-style: double;
    border-width: .5rem; }
  .loading.small {
    width: 12px;
    height: 12px;
    border-width: .2rem; }

.spin {
  animation: spin 2s infinite linear;
  transform-origin: 50% 54.5%; }

ai-dialog-overlay {
  z-index: 11;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(25, 25, 25, 0.98);
  opacity: 0;
  transition: opacity 0.25s; }
  ai-dialog-overlay.active {
    opacity: 1; }

ai-dialog-container {
  z-index: 11;
  position: absolute;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.25s, width 0.5s, height 0.5s; }
  ai-dialog-container.active {
    opacity: 1; }

ux-dialog-container {
  overflow: hidden !important;
  max-width: 800px;
  max-height: 800px;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 0 38px rgba(0, 0, 0, 0.35);
  border: 1px rgba(255, 255, 255, 0.8) solid !important;
  transition: opacity 0.25s, width 0.5s, height 0.5s !important; }
  ux-dialog-container.transition-animated {
    transition: left 0.25s, opacity 0.25s, width 0.5s, height 0.5s !important; }
  @media only screen and (max-width: 567px) {
    ux-dialog-container {
      max-width: initial;
      max-height: initial;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  ux-dialog-container > div {
    overflow: hidden;
    padding: 0 !important; }
    ux-dialog-container > div > div {
      overflow: hidden; }

ux-dialog-overlay {
  background-color: rgba(255, 255, 255, 0.65); }

.ca-modal-confirm {
  max-height: 200px;
  max-width: 600px; }
  @media only screen and (max-width: 567px) {
    .ca-modal-confirm {
      max-height: 100%; } }

.ca-modal-export {
  max-height: 300px;
  max-width: 600px; }
  @media only screen and (max-width: 567px) {
    .ca-modal-export {
      max-height: 100%; } }

.ca-modal-2fa {
  max-height: 300px;
  max-width: 600px; }
  @media only screen and (max-width: 567px) {
    .ca-modal-2fa {
      max-height: 100%; } }

.ca-modal-attachments-save {
  max-height: 600px;
  max-width: 600px; }
  @media only screen and (max-width: 567px) {
    .ca-modal-attachments-save {
      max-height: 100%; } }

.ca-overlay {
  z-index: 99;
  position: fixed;
  left: 0;
  top: -100%;
  right: 0;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.98);
  transition: top 0.25s; }
  .ca-overlay.active {
    top: 0; }

.ca-overlay-loader {
  font-size: 48px; }

.ca-overlay-title {
  font-size: 24px;
  margin: 60px 0 24px 0; }

.ca-overlay-messages {
  max-width: 900px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  padding: 0 16px; }
  .ca-overlay-messages h2 {
    font-weight: 400;
    font-size: 1em;
    text-align: left;
    color: #888;
    margin: 0 0 20px 0; }

.ca-overlay-message {
  position: relative;
  line-height: 1.5em;
  text-align: left;
  margin: 0 0 32px 0;
  padding: 0 0 0 60px; }
  .ca-overlay-message h3 {
    font-weight: 400;
    font-size: 1.3em;
    margin: 0 0 12px 0; }

.ca-overlay-message-icon {
  position: absolute;
  left: 0;
  width: 48px;
  font-size: 48px;
  text-align: center; }
  .ca-overlay-message-icon .icon {
    line-height: 42px; }

.ca-overlay-actions {
  margin: 24px 0 0 0; }

.ca-modal-overlay {
  z-index: 10;
  position: fixed;
  left: 0;
  top: -100%;
  right: 0;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.2);
  transition: opacity 0.25s;
  opacity: 0; }
  .ca-modal-overlay.active {
    top: 0;
    opacity: 1; }

/* Hack for ionicicons v2 (no animation code) */
.spin-animation {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.ion-load-a.spin-animation {
  -webkit-animation-timing-function: steps(8, start);
  -moz-animation-timing-function: steps(8, start);
  animation-timing-function: steps(8, start); }

/**
 * Definitions for panels that contain content (e.g. forms or lists).
 */
.element-big-header .sidebar.panel.has-bar-top-2 {
  top: 154px; }

.element-big-header .panel:not(.hide-element-header).content.has-bar-top {
  top: 154px; }

.element-big-header .panel:not(.hide-element-header).content.has-bar-top-2 {
  top: 198px; }

.element-big-header .panel:not(.hide-element-header).content.has-bar-top-3 {
  top: 242px; }

.element-big-header .panel:not(.hide-element-header).content.layout-view.has-bar-top {
  top: 44px; }

.element-big-header .panel:not(.hide-element-header).content.layout-view.has-bar-top-2 {
  top: 198px; }

.element-big-header .panel:not(.hide-element-header).content.layout-view.has-bar-top-3 {
  top: 242px; }

.panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: #fafafa;
  border-color: inherit;
  /* -------------------------------------------------------------------------
     * Userinfo
     * ---------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
     * Quickaccess
     * ---------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
     * Bottombar
     * ---------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
     * Topbar
     * ---------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
     * Sidebar
     * ---------------------------------------------------------------------- */ }
  .panel.relative.has-bar-top {
    top: 0;
    margin-top: 44px; }
  .panel.dock-mode.has-bar-top-with-labels, .panel.dock-mode.has-bar-top-extended {
    top: 81px; }
  .panel.dock-mode.has-bar-bottom-with-labels, .panel.dock-mode.has-bar-bottom-extended {
    bottom: 81px; }
  .panel.has-bar-top {
    top: 44px; }
  .panel.has-bar-top-2 {
    top: 88px; }
  .panel.has-bar-top-3 {
    top: 132px; }
  .panel.has-bar-top-with-labels, .panel.has-bar-top-extended {
    top: 44px; }
  .panel.has-bar-panel {
    padding-top: 44px; }
    .panel.has-bar-panel.inset {
      padding-top: 60px; }
  .panel.has-bar-bottom {
    bottom: 44px; }
  .panel.has-bar-bottom-with-labels, .panel.has-bar-bottom-extended {
    bottom: 44px; }
  .panel.has-sidebar-left, .panel.has-sidebar-left-phone, .panel.has-sidebar-left-tablet {
    left: 0;
    min-width: 255px; }
  .panel.has-sidebar-left-large, .panel.has-sidebar-left-large-phone, .panel.has-sidebar-left-large-tablet {
    left: 0;
    min-width: 355px; }
  .panel.has-sidebar-right {
    right: 255px; }
  .panel.has-sidebar-right-large {
    right: 355px; }
  .panel.has-sidebar-right-phone, .panel.has-sidebar-right-tablet {
    right: 0;
    min-width: 255px; }
  .panel.has-sidebar-right-phone-large, .panel.has-sidebar-right-tablet-large {
    right: 0;
    min-width: 355px; }
  .panel.has-sidebar-left {
    left: 255px; }
  .panel.has-sidebar-left-collapsed-mini {
    left: 44px; }
  .panel.has-sidebar-left-large {
    left: 355px; }
  .panel.has-sidebar-left-phone, .panel.has-sidebar-left-phone-mini {
    min-width: 255px; }
    @media only screen and (min-width: 567px) {
      .panel.has-sidebar-left-phone, .panel.has-sidebar-left-phone-mini {
        left: 255px; } }
  .panel.has-sidebar-left-phone-large, .panel.has-sidebar-left-phone-large-mini {
    min-width: 355px; }
    @media only screen and (min-width: 567px) {
      .panel.has-sidebar-left-phone-large, .panel.has-sidebar-left-phone-large-mini {
        left: 355px; } }
  @media only screen and (max-width: 567px) {
    .panel.has-sidebar-left-phone-mini {
      left: 50px; } }
  .panel.has-sidebar-right-mini {
    right: 44px; }
  .panel.has-sidebar-right-collapsed-mini {
    right: 44px; }
  .panel.has-sidebar-right-phone, .panel.has-sidebar-right-phone-mini {
    min-width: 255px; }
    @media only screen and (min-width: 567px) {
      .panel.has-sidebar-right-phone, .panel.has-sidebar-right-phone-mini {
        right: 255px; } }
  .panel.has-sidebar-right-phone-large, .panel.has-sidebar-right-phone-large-mini {
    min-width: 355px; }
    @media only screen and (min-width: 567px) {
      .panel.has-sidebar-right-phone-large, .panel.has-sidebar-right-phone-large-mini {
        right: 355px; } }
  @media only screen and (max-width: 567px) {
    .panel.has-sidebar-right-phone-mini {
      right: 50px; } }
  .panel.has-sidebar-left-mini {
    left: 44px; }
  .panel.has-sidebar-left-tablet, .panel.has-sidebar-left-tablet-mini {
    min-width: 255px; }
    @media only screen and (min-width: 867px) {
      .panel.has-sidebar-left-tablet, .panel.has-sidebar-left-tablet-mini {
        left: 255px; } }
  .panel.has-sidebar-left-tablet-large, .panel.has-sidebar-left-tablet-large-mini {
    min-width: 355px; }
    @media only screen and (min-width: 867px) {
      .panel.has-sidebar-left-tablet-large, .panel.has-sidebar-left-tablet-large-mini {
        left: 355px; } }
  @media only screen and (max-width: 867px) {
    .panel.has-sidebar-left-tablet-mini {
      left: 50px; } }
  .panel.has-sidebar-right-tablet, .panel.has-sidebar-right-tablet-mini {
    min-width: 255px; }
    @media only screen and (min-width: 867px) {
      .panel.has-sidebar-right-tablet, .panel.has-sidebar-right-tablet-mini {
        right: 255px; } }
  .panel.has-sidebar-right-tablet-large, .panel.has-sidebar-right-tablet-large-mini {
    min-width: 355px; }
    @media only screen and (min-width: 867px) {
      .panel.has-sidebar-right-tablet-large, .panel.has-sidebar-right-tablet-large-mini {
        right: 355px; } }
  @media only screen and (max-width: 867px) {
    .panel.has-sidebar-right-tablet-mini {
      right: 50px; } }
  .panel.inset-layout {
    padding: 16px 24px 0 24px; }
  .panel.inset {
    padding: 16px 16px 0 16px; }
    .panel.inset:after {
      content: " ";
      display: block;
      height: 16px; }
    .panel.inset.login {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      margin-top: 45px; }
      @media only screen and (max-width: 567px) {
        .panel.inset.login {
          width: auto;
          margin-top: 0; } }
  .panel.inset-small {
    padding: 8px 8px 0 8px; }
    .panel.inset-small:after {
      content: " ";
      display: block;
      height: 8px; }
  .panel.relative {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column; }
  .panel app-menu-userinfo {
    position: relative;
    display: flex;
    align-self: center; }
  .panel .userinfo {
    display: flex;
    align-self: stretch;
    justify-content: center;
    flex-direction: row;
    min-height: 26px;
    color: #fff;
    font-size: 12px;
    padding-right: 8px; }
    .panel .userinfo p {
      margin: 0; }
  .panel .app-element-userinfo .userimage {
    height: 120px;
    min-width: 120px;
    align-self: flex-start;
    border-radius: 120px;
    margin-top: 20px;
    margin-bottom: 24px; }
  .panel .userimage {
    display: flex;
    align-self: center;
    overflow: hidden;
    height: 40px;
    min-width: 40px;
    border: 2px #fff solid;
    border-radius: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
    background-position: center; }
  .panel.dock-mode .quickaccess {
    align-items: center;
    justify-content: flex-start;
    padding-left: 4px; }
    .panel.dock-mode .quickaccess .tab {
      height: 36px;
      font-size: 20px;
      border-radius: 2px; }
      .panel.dock-mode .quickaccess .tab.active {
        color: var(--ca-chrome-fg, #fff);
        background-color: var(--ca-chrome-bar-bg, #707070); }
  .panel .quickaccess {
    display: flex;
    flex: 1;
    justify-content: center; }
  .panel.bottombar {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    top: auto;
    bottom: -250px;
    height: 294px;
    transition: bottom 0.25s, height 0.25s; }
    .panel.bottombar.with-labels .bottombar-content, .panel.bottombar.dock-mode .bottombar-content {
      top: 44px; }
    .panel.bottombar.dock-mode {
      bottom: -250px;
      align-items: flex-start; }
      .panel.bottombar.dock-mode .bottombar-content {
        overflow-x: visible;
        overflow-y: visible; }
    .panel.bottombar.visible {
      bottom: 0; }
      .panel.bottombar.visible .bottombar-always-visible {
        border-bottom: 1px var(--ca-chrome-border-color, #707070) solid;
        border-top: 1px var(--ca-chrome-border-color, #707070) solid; }
    .panel.bottombar .bottombar-always-visible {
      z-index: 4; }
      .panel.bottombar .bottombar-always-visible .tab {
        z-index: 5; }
    .panel.bottombar .bottombar-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 45px;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: auto; }
  .panel.dock-mode.topbar, .panel.dock-mode.bottombar {
    border-top-color: var(--ca-chrome-menu-border-color, #707070);
    border-bottom-color: var(--ca-chrome-menu-border-color, #707070); }
  .panel.topbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    top: auto;
    top: -250px;
    height: 294px;
    transition: top 0.25s, height 0.25s; }
    .panel.topbar.with-labels, .panel.topbar.dock-mode {
      top: -250px;
      align-items: flex-start; }
      .panel.topbar.with-labels .topbar-content, .panel.topbar.dock-mode .topbar-content {
        overflow-x: visible;
        overflow-y: visible;
        bottom: 44px; }
    .panel.topbar.visible {
      top: 0; }
      .panel.topbar.visible .topbar-always-visible {
        border-bottom: 1px var(--ca-chrome-border-color, #707070) solid;
        border-top: 1px var(--ca-chrome-border-color, #707070) solid; }
    .panel.topbar .topbar-always-visible {
      z-index: 1;
      top: auto;
      bottom: 0; }
    .panel.topbar .topbar-content {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 45px;
      top: 0;
      overflow-y: auto;
      overflow-x: hidden; }
  .panel.sidebar {
    z-index: 1;
    width: 254px;
    font-size: 1em;
    background-color: #f2f2f2; }
    .panel.sidebar.show {
      z-index: 10; }
    .panel.sidebar.large {
      width: 354px; }
      .panel.sidebar.large.right.hidden {
        right: -355px; }
      .panel.sidebar.large.right.collapse-to-mini {
        right: -310px; }
      .panel.sidebar.large.right.collapse-phone {
        right: -382px; }
      .panel.sidebar.large.right.collapse-phone-to-mini {
        left: -330px; }
      .panel.sidebar.large.right.collapse-tablet {
        right: -382px; }
      .panel.sidebar.large.right.collapse-tablet-to-mini {
        right: -330px; }
      .panel.sidebar.large.left.hidden {
        left: -382px; }
      .panel.sidebar.large.left.collapse-to-mini {
        left: -310px; }
      .panel.sidebar.large.left.collapse-phone {
        left: -382px; }
      .panel.sidebar.large.left.collapse-phone-to-mini {
        left: -330px; }
      .panel.sidebar.large.left.collapse-tablet {
        right: -382px; }
      .panel.sidebar.large.left.collapse-tablet-to-mini {
        right: -330px; }
    .panel.sidebar .phone-min-view,
    .panel.sidebar .phone-full-view,
    .panel.sidebar .tablet-min-view,
    .panel.sidebar .tablet-full-view {
      position: absolute;
      top: 0;
      bottom: 0; }
    .panel.sidebar.right {
      transition: right 0.25s;
      left: auto;
      border-color: rgba(0, 0, 0, 0.075);
      border-left: 1px #e2e2e2 solid; }
      .panel.sidebar.right .phone-min-view,
      .panel.sidebar.right .tablet-min-view {
        z-index: 1;
        left: 0;
        width: 44px;
        box-shadow: 0 -3px 19px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.right .phone-full-view,
      .panel.sidebar.right .tablet-full-view {
        overflow-y: auto;
        overflow-x: hidden;
        left: 44px;
        right: 0; }
      .panel.sidebar.right.hidden {
        right: -282px; }
      .panel.sidebar.right.visible {
        right: 0; }
      .panel.sidebar.right.show {
        right: 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.right.collapse-to-mini {
        right: -210px;
        left: auto; }
        .panel.sidebar.right.collapse-to-mini.visible {
          right: 0; }
          .panel.sidebar.right.collapse-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.right.collapse-phone {
        right: -282px;
        left: auto; }
        @media only screen and (min-width: 567px) {
          .panel.sidebar.right.collapse-phone {
            right: 0; } }
        .panel.sidebar.right.collapse-phone.visible {
          right: 0; }
          .panel.sidebar.right.collapse-phone.visible.show {
            box-shadow: 0 0 12px -5px #333; }
      .panel.sidebar.right.collapse-phone-to-mini {
        right: auto;
        left: -230px; }
        @media only screen and (min-width: 567px) {
          .panel.sidebar.right.collapse-phone-to-mini {
            right: 0; } }
        .panel.sidebar.right.collapse-phone-to-mini.visible {
          right: 0; }
          .panel.sidebar.right.collapse-phone-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.right.collapse-tablet {
        left: auto;
        right: -282px; }
        @media only screen and (min-width: 867px) {
          .panel.sidebar.right.collapse-tablet {
            right: 0; } }
        .panel.sidebar.right.collapse-tablet.visible {
          right: 0; }
          .panel.sidebar.right.collapse-tablet.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.right.collapse-tablet-to-mini {
        left: auto;
        right: -230px; }
        @media only screen and (min-width: 867px) {
          .panel.sidebar.right.collapse-tablet-to-mini {
            right: 0; } }
        .panel.sidebar.right.collapse-tablet-to-mini.visible {
          right: 0; }
          .panel.sidebar.right.collapse-tablet-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
    .panel.sidebar.left {
      transition: left 0.25s;
      right: auto;
      border-color: rgba(0, 0, 0, 0.075);
      border-right: 1px #e2e2e2 solid; }
      .panel.sidebar.left.hidden {
        left: -282px; }
      .panel.sidebar.left.visible {
        left: 0; }
      .panel.sidebar.left.show {
        left: 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left .phone-min-view,
      .panel.sidebar.left .tablet-min-view {
        z-index: 1;
        right: 0;
        width: 44px;
        box-shadow: 0 -3px 19px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left .phone-full-view,
      .panel.sidebar.left .tablet-full-view {
        overflow-y: auto;
        overflow-x: hidden;
        right: 44px;
        left: 0; }
      .panel.sidebar.left.collapse-to-mini {
        left: -210px;
        right: auto; }
        .panel.sidebar.left.collapse-to-mini.visible {
          left: 0; }
          .panel.sidebar.left.collapse-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left.collapse-phone {
        right: auto;
        left: -282px; }
        @media only screen and (min-width: 567px) {
          .panel.sidebar.left.collapse-phone {
            left: 0; } }
        .panel.sidebar.left.collapse-phone.visible {
          left: 0; }
          .panel.sidebar.left.collapse-phone.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left.collapse-phone-to-mini {
        right: auto;
        left: -230px; }
        @media only screen and (min-width: 567px) {
          .panel.sidebar.left.collapse-phone-to-mini {
            left: 0; } }
        .panel.sidebar.left.collapse-phone-to-mini.visible {
          left: 0; }
          .panel.sidebar.left.collapse-phone-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left.collapse-tablet {
        right: auto;
        left: -282px; }
        @media only screen and (min-width: 867px) {
          .panel.sidebar.left.collapse-tablet {
            left: 0; } }
        .panel.sidebar.left.collapse-tablet.visible {
          left: 0; }
          .panel.sidebar.left.collapse-tablet.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .panel.sidebar.left.collapse-tablet-to-mini {
        right: auto;
        left: -230px; }
        @media only screen and (min-width: 867px) {
          .panel.sidebar.left.collapse-tablet-to-mini {
            left: 0; } }
        .panel.sidebar.left.collapse-tablet-to-mini.visible {
          left: 0; }
          .panel.sidebar.left.collapse-tablet-to-mini.visible.show {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
    .panel.sidebar.inset {
      width: 222px; }
      .panel.sidebar.inset.left .phone-full-view,
      .panel.sidebar.inset.left .tablet-full-view {
        right: 44px;
        left: 16px; }
      .panel.sidebar.inset.right .phone-full-view,
      .panel.sidebar.inset.right .tablet-full-view {
        left: 44px;
        right: 16px; }
    @media only screen and (max-width: 567px) {
      .panel.sidebar.collapse-phone.inset.hidden {
        padding: 0; } }

.main-panel {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  background-color: #505050; }

.ca-panel-dimmer {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  background-color: #22302d; }

.collapsed-element {
  display: none; }

.non-collapsed-element {
  display: block; }

.auto-collapse .collapsed-element {
  display: block; }

.auto-collapse .non-collapsed-element {
  display: none; }

.auto-collapse.zoomed .collapsed-element {
  display: none; }

.auto-collapse.zoomed .non-collapsed-element {
  display: block; }

.gutter {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.35);
  background-repeat: no-repeat;
  background-position: 50%; }
  .gutter.gutter-horizontal {
    cursor: ew-resize; }
  .gutter.gutter-vertical {
    cursor: ns-resize; }

.element-colorised .ca-table thead tr th {
  background-color: rgba(255, 255, 255, 0.35);
  border-left-color: rgba(255, 255, 255, 0.25);
  border-bottom-color: rgba(255, 255, 255, 0.25); }

.element-colorised .ca-table tbody tr:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.1); }

.element-colorised .ca-table tbody tr.divider {
  background-color: rgba(255, 255, 255, 0.35); }
  .element-colorised .ca-table tbody tr.divider.item-depth-1 {
    background-color: rgba(255, 255, 255, 0.25); }
    .element-colorised .ca-table tbody tr.divider.item-depth-1:hover {
      background-color: rgba(255, 255, 255, 0.25); }
  .element-colorised .ca-table tbody tr.divider.item-depth-2 {
    background-color: rgba(255, 255, 255, 0.15); }
    .element-colorised .ca-table tbody tr.divider.item-depth-2:hover {
      background-color: rgba(255, 255, 255, 0.15); }
  .element-colorised .ca-table tbody tr.divider:hover {
    color: inherit;
    background-color: rgba(255, 255, 255, 0.35); }

.element-colorised .ca-table tbody tr td {
  border-left-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.15); }

.ca-table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 100%; }
  .ca-table-scroll .ca-table {
    border-collapse: separate;
    border-spacing: 0; }
  .ca-table-scroll .ca-sticky {
    z-index: 2;
    position: sticky;
    background-color: var(--ca-sticky-bg-color);
    overflow: hidden; }
  .ca-table-scroll thead tr th.ca-sticky {
    top: 0;
    border-left: 1px #e2e2e2 solid !important;
    border-bottom: 1px #e2e2e2 solid !important; }
  .ca-table-scroll tbody tr td {
    border-left: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid; }

.ca-table {
  width: 100%;
  border-collapse: unset;
  border-spacing: 0;
  table-layout: fixed; }
  .ca-table thead tr th {
    font-weight: 600;
    text-align: left;
    padding: 8px;
    border-left: 1px #e2e2e2 solid;
    border-bottom: 1px #bbb solid; }
    .ca-table thead tr th:first-child {
      border-left: none; }
    .ca-table thead tr th.right {
      text-align: right; }
    .ca-table thead tr th.ca-holiday {
      color: var(--color); }
  .ca-table tbody tr:last-child > td {
    border-bottom: none; }
  .ca-table tbody tr.ca-empty-row:hover {
    background-color: transparent; }
    .ca-table tbody tr.ca-empty-row:hover td {
      background-color: transparent; }
  .ca-table tbody tr.ca-empty-row td {
    background-color: transparent; }
  .ca-table tbody tr:hover {
    background-color: #ececec; }
    .ca-table tbody tr:hover td.ca-holiday {
      background-color: var(--color-holiday-bg); }
      .ca-table tbody tr:hover td.ca-holiday .ca-table-input {
        background-color: #f0f0b0; }
    .ca-table tbody tr:hover td.ca-weekend {
      background-color: #e8e8e8; }
      .ca-table tbody tr:hover td.ca-weekend .ca-table-input {
        background-color: #f0f0b0; }
    .ca-table tbody tr:hover td .ca-table-input {
      background-color: #fafac2; }
  .ca-table tbody tr.small td {
    font-size: 90%; }
  .ca-table tbody tr td {
    font-weight: 200;
    vertical-align: top;
    padding: 8px;
    border-left: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid; }
    .ca-table tbody tr td:first-child {
      border-left: none; }
    .ca-table tbody tr td.small {
      font-size: 90%; }
    .ca-table tbody tr td.border-bottom {
      border-bottom-color: #999; }
    .ca-table tbody tr td.border-top {
      border-top-color: #999; }
    .ca-table tbody tr td.right {
      text-align: right; }
    .ca-table tbody tr td.ca-disabled {
      background-color: #e1e1e1;
      border-bottom-color: #c2c2c2; }
    .ca-table tbody tr td.ca-disabled-fg {
      color: #888; }
    .ca-table tbody tr td.ca-holiday {
      background-color: var(--color-holiday-bg);
      border-bottom-color: var(--color-holiday-border); }
      .ca-table tbody tr td.ca-holiday .ca-table-input {
        background-color: #f4f4b3; }
    .ca-table tbody tr td.ca-weekend {
      background-color: #f0f0f0;
      border-bottom-color: #d2d2d2; }
      .ca-table tbody tr td.ca-weekend .ca-table-input {
        background-color: #f4f4b3; }
    .ca-table tbody tr td.ca-strong {
      font-weight: 500; }
    .ca-table tbody tr td.ca-input-enabled {
      border-color: #d8d86a; }
    .ca-table tbody tr td .ca-emphasize {
      font-weight: 600; }
    .ca-table tbody tr td .ca-table-input {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      max-width: calc(100% - 16px);
      text-align: right;
      font-weight: 500;
      font-size: 14px;
      padding: 0 8px;
      background-color: #ffffe0;
      color: var(--color, #000);
      border: none; }
      .ca-table tbody tr td .ca-table-input:focus {
        background-color: #ff0; }
      .ca-table tbody tr td .ca-table-input.ca-altered {
        color: var(--color-altered); }
    .ca-table tbody tr td .ca-badge {
      background-color: rgba(0, 0, 0, 0.15);
      padding: 3px 8px;
      border-radius: 20px;
      font-size: 90%; }
    .ca-table tbody tr td .icon {
      display: inline-block;
      height: 20px;
      overflow: overlay;
      font-size: 24px;
      vertical-align: top;
      margin-top: -5px; }
    .ca-table tbody tr td .button.icon {
      height: 30px;
      overflow: hidden;
      font-size: 28px;
      padding: 0 2px 0 3px;
      margin-top: 0; }
      .ca-table tbody tr td .button.icon .icon {
        align-items: center;
        height: 30px;
        overflow: hidden;
        margin-top: 0; }
    .ca-table tbody tr td .button:focus {
      color: #fff;
      background-color: var(--color); }
    .ca-table tbody tr td .margin-left {
      margin-left: 4px; }
    .ca-table tbody tr td .margin-right {
      margin-right: 4px; }
    .ca-table tbody tr td .nowrap {
      white-space: nowrap; }
    .ca-table tbody tr td .ca-table-indicator {
      width: 18px;
      height: 18px;
      border-width: 0.19rem;
      margin-top: 2px; }
  .ca-table tbody tr.active td {
    background-color: rgba(0, 0, 0, 0.15); }
  .ca-table tbody tr.divider {
    background-color: rgba(0, 0, 0, 0.2); }
    .ca-table tbody tr.divider:hover {
      color: inherit;
      background-color: rgba(0, 0, 0, 0.2); }
    .ca-table tbody tr.divider.item-depth-1 {
      background-color: rgba(0, 0, 0, 0.12); }
      .ca-table tbody tr.divider.item-depth-1:hover {
        background-color: rgba(0, 0, 0, 0.12); }
    .ca-table tbody tr.divider.item-depth-2 {
      background-color: rgba(0, 0, 0, 0.075); }
      .ca-table tbody tr.divider.item-depth-2:hover {
        background-color: rgba(0, 0, 0, 0.075); }
    .ca-table tbody tr.divider td {
      font-weight: 600; }

.table {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 92%; }
  .table .table-header {
    overflow-y: scroll;
    display: flex;
    flex-direction: row;
    font-weight: 600;
    line-height: 140%;
    border-bottom: 1px #bbb solid; }
    .table .table-header .table-header-item {
      display: flex;
      flex-direction: column;
      flex: 1;
      max-height: 3.8em;
      white-space: pre-wrap;
      overflow-wrap: break-word;
      word-break: break-word;
      overflow: hidden;
      background-color: rgba(0, 0, 0, 0.035);
      border-right: 1px rgba(0, 0, 0, 0.15) solid; }
      .table .table-header .table-header-item.left {
        align-items: flex-start; }
      .table .table-header .table-header-item.centered {
        align-items: center; }
      .table .table-header .table-header-item.right {
        align-items: flex-end; }
      .table .table-header .table-header-item > span {
        overflow: hidden;
        display: block;
        margin: 6px 4px; }
  .table .table-body {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll; }
    .table .table-body.move-mode .table-body-row.clickable:hover {
      cursor: default;
      background-color: inherit; }
    .table .table-body.move-mode .table-body-row.move-mode-selected-item {
      background-color: #e7e41d !important; }
    .table .table-body.move-mode .table-body-row.move-here {
      z-index: 1;
      overflow: visible; }
      .table .table-body.move-mode .table-body-row.move-here .table-body-col {
        opacity: 0;
        cursor: pointer;
        background-color: #fffedc;
        border-color: #c4c117;
        margin-top: -25px;
        transition: opacity 0.25s; }
        .table .table-body.move-mode .table-body-row.move-here .table-body-col:hover {
          opacity: 1; }
          .table .table-body.move-mode .table-body-row.move-here .table-body-col:hover span {
            color: initial; }
        .table .table-body.move-mode .table-body-row.move-here .table-body-col span {
          color: transparent;
          padding-left: 30px; }
        .table .table-body.move-mode .table-body-row.move-here .table-body-col .button {
          max-height: 21px !important;
          border-color: #c4c117;
          border-top: 3px #c4c117 solid;
          justify-content: flex-start;
          flex: 1; }
    .table .table-body .table-body-row {
      position: relative;
      display: flex;
      flex: 2;
      flex-direction: row;
      border-bottom: 1px #eee solid; }
      .table .table-body .table-body-row.clickable:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.075); }
      .table .table-body .table-body-row.divider {
        background-color: rgba(0, 0, 0, 0.2); }
        .table .table-body .table-body-row.divider:hover {
          color: inherit;
          background-color: rgba(0, 0, 0, 0.2); }
        .table .table-body .table-body-row.divider.item-depth-1 {
          background-color: rgba(0, 0, 0, 0.12); }
          .table .table-body .table-body-row.divider.item-depth-1:hover {
            background-color: rgba(0, 0, 0, 0.12); }
        .table .table-body .table-body-row.divider.item-depth-2 {
          background-color: rgba(0, 0, 0, 0.075); }
          .table .table-body .table-body-row.divider.item-depth-2:hover {
            background-color: rgba(0, 0, 0, 0.075); }
        .table .table-body .table-body-row.divider .table-body-col {
          font-weight: 600; }
      .table .table-body .table-body-row.active .table-body-col {
        background-color: rgba(0, 0, 0, 0.15); }
      .table .table-body .table-body-row.font-bold {
        font-weight: 600; }
      .table .table-body .table-body-row.font-italic {
        font-style: italic; }
      .table .table-body .table-body-row.font-strikethrough {
        text-decoration: line-through; }
      .table .table-body .table-body-row.font-underline {
        text-decoration: underline; }
      .table .table-body .table-body-row .table-body-col {
        position: relative;
        min-height: 24px;
        display: flex;
        flex-direction: column;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        line-height: 140%;
        border-right: 1px #eee solid; }
        .table .table-body .table-body-row .table-body-col.small {
          font-size: 90%; }
        .table .table-body .table-body-row .table-body-col.left {
          align-items: flex-start; }
        .table .table-body .table-body-row .table-body-col.centered {
          align-items: center; }
        .table .table-body .table-body-row .table-body-col.right {
          align-items: flex-end; }
        .table .table-body .table-body-row .table-body-col.stretch {
          align-items: stretch; }
        .table .table-body .table-body-row .table-body-col.font-bold {
          font-weight: 600; }
        .table .table-body .table-body-row .table-body-col.font-italic {
          font-style: italic; }
        .table .table-body .table-body-row .table-body-col.font-strikethrough {
          text-decoration: line-through; }
        .table .table-body .table-body-row .table-body-col.font-underline {
          text-decoration: underline; }
        .table .table-body .table-body-row .table-body-col > span {
          overflow: hidden;
          display: block;
          margin: 4px; }
        .table .table-body .table-body-row .table-body-col .ca-emphasize {
          font-weight: 600; }
        .table .table-body .table-body-row .table-body-col .icon {
          display: inline-block;
          height: 18px;
          overflow: hidden;
          font-size: 18px;
          vertical-align: top;
          margin-top: -1px;
          padding-left: 1px; }
        .table .table-body .table-body-row .table-body-col .margin-left {
          margin-left: 4px; }
        .table .table-body .table-body-row .table-body-col .margin-right {
          margin-right: 4px; }
        .table .table-body .table-body-row .table-body-col .ca-col-input {
          overflow: hidden;
          flex: 1;
          height: 100%;
          text-align: right;
          padding: 0 8px;
          background-color: #ffffe0;
          color: var(--color, #000);
          border: none; }
          .table .table-body .table-body-row .table-body-col .ca-col-input:focus {
            background-color: #ff0; }
          .table .table-body .table-body-row .table-body-col .ca-col-input.ca-altered {
            color: var(--color-altered); }
          .table .table-body .table-body-row .table-body-col .ca-col-input.left {
            text-align: left; }
          .table .table-body .table-body-row .table-body-col .ca-col-input.center {
            text-align: center; }
          .table .table-body .table-body-row .table-body-col .ca-col-input.right {
            text-align: right; }
        .table .table-body .table-body-row .table-body-col .ca-col-input-button-popup {
          display: flex;
          height: 100%;
          color: #636430;
          background-color: #e7e798;
          margin: 0;
          padding: 0; }
          .table .table-body .table-body-row .table-body-col .ca-col-input-button-popup i {
            font-size: 18px; }

.ca-table-cell-popup a {
  z-index: 2;
  position: absolute;
  width: 81px;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  bottom: 31px;
  border: 2px #fff solid;
  border-radius: 3px;
  left: 50%;
  margin-left: -51px !important;
  opacity: 1;
  transition: opacity 0.2s ease-in-out; }
  .ca-table-cell-popup a.focus-lost {
    opacity: 0; }

.tabs-overflow {
  overflow: hidden; }
  .tabs-overflow.collapsed .button {
    color: rgba(0, 0, 0, 0.5); }
  .tabs-overflow.collapsed .tab {
    color: rgba(0, 0, 0, 0.5); }
  .tabs-overflow .tab {
    height: 37px;
    white-space: nowrap;
    color: inherit;
    padding: 7px 10px 0 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
    .tabs-overflow .tab:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .tabs-overflow .tab.active .label {
      font-weight: 500; }
    .tabs-overflow .tab .icon {
      display: inline-block;
      font-size: 20px;
      font-weight: inherit;
      vertical-align: top;
      margin-top: 3px; }
    .tabs-overflow .tab .label {
      display: inline-block;
      font-size: 12px;
      margin-top: 8px; }
  .tabs-overflow .tab-overflow-popup-btn {
    position: absolute;
    right: 0; }

.ca-tabbar-overflow-popup .bright {
  color: inherit; }

app-element-layout-tab-relations-tabs {
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column; }

.tab-relations-strip {
  white-space: nowrap;
  overflow: auto;
  border-color: var(--header-color-bg); }
  .tab-relations-strip .active {
    background-color: var(--header-color-bg);
    color: var(--color); }

.tab-relations-title {
  display: flex;
  flex: 1; }

.tab-relations-root-tab {
  font-size: 1.65em;
  font-weight: 300;
  padding: 8px 16px 8px 8px; }
  .tab-relations-root-tab.active {
    background-color: var(--header-color-bg);
    color: var(--color); }

app-element-layout-tab-relations-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.tab-relations-content {
  position: absolute;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 1s; }
  .tab-relations-content.active {
    left: 0;
    opacity: 1; }

.panel.userpanel-pinned-left {
  left: 281px; }

.panel.userpanel-pinned-right {
  right: 281px; }

.ca-userpanel-toggle-button {
  display: none;
  position: absolute;
  top: 50%;
  width: 66px; }
  .ca-userpanel-toggle-button a {
    position: absolute;
    top: 50%;
    min-height: 64px;
    min-width: 50px;
    margin-top: -33px;
    background-color: var(--ca-chrome-bg, #e1e1e1);
    border: 1px var(--ca-chrome-menu-border-color, #999) solid; }
    .ca-userpanel-toggle-button a:before {
      font-size: 20px; }
    .ca-userpanel-toggle-button a:hover {
      background-color: var(--ca-chrome-bg-hover, #d1d1d1); }
  .ca-userpanel-toggle-button.left {
    left: 280px; }
    .ca-userpanel-toggle-button.left a {
      right: 0;
      border-left: none; }
  .ca-userpanel-toggle-button.right {
    right: 280px; }
    .ca-userpanel-toggle-button.right a {
      left: 0;
      border-right: none; }

.ca-userpanel {
  z-index: 10;
  position: absolute;
  left: auto;
  right: -281px;
  top: 0;
  bottom: 0;
  width: 280px;
  font-size: 0.95em;
  color: var(--ca-chrome-fg, #444);
  background-color: var(--ca-chrome-bg, #e1e1e1);
  border-color: var(--ca-chrome-menu-border-color, #999);
  padding: 0 0;
  transition: right 0.25s;
  display: flex;
  flex: 1;
  flex-direction: column; }
  .ca-userpanel.ca-userpanel-left {
    right: auto;
    left: -281px;
    transition: left 0.25s; }
  .ca-userpanel.ca-userpanel-visible {
    right: 0; }
    .ca-userpanel.ca-userpanel-visible.ca-userpanel-left {
      right: auto;
      left: 0; }
    .ca-userpanel.ca-userpanel-visible:hover .ca-userpanel-toggle-button {
      display: block; }
  .ca-userpanel.dock-mode.has-dock-bottom {
    bottom: 81px; }
  .ca-userpanel.dock-mode.has-dock-top {
    top: 81px; }
  .ca-userpanel.has-dock-bottom {
    bottom: 68px; }
  .ca-userpanel.has-dock-top {
    top: 68px; }
  .ca-userpanel .button.icon .icon {
    font-size: 16px; }
    .ca-userpanel .button.icon .icon.ca-icon-reload {
      font-size: 20px; }
  .ca-userpanel ca-pager {
    color: var(--ca-chrome-fg) !important;
    background-color: var(--ca-chrome-bar-bg) !important;
    border-color: var(--ca-chrome-menu-border-color) !important; }
  .ca-userpanel app-element-list .panel.content.has-bar-top {
    border-top: 1px var(--ca-chrome-menu-border-color) solid !important; }
  .ca-userpanel app-element-list .bar .left,
  .ca-userpanel app-element-list .bar .right,
  .ca-userpanel app-element-layout .bar .left,
  .ca-userpanel app-element-layout .bar .right {
    background-color: transparent !important; }
  .ca-userpanel .list-entry-container {
    background-color: transparent; }
    .ca-userpanel .list-entry-container + .list-entry-container {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.15) !important; }
  .ca-userpanel .list-entry-col.small .om-value,
  .ca-userpanel .list-entry-col .om-text-format.small {
    color: var(--ca-chrome-fg-soft, rgba(0, 0, 0, 0.6)) !important; }
  .ca-userpanel .list-entry-divider {
    color: var(--ca-chrome-fg, rgba(0, 0, 0, 0.85)) !important;
    border-bottom-color: var(--ca-chrome-menu-border-color, rgba(0, 0, 0, 0.15));
    border-top-color: var(--ca-chrome-menu-border-color, rgba(0, 0, 0, 0.15)); }
  .ca-userpanel .panel {
    color: var(--ca-chrome-fg, rgba(0, 0, 0, 0.85)) !important; }
  .ca-userpanel ca-calendar .col.active {
    background-color: rgba(20, 20, 20, 0.25); }
  .ca-userpanel .panel.sidebar.left {
    border-right-color: var(--ca-chrome-border-color, rgba(0, 0, 0, 0.35)); }
  .ca-userpanel .panel.sidebar.right {
    border-left-color: var(--ca-chrome-border-color, rgba(0, 0, 0, 0.35)); }
  .ca-userpanel .list-no-data-found {
    color: var(--ca-chrome-fg); }

.ca-icon-modul_FA:before,
.ca-icon-modul_PE:before,
.ca-icon-modul_RC:before,
.ca-icon-modul_TKA:before,
.ca-icon-check:before,
.ca-icon-edit:before,
.ca-icon-mehrfachauswahl:before,
.ca-icon-minus:before,
.ca-icon-plus:before,
.ca-icon-sort:before,
.ca-icon-filter:before,
.ca-icon-link:before,
.ca-icon-unlink:before,
.ca-icon-zoom-in:before,
.ca-icon-zoom-out:before,
.ca-icon-chevron-thin-left:before,
.ca-icon-chevron-thin-right:before,
.ca-icon-chevron-thin-up:before,
.ca-icon-chevron-thin-down:before {
  font-size: 90%;
  padding-top: 1px; }

.ca-icon-close:before {
  font-size: 70%; }

.custom-list-item {
  display: block;
  padding: 16px 8px;
  border-bottom: 1px #e2e2e2 solid; }
  .custom-list-item:last-child {
    border-bottom: none; }

.custom-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  margin: 42px 0 12px 0; }

.custom-paragraph {
  line-height: 1.5em;
  margin: 12px 0 4px 0; }
  .custom-paragraph ul {
    margin: 8px 0;
    padding: 0 0 0 16px; }

.custom-example-output {
  position: relative;
  line-height: 1.5em;
  border: 1px #bbb solid;
  border-bottom: none;
  margin: 8px 0 0 0;
  padding: 8px; }

.custom-example-output-inner {
  position: relative; }

.custom-example-src {
  line-height: 1.5em;
  background-color: #f2f2f2;
  border: 1px #bbb solid;
  margin: 0;
  padding: 8px; }
  .custom-example-src .custom-source {
    margin-bottom: 5px;
    background-color: #ddd;
    padding: 4px 8px;
    border-radius: 3px;
    display: inline-block; }
  .custom-example-src pre {
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
    padding: 0; }