* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  box-sizing: content-box;
}
pre {
  overflow: visible;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
small {
  font-size: 85%;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: height, visibility;
}
/*
  COLOR PALETTE
*/
/*
  DIMENSIONS
*/
/*
  TYPOGRAPHY
*/
/*
  APPLICATIONS
*/
.application-input-type-keyboard *[fs-id]:focus:not(input):not(textarea):not(.checkbox):not(:active):not(.fs-on-child):not(.fs-hover):not(.fs-child-custom) {
  box-shadow: 0 0 4px 1px #3b99fc;
}
.application-input-type-keyboard *:focus.fs-on-child .fs-child:not(input):not(textarea):not(.checkbox):not(:active) {
  box-shadow: 0 0 4px 1px #3b99fc;
  border-radius: 4px;
}
.application-input-type-keyboard i:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-search:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-empty-star:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-favourite:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-settings:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-arrow-slider:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-fill_caret_down:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-duplicate-1:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-minimise:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-close_lg:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-editfield:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-attach:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-comment-plus:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-expandarrow2:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-calendar:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .i-prevnext:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover),
.application-input-type-keyboard .fs-radius:focus:not(:active):not(.fs-on-child):not(.fs-circle):not(.fs-hover) {
  border-radius: 4px;
}
.application-input-type-keyboard .fs-circle:focus {
  border-radius: 50%;
}
.application-input-type-keyboard .fs-hover:focus {
  box-shadow: none;
  border: 0;
  background-color: #eef2f6;
}
.application-input-type-keyboard .ui-grid-cell-contents:focus {
  position: relative;
  box-shadow: none !important;
  border-radius: 0;
}
.application-input-type-keyboard .ui-grid-cell-contents:focus:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #3b99fc;
  z-index: 1;
}
.application-input-type-keyboard .awl-accordion-item .item-head:focus {
  box-shadow: none !important;
  border-radius: 0;
}
.application-input-type-keyboard .awl-accordion-item .item-head:focus > span.item-icon:before {
  box-shadow: 0 0 4px 1px #3b99fc;
  border-radius: 4px;
}
.application-input-type-keyboard .ala-group-title:focus {
  box-shadow: none !important;
  border-radius: 0;
}
.application-input-type-keyboard .ala-group-title:focus .ala-icon:before {
  box-shadow: 0 0 4px 1px #3b99fc;
  border-radius: 4px;
}
.application-input-type-keyboard .awl-menu-item:focus {
  box-shadow: none !important;
  border-radius: 0;
}
.application-input-type-keyboard .awl-menu-item:focus > span {
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #3b99fc;
}
.ui-grid {
  border: none;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.ui-grid-top-panel {
  background: transparent;
}
.ui-grid-header {
  border-bottom: 0;
  height: 32px;
}
.ui-grid-header-cell {
  border: 1px solid #CDD2D9;
  /* 20170817 tmax styleguide v 1.22 */
  border-bottom: 1px solid #e6e8ec;
  background: #EEF2F6;
}
.ui-grid-header-cell .ui-grid-cell-contents {
  /* zoom bug fix
    height: 30px;
    */
  line-height: 30px;
  padding-left: 10px;
  color: #47505D;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 600;
  font-size: 12px;
}
.ui-grid-render-container-left .ui-grid-header-cell:first-child,
.ui-grid-render-container-body .ui-grid-header-cell:first-child {
  border-left: none!important;
}
.a9-grid-draw-first-header-cell-left-border .ui-grid-render-container-body .ui-grid-header-cell:first-child {
  border-left: 1px solid #CDD2D9 !important;
}
.a9-grid-hide-resizers-on-pinned-columns .ui-grid-pinned-container .ui-grid-header-cell-row .ui-grid-column-resizer {
  display: none !important;
}
.a9-grid-remove-border-pinned-cells .ui-grid-pinned-container .ui-grid-header-cell-row .ui-grid-header-cell {
  border-right: none !important;
}
.a9-grid-remove-padding-first-data-cell .ui-grid-render-container-body .ui-grid-header-cell-row .ui-grid-header-cell:first-child .ui-grid-cell-contents {
  padding-left: 0 !important;
}
.a9-grid-remove-padding-first-data-cell .ui-grid-render-container-body .ui-grid-row .ui-grid-cell:first-child .ui-grid-cell-contents {
  padding-left: 0 !important;
}
/**
* zoom bug fix
* @to-do: please change if grid row height will changed
**/
.ui-grid-header-canvas {
  height: 32px !important;
}
.ui-grid-cell {
  border: none;
  font-size: 14px;
  color: #47505D;
  font-weight: 400;
}
.ui-grid-cell .awl-tick {
  display: block;
  margin-top: 4px;
}
.ui-grid-cell .ui-grid-cell-contents {
  padding-left: 10px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
.ui-grid-cell.customer-not-active {
  color: #c3cad4;
}
.ui-grid-render-container:not(.ui-grid-render-container-left):not(.ui-grid-render-container-right) .ui-grid-row:hover .ui-grid-cell,
.ui-grid-render-container:not(.ui-grid-render-container-left):not(.ui-grid-render-container-right) .ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-render-container:not(.ui-grid-render-container-left):not(.ui-grid-render-container-right) .ui-grid-row:nth-child(even):hover .ui-grid-cell,
.ui-grid-render-container:not(.ui-grid-render-container-left):not(.ui-grid-render-container-right) .ui-grid-row-selected:nth-child(odd):hover > div.ui-grid-cell,
.ui-grid-render-container:not(.ui-grid-render-container-left):not(.ui-grid-render-container-right) .ui-grid-row-selected:nth-child(even):hover > div.ui-grid-cell {
  background-color: #ecf5ff !important;
}
.ui-grid-pinned-container > div.ui-grid-cell:hover {
  background: none !important;
}
.ui-grid-header-cell-wrapper {
  display: block;
}
.ui-grid-header-cell-row {
  display: flex;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right: 1px solid #cfdae5;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: none;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  border-left: 1px solid #cfdae5;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  border-left: none;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell,
.ui-grid-row-selected:nth-child(odd) > div.ui-grid-cell {
  background-color: #fff;
}
.ui-grid-row:nth-child(even) .ui-grid-cell,
.ui-grid-row-selected:nth-child(even) > div.ui-grid-cell {
  background-color: #F6F8FA;
}
.ui-grid-row-selected > div.ui-grid-cell,
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #ecf5ff;
}
.ui-grid-row-selected > div.ui-grid-cell,
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell:not(.no-selectable) {
  border-bottom: 1px solid #fff;
}
.ui-grid-pinned-container .ui-grid-bottom-panel {
  display: none;
}
.ui-grid-viewport .checkbox {
  display: block;
  margin: 8px 0 0 10px;
}
.ui-grid-menu {
  padding: 0;
  box-shadow: 0 0 4px #808080;
  background: #ebebeb;
  line-height: 18px;
  border: 1px solid #808080;
}
.ui-grid-menu .ui-grid-menu-inner {
  border: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items .ui-grid-menu-item {
  display: block;
  color: #404040;
  padding: 5px 15px 5px 10px;
  text-decoration: none;
  border: none;
  box-shadow: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items .ui-grid-menu-item:hover {
  color: #000;
  background: #fff;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items .ui-grid-menu-item > i {
  font-weight: normal;
  display: inline-block;
  width: 18px;
  text-align: center;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items .ui-grid-menu-item > i::before {
  width: 18px;
  text-align: center;
  margin: 0;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items .ui-grid-menu-item-active {
  color: #000;
  background: #fff;
}
.ui-grid-cell-contents .i-edit {
  text-align: center;
  cursor: pointer;
}
.listing-grid .ui-grid-cell-contents .i-edit {
  float: right;
  width: 20px;
  font-size: 16px;
}
.ui-grid-cell-contents .i-edit.active {
  background-color: #1AAF4B;
}
.ui-grid-cell-contents .multi-select {
  width: 45px;
}
.ui-grid-cell-contents .multi-select .checkbox {
  margin: 0 0 0 3px;
  vertical-align: middle;
}
.ui-grid-cell-contents .multi-select i {
  vertical-align: middle;
}
.ui-grid-column-menu .ui-grid-menu-inner > button {
  display: none !important;
}
.ui-grid-header-cell {
  border-left: none;
}
.ui-grid-column-resizer,
.ui-grid.column-resizing {
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKZJREFUeNpiYCAOLIViXHycgImBxmDUglELqG9BKRXMLMVmASsQzwbiLipY0AU1C2QmAwsQCwLxaiB2hiowxqJJCIjfYREzxmFJChArAnEoiLMJiP8TgdGLCmL0bAH5IAHqAyeoZhMsLmrBIrYDiGuwiJ+B0vuAOI4BLQ7+U6Gw+48eByDwG4hTgfgWFSK5DIi7cSXTbipY0D1aVIxaMMQsoDkACDAAMBMtNArx14wAAAAASUVORK5CYII=') 12 12, move;
  /*
  #20736 Tmax resizer hides border
  z-index: 1000000;
*/
}
.ui-grid-column-resizer.right {
  right: 0;
  width: 7px;
  border-right: none!important;
}
.ui-grid-column-resizer.right:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
}
.ui-grid-column-resizer.left:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
}
.ui-grid-column-resizer.right:hover:before {
  border-right: 3px solid #82d0f5;
}
.ui-grid-column-resizer.left:hover:before {
  left: -1px;
  border-left: 3px solid #82d0f5;
}
.ui-grid-canvas {
  padding-top: 0;
}
.ui-grid-header-cell .ui-grid-cell-contents > div {
  /* zoom bug fix
    height: 30px;
    */
}
.custom-grid-header-cell-icon {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-top: -3px;
}
.custom-grid-header-cell-popover-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  padding: 0 2.5px;
  font-size: 13px;
  cursor: pointer;
  z-index: 5;
}
.popover-v2 .custom-grid-header-cell-popover {
  display: block;
  min-width: 120px;
  max-width: 400px;
  min-height: 120px;
  font-weight: 400;
  padding: 20px;
  line-height: 2.4;
  white-space: initial;
}
.popover-v2 .custom-grid-header-cell-popover h4 {
  margin: 0 0 0.5em;
  color: inherit;
}
.popover-v2 .custom-grid-header-cell-popover ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* a9-slider styles */
.a9-slider .ui-grid-header-cell {
  padding: 0;
}
.a9-slider .a9-slider-controls {
  position: absolute;
  top: 1px;
  right: 0;
  height: 31px;
  z-index: 10;
  border-bottom: 1px solid #E6E8EC;
}
.a9-slider .a9-slider-controls .a9-slider-container {
  background: #F1F4F7;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  border-left: 1px solid #CDD2D9;
  width: 113px;
  white-space: nowrap;
  text-align: center;
}
.a9-slider .a9-slider-controls .a9-slider-container .i-arrow-slider {
  font-size: 16px;
  display: inline-block;
  color: #9CA5B3;
  text-align: center;
}
.a9-slider .a9-slider-controls .a9-slider-container .i-arrow-slider.a9-control-settings {
  color: #7B8799;
  width: 36px;
  margin: 0 5px 0 10px;
}
.a9-slider .a9-slider-controls .a9-slider-container .i-arrow-slider.a9-control-direction-left {
  width: 10px;
  text-indent: -2px;
  margin: 0 15px 0 0;
}
.a9-slider .a9-slider-controls .a9-slider-container .i-arrow-slider.a9-control-direction-right {
  width: 10px;
  text-indent: -2px;
  margin: 0 20px 0 0;
}
.a9-slider .a9-slider-controls .a9-slider-container .i-arrow-slider.a9-active {
  color: #47505D;
  cursor: pointer;
}
.a9-slider .a9ScrollFiller {
  float: left;
  border: none;
}
/* a9-columns-menu-default */
.a9-columns-menu-default .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.a9-columns-menu-default .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  transition: none;
}
/* a9-expandable styles */
.a9-grid-expandable .preExpandedRow {
  height: 32px;
}
.a9-grid-expandable .ui-grid-row {
  float: left;
}
.a9-grid-expandable .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-bottom: none;
}
.a9-grid-expandable .ui-grid-row .ui-grid-cell .a9-grid-expandable-buttons-cell {
  border-bottom: none;
  height: 46px;
}
.a9-grid-expandable .ui-grid-row .expandableRow {
  padding: 20px;
  border-bottom: none;
  border-top: 1px solid #DDE1E6;
}
.a9-grid-icon-plus-squared {
  line-height: 32px;
}
.a9-grid-icon-plus-squared:before {
  font-family: "a9-font";
  font-style: normal;
  color: rgba(51, 61, 76, 0.8);
  font-size: 15px;
  content: '\e867';
  text-align: center;
  transform: rotate(-90deg);
  display: inline-block;
}
.a9-grid-icon-minus-squared {
  line-height: 32px;
}
.a9-grid-icon-minus-squared:before {
  font-family: "a9-font";
  font-style: normal;
  color: rgba(51, 61, 76, 0.8);
  font-size: 15px;
  content: '\e867';
  text-align: center;
}
.a9-grid-expandable-row-padding-left-hack .ui-grid-row .expandableRow {
  padding-left: 52px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .a9-grid-expandable-row-padding-left-hack .ui-grid-row .expandableRow {
    padding-left: 0px !important;
  }
}
.a9GridPlaceholderRow {
  height: 32px;
  background: #e0f4fd;
}
.a9GridPlaceholderRow .ui-grid-cell {
  background: #e0f4fd !important;
}
.a9GridPlaceholderRow .ui-grid-cell .ui-grid-cell-contents {
  display: none;
}
.a9GridHoveredRow .ui-grid-cell {
  background: rgba(224, 244, 253, 0.5) !important;
}
.a9GridPlaceholderBackground {
  background: #e0f4fd;
}
.a9GridPlaceholderHover {
  position: relative;
}
.a9GridPlaceholderHover:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(224, 244, 253, 0.5);
  z-index: 100;
}
.no-hoverable {
  background: #ffffff !important;
}
.a9-grid-cell-hover:not(.no-hoverable) {
  background: #ecf5ff !important;
}
.a9-grid-cell-marked {
  background: #d3e8ff !important;
}
.ui-grid-cell-remove .i-close-delete {
  font-size: 16px;
}
.a9-grid-secondary {
  border-left: 1px solid #dde1e6;
  border-right: 1px solid #dde1e6;
}
.a9-grid-secondary-last-row-without-bottom-border-when-expanded .ui-grid-row:last-child .a9-expanded-bordered-row .ui-grid-cell {
  border-bottom-width: 0 !important;
}
.ui-grid-row div.no-highligth-row.ui-grid-cell,
.ui-grid-row:nth-child(even) div.no-highligth-row.ui-grid-cell,
.ui-grid-row-selected:nth-child(even) div.no-highligth-row.ui-grid-cell,
.ui-grid-row-selected:nth-child(odd) div.no-highligth-row.ui-grid-cell {
  background-color: #fff !important;
}
.ui-grid-row div.no-borders-row.ui-grid-cell,
.ui-grid-row:nth-child(even) div.no-borders-row.ui-grid-cell,
.ui-grid-row-selected:nth-child(even) div.no-borders-row.ui-grid-cell,
.ui-grid-row-selected:nth-child(odd) div.no-borders-row.ui-grid-cell {
  border-bottom: 0;
}
/*
.ui-grid-row-selected >  div.ui-grid-cell,
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  border-top: 1px solid transparent;
}
*/
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-width: 0 !important;
}
body #mce-modal-block.mce-in.mce-fade {
  background: #47505d;
  opacity: 0.7;
}
body .mce-window {
  border-width: 0!important;
  box-shadow: 0 2px 5px 0 #47505d;
}
body .mce-window .mce-window-head {
  height: 50px;
  padding: 15px 20px;
  box-sizing: border-box;
  background: #eef2f6;
  border-bottom: none;
}
body .mce-window .mce-window-head .mce-title {
  color: #333D4C;
  font: 600 14px/18px 'Open Sans', sans-serif;
}
body .mce-window .mce-window-head .mce-close {
  width: 30px;
  height: 30px;
  right: 13px;
  top: 10px;
  line-height: 30px;
  text-align: center;
}
body .mce-window .mce-window-head .mce-close i {
  color: #7b8799;
  font-family: "a9-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
}
body .mce-window .mce-window-head .mce-close i:before {
  content: '\e802';
}
body .mce-window .mce-window-body .mce-textbox,
body .mce-window .mce-window-body .mce-listbox {
  border-radius: 4px;
  border: 1px solid #cdd2d9;
  background: #fff;
}
body .mce-window .mce-window-body label {
  height: 28px;
  width: 150px;
  line-height: 28px;
  padding-left: 30px;
}
body .mce-window .mce-window-body .field-item li {
  width: 50%;
  padding: 20px 0;
  list-style: none;
  height: 30px;
  line-height: 30px;
}
body .mce-window .mce-window-body .field-item li:nth-child(2n + 1) {
  float: right;
}
body .mce-window .mce-window-body .field-item span {
  vertical-align: middle;
}
body .mce-window .mce-window-body .field-item input,
body .mce-window .mce-window-body .field-item select {
  border-radius: 4px;
  border: 1px solid #cdd2d9;
  background: #fff;
  padding: 0 4px;
  height: 28px;
  width: 50px;
}
body .mce-window .mce-window-body .field-item input[type="checkbox"] {
  background-color: #4298fb;
  border: 1px solid #4298fb;
  border-radius: 4px;
  color: #ffffff;
  width: 20px;
}
body .mce-window .mce-window-body .field-item select {
  margin-left: -4px;
}
body .mce-window .mce-window-body .field-item li div {
  display: inline;
}
body .mce-window .mce-window-body .mce-has-open .mce-textbox {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .mce-window .mce-window-body .mce-has-open .mce-open {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #4298fb;
  border-top: 1px solid #cdd2d9;
  border-right: 1px solid #cdd2d9;
  border-bottom: 1px solid #cdd2d9;
}
body .mce-window .mce-window-body .mce-has-open .mce-open .mce-i-browse {
  color: #fff;
}
body .mce-window .mce-window-body i.mce-i-checkbox {
  background-color: #4298fb;
  border: 1px solid #4298fb;
  border-radius: 4px;
  cursor: pointer;
}
body .mce-window .mce-window-body .mce-checked i.mce-i-checkbox {
  color: #fff;
}
body .mce-window .mce-window-body .tinyword-honey-button {
  top: 15px!important;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  background-color: #4298fb;
  border: 1px solid #4298fb;
  color: #fff;
  min-width: 69px;
  text-align: center;
  border-radius: 4px;
  margin-right: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
body .mce-window .mce-window-body .mce-customer-select-container {
  padding: 20px;
  position: absolute;
  z-index: 1;
}
body .mce-window .mce-window-body .mce-customer-select-container ul {
  background: #ffffff;
  width: 250px;
  margin: 0;
  padding: 0;
}
body .mce-window .mce-window-body .mce-customer-select-container ul li {
  margin: 0;
  padding: 5px 13px;
  list-style: none;
  cursor: pointer;
}
body .mce-window .mce-foot {
  border-top: none;
  background: #eef2f6;
  height: 60px!important;
}
body .mce-window .mce-foot .force-module-color {
  background: var(--a9-module-color) !important;
}
body .mce-window .mce-foot .force-module-color button {
  color: #FFFFFF !important;
}
body .mce-window .mce-foot .mce-btn {
  outline: none;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  height: 32px;
  box-sizing: border-box;
  padding: 0 15px;
  vertical-align: middle;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 15px!important;
  background: #fff;
  border: 1px solid #cdd1d8;
  color: #5c6470;
  text-align: center;
  margin-left: -13px;
}
body .mce-window .mce-foot .mce-btn button {
  padding-left: 0;
  padding-right: 0;
}
body .mce-window .mce-foot .mce-btn button .mce-txt {
  font: 600 14px/18px 'Open Sans', sans-serif;
  line-height: 20px;
}
body .mce-window .mce-foot .mce-btn.mce-primary {
  background-color: #fca562;
  border: 1px solid #fca562;
  color: #fff;
}
body .mce-window .mce-foot .mce-btn.mce-primary.mce-disabled {
  background-color: #fdc9a1;
  border: 1px solid #fdc9a1;
}
body .mce-window .mce-foot .mce-btn.mce-primary.mce-disabled button {
  opacity: 1;
}
body .mce-window .mce-foot .mce-btn:last-child {
  margin-left: -8px;
}
.should-printed {
  display: none;
}
@media print {
  body {
    position: static;
  }
  body > *:not(.should-printed) {
    display: none!important;
    visibility: hidden;
  }
  .should-printed {
    display: block!important;
    visibility: visible!important;
    margin: 0!important;
  }
  .should-printed canvas {
    display: none!important;
  }
  .should-page-break {
    display: block!important;
    visibility: visible!important;
    page-break-after: always;
  }
}
.form-group {
  margin-bottom: 10px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  /*
  float: left;
*/
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.dropdown-menu.bottom-up {
  top: auto;
  bottom: 38px;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
  width: 135px;
  min-width: 135px;
}
.dropdown-menu.bottom-up li {
  padding: 2px 1px;
  border-bottom: solid #bfbfbf 1px;
  background-color: #ebebeb;
  color: #404040;
}
.dropdown-menu.bottom-up li:last-child {
  border: none;
}
.dropdown-menu.bottom-up li.active {
  background-color: #ffffff;
  color: #000000;
}
.dropdown-menu.bottom-up li:hover {
  background-color: #bfbfbf;
}
.modal {
  display: flex!important;
  flex-direction: column;
  justify-content: center;
}
[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  display: block !important;
}
.popover {
  position: absolute;
  z-index: 100000;
  display: none;
  transition: none !important;
  /**
   * HACK START
   *
   * Prevent popover "jumping"
   *
   * angular-ui-bootstrap/src/tooltip/tooltip.js #adjustmentTimeout
   * angular-ui-bootstrap/src/position/position.js #adjustTop
   *  recalculates height and move it if height was changed.
   *  But height changes on move if application zoomed.
   *
   * Because jQuery calculates 'offsetHeight' wrong if there was attr "zoom"
   *  in body tag set and border or padding were set in the target element
   *
   * So, if we will remove border and padding and set certain
   *  height of element, the jumping will stops.
   *
   * Lets emulate border with :before
   *
   * UDP: this hack makes situation better, but in some cases popover still jumps
  */
  padding: 0px;
  /*
  border: 0px solid #dee2ea;
  &:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: 1px;
    bottom: 1px;
    width: calc(~"100% + 2px");
    height: calc(~"100% + 2px");
    border-radius: 4px;
    border: 1px solid #dee2ea;
  }
  */
  /**
   * HACK END
  */
  font-family: "Open Sans", sans-serif, Arial, "Helvetica Neue", Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-break: auto;
  /**
   * Popover works wrong when .popover has margin and appears near the screen edge. It starts jumping.
   * So we have to change margin to padding. 
   * And make .popover-inner has the shadow and border setting instead the .popover
  */
  /**
   * Values from styleguide but in this case the top border desappears
  */
  color: #47505d;
}
.popover > .popover-inner {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.23);
}
.popover.task-popover.top > .arrow {
  margin-left: 0;
}
.popover.task-popover.bottom > .arrow {
  margin-left: 0;
}
.popover.calendar-popover.top {
  margin-top: -22px;
}
.popover.calendar-popover.top > .arrow {
  margin-left: 0;
  margin-right: 0;
}
.popover.calendar-popover.bottom > .arrow {
  margin-left: -8px;
  margin-right: 0;
}
.popover.calendar-popover.bottom-left {
  margin-left: -82px;
}
.popover.calendar-popover.bottom-left > .arrow {
  margin-left: 82px;
}
.popover.calendar-popover.bottom-right {
  margin-left: 10px;
}
.popover.calendar-popover.bottom-right > .arrow {
  margin-right: 8px;
}
.popover.details-popover.left {
  padding-right: 15px;
}
.popover.details-popover.left > .arrow {
  margin-right: 15px;
}
.popover.details-popover.right {
  padding-left: 15px;
}
.popover.details-popover.right > .arrow {
  margin-left: 15px;
}
.popover.details-popover.top > .popover-inner,
.popover.details-popover.bottom > .popover-inner {
  margin: 0;
}
.popover.left {
  padding-right: 5px;
}
.popover.left > .arrow {
  top: 50%;
  right: -6px;
  margin-right: 5px;
  margin-top: 3px;
  border-right-width: 0;
  border-left-color: white;
  border-left-width: 8px;
  filter: drop-shadow(2px 0px 1px #ececec);
}
.popover.right {
  padding-left: 5px;
}
.popover.right > .arrow {
  top: 50%;
  left: -6px;
  margin-left: 5px;
  margin-top: 3px;
  border-left-width: 0;
  border-right-color: white;
  border-right-width: 8px;
  filter: drop-shadow(-2px 0px 1px #ececec);
}
.popover.top {
  margin-bottom: 10px;
}
.popover.top > .arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: -5px;
  border-top-color: white;
  border-top-width: 8px;
  border-bottom-width: 0;
  filter: drop-shadow(0px 2px 1px #ececec);
  transform: translateX(-50%);
}
.popover.top > .popover-inner {
  margin-bottom: -5px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: -5px;
  border-top-width: 0;
  border-bottom-color: white;
  border-bottom-width: 8px;
  top: -6px;
  filter: drop-shadow(0px -2px 1px #ececec);
}
.popover.bottom > .popover-inner {
  margin-top: -5px;
}
.popover > .arrow {
  border-width: 7.5px;
}
.popover > .arrow,
.popover:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover-content {
  padding: 9px 14px;
}
.popover.ellipsis-popover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23), 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.popover.ellipsis-popover .popover-content {
  padding: 15px;
  font-size: 12px;
  color: #47505d;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.ctrl.suggest {
  position: relative;
}
.ctrl.suggest input {
  padding-right: 32px;
}
.ctrl.suggest i {
  color: #6b788d;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 9px;
  font-size: 16px;
  display: block;
  height: 16px;
  width: 16px;
}
/* components\src\controls\suggest\src\suggest.js */
.suggest-menu {
  position: absolute;
  z-index: 20;
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
  /*
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
*/
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  font-size: 14px;
  color: #47505D;
  background-clip: padding-box;
}
.suggest-menu > li.search {
  margin-top: 10px;
  cursor: pointer;
  border-top: 1px solid #CDD2D9;
  font-style: italic;
}
.suggest-menu > li > span a {
  color: #404040;
  height: 32px;
  display: block;
  padding: 0 10px;
  line-height: 32px;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.suggest-menu > li > span a:hover,
.suggest-menu > li > span a:focus {
  text-decoration: none;
  background: #dde1e6;
}
.suggest-menu > .active > span a,
.suggest-menu > .active > span a:hover,
.suggest-menu > .active > span a:focus {
  background: #dde1e6;
  text-decoration: none;
}
/*
.awl-animation-rotate {

  animation-direction: normal;
  animation-duration: 1.791s;
  animation-name: awl-rotate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running;
}

.awl-animation-rotate-rev {
  animation-direction: normal;
  animation-duration: 1.791s;
  animation-name: awl-rotate-rev;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running;
}

@keyframes awl-rotate {
  from {transform:rotate(0)}
  to {transform:rotate(360deg)}
}

@keyframes awl-rotate-rev {
  from {transform:rotate(360deg)}
  to {transform:rotate(0)}
}
 */
.flex-parent-v {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.flex-parent-v > .flex-expand {
  flex: 1 1 auto;
  max-height: 100%;
}
.flex-parent-v > .flex-expand-forfit {
  flex: 1 1 auto;
  max-height: 100%;
  position: relative;
  padding: 0;
  overflow: visible;
}
.flex-parent-v > .flex-expand-forfit > .flex-expand-fit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex-parent-v > .flex-noexpand {
  flex: 0 0 auto;
}
.flex-parent-v > .flex-bottom {
  align-self: flex-end;
}
.flex-parent-h {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.flex-parent-h > .flex-expand {
  flex: 1 1 auto;
  max-width: 100%;
}
.flex-parent-h > .flex-expand-forfit {
  flex: 1 1 auto;
  max-width: 100%;
  position: relative;
  padding: 0;
  overflow: visible;
}
.flex-parent-h > .flex-expand-forfit > .flex-expand-fit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex-parent-h > .flex-noexpand {
  flex: 0 0 auto;
}
.flex-parent-h > .flex-bottom {
  align-self: flex-end;
}
/* primary button */
.awl-button,
.ctrl.button {
  outline: none;
  font-family: inherit;
  text-align: left;
  text-decoration: none;
  background: #4298FB;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  padding: 0 15px;
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.awl-button[disabled],
.ctrl.button[disabled],
.awl-button.disabled,
.ctrl.button.disabled {
  background-color: #8ec1fd;
  cursor: default;
}
.awl-button.secondary,
.ctrl.button.secondary,
.awl-button.cancel,
.ctrl.button.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
  line-height: 30px;
}
.awl-button.secondary.small,
.ctrl.button.secondary.small,
.awl-button.cancel.small,
.ctrl.button.cancel.small {
  line-height: 24px;
}
.awl-button.secondary:hover,
.ctrl.button.secondary:hover,
.awl-button.cancel:hover,
.ctrl.button.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.awl-button.secondary:active,
.ctrl.button.secondary:active,
.awl-button.cancel:active,
.ctrl.button.cancel:active,
.awl-button.secondary:focus,
.ctrl.button.secondary:focus,
.awl-button.cancel:focus,
.ctrl.button.cancel:focus {
  border-color: #4298FB;
  color: #4298FB;
}
.awl-button.secondary[disabled],
.ctrl.button.secondary[disabled],
.awl-button.cancel[disabled],
.ctrl.button.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.awl-button.utilitiesButton,
.ctrl.button.utilitiesButton {
  float: left !important;
  background: #fff !important;
  border: 1px solid #CDD2D9;
  color: #47505D !important;
  font-weight: 600;
  line-height: 30px;
}
.awl-button.utilitiesButton.small,
.ctrl.button.utilitiesButton.small {
  line-height: 24px;
}
.awl-button.utilitiesButton:hover,
.ctrl.button.utilitiesButton:hover {
  background: #EEF2F6 !important;
  color: #47505D !important;
}
.awl-button.utilitiesButton:active,
.ctrl.button.utilitiesButton:active,
.awl-button.utilitiesButton:focus,
.ctrl.button.utilitiesButton:focus {
  border-color: #4298FB;
  color: #4298FB;
}
.awl-button.utilitiesButton[disabled],
.ctrl.button.utilitiesButton[disabled] {
  background: #EEF2F6 !important;
  color: #9CA5B3 !important;
  border-color: #CDD2D9 !important;
}
.awl-button.system,
.ctrl.button.system {
  /* important to override awl-button module colours */
  background: #969FB8;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  border-radius: 26px;
}
.awl-button.system[disabled],
.ctrl.button.system[disabled] {
  background: #B9BED0 !important;
}
.awl-button.system-contour,
.ctrl.button.system-contour {
  font-size: 12px;
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #333d4c;
  font-weight: 600;
  border-radius: 100px;
  height: 26px;
  line-height: 24px;
}
.awl-button.system-contour:hover,
.ctrl.button.system-contour:hover {
  background: #EEF2F6;
  color: #47505D;
}
.awl-button.system-contour:active,
.ctrl.button.system-contour:active,
.awl-button.system-contour:focus,
.ctrl.button.system-contour:focus {
  border-color: #4298FB;
  color: #4298FB;
}
.awl-button.system-contour[disabled],
.ctrl.button.system-contour[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.awl-button.system-contour.small,
.ctrl.button.system-contour.small {
  line-height: 24px;
}
.awl-button.small,
.ctrl.button.small {
  font-size: 12px;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
}
.awl-button.very-small,
.ctrl.button.very-small {
  font-size: 12px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}
.awl-button.awl-icon-small,
.ctrl.button.awl-icon-small {
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 0;
  position: relative;
}
.awl-button.awl-icon-small::before,
.ctrl.button.awl-icon-small::before {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 26px;
  height: 26px;
  font-size: 16px;
  line-height: 26px;
}
.awl-button.awl-icon-small[disabled],
.ctrl.button.awl-icon-small[disabled] {
  background: #CDD2D9;
}
.awl-button.awl-icon-big,
.ctrl.button.awl-icon-big {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  position: relative;
}
.awl-button.awl-icon-big::before,
.ctrl.button.awl-icon-big::before {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.awl-button.awl-icon-big.awl-icon-big-font::before,
.ctrl.button.awl-icon-big.awl-icon-big-font::before {
  font-size: 22px;
}
.awl-button.awl-icon-big[disabled],
.ctrl.button.awl-icon-big[disabled] {
  background: #CDD2D9;
}
.awl-button.block.block,
.ctrl.button.block.block {
  display: block;
  width: 100%;
  text-align: center;
}
.awl-button.awl-button-big {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 15px;
  font-size: 14px;
  border-radius: 4px;
}
.awl-button.awl-button-mid {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  border-radius: 4px;
}
.awl-button.awl-button-mid.secondary {
  line-height: 30px;
}
.awl-button.awl-button-mid.system-contour {
  line-height: 30px;
}
.awl-button.awl-button-link {
  background: rgba(0, 0, 0, 0);
  color: #808080;
}
.mCustomScrollbar.scrollbar-over {
  padding: 0;
}
.mCustomScrollbar.scrollbar-over > .mCustomScrollBox.mCS-a9 {
  padding: 0;
}
.mCustomScrollbar.scrollbar-over > .mCustomScrollBox.mCS-a9 > .mCSB_container_wrapper {
  padding: 0 0 0 0;
  margin: 0;
}
.mCustomScrollbar.scrollbar-over > .mCustomScrollBox.mCS-a9 > .mCSB_container_wrapper > .mCSB_container {
  padding: 0 0 0 0;
  margin: 0;
}
.mCustomScrollbar.scrollbar-over > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  padding: 0 0 0 0;
  margin: 0;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 {
  width: 100%;
  border-radius: 1px;
  /* 20170627 Tmax IE11 fix for position:fixed elements inside scrollbar */
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 6px;
  opacity: 1;
  right: 11px;
  top: 13px;
  bottom: 13px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonUp,
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonDown {
  display: none !important;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer {
  width: 6px;
  margin: 0;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_dragger {
  width: 6px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_dragger > .mCSB_dragger_bar {
  width: 6px;
  border-radius: 6px;
  background: #d8d8d8;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_draggerRail {
  width: 6px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8d8d8;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 13px;
  left: 13px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal > .mCSB_buttonLeft,
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal > .mCSB_buttonRight {
  display: none !important;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal > .mCSB_draggerContainer > .mCSB_dragger {
  height: 4px;
  margin-top: 2px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal > .mCSB_draggerContainer > .mCSB_dragger > .mCSB_dragger_bar {
  height: 4px;
  border-radius: 6px;
  background: #d8d8d8;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_horizontal > .mCSB_draggerContainer > .mCSB_draggerRail {
  height: 6px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8d8d8;
}
.mCustomScrollbar.scrollbar-content-minheight-100 > .mCustomScrollBox > .mCSB_container {
  min-height: 100%;
}
.mCustomScrollbar.scrollbar-inside {
  padding: 0;
}
.mCustomScrollbar.scrollbar-inside > .mCustomScrollBox.mCS-a9 {
  padding: 0;
}
.mCustomScrollbar.scrollbar-inside > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  padding: 0 0 0 20px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  margin-right: 20px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  right: 11px;
  top: 13px;
  bottom: 13px;
}
.mCustomScrollbar.scrollbar-inside-compact {
  padding: 0;
}
.mCustomScrollbar.scrollbar-inside-compact > .mCustomScrollBox.mCS-a9 {
  padding: 0;
}
.mCustomScrollbar.scrollbar-inside-compact > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  padding: 0 0 0 0;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  margin-right: 20px;
}
.mCustomScrollbar > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  right: 6px;
  top: 12px;
  bottom: 12px;
}
.mCustomScrollbar.scrollbar-grid {
  padding: 0;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 {
  padding: 0;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  padding: 0;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  margin-right: 20px;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 20px;
  opacity: 1;
  background: #ebebeb;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonUp,
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonDown {
  display: block !important;
  background: #82d0f7;
  font-family: "a9-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  opacity: 1;
  width: 20px;
  height: 18px;
  text-decoration: none;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonUp::before,
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonDown::before {
  display: block;
  width: 20px;
  height: 18px;
  text-align: center;
  color: #fff;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonUp::before {
  content: "\e827";
  line-height: 20px;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_buttonDown::before {
  content: "\e824";
  line-height: 18px;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer {
  width: 20px;
  margin: 18px 0;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_dragger {
  width: 20px;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_dragger > .mCSB_dragger_bar {
  width: 20px;
  border-radius: 0;
  background: #808080;
}
.mCustomScrollbar.scrollbar-grid > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical > .mCSB_draggerContainer > .mCSB_draggerRail {
  width: 20px;
  border-radius: 0;
  background: none;
}
.scrollbar-inside.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {
  z-index: 3;
}
.scrollbar-inside.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {
  z-index: 9;
}
.scrollbar-inside.mCustomScrollbar > .mCustomScrollBox .mCSB_dragger_bar {
  width: 5px;
}
.scrollbar-inside.scrollbar-no-gradients.mCustomScrollbar > .mCustomScrollBox::before {
  display: none;
}
.scrollbar-inside.scrollbar-no-gradients.mCustomScrollbar > .mCustomScrollBox::after {
  display: none;
}
.scrollbar-autowidth.mCustomScrollbar > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar_y {
  margin-right: 0;
}
.scrollbar-over {
  padding: 0;
}
.ps.ps-scrollbar-inside .ps__rail-y {
  margin: 10px 5px 10px 0;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  width: 6px;
}
.ps.ps-scrollbar-inside .ps__rail-y .ps__thumb-y {
  width: 6px;
  left: -1px;
}
/* viAtomActionsButton */
.actions-button {
  display: block;
  position: relative;
  height: 25px;
  padding: 0 10px;
  line-height: 25px;
  border-radius: 13px;
  background-color: #ffffff;
  border: solid 1px #cdd2d9;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #47505d;
}
.actions-button:disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.actions-button .action-icons {
  margin-left: 5px;
}
.actions-button.expanded .action-icons .i-collapsearrow {
  display: none;
}
.actions-button.collapsed .action-icons .i-collapsearrow2 {
  display: none;
}
.tooltip-parent {
  overflow: hidden !important;
  position: initial !important;
}
.tooltip-parent .tooltiped {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: pre;
}
.details-form__value .success-icon {
  width: 18px;
  padding-top: 7px;
  position: absolute;
  margin-left: -28px;
}
.details-form__value .success-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.success-icon {
  line-height: 24px;
  height: 32px;
  width: 14px;
  vertical-align: top;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 0;
  position: absolute;
  font-family: 'a9-font';
  color: #87d631;
  display: inline-block;
}
.success-icon:before {
  position: absolute;
  background-color: white;
  display: block;
  line-height: 14px;
  text-align: center;
  font-size: 18px;
}
*:focus {
  outline: none;
}
body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font: 400 14px/18px 'Open Sans', sans-serif;
  background-color: #ffffff;
  color: #47505D;
  overflow: hidden;
}
body.in-container {
  border: solid #808080 1px;
}
table {
  width: 100%;
}
h1 {
  font: 300 21px/28px 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}
h2 {
  font: 600 13px/18px 'Open Sans', sans-serif;
  margin: 0;
}
h3 {
  font: 600 21px/28px 'Open Sans', sans-serif;
  color: #808080;
}
h4 {
  font: 600 15px/21px 'Open Sans', sans-serif;
  color: #808080;
}
input[type="text"],
input[type="password"] {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: normal;
  /* fixes chrome placeholder vertical alignment */
  font-weight: 400;
  background: #fff;
  color: #47505D;
  border: 1px solid #CDD2D9;
  padding: 3px 3px 3px 10px;
  box-sizing: border-box;
}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
  color: #7B8799;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder {
  color: #7B8799;
}
input[type="text"][disabled],
input[type="password"][disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border: 1px solid #CDD2D9;
}
textarea {
  background: #fff;
  color: #47505D;
  border: 1px solid #CDD2D9;
  border-radius: 4px;
  padding: 4px 5px 4px 10px;
  line-height: 24px;
}
textarea[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border: 1px solid #CDD2D9;
}
label {
  font-weight: 400;
}
strong {
  font-weight: 600;
}
[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}
.no-wrap {
  white-space: nowrap;
}
.page {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.page-full {
  position: fixed;
  top: 0;
  right: 15px;
  bottom: 54px;
  left: 15px;
  background-color: #ebebeb;
  width: auto;
  height: auto;
}
.content {
  position: relative;
  background-color: #fff;
  height: 100%;
}
.content-header .content-header-navigation {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e7e9eb;
  background: #fff;
  padding: 0 10px 0 20px;
  position: relative;
}
.content-header .content-header-navigation .nav-controls {
  float: left;
}
.content-header .content-header-navigation h1 {
  float: left;
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 50px;
}
.content-header .content-header-navigation .window-controls {
  float: right;
}
.content-header .content-header-navigation .module-color-accent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
}
.content-header .controls-wrap {
  padding: 20px 20px 20px 20px;
}
.content-header .controls {
  /*
        margin: 30px 20px 15px 20px;
    */
}
.content-header .controls > tbody > tr > td {
  vertical-align: top;
  padding: 0;
}
.content-header .caption {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 16px;
}
.content-header .caption i {
  cursor: pointer;
}
.controls-cont {
  display: flex;
  flex-wrap: nowrap;
}
.controls-cont > div {
  flex: 0 1 245px;
}
.controls-cont > div:not(:first-child) {
  margin-left: 10px;
}
.controls-cont > div.flex-basis-auto {
  flex-basis: auto;
}
.controls-cont span.right-cont {
  flex-grow: 1;
  text-align: right;
  margin-left: 10px;
}
.controls-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input,
.page-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input,
.filter-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input,
.container-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input,
.task-templates-archive__filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input {
  font-weight: 600;
}
.controls-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::-moz-placeholder, .page-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::-moz-placeholder, .filter-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::-moz-placeholder, .container-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::-moz-placeholder, .task-templates-archive__filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::-moz-placeholder {
  font-weight: normal;
}
.controls-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::placeholder,
.page-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::placeholder,
.filter-cont .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::placeholder,
.container-filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::placeholder,
.task-templates-archive__filters .temp-nice-looking-search-text-input.temp-nice-looking-search-text-input > input::placeholder {
  font-weight: normal;
}
.controls-cont .normal-quick-search input,
.page-filters .normal-quick-search input,
.filter-cont .normal-quick-search input,
.container-filters .normal-quick-search input,
.task-templates-archive__filters .normal-quick-search input,
.controls-cont .extended-quick-search input,
.page-filters .extended-quick-search input,
.filter-cont .extended-quick-search input,
.container-filters .extended-quick-search input,
.task-templates-archive__filters .extended-quick-search input,
.controls-cont .vi-molecule-filter-search input,
.page-filters .vi-molecule-filter-search input,
.filter-cont .vi-molecule-filter-search input,
.container-filters .vi-molecule-filter-search input,
.task-templates-archive__filters .vi-molecule-filter-search input {
  font-weight: 600;
}
.controls-cont .normal-quick-search input::-moz-placeholder, .page-filters .normal-quick-search input::-moz-placeholder, .filter-cont .normal-quick-search input::-moz-placeholder, .container-filters .normal-quick-search input::-moz-placeholder, .task-templates-archive__filters .normal-quick-search input::-moz-placeholder, .controls-cont .extended-quick-search input::-moz-placeholder, .page-filters .extended-quick-search input::-moz-placeholder, .filter-cont .extended-quick-search input::-moz-placeholder, .container-filters .extended-quick-search input::-moz-placeholder, .task-templates-archive__filters .extended-quick-search input::-moz-placeholder, .controls-cont .vi-molecule-filter-search input::-moz-placeholder, .page-filters .vi-molecule-filter-search input::-moz-placeholder, .filter-cont .vi-molecule-filter-search input::-moz-placeholder, .container-filters .vi-molecule-filter-search input::-moz-placeholder, .task-templates-archive__filters .vi-molecule-filter-search input::-moz-placeholder {
  font-weight: normal;
}
.controls-cont .normal-quick-search input::placeholder,
.page-filters .normal-quick-search input::placeholder,
.filter-cont .normal-quick-search input::placeholder,
.container-filters .normal-quick-search input::placeholder,
.task-templates-archive__filters .normal-quick-search input::placeholder,
.controls-cont .extended-quick-search input::placeholder,
.page-filters .extended-quick-search input::placeholder,
.filter-cont .extended-quick-search input::placeholder,
.container-filters .extended-quick-search input::placeholder,
.task-templates-archive__filters .extended-quick-search input::placeholder,
.controls-cont .vi-molecule-filter-search input::placeholder,
.page-filters .vi-molecule-filter-search input::placeholder,
.filter-cont .vi-molecule-filter-search input::placeholder,
.container-filters .vi-molecule-filter-search input::placeholder,
.task-templates-archive__filters .vi-molecule-filter-search input::placeholder {
  font-weight: normal;
}
.controls-cont .task-select-priority .select-priority-item .priority-item-name,
.page-filters .task-select-priority .select-priority-item .priority-item-name,
.filter-cont .task-select-priority .select-priority-item .priority-item-name,
.container-filters .task-select-priority .select-priority-item .priority-item-name,
.task-templates-archive__filters .task-select-priority .select-priority-item .priority-item-name,
.controls-cont .listingFilterSpecialDetails .details-text,
.page-filters .listingFilterSpecialDetails .details-text,
.filter-cont .listingFilterSpecialDetails .details-text,
.container-filters .listingFilterSpecialDetails .details-text,
.task-templates-archive__filters .listingFilterSpecialDetails .details-text {
  font-weight: 600;
}
.content-body {
  padding: 15px;
  position: relative;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
}
.content-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0 15px 15px 15px;
}
.grid-handicap {
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  display: block;
}
.grid-menu {
  position: absolute;
  padding: 0;
  z-index: 10;
  top: 42px;
  left: 0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  line-height: 32px;
  font-size: 14px;
}
.grid-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.grid-menu ul > li {
  padding: 0;
  margin: 0;
}
.grid-menu ul > li a {
  color: #47505d;
  display: block;
  height: 31px;
  line-height: 31px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 25px 0 25px;
  text-decoration: none;
}
.grid-menu ul > li a:hover {
  background-color: #eef2f6;
}
.grid-menu ul > li > span {
  padding: 10px 25px 0 15px;
  display: block;
  font-weight: 600;
  color: #333d4c;
}
.link {
  color: #404040;
  cursor: pointer;
}
.link:hover {
  color: #000000;
}
.awl-main-alert-popup {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  padding: 10px;
  background: #e40039;
  color: #fff;
}
.awl-main-alert-popup .awl-action-close {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  float: right;
  background: #fff;
  color: #e40039;
  opacity: 1;
  margin: 0 0 0 5px;
}
.icon-set > i,
.window-controls > i {
  font-size: 16px;
  color: #707d91;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.icon-set > i:hover,
.window-controls > i:hover {
  background: #e2e9ef;
  color: #333d4c;
  border-radius: 50%;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.base-popup-layout {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  font-size: 14px;
  color: #47505D;
}
.a9-position-stretch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.center-block {
  margin: 0 auto;
}
.component-with-order-controls {
  position: relative;
  padding-right: 36px;
}
.component-with-order-controls .order-controls {
  position: absolute;
  top: 50%;
  right: 0;
  width: 26px;
  margin-top: -30px;
}
.component-with-order-controls .order-controls button {
  width: 26px;
  height: 26px;
  border-radius: 2px;
  display: block;
  color: #ffffff;
  margin-top: 10px;
  line-height: 26px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.component-with-order-controls .order-controls button:first-child {
  margin-top: 0;
}
@media  {
  .awl-i-height-normal:before {
    line-height: normal!important;
  }
}
[class^="i-"]:before,
[class*=" i-"]:before {
  margin-right: 0;
  margin-left: 0;
}
.ctrl.emulated-select {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border: solid #dde1e6 1px;
  background-color: #fff;
  border-radius: 7px;
}
.ctrl.emulated-select i {
  color: #67758a;
  float: right;
  font-size: 16px;
  line-height: 16px;
}
.ctrl.emulated-select.state-active {
  border-color: #000;
  color: #000;
}
.ctrl.emulated-select.disabled {
  cursor: default;
  background: #ebebeb;
  color: #bfbfbf;
}
.ctrl.emulated-select.disabled .btn:hover {
  cursor: default;
  color: #bfbfbf;
}
.ctrl input[type="text"]:disabled {
  background: #ebebeb;
  color: #bfbfbf;
}
.ctrl input[type="text"]:disabled + .i-loupe {
  cursor: default;
  color: #bfbfbf;
}
body {
  transform-origin: 0 0 0;
}
#root {
  height: 100%;
}
.main-template-app {
  height: 100%;
}
.a-main-content {
  background: #f6f8fa;
  height: 100%;
}
.a-user-drop-drop-drop-box {
  display: block;
  /*position:absolute;top:25px;right:0;*/
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  min-width: 145px;
  text-align: left;
  margin-top: 13px;
}
.a-user-drop-drop-drop-box .box-item {
  height: 32px;
  line-height: 32px;
  color: #5a6980;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 4px;
}
.a-user-drop-drop-drop-box .box-item:hover {
  background: #eef2f6;
}
.a-main-header {
  height: 71px;
  border-bottom: 1px solid #dcdee0;
  position: relative;
  background: #fff;
}
.a-main-header .a-user {
  color: #333d4c;
  display: inline-block;
  float: left;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 55px;
  position: relative;
  /*
#21766
    .a-user-hat {
      background: url('@{images-path}/a-hat.png') center;
      position: absolute;
      top: -24px;
      left: 0;
      width: 52px;
      height: 52px;
      background-size: contain;
    }
*/
}
.a-main-header .a-user .a-user-logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  width: 44px;
  border-radius: 100%;
  overflow: hidden;
}
.a-main-header .a-user .a-user-logo .user-image-preview {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  border: none;
}
.a-main-header .a-user .a-user-logo .user-image-preview .image-icon,
.a-main-header .a-user .a-user-logo .user-image-preview .image-picture {
  transform: scale(0.38596491);
  transform-origin: 0 0 0;
}
.a-main-header .a-user .a-user-name {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.a-main-header .a-user .a-user-nik {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.a-main-header .a-user .a-user-drop {
  position: relative;
}
.a-main-header .a-user .a-user-drop .drop-box {
  display: none;
}
.a-main-header .a-user .a-user-drop .drop-arrow {
  color: #8b95b1;
}
.a-main-header .a-user .a-user-drop.state-expanded .drop-arrow {
  transform: rotate(180deg);
  display: inline-block;
}
.a-main-header .a-header-right {
  height: 70px;
  line-height: 70px;
  white-space: nowrap;
  float: right;
}
.a-main-header .a-header-right.flex-parent-h {
  width: auto;
}
.a-main-header .a-time {
  margin-top: 23px;
  height: 26px;
  line-height: 26px;
}
.a-main-header .a-container-controls {
  margin: 20px 20px 0 0;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.a-main-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 60px;
  transition: right 0.3s linear;
  box-shadow: inset -5px 0 6px -3px #e1e3e5;
  height: 44px;
  z-index: 1000;
  background: #f6f8fa;
}
.a-main-footer.with-message-box {
  right: 405px;
}
.a-main-footer.without-message-box {
  right: 60px;
}
.a-main-footer .start {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 55px;
  height: 40px;
  text-align: center;
  border: 1px solid #c8c9d7;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  z-index: 10;
  background-color: #fff;
  font-size: 18px;
  color: #8490a0;
  padding-top: 10px;
}
.message-box {
  padding: 0;
  position: absolute;
  top: 70px;
  bottom: 0;
  right: 60px;
  background-color: #ffffff;
  width: 345px;
  border-top: 1px solid #5a6880;
}
.message-box .messages .messages-head {
  background: #5a6880;
  padding: 35px 20px 15px 15px;
}
.message-box .messages .messages-head h4 {
  color: #fff;
}
.message-box .messages .messages-body {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.message-box .email-item {
  position: relative;
  padding: 15px 15px 15px 20px;
  color: #5c5c5c;
  font-size: 14px;
  border-bottom: 1px solid #d7deda;
  line-height: 1.5;
}
.message-box .email-item:hover {
  background: #f7fbf2;
  cursor: pointer;
}
.message-box .email-item .awl-round-accent {
  position: absolute;
  top: 21px;
  left: 2px;
  background: #71ba1b;
}
.message-box .email-item .email-from {
  font-weight: 600;
}
.message-box .email-item .email-anchor {
  float: right;
  color: #5a6980;
  width: 16px;
  height: 16px;
}
.message-box .email-item .email-date {
  text-align: right;
  color: rgba(92, 92, 92, 0.7);
  font-size: 12px;
  font-weight: 600;
  padding-top: 5px;
}
.message-box .news-item {
  padding: 0 0 0 15px;
  line-height: 1.5;
  color: #5c5c5c;
  font-size: 14px;
}
.message-box .news-item .news-item-head {
  position: relative;
  border-bottom: 1px solid #dde1e6;
  padding: 15px 15px 15px 25px;
}
.message-box .news-item .news-item-head .awl-round-accent {
  position: absolute;
  background: #71ba1b;
  top: 22px;
  left: -10px;
}
.message-box .news-item .news-item-head .item-title {
  font-weight: 600;
}
.message-box .news-item .news-item-head .item-icon {
  position: absolute;
  top: 15px;
  left: 5px;
  color: #8a93b0;
  transform: rotate(-90deg);
  display: inline-block;
}
.message-box .news-item .news-item-head .item-date {
  color: rgba(92, 92, 92, 0.7);
  font-size: 12px;
  font-weight: 600;
  padding: 15px 0 0 0;
}
.message-box .news-item .news-item-head .item-actions {
  color: #5a6980;
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 16px;
}
.message-box .news-item .news-body {
  padding: 15px 15px 0 25px;
  line-height: 2;
}
.message-box .news-item.state-expanded .news-item-head {
  background: #f7fbf2;
}
.message-box .news-item.state-expanded .news-item-head .item-icon {
  transform: rotate(0deg);
  display: inline-block;
}
.message-box h4 {
  margin: 0;
}
.message-box .search {
  margin-bottom: 10px;
}
.awl-round-accent.active {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ec6602;
  margin-top: 0;
  border-radius: 50%;
}
.awl-round-accent.awl-style-critical.active {
  background: #ff000e;
  background: #f00;
}
.awl-round-accent.awl-style-read.active {
  background: #71ba1b;
}
.message-box.message-box-visible {
  display: block;
}
.message-box.message-box-hidden {
  display: none;
}
.tool-area {
  position: absolute;
  top: 70px;
  bottom: 0;
  right: 0;
  width: 60px;
  background: #303b4a;
}
.tool-area .tools {
  display: block;
  margin: 0;
  padding: 10px 0 0 0;
  line-height: 0;
}
.tool-area .tools li {
  display: block;
  position: relative;
  padding: 0 0 0 0;
  margin: 10px auto 10px auto;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #9ca5b3;
}
.tool-area .tools li .tool-icon {
  font-size: 20px;
}
.tool-area .tools li .amount,
.tool-area .tools li .error {
  color: #fff;
  height: 15px;
  width: 15px;
  border-radius: 8px;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  left: 24px;
  top: 5px;
  transition: all 0.1s linear;
}
.tool-area .tools li .amount {
  background: #71ba1b;
}
.tool-area .tools li .error {
  background: #ff4141;
}
.tool-area .tools li:hover,
.tool-area .tools li.active {
  background: #5a6880;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
.tool-area .tools li:hover .amount,
.tool-area .tools li.active .amount {
  left: 30px;
  top: 0;
}
.tool-area .tools li:hover.admin-button [class^='i-']:before,
.tool-area .tools li.active.admin-button [class^='i-']:before {
  color: #5a6880;
  background-color: #ffffff;
  border-color: #ffffff;
}
.tool-area .tools li.admin-button .tool-icon {
  font-size: inherit;
}
.tool-area .tools li.admin-button [class^='i-']:before {
  border: 2px solid #9ca5b3;
  background-color: #9ca5b3;
  color: #303b4a;
  border-radius: 10px;
  width: 18px;
  height: 18px;
  font-size: 14px;
}
.tool-area .tools.tools-bottom {
  position: absolute;
  bottom: 76px;
  right: 0;
  left: 0;
  padding-bottom: 10px;
}
.tool-area .tool-bottom-logo {
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #28313e url('images/BRS-Premier-Stacked.svg') no-repeat 50% 50%;
}
.menu .menu-item {
  opacity: 0;
}
.view-port-wrap {
  margin-right: 405px;
  margin-left: 0;
  position: relative;
  transition: margin-right 0.3s linear;
}
.view-port-wrap.with-message-box {
  margin-right: 405px;
}
.view-port-wrap.without-message-box {
  margin-right: 60px;
}
.view-port-wrap.white-full-page {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
  top: 0;
  background: #fff;
}
.view-port {
  position: relative;
  z-index: 10;
  opacity: 1;
  box-shadow: inset -5px 0 6px -3px #e1e3e5;
}
#canvas,
#video {
  background: #f2f2f2;
}
video.revert {
  transform: scaleX(-1);
}
.big-button {
  width: 150px;
  text-align: left;
  height: 28px;
  line-height: 28px;
  display: block;
  margin-bottom: 5px;
  padding: 0 5px;
  background: #82d0f5;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #404040;
}
.big-button i {
  float: right;
}
.main-log-list {
  padding: 0 15px 15px 15px;
}
.main-log-list .main-log-status {
  padding: 30px 15px 30px 0;
  text-transform: uppercase;
}
.main-log-list .main-log-status .status-title {
  float: left;
  color: rgba(90, 105, 128, 0.6);
}
.main-log-list .main-log-status .status-value {
  float: right;
  font-weight: 600;
  color: rgba(51, 61, 76, 0.8);
}
.main-log-list .awl-layout-listing > thead > tr > td {
  min-height: 35px;
  line-height: 35px;
  border: none;
  background: #eef2f6;
  color: #5f6874;
}
.main-log-list .awl-layout-listing > thead > tr > td:first-child {
  border-radius: 7px 0 0 7px;
}
.main-log-list .awl-layout-listing > thead > tr > td:last-child {
  border-radius: 0 7px 7px 0;
}
.main-log-list .awl-layout-listing > tbody > tr.awl-row-even,
.main-log-list .awl-layout-listing > tbody > tr.awl-row-odd {
  background: #ffffff;
}
.main-log-list .awl-layout-listing > tbody > tr:first-child > td {
  border-top: none;
}
.main-log-list .awl-layout-listing > tbody > tr > td {
  min-height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: #dde1e6 solid 1px;
}
.main-log-list .awl-layout-listing > tbody > tr > td.awl-row-indicator {
  padding: 0 0 0 0;
  text-align: center;
  vertical-align: top;
}
.main-log-list .awl-property-block-list > tbody > tr > td:first-child {
  width: 50%;
}
.awl-input-with-loupe-icon {
  position: relative;
}
.window-control-buttons {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 15px;
}
.window-control-buttons > i {
  display: inline-block;
  width: 20px;
  text-align: center;
  background-color: #808080;
  padding: 1px;
}
.todo-exit-dialog.dialog .dialog-header {
  background: #ebebeb;
  border-bottom: 1px solid #d9d9d9;
  height: 50px;
  padding: 0 15px;
}
.todo-exit-dialog.dialog .dialog-header h1 {
  line-height: 50px;
}
.todo-exit-dialog.dialog .dialog-header i {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  cursor: pointer;
}
.todo-exit-dialog.dialog .dialog-content {
  font-size: 13px;
  line-height: 18px;
  padding: 15px;
}
.todo-exit-dialog.dialog .dialog-content p {
  padding: 0;
}
.todo-exit-dialog.dialog .dialog-footer {
  padding: 15px;
  text-align: right;
  background: #ebebeb;
  border-top: 1px solid #d9d9d9;
}
.awl-tooltip {
  background: #ffffff;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 0 #dee2ea;
  border: 1px solid #dee2ea;
  color: #47505d;
  font-size: 11px;
  z-index: 2;
}
.awl-tooltip div:not(:last-of-type) {
  margin-bottom: 15px;
}
.awl-tooltip:after {
  content: '\25BC';
  position: absolute;
  bottom: -2px;
  right: calc(30px - 4px);
  width: 8px;
  height: 8px;
  color: #ffffff;
  text-shadow: 0 1px 2px #808080;
}
.service-status {
  float: right;
  margin-left: 10px;
}
.service-status.green {
  position: relative;
  text-transform: lowercase;
}
.service-status.green:before {
  content: '\25CF';
  margin-right: 5px;
  color: #1AAF4B;
}
.service-status.green-color {
  color: #1AAF4B;
}
.service-status.yellow {
  position: relative;
  text-transform: lowercase;
}
.service-status.yellow:before {
  content: '\25CF';
  margin-right: 5px;
  color: #f9b000;
}
.service-status.yellow-color {
  color: #f9b000;
}
.service-status.red {
  position: relative;
  text-transform: lowercase;
}
.service-status.red:before {
  content: '\25CF';
  margin-right: 5px;
  color: red;
}
.service-status.red-color {
  color: red;
}
.awl-tooltip-element-wrap {
  position: absolute;
  left: -1000px;
}
.awl-tooltip-element-wrap::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #ffffff;
  border-right: solid 1px #dde1e6;
  border-bottom: solid 1px #dde1e6;
  z-index: 10;
}
.awl-tooltip-element-content {
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  overflow: hidden;
  padding: 10px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  font-size: 14px;
  color: #47505D;
  word-wrap: break-word;
  width: auto;
  max-width: 278px;
  box-sizing: content-box;
  min-width: 100%;
}
.a-main-content .view-port-wrap.before-transclude {
  margin: 0;
  position: absolute;
  background: #f6f8fa;
  z-index: 200000;
}
.a-main-content.full-size-page .view-port-wrap {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f6f8fa;
  z-index: 200000;
  transform: translate3d(0, 0, 20000px);
}
.a-main-content.full-size-page .view-port-wrap .view-port {
  height: 100% !important;
}
.a-main-content.full-size-page__transcluded .a-main-header {
  display: none;
}
.a-main-content.full-size-page__transcluded .a-main-footer {
  display: none;
}
.a-main-content.full-size-page__transcluded .tool-area {
  display: none;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: bold;
}
.no-margins {
  margin: 0 !important;
}
.male-color {
  color: #609BFF;
}
.female-color {
  color: #ED95FF;
}
.listing .content-header {
  border-bottom: solid #d9d9d9 1px;
}
.listing .content-header > .title {
  font-size: 21px;
}
.listing .content-header .controls {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.listing .content-header .controls > tbody > tr > td {
  padding-right: 10px;
  padding-left: 0;
}
.listing .content-header .controls > tbody > tr > td:last-child {
  padding-right: 0;
}
.listing .content-header .controls > div {
  vertical-align: middle;
  display: table-cell;
  float: none;
}
.listing .total {
  position: absolute;
  bottom: 25px;
  right: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #5a6980;
}
.listing-grid {
  height: 100%;
  max-height: 100%;
}
.listing-filters {
  margin: 0 20px 20px 20px;
}
.listing-filters > div {
  display: inline-block !important;
  width: 33%;
  max-width: 270px;
  margin-right: 10px !important;
}
.listing-total {
  float: right;
  font-size: 14px;
  font-weight: 600;
  color: #5a6980;
}
.page-login.page {
  position: fixed;
  top: 0;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #f6f8fa;
  box-shadow: none;
  width: auto;
  height: auto;
  z-index: 1000;
}
.page-login.page > .container {
  width: 300px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-login.page > .container h1 {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding: 0 0 30px 0;
  margin: 0;
}
.page-login.page > .container .control-line {
  position: relative;
  min-height: 32px;
  margin: 16px 0;
}
.page-login.page > .container .control-line label {
  position: absolute;
  top: 11px;
  left: -160px;
  white-space: nowrap;
  padding: 0 25px 0 0;
  color: #47505d;
  width: 160px;
  text-align: right;
}
.page-login.page > .container .control-line input:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%);
}
.page-login.page > .container .line-line {
  min-height: 20px;
  margin: 18px 0 0;
}
.page-login.page > .container .line-line label {
  color: #47505d;
}
.page-login.page > .container .line-line a {
  color: #9ca5b3;
}
/* listing table */
.base-popup-layout {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  font-size: 14px;
  color: #47505D;
}
table.awl-layout-listing {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative;
  font-size: 14px;
}
table.awl-layout-listing > thead > tr > td {
  background: #EEF2F6;
  height: 30px;
  color: #47505D;
  padding: 0 0 0 10px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  border: 1px solid #CDD2D9;
  font-size: 12px;
}
table.awl-layout-listing > thead > tr > td:first-child {
  border-left: none;
}
table.awl-layout-listing > thead > tr > td:last-child {
  border-right: none;
}
table.awl-layout-listing > thead > tr > td.awl-row-indicator {
  width: 32px;
}
table.awl-layout-listing > tbody > tr.awl-row-odd {
  background: #F6F8FA;
}
table.awl-layout-listing > tbody > tr.awl-row-even {
  background: #fff;
}
table.awl-layout-listing > tbody > tr.awl-row-selected > td {
  background-color: #ECF5FF;
}
table.awl-layout-listing > tbody > tr.awl-row-inactive > td {
  color: #bfbfbf;
}
table.awl-layout-listing > tbody > tr:hover > td {
  background-color: #ECF5FF;
}
table.awl-layout-listing > tbody > tr > td {
  font-size: 14px;
  height: 31px;
  padding: 0 0 0px 10px;
  line-height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #dde1e6;
  color: #47505D;
}
table.awl-layout-listing > tbody > tr > td.details-button-col {
  text-overflow: clip;
  text-align: right;
  padding: 0 20px;
}
table.awl-layout-listing > tbody > tr > td.awl-row-indicator {
  padding-left: 9px;
}
table.awl-layout-listing > tbody > tr > td.awl-expanded-block {
  border-top: none;
  border-bottom: 1px solid #dde1e6;
  padding: 0;
}
table.awl-layout-listing > tbody[dnd-list]:empty {
  display: block;
  min-height: 32px;
  width: 100%;
}
table.awl-layout-listing .dndDraggingSource {
  opacity: 0.3;
  /*
its too jumpy when dragging
    display:none;
*/
}
table.awl-layout-listing .dndPlaceholder {
  min-height: 32px;
  height: 100%;
  background-color: #82d0f5;
}
table.awl-layout-listing .awl-row-button {
  color: #47505D;
  width: 18px;
  height: 18px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
  line-height: 18px;
  vertical-align: middle;
}
.awl-layout-listing > tbody > tr.no-border-bottom-please > td {
  border-bottom-color: rgba(0, 0, 0, 0);
}
table.awl-layout-listing.a9-grid-secondary {
  border-left: 1px solid #CDD2D9;
  border-right: 1px solid #CDD2D9;
}
.awl-layout-summary {
  background: #EEF2F6;
  text-align: right;
  color: #47505D;
  padding: 0 20px 0 0;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #CDD2D9;
  border-bottom: 1px solid #CDD2D9;
  font-weight: 600;
  position: relative;
  z-index: 2;
  top: -1px;
}
.awl-layout-bottomline {
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.awl-arrow {
  font-family: "a9-font";
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.awl-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.awl-row-indicator.not_visible .awl-arrow {
  display: none;
}
.awl-row-indicator .awl-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 15px;
  line-height: 16px;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}
.awl-row-indicator .awl-arrow:before {
  font-size: 15px;
  color: #808080;
  content: '\e867';
  transform: rotate(-90deg);
  display: inline-block;
  text-align: center;
}
.awl-row-indicator + td:hover {
  color: #000000;
}
@-moz-document url-prefix() {
  .awl-row-indicator .awl-arrow {
    line-height: 12px;
  }
}
/* under header menu */
.awl-menu {
  padding: 0 50px;
  border-bottom: 1px solid #dde1e6;
  background: #fff;
  position: relative;
  height: 50px;
  white-space: nowrap;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.awl-menu-item {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 14px;
  cursor: pointer;
  color: #47505D;
  position: relative;
  width: auto;
  max-width: 256px;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.awl-menu-item.item-selected {
  border-bottom: 3px solid #a2aac1;
  color: #47505D;
  font-weight: 600;
}
.awl-menu-item:hover {
  color: #303B4A;
}
.awl-menu-item.awl-print {
  position: absolute;
  right: 0;
  top: 0;
}
.awl-menu-item.item-red,
.awl-menu-item.item-red:hover {
  color: #fc3c43;
}
/* awl-button-line */
.awl-button-line {
  width: 100%;
  overflow: hidden;
}
.awl-button-line .awl-help {
  float: right;
}
.awl-button-line .awl-button {
  display: inline-block;
  margin: 0 10px 20px 0;
  height: 32px;
  line-height: 32px;
  padding-right: 30px;
  padding-left: 10px;
  border-radius: 4px;
  width: auto;
  min-width: 0;
  white-space: nowrap;
  position: relative;
}
.awl-button-line .awl-button:before {
  font-family: "a9-font";
  content: '\e863';
  right: -5px;
  top: 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.awl-button-line .awl-button.open:before {
  content: '\e883';
  right: 0;
}
.awl-button__add {
  font-size: 32px!important;
  font-weight: 400!important;
  padding: 0 7px!important;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.awl-help {
  display: none!important;
  font-size: 12px;
  margin: 0 0 0 0;
  clear: both;
}
.awl-help.active {
  display: inherit!important;
  cursor: pointer;
}
/* horizontal ribbon */
.awl-ribbon {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0 0 20px 0;
}
.awl-ribbon > tbody > tr > td.rib-block {
  vertical-align: bottom;
  padding: 0 10px 0px 0;
}
.awl-ribbon > tbody > tr > td.rib-block > .rib-block-title {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.awl-ribbon > tbody > tr > td.rib-block > .awl-button {
  width: 100%;
  font-size: 13px;
}
.awl-ribbon > tbody > tr > td.rib-block.rib1 {
  width: 150px;
}
.awl-ribbon > tbody > tr > td.rib-block.rib2 {
  width: 305px;
}
.awl-ribbon > tbody > tr > td.rib-block:last-child {
  padding-right: 0;
}
.awl-ribbon > tbody > tr > td.rib-free {
  padding: 0;
}
.awl-ribbon.v2 > tbody > tr > td.rib-block.rib1 {
  width: 69px;
}
.awl-ribbon.v2 > tbody > tr > td.rib-block.rib2 {
  width: 153px;
}
.awl-ribbon.v2 > tbody > tr > td.rib-block.rib3 {
  width: 237px;
}
/* table with title-value view */
.awl-property-list-title {
  font-size: 14px;
  color: #5c6470;
  font-weight: 800;
  padding: 0 0 10px 0;
  min-height: 18px;
}
.awl-property-block-list + .awl-property-list-title {
  padding: 20px 0 10px 0;
  min-height: 18px;
  margin: 0;
}
.awl-property-block-list {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 0 0;
}
.awl-property-block-list > tbody > tr > td:not(.information__col-value) {
  height: 32px;
  padding: 0 0 0 0px;
  line-height: 18px;
  text-overflow: ellipsis;
  color: #626a75;
  font-weight: normal;
}
.awl-property-block-list > tbody > tr > td:first-child {
  width: 37%;
  text-align: left;
  color: #5c6470;
  vertical-align: top;
  line-height: 18px;
  padding: 7px 0px 7px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
.awl-property-block-list.compact {
  table-layout: auto;
  width: auto;
}
.awl-property-block-list.compact > tbody > tr > td:first-child {
  width: auto;
  padding-right: 20px;
}
.awl-property-block-list + .awl-property-block-list {
  margin-top: 28px;
}
.awl-multiline-block {
  word-wrap: break-word;
  white-space: normal;
}
/* form elements */
.awl-form input::-ms-clear {
  width: 0;
  height: 0;
}
.awl-form.awl-property-block-list > tbody > tr > td,
.awl-form .awl-property-block-list > tbody > tr > td {
  min-height: 32px;
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}
.awl-form.awl-property-block-list > tbody > tr > td:first-child,
.awl-form .awl-property-block-list > tbody > tr > td:first-child {
  padding-left: 0;
  padding-top: 8px;
  font-weight: 400;
  color: #47505D;
  font-size: 14px;
  width: 140px;
}
.awl-form.awl-property-block-list > tbody > tr:last-child > td,
.awl-form .awl-property-block-list > tbody > tr:last-child > td {
  border-bottom-width: 0;
}
/* horizontal lyaout flex */
.awl-layout-2col {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.awl-layout-2col th {
  font: 400 15px/21px 'Open Sans', sans-serif;
  color: #808080;
  padding-bottom: 10px;
}
.awl-layout-2col .awl-col1 {
  vertical-align: top;
  padding: 0 20px 0 0;
}
.padded.awl-layout-2col .awl-col1 {
  padding-bottom: 15px;
}
.awl-layout-2col .awl-col2 {
  vertical-align: top;
  padding: 0 0 0 20px;
}
.awl-layout-2col .awl-col3 {
  width: 165px;
  vertical-align: top;
  padding: 0 0 0 15px;
}
.awl-layout-2col .awl-col1 + .awl-col3 {
  padding-left: 0;
  width: 150px;
}
.awl-layout-2col.awl-multiline > tbody > tr > td {
  padding-top: 20px;
}
.awl-layout-2col.awl-multiline > tbody > tr:first-child > td {
  padding-top: 0;
}
.awl-layout-2col.compact > tbody > tr > td {
  overflow: hidden;
}
.awl-layout-2col.compact .awl-property-block-list {
  table-layout: fixed;
  width: 100%;
}
.awl-layout-2col.compact .awl-property-block-list > tbody > tr > td:first-child {
  width: 30%;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.awl-layout-2col.compact .awl-property-block-list > tbody > tr > td:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td {
  border-bottom: 0;
  max-height: 31px;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td > span {
  height: auto;
  line-height: auto;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .tooltiped {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .date {
  font-weight: bold;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: block;
  border-radius: 100%;
  color: #ffffff;
  background-size: 26px 26px;
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-mail {
  background-image: url("./images/customer/log/email.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-sms {
  background-image: url("./images/customer/log/sms.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-exchange {
  background-image: url("./images/customer/log/upload.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-memo {
  background-image: url("./images/customer/log/memo.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-tasks {
  background-image: url("./images/customer/log/task.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-retrieved-mail {
  background-image: url("./images/customer/log/retrieve-email.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td .log-i-print {
  background-image: url("./images/customer/log/print.svg");
}
table.customer-log-table.awl-layout-listing > tbody > tr > td.tags .tag {
  color: #808C9D;
  background-color: #EEF2F6;
  padding: 3px 10px;
  font-size: 0.7em;
  font-weight: bold;
  border-radius: 12px;
}
table.customer-log-table.awl-layout-listing > tbody > tr:last-child > td {
  border-bottom: 1px solid #dde1e6;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
::-webkit-scrollbar-thumb {
  background-color: #808080;
}
.ng-pristine .ng-invalid-required {
  box-shadow: none;
}
/* 3 variables all for customers */
/* NOT DESCRIBED */
.page-menu,
.a9-app-menu {
  --a9-module-color: #ff00ff;
}
.page-menu .clfa-categories .clfa-category.active,
.a9-app-menu .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #ff00ff;
}
.page-menu .page-header .page-header-label,
.a9-app-menu .page-header .page-header-label {
  background-color: #ff00ff;
}
.page-menu .page-header-component .page-header-component__label,
.a9-app-menu .page-header-component .page-header-component__label {
  background-color: #ff00ff;
}
.page-menu .content-header-navigation .module-color-accent,
.a9-app-menu .content-header-navigation .module-color-accent {
  background-color: #ff00ff;
}
.page-menu .awl-current-loader,
.a9-app-menu .awl-current-loader {
  border-top-color: #ff00ff;
  border-bottom-color: #ff00ff;
}
.page-menu .awl-button,
.a9-app-menu .awl-button,
.page-menu .button.ctrl,
.a9-app-menu .button.ctrl {
  background-color: #ff00ff;
  color: #fff;
}
.page-menu .awl-button:hover,
.a9-app-menu .awl-button:hover,
.page-menu .button.ctrl:hover,
.a9-app-menu .button.ctrl:hover {
  background-color: #e600e6;
}
.page-menu .awl-button:active,
.a9-app-menu .awl-button:active,
.page-menu .button.ctrl:active,
.a9-app-menu .button.ctrl:active,
.page-menu .awl-button.active,
.a9-app-menu .awl-button.active,
.page-menu .button.ctrl.active,
.a9-app-menu .button.ctrl.active {
  background-color: #cc00cc;
}
.page-menu .awl-button:disabled,
.a9-app-menu .awl-button:disabled,
.page-menu .button.ctrl:disabled,
.a9-app-menu .button.ctrl:disabled {
  background-color: #ff66ff;
}
.page-menu .awl-button.disabled,
.a9-app-menu .awl-button.disabled,
.page-menu .button.ctrl.disabled,
.a9-app-menu .button.ctrl.disabled {
  background-color: #ff66ff;
}
.page-menu .awl-button.system,
.a9-app-menu .awl-button.system,
.page-menu .button.ctrl.system,
.a9-app-menu .button.ctrl.system {
  background: #969FB8;
}
.page-menu .awl-button.system:hover,
.a9-app-menu .awl-button.system:hover,
.page-menu .button.ctrl.system:hover,
.a9-app-menu .button.ctrl.system:hover {
  background-color: #556285;
}
.page-menu .awl-button.system:active,
.a9-app-menu .awl-button.system:active,
.page-menu .button.ctrl.system:active,
.a9-app-menu .button.ctrl.system:active {
  background-color: #ff00ff;
}
.page-menu .awl-button.system.disabled,
.a9-app-menu .awl-button.system.disabled,
.page-menu .button.ctrl.system.disabled,
.a9-app-menu .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-menu .awl-button.secondary,
.a9-app-menu .awl-button.secondary,
.page-menu .button.ctrl.secondary,
.a9-app-menu .button.ctrl.secondary,
.page-menu .awl-button.system-contour,
.a9-app-menu .awl-button.system-contour,
.page-menu .button.ctrl.system-contour,
.a9-app-menu .button.ctrl.system-contour,
.page-menu .awl-button.cancel,
.a9-app-menu .awl-button.cancel,
.page-menu .button.ctrl.cancel,
.a9-app-menu .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-menu .awl-button.secondary:hover,
.a9-app-menu .awl-button.secondary:hover,
.page-menu .button.ctrl.secondary:hover,
.a9-app-menu .button.ctrl.secondary:hover,
.page-menu .awl-button.system-contour:hover,
.a9-app-menu .awl-button.system-contour:hover,
.page-menu .button.ctrl.system-contour:hover,
.a9-app-menu .button.ctrl.system-contour:hover,
.page-menu .awl-button.cancel:hover,
.a9-app-menu .awl-button.cancel:hover,
.page-menu .button.ctrl.cancel:hover,
.a9-app-menu .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-menu .awl-button.secondary:active,
.a9-app-menu .awl-button.secondary:active,
.page-menu .button.ctrl.secondary:active,
.a9-app-menu .button.ctrl.secondary:active,
.page-menu .awl-button.system-contour:active,
.a9-app-menu .awl-button.system-contour:active,
.page-menu .button.ctrl.system-contour:active,
.a9-app-menu .button.ctrl.system-contour:active,
.page-menu .awl-button.cancel:active,
.a9-app-menu .awl-button.cancel:active,
.page-menu .button.ctrl.cancel:active,
.a9-app-menu .button.ctrl.cancel:active {
  border-color: #ff00ff;
  color: #ff00ff;
}
.page-menu .awl-button.secondary[disabled],
.a9-app-menu .awl-button.secondary[disabled],
.page-menu .button.ctrl.secondary[disabled],
.a9-app-menu .button.ctrl.secondary[disabled],
.page-menu .awl-button.system-contour[disabled],
.a9-app-menu .awl-button.system-contour[disabled],
.page-menu .button.ctrl.system-contour[disabled],
.a9-app-menu .button.ctrl.system-contour[disabled],
.page-menu .awl-button.cancel[disabled],
.a9-app-menu .awl-button.cancel[disabled],
.page-menu .button.ctrl.cancel[disabled],
.a9-app-menu .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-menu .awl-button.secondary.disabled,
.a9-app-menu .awl-button.secondary.disabled,
.page-menu .button.ctrl.secondary.disabled,
.a9-app-menu .button.ctrl.secondary.disabled,
.page-menu .awl-button.system-contour.disabled,
.a9-app-menu .awl-button.system-contour.disabled,
.page-menu .button.ctrl.system-contour.disabled,
.a9-app-menu .button.ctrl.system-contour.disabled,
.page-menu .awl-button.cancel.disabled,
.a9-app-menu .awl-button.cancel.disabled,
.page-menu .button.ctrl.cancel.disabled,
.a9-app-menu .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-menu .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-menu .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-menu .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-menu .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-menu .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-menu .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-menu .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-menu .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-menu .secondary-button .awl-button,
.a9-app-menu .secondary-button .awl-button,
.page-menu .secondary-button .button.ctrl,
.a9-app-menu .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-menu .secondary-button .awl-button:hover,
.a9-app-menu .secondary-button .awl-button:hover,
.page-menu .secondary-button .button.ctrl:hover,
.a9-app-menu .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-menu .secondary-button .awl-button:active,
.a9-app-menu .secondary-button .awl-button:active,
.page-menu .secondary-button .button.ctrl:active,
.a9-app-menu .secondary-button .button.ctrl:active {
  border-color: #ff00ff;
  color: #ff00ff;
}
.page-menu .secondary-button .awl-button[disabled],
.a9-app-menu .secondary-button .awl-button[disabled],
.page-menu .secondary-button .button.ctrl[disabled],
.a9-app-menu .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-menu .secondary-button .awl-button.disabled,
.a9-app-menu .secondary-button .awl-button.disabled,
.page-menu .secondary-button .button.ctrl.disabled,
.a9-app-menu .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-menu .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-menu .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ffd9ff;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-menu .awl-app-bg.awl-app-bg,
.a9-app-menu .awl-app-bg.awl-app-bg {
  background-color: #ff00ff;
  color: #fff;
}
.page-menu .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-menu .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #ff00ff;
  color: #fff;
}
.page-menu .awl-app-color.awl-app-color,
.a9-app-menu .awl-app-color.awl-app-color {
  color: #ff00ff;
}
.page-menu .awl-app-border-color.awl-app-border-color,
.a9-app-menu .awl-app-border-color.awl-app-border-color {
  border-color: #ff00ff;
}
.page-menu .awl-app-contour.awl-app-contour,
.a9-app-menu .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #ff00ff;
  border-color: #ff00ff;
}
.page-menu .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-menu .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #ff00ff;
  border-color: #ff00ff;
}
.page-menu .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-menu .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #ff00ff;
  border: 1px solid #ff00ff;
}
.page-menu .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-menu .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-menu .awl-options-icon,
.a9-app-menu .awl-options-icon {
  background-color: #ff00ff;
  color: #fff;
}
.page-menu .awl-tick.checked,
.a9-app-menu .awl-tick.checked,
.page-menu .checkbox.checked,
.a9-app-menu .checkbox.checked {
  background-color: #ff00ff;
  border-color: #ff00ff;
}
.page-menu .awl-tick.checked[type="radio"]::before,
.a9-app-menu .awl-tick.checked[type="radio"]::before,
.page-menu .checkbox.checked[type="radio"]::before,
.a9-app-menu .checkbox.checked[type="radio"]::before,
.page-menu .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-menu .awl-tick.checked[type="uncheckable-radio"]::before,
.page-menu .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-menu .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #ff00ff;
}
.page-menu .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-menu .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-menu .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-menu .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #ff00ff;
}
.page-menu .awl-datepick-block .day-current.day-current,
.a9-app-menu .awl-datepick-block .day-current.day-current {
  background-color: #ff00ff;
}
.page-menu .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-menu .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #ff00ff;
}
.page-menu .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-menu .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #ff00ff;
}
.page-menu .awl-progress-bar-value,
.a9-app-menu .awl-progress-bar-value {
  background: #ff00ff !important;
}
.page-menu .agc-item-checked,
.a9-app-menu .agc-item-checked {
  border-color: #ff00ff !important;
}
.page-menu .themed-background,
.a9-app-menu .themed-background {
  background-color: #ff00ff !important;
}
.page-menu.themed-background-inline,
.a9-app-menu.themed-background-inline {
  background-color: #ff00ff !important;
}
.page-menu .themed-background-hover:hover,
.a9-app-menu .themed-background-hover:hover {
  background-color: #ff00ff !important;
  color: #ffffff !important;
}
.page-menu .themed-borders,
.a9-app-menu .themed-borders {
  border-color: #ff00ff !important;
}
.page-menu.themed-borders-inline,
.a9-app-menu.themed-borders-inline {
  border-color: #ff00ff !important;
}
.page-menu .themed-color,
.a9-app-menu .themed-color {
  color: #ff00ff !important;
}
.page-menu .themed-text-stroke,
.a9-app-menu .themed-text-stroke {
  text-shadow: -1px 0 #ff00ff, 0 1px #ff00ff, 1px 0 #ff00ff, 0 -1px #ff00ff !important;
}
.page-menu .themed-focus-color:focus,
.a9-app-menu .themed-focus-color:focus {
  color: #ff00ff;
}
.page-menu .themed-active-color:active,
.a9-app-menu .themed-active-color:active,
.page-menu .themed-active-color:hover,
.a9-app-menu .themed-active-color:hover {
  color: #ff00ff;
}
.page-menu .themed-filled,
.a9-app-menu .themed-filled {
  background-color: #ff00ff !important;
  border-color: #ff00ff !important;
  color: #FFFFFF !important;
}
.page-menu .themed-svg-fill,
.a9-app-menu .themed-svg-fill {
  fill: #ff00ff;
}
.page-menu .themed-disabled-background,
.a9-app-menu .themed-disabled-background {
  background-color: #ff66ff;
}
.menu-item.menu .menu-title {
  background-color: #ff00ff;
}
.menu .dropdown-menu.bottom-up {
  border-color: #ff00ff;
}
.application-input-type-keyboard .page-menu .checkbox:focus,
.application-input-type-keyboard .a9-app-menu .checkbox:focus {
  box-shadow: 0 0 4px 1px #ff00ff;
}
.application-input-type-keyboard .page-menu *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-menu *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-menu *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-menu *:focus.fs-child-custom {
  border: 1px solid #ff00ff;
}
.application-input-type-keyboard .page-menu *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-menu *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #ff00ff;
  box-shadow: 0 0 4px 1px #ff00ff;
}
.page-menu input:focus,
.a9-app-menu input:focus,
.page-menu textarea:focus,
.a9-app-menu textarea:focus,
.page-menu .checkbox:focus,
.a9-app-menu .checkbox:focus {
  border: 1px solid #ff00ff;
}
.page-menu .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #ff00ff;
}
.page-menu .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #ff00ff;
}
.page-menu .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #ff00ff;
}
.page-menu .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-menu .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #ff00ff;
}
.page-menu .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffccff;
}
.page-menu .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #ff00ff;
  background-color: #ffffff;
}
/* Customers/CRM (Red) */
.page-customers,
.a9-app-customers {
  --a9-module-color: #fe6565;
}
.page-customers .clfa-categories .clfa-category.active,
.a9-app-customers .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #fe6565;
}
.page-customers .page-header .page-header-label,
.a9-app-customers .page-header .page-header-label {
  background-color: #fe6565;
}
.page-customers .page-header-component .page-header-component__label,
.a9-app-customers .page-header-component .page-header-component__label {
  background-color: #fe6565;
}
.page-customers .content-header-navigation .module-color-accent,
.a9-app-customers .content-header-navigation .module-color-accent {
  background-color: #fe6565;
}
.page-customers .awl-current-loader,
.a9-app-customers .awl-current-loader {
  border-top-color: #fe6565;
  border-bottom-color: #fe6565;
}
.page-customers .awl-button,
.a9-app-customers .awl-button,
.page-customers .button.ctrl,
.a9-app-customers .button.ctrl {
  background-color: #fe6565;
  color: #fff;
}
.page-customers .awl-button:hover,
.a9-app-customers .awl-button:hover,
.page-customers .button.ctrl:hover,
.a9-app-customers .button.ctrl:hover {
  background-color: #e55b5b;
}
.page-customers .awl-button:active,
.a9-app-customers .awl-button:active,
.page-customers .button.ctrl:active,
.a9-app-customers .button.ctrl:active,
.page-customers .awl-button.active,
.a9-app-customers .awl-button.active,
.page-customers .button.ctrl.active,
.a9-app-customers .button.ctrl.active {
  background-color: #cb5151;
}
.page-customers .awl-button:disabled,
.a9-app-customers .awl-button:disabled,
.page-customers .button.ctrl:disabled,
.a9-app-customers .button.ctrl:disabled {
  background-color: #fea3a3;
}
.page-customers .awl-button.disabled,
.a9-app-customers .awl-button.disabled,
.page-customers .button.ctrl.disabled,
.a9-app-customers .button.ctrl.disabled {
  background-color: #fea3a3;
}
.page-customers .awl-button.system,
.a9-app-customers .awl-button.system,
.page-customers .button.ctrl.system,
.a9-app-customers .button.ctrl.system {
  background: #969FB8;
}
.page-customers .awl-button.system:hover,
.a9-app-customers .awl-button.system:hover,
.page-customers .button.ctrl.system:hover,
.a9-app-customers .button.ctrl.system:hover {
  background-color: #556285;
}
.page-customers .awl-button.system:active,
.a9-app-customers .awl-button.system:active,
.page-customers .button.ctrl.system:active,
.a9-app-customers .button.ctrl.system:active {
  background-color: #fe6565;
}
.page-customers .awl-button.system.disabled,
.a9-app-customers .awl-button.system.disabled,
.page-customers .button.ctrl.system.disabled,
.a9-app-customers .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-customers .awl-button.secondary,
.a9-app-customers .awl-button.secondary,
.page-customers .button.ctrl.secondary,
.a9-app-customers .button.ctrl.secondary,
.page-customers .awl-button.system-contour,
.a9-app-customers .awl-button.system-contour,
.page-customers .button.ctrl.system-contour,
.a9-app-customers .button.ctrl.system-contour,
.page-customers .awl-button.cancel,
.a9-app-customers .awl-button.cancel,
.page-customers .button.ctrl.cancel,
.a9-app-customers .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-customers .awl-button.secondary:hover,
.a9-app-customers .awl-button.secondary:hover,
.page-customers .button.ctrl.secondary:hover,
.a9-app-customers .button.ctrl.secondary:hover,
.page-customers .awl-button.system-contour:hover,
.a9-app-customers .awl-button.system-contour:hover,
.page-customers .button.ctrl.system-contour:hover,
.a9-app-customers .button.ctrl.system-contour:hover,
.page-customers .awl-button.cancel:hover,
.a9-app-customers .awl-button.cancel:hover,
.page-customers .button.ctrl.cancel:hover,
.a9-app-customers .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-customers .awl-button.secondary:active,
.a9-app-customers .awl-button.secondary:active,
.page-customers .button.ctrl.secondary:active,
.a9-app-customers .button.ctrl.secondary:active,
.page-customers .awl-button.system-contour:active,
.a9-app-customers .awl-button.system-contour:active,
.page-customers .button.ctrl.system-contour:active,
.a9-app-customers .button.ctrl.system-contour:active,
.page-customers .awl-button.cancel:active,
.a9-app-customers .awl-button.cancel:active,
.page-customers .button.ctrl.cancel:active,
.a9-app-customers .button.ctrl.cancel:active {
  border-color: #fe6565;
  color: #fe6565;
}
.page-customers .awl-button.secondary[disabled],
.a9-app-customers .awl-button.secondary[disabled],
.page-customers .button.ctrl.secondary[disabled],
.a9-app-customers .button.ctrl.secondary[disabled],
.page-customers .awl-button.system-contour[disabled],
.a9-app-customers .awl-button.system-contour[disabled],
.page-customers .button.ctrl.system-contour[disabled],
.a9-app-customers .button.ctrl.system-contour[disabled],
.page-customers .awl-button.cancel[disabled],
.a9-app-customers .awl-button.cancel[disabled],
.page-customers .button.ctrl.cancel[disabled],
.a9-app-customers .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customers .awl-button.secondary.disabled,
.a9-app-customers .awl-button.secondary.disabled,
.page-customers .button.ctrl.secondary.disabled,
.a9-app-customers .button.ctrl.secondary.disabled,
.page-customers .awl-button.system-contour.disabled,
.a9-app-customers .awl-button.system-contour.disabled,
.page-customers .button.ctrl.system-contour.disabled,
.a9-app-customers .button.ctrl.system-contour.disabled,
.page-customers .awl-button.cancel.disabled,
.a9-app-customers .awl-button.cancel.disabled,
.page-customers .button.ctrl.cancel.disabled,
.a9-app-customers .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customers .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-customers .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-customers .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-customers .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-customers .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-customers .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-customers .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-customers .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-customers .secondary-button .awl-button,
.a9-app-customers .secondary-button .awl-button,
.page-customers .secondary-button .button.ctrl,
.a9-app-customers .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-customers .secondary-button .awl-button:hover,
.a9-app-customers .secondary-button .awl-button:hover,
.page-customers .secondary-button .button.ctrl:hover,
.a9-app-customers .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-customers .secondary-button .awl-button:active,
.a9-app-customers .secondary-button .awl-button:active,
.page-customers .secondary-button .button.ctrl:active,
.a9-app-customers .secondary-button .button.ctrl:active {
  border-color: #fe6565;
  color: #fe6565;
}
.page-customers .secondary-button .awl-button[disabled],
.a9-app-customers .secondary-button .awl-button[disabled],
.page-customers .secondary-button .button.ctrl[disabled],
.a9-app-customers .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customers .secondary-button .awl-button.disabled,
.a9-app-customers .secondary-button .awl-button.disabled,
.page-customers .secondary-button .button.ctrl.disabled,
.a9-app-customers .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customers .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-customers .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ffe8e8;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-customers .awl-app-bg.awl-app-bg,
.a9-app-customers .awl-app-bg.awl-app-bg {
  background-color: #fe6565;
  color: #fff;
}
.page-customers .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-customers .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #fe6565;
  color: #fff;
}
.page-customers .awl-app-color.awl-app-color,
.a9-app-customers .awl-app-color.awl-app-color {
  color: #fe6565;
}
.page-customers .awl-app-border-color.awl-app-border-color,
.a9-app-customers .awl-app-border-color.awl-app-border-color {
  border-color: #fe6565;
}
.page-customers .awl-app-contour.awl-app-contour,
.a9-app-customers .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #fe6565;
  border-color: #fe6565;
}
.page-customers .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-customers .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #fe6565;
  border-color: #fe6565;
}
.page-customers .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-customers .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #fe6565;
  border: 1px solid #fe6565;
}
.page-customers .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-customers .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-customers .awl-options-icon,
.a9-app-customers .awl-options-icon {
  background-color: #fe6565;
  color: #fff;
}
.page-customers .awl-tick.checked,
.a9-app-customers .awl-tick.checked,
.page-customers .checkbox.checked,
.a9-app-customers .checkbox.checked {
  background-color: #fe6565;
  border-color: #fe6565;
}
.page-customers .awl-tick.checked[type="radio"]::before,
.a9-app-customers .awl-tick.checked[type="radio"]::before,
.page-customers .checkbox.checked[type="radio"]::before,
.a9-app-customers .checkbox.checked[type="radio"]::before,
.page-customers .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-customers .awl-tick.checked[type="uncheckable-radio"]::before,
.page-customers .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-customers .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #fe6565;
}
.page-customers .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-customers .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-customers .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-customers .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #fe6565;
}
.page-customers .awl-datepick-block .day-current.day-current,
.a9-app-customers .awl-datepick-block .day-current.day-current {
  background-color: #fe6565;
}
.page-customers .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-customers .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #fe6565;
}
.page-customers .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-customers .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #fe6565;
}
.page-customers .awl-progress-bar-value,
.a9-app-customers .awl-progress-bar-value {
  background: #fe6565 !important;
}
.page-customers .agc-item-checked,
.a9-app-customers .agc-item-checked {
  border-color: #fe6565 !important;
}
.page-customers .themed-background,
.a9-app-customers .themed-background {
  background-color: #fe6565 !important;
}
.page-customers.themed-background-inline,
.a9-app-customers.themed-background-inline {
  background-color: #fe6565 !important;
}
.page-customers .themed-background-hover:hover,
.a9-app-customers .themed-background-hover:hover {
  background-color: #fe6565 !important;
  color: #ffffff !important;
}
.page-customers .themed-borders,
.a9-app-customers .themed-borders {
  border-color: #fe6565 !important;
}
.page-customers.themed-borders-inline,
.a9-app-customers.themed-borders-inline {
  border-color: #fe6565 !important;
}
.page-customers .themed-color,
.a9-app-customers .themed-color {
  color: #fe6565 !important;
}
.page-customers .themed-text-stroke,
.a9-app-customers .themed-text-stroke {
  text-shadow: -1px 0 #fe6565, 0 1px #fe6565, 1px 0 #fe6565, 0 -1px #fe6565 !important;
}
.page-customers .themed-focus-color:focus,
.a9-app-customers .themed-focus-color:focus {
  color: #fe6565;
}
.page-customers .themed-active-color:active,
.a9-app-customers .themed-active-color:active,
.page-customers .themed-active-color:hover,
.a9-app-customers .themed-active-color:hover {
  color: #fe6565;
}
.page-customers .themed-filled,
.a9-app-customers .themed-filled {
  background-color: #fe6565 !important;
  border-color: #fe6565 !important;
  color: #FFFFFF !important;
}
.page-customers .themed-svg-fill,
.a9-app-customers .themed-svg-fill {
  fill: #fe6565;
}
.page-customers .themed-disabled-background,
.a9-app-customers .themed-disabled-background {
  background-color: #fea3a3;
}
.menu-item.customers .menu-title {
  background-color: #fe6565;
}
.customers .dropdown-menu.bottom-up {
  border-color: #fe6565;
}
.application-input-type-keyboard .page-customers .checkbox:focus,
.application-input-type-keyboard .a9-app-customers .checkbox:focus {
  box-shadow: 0 0 4px 1px #fe6565;
}
.application-input-type-keyboard .page-customers *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-customers *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-customers *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-customers *:focus.fs-child-custom {
  border: 1px solid #fe6565;
}
.application-input-type-keyboard .page-customers *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-customers *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #fe6565;
  box-shadow: 0 0 4px 1px #fe6565;
}
.page-customers input:focus,
.a9-app-customers input:focus,
.page-customers textarea:focus,
.a9-app-customers textarea:focus,
.page-customers .checkbox:focus,
.a9-app-customers .checkbox:focus {
  border: 1px solid #fe6565;
}
.page-customers .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #fe6565;
}
.page-customers .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #fe6565;
}
.page-customers .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #fe6565;
}
.page-customers .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-customers .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #fe6565;
}
.page-customers .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-customers .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #fe6565;
  background-color: #ffffff;
}
.page-docs,
.a9-app-docs {
  --a9-module-color: #fca562;
}
.page-docs .clfa-categories .clfa-category.active,
.a9-app-docs .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #fca562;
}
.page-docs .page-header .page-header-label,
.a9-app-docs .page-header .page-header-label {
  background-color: #fca562;
}
.page-docs .page-header-component .page-header-component__label,
.a9-app-docs .page-header-component .page-header-component__label {
  background-color: #fca562;
}
.page-docs .content-header-navigation .module-color-accent,
.a9-app-docs .content-header-navigation .module-color-accent {
  background-color: #fca562;
}
.page-docs .awl-current-loader,
.a9-app-docs .awl-current-loader {
  border-top-color: #fca562;
  border-bottom-color: #fca562;
}
.page-docs .awl-button,
.a9-app-docs .awl-button,
.page-docs .button.ctrl,
.a9-app-docs .button.ctrl {
  background-color: #fca562;
  color: #fff;
}
.page-docs .awl-button:hover,
.a9-app-docs .awl-button:hover,
.page-docs .button.ctrl:hover,
.a9-app-docs .button.ctrl:hover {
  background-color: #e39558;
}
.page-docs .awl-button:active,
.a9-app-docs .awl-button:active,
.page-docs .button.ctrl:active,
.a9-app-docs .button.ctrl:active,
.page-docs .awl-button.active,
.a9-app-docs .awl-button.active,
.page-docs .button.ctrl.active,
.a9-app-docs .button.ctrl.active {
  background-color: #ca844e;
}
.page-docs .awl-button:disabled,
.a9-app-docs .awl-button:disabled,
.page-docs .button.ctrl:disabled,
.a9-app-docs .button.ctrl:disabled {
  background-color: #fdc9a1;
}
.page-docs .awl-button.disabled,
.a9-app-docs .awl-button.disabled,
.page-docs .button.ctrl.disabled,
.a9-app-docs .button.ctrl.disabled {
  background-color: #fdc9a1;
}
.page-docs .awl-button.system,
.a9-app-docs .awl-button.system,
.page-docs .button.ctrl.system,
.a9-app-docs .button.ctrl.system {
  background: #969FB8;
}
.page-docs .awl-button.system:hover,
.a9-app-docs .awl-button.system:hover,
.page-docs .button.ctrl.system:hover,
.a9-app-docs .button.ctrl.system:hover {
  background-color: #556285;
}
.page-docs .awl-button.system:active,
.a9-app-docs .awl-button.system:active,
.page-docs .button.ctrl.system:active,
.a9-app-docs .button.ctrl.system:active {
  background-color: #fca562;
}
.page-docs .awl-button.system.disabled,
.a9-app-docs .awl-button.system.disabled,
.page-docs .button.ctrl.system.disabled,
.a9-app-docs .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-docs .awl-button.secondary,
.a9-app-docs .awl-button.secondary,
.page-docs .button.ctrl.secondary,
.a9-app-docs .button.ctrl.secondary,
.page-docs .awl-button.system-contour,
.a9-app-docs .awl-button.system-contour,
.page-docs .button.ctrl.system-contour,
.a9-app-docs .button.ctrl.system-contour,
.page-docs .awl-button.cancel,
.a9-app-docs .awl-button.cancel,
.page-docs .button.ctrl.cancel,
.a9-app-docs .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-docs .awl-button.secondary:hover,
.a9-app-docs .awl-button.secondary:hover,
.page-docs .button.ctrl.secondary:hover,
.a9-app-docs .button.ctrl.secondary:hover,
.page-docs .awl-button.system-contour:hover,
.a9-app-docs .awl-button.system-contour:hover,
.page-docs .button.ctrl.system-contour:hover,
.a9-app-docs .button.ctrl.system-contour:hover,
.page-docs .awl-button.cancel:hover,
.a9-app-docs .awl-button.cancel:hover,
.page-docs .button.ctrl.cancel:hover,
.a9-app-docs .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-docs .awl-button.secondary:active,
.a9-app-docs .awl-button.secondary:active,
.page-docs .button.ctrl.secondary:active,
.a9-app-docs .button.ctrl.secondary:active,
.page-docs .awl-button.system-contour:active,
.a9-app-docs .awl-button.system-contour:active,
.page-docs .button.ctrl.system-contour:active,
.a9-app-docs .button.ctrl.system-contour:active,
.page-docs .awl-button.cancel:active,
.a9-app-docs .awl-button.cancel:active,
.page-docs .button.ctrl.cancel:active,
.a9-app-docs .button.ctrl.cancel:active {
  border-color: #fca562;
  color: #fca562;
}
.page-docs .awl-button.secondary[disabled],
.a9-app-docs .awl-button.secondary[disabled],
.page-docs .button.ctrl.secondary[disabled],
.a9-app-docs .button.ctrl.secondary[disabled],
.page-docs .awl-button.system-contour[disabled],
.a9-app-docs .awl-button.system-contour[disabled],
.page-docs .button.ctrl.system-contour[disabled],
.a9-app-docs .button.ctrl.system-contour[disabled],
.page-docs .awl-button.cancel[disabled],
.a9-app-docs .awl-button.cancel[disabled],
.page-docs .button.ctrl.cancel[disabled],
.a9-app-docs .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-docs .awl-button.secondary.disabled,
.a9-app-docs .awl-button.secondary.disabled,
.page-docs .button.ctrl.secondary.disabled,
.a9-app-docs .button.ctrl.secondary.disabled,
.page-docs .awl-button.system-contour.disabled,
.a9-app-docs .awl-button.system-contour.disabled,
.page-docs .button.ctrl.system-contour.disabled,
.a9-app-docs .button.ctrl.system-contour.disabled,
.page-docs .awl-button.cancel.disabled,
.a9-app-docs .awl-button.cancel.disabled,
.page-docs .button.ctrl.cancel.disabled,
.a9-app-docs .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-docs .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-docs .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-docs .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-docs .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-docs .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-docs .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-docs .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-docs .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-docs .secondary-button .awl-button,
.a9-app-docs .secondary-button .awl-button,
.page-docs .secondary-button .button.ctrl,
.a9-app-docs .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-docs .secondary-button .awl-button:hover,
.a9-app-docs .secondary-button .awl-button:hover,
.page-docs .secondary-button .button.ctrl:hover,
.a9-app-docs .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-docs .secondary-button .awl-button:active,
.a9-app-docs .secondary-button .awl-button:active,
.page-docs .secondary-button .button.ctrl:active,
.a9-app-docs .secondary-button .button.ctrl:active {
  border-color: #fca562;
  color: #fca562;
}
.page-docs .secondary-button .awl-button[disabled],
.a9-app-docs .secondary-button .awl-button[disabled],
.page-docs .secondary-button .button.ctrl[disabled],
.a9-app-docs .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-docs .secondary-button .awl-button.disabled,
.a9-app-docs .secondary-button .awl-button.disabled,
.page-docs .secondary-button .button.ctrl.disabled,
.a9-app-docs .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-docs .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-docs .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #fff2e7;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-docs .awl-app-bg.awl-app-bg,
.a9-app-docs .awl-app-bg.awl-app-bg {
  background-color: #fca562;
  color: #fff;
}
.page-docs .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-docs .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #fca562;
  color: #fff;
}
.page-docs .awl-app-color.awl-app-color,
.a9-app-docs .awl-app-color.awl-app-color {
  color: #fca562;
}
.page-docs .awl-app-border-color.awl-app-border-color,
.a9-app-docs .awl-app-border-color.awl-app-border-color {
  border-color: #fca562;
}
.page-docs .awl-app-contour.awl-app-contour,
.a9-app-docs .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #fca562;
  border-color: #fca562;
}
.page-docs .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-docs .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #fca562;
  border-color: #fca562;
}
.page-docs .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-docs .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #fca562;
  border: 1px solid #fca562;
}
.page-docs .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-docs .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-docs .awl-options-icon,
.a9-app-docs .awl-options-icon {
  background-color: #fca562;
  color: #fff;
}
.page-docs .awl-tick.checked,
.a9-app-docs .awl-tick.checked,
.page-docs .checkbox.checked,
.a9-app-docs .checkbox.checked {
  background-color: #fca562;
  border-color: #fca562;
}
.page-docs .awl-tick.checked[type="radio"]::before,
.a9-app-docs .awl-tick.checked[type="radio"]::before,
.page-docs .checkbox.checked[type="radio"]::before,
.a9-app-docs .checkbox.checked[type="radio"]::before,
.page-docs .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-docs .awl-tick.checked[type="uncheckable-radio"]::before,
.page-docs .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-docs .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #fca562;
}
.page-docs .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-docs .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-docs .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-docs .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #fca562;
}
.page-docs .awl-datepick-block .day-current.day-current,
.a9-app-docs .awl-datepick-block .day-current.day-current {
  background-color: #fca562;
}
.page-docs .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-docs .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #fca562;
}
.page-docs .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-docs .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #fca562;
}
.page-docs .awl-progress-bar-value,
.a9-app-docs .awl-progress-bar-value {
  background: #fca562 !important;
}
.page-docs .agc-item-checked,
.a9-app-docs .agc-item-checked {
  border-color: #fca562 !important;
}
.page-docs .themed-background,
.a9-app-docs .themed-background {
  background-color: #fca562 !important;
}
.page-docs.themed-background-inline,
.a9-app-docs.themed-background-inline {
  background-color: #fca562 !important;
}
.page-docs .themed-background-hover:hover,
.a9-app-docs .themed-background-hover:hover {
  background-color: #fca562 !important;
  color: #ffffff !important;
}
.page-docs .themed-borders,
.a9-app-docs .themed-borders {
  border-color: #fca562 !important;
}
.page-docs.themed-borders-inline,
.a9-app-docs.themed-borders-inline {
  border-color: #fca562 !important;
}
.page-docs .themed-color,
.a9-app-docs .themed-color {
  color: #fca562 !important;
}
.page-docs .themed-text-stroke,
.a9-app-docs .themed-text-stroke {
  text-shadow: -1px 0 #fca562, 0 1px #fca562, 1px 0 #fca562, 0 -1px #fca562 !important;
}
.page-docs .themed-focus-color:focus,
.a9-app-docs .themed-focus-color:focus {
  color: #fca562;
}
.page-docs .themed-active-color:active,
.a9-app-docs .themed-active-color:active,
.page-docs .themed-active-color:hover,
.a9-app-docs .themed-active-color:hover {
  color: #fca562;
}
.page-docs .themed-filled,
.a9-app-docs .themed-filled {
  background-color: #fca562 !important;
  border-color: #fca562 !important;
  color: #FFFFFF !important;
}
.page-docs .themed-svg-fill,
.a9-app-docs .themed-svg-fill {
  fill: #fca562;
}
.page-docs .themed-disabled-background,
.a9-app-docs .themed-disabled-background {
  background-color: #fdc9a1;
}
.menu-item.docs .menu-title {
  background-color: #fca562;
}
.docs .dropdown-menu.bottom-up {
  border-color: #fca562;
}
.application-input-type-keyboard .page-docs .checkbox:focus,
.application-input-type-keyboard .a9-app-docs .checkbox:focus {
  box-shadow: 0 0 4px 1px #fca562;
}
.application-input-type-keyboard .page-docs *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-docs *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-docs *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-docs *:focus.fs-child-custom {
  border: 1px solid #fca562;
}
.application-input-type-keyboard .page-docs *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-docs *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #fca562;
  box-shadow: 0 0 4px 1px #fca562;
}
.page-docs input:focus,
.a9-app-docs input:focus,
.page-docs textarea:focus,
.a9-app-docs textarea:focus,
.page-docs .checkbox:focus,
.a9-app-docs .checkbox:focus {
  border: 1px solid #fca562;
}
.page-docs .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #fca562;
}
.page-docs .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #fca562;
}
.page-docs .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #fca562;
}
.page-docs .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-docs .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #fca562;
}
.page-docs .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-docs .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #fca562;
  background-color: #ffffff;
}
.page-finance,
.a9-app-finance {
  --a9-module-color: #ff8668;
}
.page-finance .clfa-categories .clfa-category.active,
.a9-app-finance .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #ff8668;
}
.page-finance .page-header .page-header-label,
.a9-app-finance .page-header .page-header-label {
  background-color: #ff8668;
}
.page-finance .page-header-component .page-header-component__label,
.a9-app-finance .page-header-component .page-header-component__label {
  background-color: #ff8668;
}
.page-finance .content-header-navigation .module-color-accent,
.a9-app-finance .content-header-navigation .module-color-accent {
  background-color: #ff8668;
}
.page-finance .awl-current-loader,
.a9-app-finance .awl-current-loader {
  border-top-color: #ff8668;
  border-bottom-color: #ff8668;
}
.page-finance .awl-button,
.a9-app-finance .awl-button,
.page-finance .button.ctrl,
.a9-app-finance .button.ctrl {
  background-color: #ff8668;
  color: #fff;
}
.page-finance .awl-button:hover,
.a9-app-finance .awl-button:hover,
.page-finance .button.ctrl:hover,
.a9-app-finance .button.ctrl:hover {
  background-color: #e6795e;
}
.page-finance .awl-button:active,
.a9-app-finance .awl-button:active,
.page-finance .button.ctrl:active,
.a9-app-finance .button.ctrl:active,
.page-finance .awl-button.active,
.a9-app-finance .awl-button.active,
.page-finance .button.ctrl.active,
.a9-app-finance .button.ctrl.active {
  background-color: #cc6b53;
}
.page-finance .awl-button:disabled,
.a9-app-finance .awl-button:disabled,
.page-finance .button.ctrl:disabled,
.a9-app-finance .button.ctrl:disabled {
  background-color: #ffb6a4;
}
.page-finance .awl-button.disabled,
.a9-app-finance .awl-button.disabled,
.page-finance .button.ctrl.disabled,
.a9-app-finance .button.ctrl.disabled {
  background-color: #ffb6a4;
}
.page-finance .awl-button.system,
.a9-app-finance .awl-button.system,
.page-finance .button.ctrl.system,
.a9-app-finance .button.ctrl.system {
  background: #969FB8;
}
.page-finance .awl-button.system:hover,
.a9-app-finance .awl-button.system:hover,
.page-finance .button.ctrl.system:hover,
.a9-app-finance .button.ctrl.system:hover {
  background-color: #556285;
}
.page-finance .awl-button.system:active,
.a9-app-finance .awl-button.system:active,
.page-finance .button.ctrl.system:active,
.a9-app-finance .button.ctrl.system:active {
  background-color: #ff8668;
}
.page-finance .awl-button.system.disabled,
.a9-app-finance .awl-button.system.disabled,
.page-finance .button.ctrl.system.disabled,
.a9-app-finance .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-finance .awl-button.secondary,
.a9-app-finance .awl-button.secondary,
.page-finance .button.ctrl.secondary,
.a9-app-finance .button.ctrl.secondary,
.page-finance .awl-button.system-contour,
.a9-app-finance .awl-button.system-contour,
.page-finance .button.ctrl.system-contour,
.a9-app-finance .button.ctrl.system-contour,
.page-finance .awl-button.cancel,
.a9-app-finance .awl-button.cancel,
.page-finance .button.ctrl.cancel,
.a9-app-finance .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-finance .awl-button.secondary:hover,
.a9-app-finance .awl-button.secondary:hover,
.page-finance .button.ctrl.secondary:hover,
.a9-app-finance .button.ctrl.secondary:hover,
.page-finance .awl-button.system-contour:hover,
.a9-app-finance .awl-button.system-contour:hover,
.page-finance .button.ctrl.system-contour:hover,
.a9-app-finance .button.ctrl.system-contour:hover,
.page-finance .awl-button.cancel:hover,
.a9-app-finance .awl-button.cancel:hover,
.page-finance .button.ctrl.cancel:hover,
.a9-app-finance .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-finance .awl-button.secondary:active,
.a9-app-finance .awl-button.secondary:active,
.page-finance .button.ctrl.secondary:active,
.a9-app-finance .button.ctrl.secondary:active,
.page-finance .awl-button.system-contour:active,
.a9-app-finance .awl-button.system-contour:active,
.page-finance .button.ctrl.system-contour:active,
.a9-app-finance .button.ctrl.system-contour:active,
.page-finance .awl-button.cancel:active,
.a9-app-finance .awl-button.cancel:active,
.page-finance .button.ctrl.cancel:active,
.a9-app-finance .button.ctrl.cancel:active {
  border-color: #ff8668;
  color: #ff8668;
}
.page-finance .awl-button.secondary[disabled],
.a9-app-finance .awl-button.secondary[disabled],
.page-finance .button.ctrl.secondary[disabled],
.a9-app-finance .button.ctrl.secondary[disabled],
.page-finance .awl-button.system-contour[disabled],
.a9-app-finance .awl-button.system-contour[disabled],
.page-finance .button.ctrl.system-contour[disabled],
.a9-app-finance .button.ctrl.system-contour[disabled],
.page-finance .awl-button.cancel[disabled],
.a9-app-finance .awl-button.cancel[disabled],
.page-finance .button.ctrl.cancel[disabled],
.a9-app-finance .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-finance .awl-button.secondary.disabled,
.a9-app-finance .awl-button.secondary.disabled,
.page-finance .button.ctrl.secondary.disabled,
.a9-app-finance .button.ctrl.secondary.disabled,
.page-finance .awl-button.system-contour.disabled,
.a9-app-finance .awl-button.system-contour.disabled,
.page-finance .button.ctrl.system-contour.disabled,
.a9-app-finance .button.ctrl.system-contour.disabled,
.page-finance .awl-button.cancel.disabled,
.a9-app-finance .awl-button.cancel.disabled,
.page-finance .button.ctrl.cancel.disabled,
.a9-app-finance .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-finance .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-finance .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-finance .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-finance .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-finance .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-finance .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-finance .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-finance .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-finance .secondary-button .awl-button,
.a9-app-finance .secondary-button .awl-button,
.page-finance .secondary-button .button.ctrl,
.a9-app-finance .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-finance .secondary-button .awl-button:hover,
.a9-app-finance .secondary-button .awl-button:hover,
.page-finance .secondary-button .button.ctrl:hover,
.a9-app-finance .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-finance .secondary-button .awl-button:active,
.a9-app-finance .secondary-button .awl-button:active,
.page-finance .secondary-button .button.ctrl:active,
.a9-app-finance .secondary-button .button.ctrl:active {
  border-color: #ff8668;
  color: #ff8668;
}
.page-finance .secondary-button .awl-button[disabled],
.a9-app-finance .secondary-button .awl-button[disabled],
.page-finance .secondary-button .button.ctrl[disabled],
.a9-app-finance .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-finance .secondary-button .awl-button.disabled,
.a9-app-finance .secondary-button .awl-button.disabled,
.page-finance .secondary-button .button.ctrl.disabled,
.a9-app-finance .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-finance .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-finance .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ffede8;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-finance .awl-app-bg.awl-app-bg,
.a9-app-finance .awl-app-bg.awl-app-bg {
  background-color: #ff8668;
  color: #fff;
}
.page-finance .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-finance .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #ff8668;
  color: #fff;
}
.page-finance .awl-app-color.awl-app-color,
.a9-app-finance .awl-app-color.awl-app-color {
  color: #ff8668;
}
.page-finance .awl-app-border-color.awl-app-border-color,
.a9-app-finance .awl-app-border-color.awl-app-border-color {
  border-color: #ff8668;
}
.page-finance .awl-app-contour.awl-app-contour,
.a9-app-finance .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #ff8668;
  border-color: #ff8668;
}
.page-finance .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-finance .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #ff8668;
  border-color: #ff8668;
}
.page-finance .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-finance .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #ff8668;
  border: 1px solid #ff8668;
}
.page-finance .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-finance .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-finance .awl-options-icon,
.a9-app-finance .awl-options-icon {
  background-color: #ff8668;
  color: #fff;
}
.page-finance .awl-tick.checked,
.a9-app-finance .awl-tick.checked,
.page-finance .checkbox.checked,
.a9-app-finance .checkbox.checked {
  background-color: #ff8668;
  border-color: #ff8668;
}
.page-finance .awl-tick.checked[type="radio"]::before,
.a9-app-finance .awl-tick.checked[type="radio"]::before,
.page-finance .checkbox.checked[type="radio"]::before,
.a9-app-finance .checkbox.checked[type="radio"]::before,
.page-finance .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-finance .awl-tick.checked[type="uncheckable-radio"]::before,
.page-finance .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-finance .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #ff8668;
}
.page-finance .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-finance .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-finance .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-finance .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #ff8668;
}
.page-finance .awl-datepick-block .day-current.day-current,
.a9-app-finance .awl-datepick-block .day-current.day-current {
  background-color: #ff8668;
}
.page-finance .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-finance .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #ff8668;
}
.page-finance .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-finance .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #ff8668;
}
.page-finance .awl-progress-bar-value,
.a9-app-finance .awl-progress-bar-value {
  background: #ff8668 !important;
}
.page-finance .agc-item-checked,
.a9-app-finance .agc-item-checked {
  border-color: #ff8668 !important;
}
.page-finance .themed-background,
.a9-app-finance .themed-background {
  background-color: #ff8668 !important;
}
.page-finance.themed-background-inline,
.a9-app-finance.themed-background-inline {
  background-color: #ff8668 !important;
}
.page-finance .themed-background-hover:hover,
.a9-app-finance .themed-background-hover:hover {
  background-color: #ff8668 !important;
  color: #ffffff !important;
}
.page-finance .themed-borders,
.a9-app-finance .themed-borders {
  border-color: #ff8668 !important;
}
.page-finance.themed-borders-inline,
.a9-app-finance.themed-borders-inline {
  border-color: #ff8668 !important;
}
.page-finance .themed-color,
.a9-app-finance .themed-color {
  color: #ff8668 !important;
}
.page-finance .themed-text-stroke,
.a9-app-finance .themed-text-stroke {
  text-shadow: -1px 0 #ff8668, 0 1px #ff8668, 1px 0 #ff8668, 0 -1px #ff8668 !important;
}
.page-finance .themed-focus-color:focus,
.a9-app-finance .themed-focus-color:focus {
  color: #ff8668;
}
.page-finance .themed-active-color:active,
.a9-app-finance .themed-active-color:active,
.page-finance .themed-active-color:hover,
.a9-app-finance .themed-active-color:hover {
  color: #ff8668;
}
.page-finance .themed-filled,
.a9-app-finance .themed-filled {
  background-color: #ff8668 !important;
  border-color: #ff8668 !important;
  color: #FFFFFF !important;
}
.page-finance .themed-svg-fill,
.a9-app-finance .themed-svg-fill {
  fill: #ff8668;
}
.page-finance .themed-disabled-background,
.a9-app-finance .themed-disabled-background {
  background-color: #ffb6a4;
}
.menu-item.finance .menu-title {
  background-color: #ff8668;
}
.finance .dropdown-menu.bottom-up {
  border-color: #ff8668;
}
.application-input-type-keyboard .page-finance .checkbox:focus,
.application-input-type-keyboard .a9-app-finance .checkbox:focus {
  box-shadow: 0 0 4px 1px #ff8668;
}
.application-input-type-keyboard .page-finance *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-finance *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-finance *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-finance *:focus.fs-child-custom {
  border: 1px solid #ff8668;
}
.application-input-type-keyboard .page-finance *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-finance *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #ff8668;
  box-shadow: 0 0 4px 1px #ff8668;
}
.page-finance input:focus,
.a9-app-finance input:focus,
.page-finance textarea:focus,
.a9-app-finance textarea:focus,
.page-finance .checkbox:focus,
.a9-app-finance .checkbox:focus {
  border: 1px solid #ff8668;
}
.page-finance .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #ff8668;
}
.page-finance .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #ff8668;
}
.page-finance .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #ff8668;
}
.page-finance .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-finance .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #ff8668;
}
.page-finance .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-finance .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #ff8668;
  background-color: #ffffff;
}
.page-tasks,
.a9-app-tasks {
  --a9-module-color: #ff79a9;
}
.page-tasks .clfa-categories .clfa-category.active,
.a9-app-tasks .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #ff79a9;
}
.page-tasks .page-header .page-header-label,
.a9-app-tasks .page-header .page-header-label {
  background-color: #ff79a9;
}
.page-tasks .page-header-component .page-header-component__label,
.a9-app-tasks .page-header-component .page-header-component__label {
  background-color: #ff79a9;
}
.page-tasks .content-header-navigation .module-color-accent,
.a9-app-tasks .content-header-navigation .module-color-accent {
  background-color: #ff79a9;
}
.page-tasks .awl-current-loader,
.a9-app-tasks .awl-current-loader {
  border-top-color: #ff79a9;
  border-bottom-color: #ff79a9;
}
.page-tasks .awl-button,
.a9-app-tasks .awl-button,
.page-tasks .button.ctrl,
.a9-app-tasks .button.ctrl {
  background-color: #ff79a9;
  color: #fff;
}
.page-tasks .awl-button:hover,
.a9-app-tasks .awl-button:hover,
.page-tasks .button.ctrl:hover,
.a9-app-tasks .button.ctrl:hover {
  background-color: #e66d98;
}
.page-tasks .awl-button:active,
.a9-app-tasks .awl-button:active,
.page-tasks .button.ctrl:active,
.a9-app-tasks .button.ctrl:active,
.page-tasks .awl-button.active,
.a9-app-tasks .awl-button.active,
.page-tasks .button.ctrl.active,
.a9-app-tasks .button.ctrl.active {
  background-color: #cc6187;
}
.page-tasks .awl-button:disabled,
.a9-app-tasks .awl-button:disabled,
.page-tasks .button.ctrl:disabled,
.a9-app-tasks .button.ctrl:disabled {
  background-color: #ffafcb;
}
.page-tasks .awl-button.disabled,
.a9-app-tasks .awl-button.disabled,
.page-tasks .button.ctrl.disabled,
.a9-app-tasks .button.ctrl.disabled {
  background-color: #ffafcb;
}
.page-tasks .awl-button.system,
.a9-app-tasks .awl-button.system,
.page-tasks .button.ctrl.system,
.a9-app-tasks .button.ctrl.system {
  background: #969FB8;
}
.page-tasks .awl-button.system:hover,
.a9-app-tasks .awl-button.system:hover,
.page-tasks .button.ctrl.system:hover,
.a9-app-tasks .button.ctrl.system:hover {
  background-color: #556285;
}
.page-tasks .awl-button.system:active,
.a9-app-tasks .awl-button.system:active,
.page-tasks .button.ctrl.system:active,
.a9-app-tasks .button.ctrl.system:active {
  background-color: #ff79a9;
}
.page-tasks .awl-button.system.disabled,
.a9-app-tasks .awl-button.system.disabled,
.page-tasks .button.ctrl.system.disabled,
.a9-app-tasks .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-tasks .awl-button.secondary,
.a9-app-tasks .awl-button.secondary,
.page-tasks .button.ctrl.secondary,
.a9-app-tasks .button.ctrl.secondary,
.page-tasks .awl-button.system-contour,
.a9-app-tasks .awl-button.system-contour,
.page-tasks .button.ctrl.system-contour,
.a9-app-tasks .button.ctrl.system-contour,
.page-tasks .awl-button.cancel,
.a9-app-tasks .awl-button.cancel,
.page-tasks .button.ctrl.cancel,
.a9-app-tasks .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-tasks .awl-button.secondary:hover,
.a9-app-tasks .awl-button.secondary:hover,
.page-tasks .button.ctrl.secondary:hover,
.a9-app-tasks .button.ctrl.secondary:hover,
.page-tasks .awl-button.system-contour:hover,
.a9-app-tasks .awl-button.system-contour:hover,
.page-tasks .button.ctrl.system-contour:hover,
.a9-app-tasks .button.ctrl.system-contour:hover,
.page-tasks .awl-button.cancel:hover,
.a9-app-tasks .awl-button.cancel:hover,
.page-tasks .button.ctrl.cancel:hover,
.a9-app-tasks .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-tasks .awl-button.secondary:active,
.a9-app-tasks .awl-button.secondary:active,
.page-tasks .button.ctrl.secondary:active,
.a9-app-tasks .button.ctrl.secondary:active,
.page-tasks .awl-button.system-contour:active,
.a9-app-tasks .awl-button.system-contour:active,
.page-tasks .button.ctrl.system-contour:active,
.a9-app-tasks .button.ctrl.system-contour:active,
.page-tasks .awl-button.cancel:active,
.a9-app-tasks .awl-button.cancel:active,
.page-tasks .button.ctrl.cancel:active,
.a9-app-tasks .button.ctrl.cancel:active {
  border-color: #ff79a9;
  color: #ff79a9;
}
.page-tasks .awl-button.secondary[disabled],
.a9-app-tasks .awl-button.secondary[disabled],
.page-tasks .button.ctrl.secondary[disabled],
.a9-app-tasks .button.ctrl.secondary[disabled],
.page-tasks .awl-button.system-contour[disabled],
.a9-app-tasks .awl-button.system-contour[disabled],
.page-tasks .button.ctrl.system-contour[disabled],
.a9-app-tasks .button.ctrl.system-contour[disabled],
.page-tasks .awl-button.cancel[disabled],
.a9-app-tasks .awl-button.cancel[disabled],
.page-tasks .button.ctrl.cancel[disabled],
.a9-app-tasks .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tasks .awl-button.secondary.disabled,
.a9-app-tasks .awl-button.secondary.disabled,
.page-tasks .button.ctrl.secondary.disabled,
.a9-app-tasks .button.ctrl.secondary.disabled,
.page-tasks .awl-button.system-contour.disabled,
.a9-app-tasks .awl-button.system-contour.disabled,
.page-tasks .button.ctrl.system-contour.disabled,
.a9-app-tasks .button.ctrl.system-contour.disabled,
.page-tasks .awl-button.cancel.disabled,
.a9-app-tasks .awl-button.cancel.disabled,
.page-tasks .button.ctrl.cancel.disabled,
.a9-app-tasks .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tasks .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-tasks .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-tasks .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-tasks .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-tasks .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-tasks .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-tasks .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-tasks .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-tasks .secondary-button .awl-button,
.a9-app-tasks .secondary-button .awl-button,
.page-tasks .secondary-button .button.ctrl,
.a9-app-tasks .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-tasks .secondary-button .awl-button:hover,
.a9-app-tasks .secondary-button .awl-button:hover,
.page-tasks .secondary-button .button.ctrl:hover,
.a9-app-tasks .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-tasks .secondary-button .awl-button:active,
.a9-app-tasks .secondary-button .awl-button:active,
.page-tasks .secondary-button .button.ctrl:active,
.a9-app-tasks .secondary-button .button.ctrl:active {
  border-color: #ff79a9;
  color: #ff79a9;
}
.page-tasks .secondary-button .awl-button[disabled],
.a9-app-tasks .secondary-button .awl-button[disabled],
.page-tasks .secondary-button .button.ctrl[disabled],
.a9-app-tasks .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tasks .secondary-button .awl-button.disabled,
.a9-app-tasks .secondary-button .awl-button.disabled,
.page-tasks .secondary-button .button.ctrl.disabled,
.a9-app-tasks .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tasks .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-tasks .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ffebf2;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-tasks .awl-app-bg.awl-app-bg,
.a9-app-tasks .awl-app-bg.awl-app-bg {
  background-color: #ff79a9;
  color: #fff;
}
.page-tasks .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-tasks .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #ff79a9;
  color: #fff;
}
.page-tasks .awl-app-color.awl-app-color,
.a9-app-tasks .awl-app-color.awl-app-color {
  color: #ff79a9;
}
.page-tasks .awl-app-border-color.awl-app-border-color,
.a9-app-tasks .awl-app-border-color.awl-app-border-color {
  border-color: #ff79a9;
}
.page-tasks .awl-app-contour.awl-app-contour,
.a9-app-tasks .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #ff79a9;
  border-color: #ff79a9;
}
.page-tasks .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-tasks .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #ff79a9;
  border-color: #ff79a9;
}
.page-tasks .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-tasks .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #ff79a9;
  border: 1px solid #ff79a9;
}
.page-tasks .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-tasks .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-tasks .awl-options-icon,
.a9-app-tasks .awl-options-icon {
  background-color: #ff79a9;
  color: #fff;
}
.page-tasks .awl-tick.checked,
.a9-app-tasks .awl-tick.checked,
.page-tasks .checkbox.checked,
.a9-app-tasks .checkbox.checked {
  background-color: #ff79a9;
  border-color: #ff79a9;
}
.page-tasks .awl-tick.checked[type="radio"]::before,
.a9-app-tasks .awl-tick.checked[type="radio"]::before,
.page-tasks .checkbox.checked[type="radio"]::before,
.a9-app-tasks .checkbox.checked[type="radio"]::before,
.page-tasks .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-tasks .awl-tick.checked[type="uncheckable-radio"]::before,
.page-tasks .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-tasks .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #ff79a9;
}
.page-tasks .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-tasks .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-tasks .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-tasks .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #ff79a9;
}
.page-tasks .awl-datepick-block .day-current.day-current,
.a9-app-tasks .awl-datepick-block .day-current.day-current {
  background-color: #ff79a9;
}
.page-tasks .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-tasks .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #ff79a9;
}
.page-tasks .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-tasks .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #ff79a9;
}
.page-tasks .awl-progress-bar-value,
.a9-app-tasks .awl-progress-bar-value {
  background: #ff79a9 !important;
}
.page-tasks .agc-item-checked,
.a9-app-tasks .agc-item-checked {
  border-color: #ff79a9 !important;
}
.page-tasks .themed-background,
.a9-app-tasks .themed-background {
  background-color: #ff79a9 !important;
}
.page-tasks.themed-background-inline,
.a9-app-tasks.themed-background-inline {
  background-color: #ff79a9 !important;
}
.page-tasks .themed-background-hover:hover,
.a9-app-tasks .themed-background-hover:hover {
  background-color: #ff79a9 !important;
  color: #ffffff !important;
}
.page-tasks .themed-borders,
.a9-app-tasks .themed-borders {
  border-color: #ff79a9 !important;
}
.page-tasks.themed-borders-inline,
.a9-app-tasks.themed-borders-inline {
  border-color: #ff79a9 !important;
}
.page-tasks .themed-color,
.a9-app-tasks .themed-color {
  color: #ff79a9 !important;
}
.page-tasks .themed-text-stroke,
.a9-app-tasks .themed-text-stroke {
  text-shadow: -1px 0 #ff79a9, 0 1px #ff79a9, 1px 0 #ff79a9, 0 -1px #ff79a9 !important;
}
.page-tasks .themed-focus-color:focus,
.a9-app-tasks .themed-focus-color:focus {
  color: #ff79a9;
}
.page-tasks .themed-active-color:active,
.a9-app-tasks .themed-active-color:active,
.page-tasks .themed-active-color:hover,
.a9-app-tasks .themed-active-color:hover {
  color: #ff79a9;
}
.page-tasks .themed-filled,
.a9-app-tasks .themed-filled {
  background-color: #ff79a9 !important;
  border-color: #ff79a9 !important;
  color: #FFFFFF !important;
}
.page-tasks .themed-svg-fill,
.a9-app-tasks .themed-svg-fill {
  fill: #ff79a9;
}
.page-tasks .themed-disabled-background,
.a9-app-tasks .themed-disabled-background {
  background-color: #ffafcb;
}
.menu-item.tasks .menu-title {
  background-color: #ff79a9;
}
.tasks .dropdown-menu.bottom-up {
  border-color: #ff79a9;
}
.application-input-type-keyboard .page-tasks .checkbox:focus,
.application-input-type-keyboard .a9-app-tasks .checkbox:focus {
  box-shadow: 0 0 4px 1px #ff79a9;
}
.application-input-type-keyboard .page-tasks *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-tasks *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-tasks *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-tasks *:focus.fs-child-custom {
  border: 1px solid #ff79a9;
}
.application-input-type-keyboard .page-tasks *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-tasks *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #ff79a9;
  box-shadow: 0 0 4px 1px #ff79a9;
}
.page-tasks input:focus,
.a9-app-tasks input:focus,
.page-tasks textarea:focus,
.a9-app-tasks textarea:focus,
.page-tasks .checkbox:focus,
.a9-app-tasks .checkbox:focus {
  border: 1px solid #ff79a9;
}
.page-tasks .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #ff79a9;
}
.page-tasks .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #ff79a9;
}
.page-tasks .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #ff79a9;
}
.page-tasks .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-tasks .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #ff79a9;
}
.page-tasks .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-tasks .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #ff79a9;
  background-color: #ffffff;
}
/* Competitions (Tomato blue) */
.page-tournaments,
.a9-app-tournaments {
  --a9-module-color: #4979B2;
}
.page-tournaments .clfa-categories .clfa-category.active,
.a9-app-tournaments .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #4979B2;
}
.page-tournaments .page-header .page-header-label,
.a9-app-tournaments .page-header .page-header-label {
  background-color: #4979B2;
}
.page-tournaments .page-header-component .page-header-component__label,
.a9-app-tournaments .page-header-component .page-header-component__label {
  background-color: #4979B2;
}
.page-tournaments .content-header-navigation .module-color-accent,
.a9-app-tournaments .content-header-navigation .module-color-accent {
  background-color: #4979B2;
}
.page-tournaments .awl-current-loader,
.a9-app-tournaments .awl-current-loader {
  border-top-color: #4979B2;
  border-bottom-color: #4979B2;
}
.page-tournaments .awl-button,
.a9-app-tournaments .awl-button,
.page-tournaments .button.ctrl,
.a9-app-tournaments .button.ctrl {
  background-color: #4979B2;
  color: #fff;
}
.page-tournaments .awl-button:hover,
.a9-app-tournaments .awl-button:hover,
.page-tournaments .button.ctrl:hover,
.a9-app-tournaments .button.ctrl:hover {
  background-color: #426da0;
}
.page-tournaments .awl-button:active,
.a9-app-tournaments .awl-button:active,
.page-tournaments .button.ctrl:active,
.a9-app-tournaments .button.ctrl:active,
.page-tournaments .awl-button.active,
.a9-app-tournaments .awl-button.active,
.page-tournaments .button.ctrl.active,
.a9-app-tournaments .button.ctrl.active {
  background-color: #3a618e;
}
.page-tournaments .awl-button:disabled,
.a9-app-tournaments .awl-button:disabled,
.page-tournaments .button.ctrl:disabled,
.a9-app-tournaments .button.ctrl:disabled {
  background-color: #92afd1;
}
.page-tournaments .awl-button.disabled,
.a9-app-tournaments .awl-button.disabled,
.page-tournaments .button.ctrl.disabled,
.a9-app-tournaments .button.ctrl.disabled {
  background-color: #92afd1;
}
.page-tournaments .awl-button.system,
.a9-app-tournaments .awl-button.system,
.page-tournaments .button.ctrl.system,
.a9-app-tournaments .button.ctrl.system {
  background: #969FB8;
}
.page-tournaments .awl-button.system:hover,
.a9-app-tournaments .awl-button.system:hover,
.page-tournaments .button.ctrl.system:hover,
.a9-app-tournaments .button.ctrl.system:hover {
  background-color: #556285;
}
.page-tournaments .awl-button.system:active,
.a9-app-tournaments .awl-button.system:active,
.page-tournaments .button.ctrl.system:active,
.a9-app-tournaments .button.ctrl.system:active {
  background-color: #4979B2;
}
.page-tournaments .awl-button.system.disabled,
.a9-app-tournaments .awl-button.system.disabled,
.page-tournaments .button.ctrl.system.disabled,
.a9-app-tournaments .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-tournaments .awl-button.secondary,
.a9-app-tournaments .awl-button.secondary,
.page-tournaments .button.ctrl.secondary,
.a9-app-tournaments .button.ctrl.secondary,
.page-tournaments .awl-button.system-contour,
.a9-app-tournaments .awl-button.system-contour,
.page-tournaments .button.ctrl.system-contour,
.a9-app-tournaments .button.ctrl.system-contour,
.page-tournaments .awl-button.cancel,
.a9-app-tournaments .awl-button.cancel,
.page-tournaments .button.ctrl.cancel,
.a9-app-tournaments .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-tournaments .awl-button.secondary:hover,
.a9-app-tournaments .awl-button.secondary:hover,
.page-tournaments .button.ctrl.secondary:hover,
.a9-app-tournaments .button.ctrl.secondary:hover,
.page-tournaments .awl-button.system-contour:hover,
.a9-app-tournaments .awl-button.system-contour:hover,
.page-tournaments .button.ctrl.system-contour:hover,
.a9-app-tournaments .button.ctrl.system-contour:hover,
.page-tournaments .awl-button.cancel:hover,
.a9-app-tournaments .awl-button.cancel:hover,
.page-tournaments .button.ctrl.cancel:hover,
.a9-app-tournaments .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-tournaments .awl-button.secondary:active,
.a9-app-tournaments .awl-button.secondary:active,
.page-tournaments .button.ctrl.secondary:active,
.a9-app-tournaments .button.ctrl.secondary:active,
.page-tournaments .awl-button.system-contour:active,
.a9-app-tournaments .awl-button.system-contour:active,
.page-tournaments .button.ctrl.system-contour:active,
.a9-app-tournaments .button.ctrl.system-contour:active,
.page-tournaments .awl-button.cancel:active,
.a9-app-tournaments .awl-button.cancel:active,
.page-tournaments .button.ctrl.cancel:active,
.a9-app-tournaments .button.ctrl.cancel:active {
  border-color: #4979B2;
  color: #4979B2;
}
.page-tournaments .awl-button.secondary[disabled],
.a9-app-tournaments .awl-button.secondary[disabled],
.page-tournaments .button.ctrl.secondary[disabled],
.a9-app-tournaments .button.ctrl.secondary[disabled],
.page-tournaments .awl-button.system-contour[disabled],
.a9-app-tournaments .awl-button.system-contour[disabled],
.page-tournaments .button.ctrl.system-contour[disabled],
.a9-app-tournaments .button.ctrl.system-contour[disabled],
.page-tournaments .awl-button.cancel[disabled],
.a9-app-tournaments .awl-button.cancel[disabled],
.page-tournaments .button.ctrl.cancel[disabled],
.a9-app-tournaments .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tournaments .awl-button.secondary.disabled,
.a9-app-tournaments .awl-button.secondary.disabled,
.page-tournaments .button.ctrl.secondary.disabled,
.a9-app-tournaments .button.ctrl.secondary.disabled,
.page-tournaments .awl-button.system-contour.disabled,
.a9-app-tournaments .awl-button.system-contour.disabled,
.page-tournaments .button.ctrl.system-contour.disabled,
.a9-app-tournaments .button.ctrl.system-contour.disabled,
.page-tournaments .awl-button.cancel.disabled,
.a9-app-tournaments .awl-button.cancel.disabled,
.page-tournaments .button.ctrl.cancel.disabled,
.a9-app-tournaments .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tournaments .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-tournaments .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-tournaments .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-tournaments .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-tournaments .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-tournaments .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-tournaments .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-tournaments .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-tournaments .secondary-button .awl-button,
.a9-app-tournaments .secondary-button .awl-button,
.page-tournaments .secondary-button .button.ctrl,
.a9-app-tournaments .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-tournaments .secondary-button .awl-button:hover,
.a9-app-tournaments .secondary-button .awl-button:hover,
.page-tournaments .secondary-button .button.ctrl:hover,
.a9-app-tournaments .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-tournaments .secondary-button .awl-button:active,
.a9-app-tournaments .secondary-button .awl-button:active,
.page-tournaments .secondary-button .button.ctrl:active,
.a9-app-tournaments .secondary-button .button.ctrl:active {
  border-color: #4979B2;
  color: #4979B2;
}
.page-tournaments .secondary-button .awl-button[disabled],
.a9-app-tournaments .secondary-button .awl-button[disabled],
.page-tournaments .secondary-button .button.ctrl[disabled],
.a9-app-tournaments .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tournaments .secondary-button .awl-button.disabled,
.a9-app-tournaments .secondary-button .awl-button.disabled,
.page-tournaments .secondary-button .button.ctrl.disabled,
.a9-app-tournaments .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-tournaments .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-tournaments .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #e4ebf3;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-tournaments .awl-app-bg.awl-app-bg,
.a9-app-tournaments .awl-app-bg.awl-app-bg {
  background-color: #4979B2;
  color: #fff;
}
.page-tournaments .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-tournaments .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #4979B2;
  color: #fff;
}
.page-tournaments .awl-app-color.awl-app-color,
.a9-app-tournaments .awl-app-color.awl-app-color {
  color: #4979B2;
}
.page-tournaments .awl-app-border-color.awl-app-border-color,
.a9-app-tournaments .awl-app-border-color.awl-app-border-color {
  border-color: #4979B2;
}
.page-tournaments .awl-app-contour.awl-app-contour,
.a9-app-tournaments .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #4979B2;
  border-color: #4979B2;
}
.page-tournaments .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-tournaments .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #4979B2;
  border-color: #4979B2;
}
.page-tournaments .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-tournaments .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #4979B2;
  border: 1px solid #4979B2;
}
.page-tournaments .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-tournaments .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-tournaments .awl-options-icon,
.a9-app-tournaments .awl-options-icon {
  background-color: #4979B2;
  color: #fff;
}
.page-tournaments .awl-tick.checked,
.a9-app-tournaments .awl-tick.checked,
.page-tournaments .checkbox.checked,
.a9-app-tournaments .checkbox.checked {
  background-color: #4979B2;
  border-color: #4979B2;
}
.page-tournaments .awl-tick.checked[type="radio"]::before,
.a9-app-tournaments .awl-tick.checked[type="radio"]::before,
.page-tournaments .checkbox.checked[type="radio"]::before,
.a9-app-tournaments .checkbox.checked[type="radio"]::before,
.page-tournaments .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-tournaments .awl-tick.checked[type="uncheckable-radio"]::before,
.page-tournaments .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-tournaments .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #4979B2;
}
.page-tournaments .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-tournaments .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-tournaments .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-tournaments .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #4979B2;
}
.page-tournaments .awl-datepick-block .day-current.day-current,
.a9-app-tournaments .awl-datepick-block .day-current.day-current {
  background-color: #4979B2;
}
.page-tournaments .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-tournaments .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #4979B2;
}
.page-tournaments .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-tournaments .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #4979B2;
}
.page-tournaments .awl-progress-bar-value,
.a9-app-tournaments .awl-progress-bar-value {
  background: #4979B2 !important;
}
.page-tournaments .agc-item-checked,
.a9-app-tournaments .agc-item-checked {
  border-color: #4979B2 !important;
}
.page-tournaments .themed-background,
.a9-app-tournaments .themed-background {
  background-color: #4979B2 !important;
}
.page-tournaments.themed-background-inline,
.a9-app-tournaments.themed-background-inline {
  background-color: #4979B2 !important;
}
.page-tournaments .themed-background-hover:hover,
.a9-app-tournaments .themed-background-hover:hover {
  background-color: #4979B2 !important;
  color: #ffffff !important;
}
.page-tournaments .themed-borders,
.a9-app-tournaments .themed-borders {
  border-color: #4979B2 !important;
}
.page-tournaments.themed-borders-inline,
.a9-app-tournaments.themed-borders-inline {
  border-color: #4979B2 !important;
}
.page-tournaments .themed-color,
.a9-app-tournaments .themed-color {
  color: #4979B2 !important;
}
.page-tournaments .themed-text-stroke,
.a9-app-tournaments .themed-text-stroke {
  text-shadow: -1px 0 #4979B2, 0 1px #4979B2, 1px 0 #4979B2, 0 -1px #4979B2 !important;
}
.page-tournaments .themed-focus-color:focus,
.a9-app-tournaments .themed-focus-color:focus {
  color: #4979B2;
}
.page-tournaments .themed-active-color:active,
.a9-app-tournaments .themed-active-color:active,
.page-tournaments .themed-active-color:hover,
.a9-app-tournaments .themed-active-color:hover {
  color: #4979B2;
}
.page-tournaments .themed-filled,
.a9-app-tournaments .themed-filled {
  background-color: #4979B2 !important;
  border-color: #4979B2 !important;
  color: #FFFFFF !important;
}
.page-tournaments .themed-svg-fill,
.a9-app-tournaments .themed-svg-fill {
  fill: #4979B2;
}
.page-tournaments .themed-disabled-background,
.a9-app-tournaments .themed-disabled-background {
  background-color: #92afd1;
}
.menu-item.tournaments .menu-title {
  background-color: #4979B2;
}
.tournaments .dropdown-menu.bottom-up {
  border-color: #4979B2;
}
.application-input-type-keyboard .page-tournaments .checkbox:focus,
.application-input-type-keyboard .a9-app-tournaments .checkbox:focus {
  box-shadow: 0 0 4px 1px #4979B2;
}
.application-input-type-keyboard .page-tournaments *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-tournaments *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-tournaments *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-tournaments *:focus.fs-child-custom {
  border: 1px solid #4979B2;
}
.application-input-type-keyboard .page-tournaments *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-tournaments *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #4979B2;
  box-shadow: 0 0 4px 1px #4979B2;
}
.page-tournaments input:focus,
.a9-app-tournaments input:focus,
.page-tournaments textarea:focus,
.a9-app-tournaments textarea:focus,
.page-tournaments .checkbox:focus,
.a9-app-tournaments .checkbox:focus {
  border: 1px solid #4979B2;
}
.page-tournaments .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #4979B2;
}
.page-tournaments .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #4979B2;
}
.page-tournaments .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #4979B2;
}
.page-tournaments .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-tournaments .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #4979B2;
}
.page-tournaments .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #d8e3ef;
}
.page-tournaments .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #4979B2;
  background-color: #ffffff;
}
.page-competition-statistics,
.a9-app-competition-statistics {
  --a9-module-color: #49AFB2;
}
.page-competition-statistics .clfa-categories .clfa-category.active,
.a9-app-competition-statistics .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #49AFB2;
}
.page-competition-statistics .page-header .page-header-label,
.a9-app-competition-statistics .page-header .page-header-label {
  background-color: #49AFB2;
}
.page-competition-statistics .page-header-component .page-header-component__label,
.a9-app-competition-statistics .page-header-component .page-header-component__label {
  background-color: #49AFB2;
}
.page-competition-statistics .content-header-navigation .module-color-accent,
.a9-app-competition-statistics .content-header-navigation .module-color-accent {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-current-loader,
.a9-app-competition-statistics .awl-current-loader {
  border-top-color: #49AFB2;
  border-bottom-color: #49AFB2;
}
.page-competition-statistics .awl-button,
.a9-app-competition-statistics .awl-button,
.page-competition-statistics .button.ctrl,
.a9-app-competition-statistics .button.ctrl {
  background-color: #49AFB2;
  color: #fff;
}
.page-competition-statistics .awl-button:hover,
.a9-app-competition-statistics .awl-button:hover,
.page-competition-statistics .button.ctrl:hover,
.a9-app-competition-statistics .button.ctrl:hover {
  background-color: #429ea0;
}
.page-competition-statistics .awl-button:active,
.a9-app-competition-statistics .awl-button:active,
.page-competition-statistics .button.ctrl:active,
.a9-app-competition-statistics .button.ctrl:active,
.page-competition-statistics .awl-button.active,
.a9-app-competition-statistics .awl-button.active,
.page-competition-statistics .button.ctrl.active,
.a9-app-competition-statistics .button.ctrl.active {
  background-color: #3a8c8e;
}
.page-competition-statistics .awl-button:disabled,
.a9-app-competition-statistics .awl-button:disabled,
.page-competition-statistics .button.ctrl:disabled,
.a9-app-competition-statistics .button.ctrl:disabled {
  background-color: #92cfd1;
}
.page-competition-statistics .awl-button.disabled,
.a9-app-competition-statistics .awl-button.disabled,
.page-competition-statistics .button.ctrl.disabled,
.a9-app-competition-statistics .button.ctrl.disabled {
  background-color: #92cfd1;
}
.page-competition-statistics .awl-button.system,
.a9-app-competition-statistics .awl-button.system,
.page-competition-statistics .button.ctrl.system,
.a9-app-competition-statistics .button.ctrl.system {
  background: #969FB8;
}
.page-competition-statistics .awl-button.system:hover,
.a9-app-competition-statistics .awl-button.system:hover,
.page-competition-statistics .button.ctrl.system:hover,
.a9-app-competition-statistics .button.ctrl.system:hover {
  background-color: #556285;
}
.page-competition-statistics .awl-button.system:active,
.a9-app-competition-statistics .awl-button.system:active,
.page-competition-statistics .button.ctrl.system:active,
.a9-app-competition-statistics .button.ctrl.system:active {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-button.system.disabled,
.a9-app-competition-statistics .awl-button.system.disabled,
.page-competition-statistics .button.ctrl.system.disabled,
.a9-app-competition-statistics .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-competition-statistics .awl-button.secondary,
.a9-app-competition-statistics .awl-button.secondary,
.page-competition-statistics .button.ctrl.secondary,
.a9-app-competition-statistics .button.ctrl.secondary,
.page-competition-statistics .awl-button.system-contour,
.a9-app-competition-statistics .awl-button.system-contour,
.page-competition-statistics .button.ctrl.system-contour,
.a9-app-competition-statistics .button.ctrl.system-contour,
.page-competition-statistics .awl-button.cancel,
.a9-app-competition-statistics .awl-button.cancel,
.page-competition-statistics .button.ctrl.cancel,
.a9-app-competition-statistics .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-competition-statistics .awl-button.secondary:hover,
.a9-app-competition-statistics .awl-button.secondary:hover,
.page-competition-statistics .button.ctrl.secondary:hover,
.a9-app-competition-statistics .button.ctrl.secondary:hover,
.page-competition-statistics .awl-button.system-contour:hover,
.a9-app-competition-statistics .awl-button.system-contour:hover,
.page-competition-statistics .button.ctrl.system-contour:hover,
.a9-app-competition-statistics .button.ctrl.system-contour:hover,
.page-competition-statistics .awl-button.cancel:hover,
.a9-app-competition-statistics .awl-button.cancel:hover,
.page-competition-statistics .button.ctrl.cancel:hover,
.a9-app-competition-statistics .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-competition-statistics .awl-button.secondary:active,
.a9-app-competition-statistics .awl-button.secondary:active,
.page-competition-statistics .button.ctrl.secondary:active,
.a9-app-competition-statistics .button.ctrl.secondary:active,
.page-competition-statistics .awl-button.system-contour:active,
.a9-app-competition-statistics .awl-button.system-contour:active,
.page-competition-statistics .button.ctrl.system-contour:active,
.a9-app-competition-statistics .button.ctrl.system-contour:active,
.page-competition-statistics .awl-button.cancel:active,
.a9-app-competition-statistics .awl-button.cancel:active,
.page-competition-statistics .button.ctrl.cancel:active,
.a9-app-competition-statistics .button.ctrl.cancel:active {
  border-color: #49AFB2;
  color: #49AFB2;
}
.page-competition-statistics .awl-button.secondary[disabled],
.a9-app-competition-statistics .awl-button.secondary[disabled],
.page-competition-statistics .button.ctrl.secondary[disabled],
.a9-app-competition-statistics .button.ctrl.secondary[disabled],
.page-competition-statistics .awl-button.system-contour[disabled],
.a9-app-competition-statistics .awl-button.system-contour[disabled],
.page-competition-statistics .button.ctrl.system-contour[disabled],
.a9-app-competition-statistics .button.ctrl.system-contour[disabled],
.page-competition-statistics .awl-button.cancel[disabled],
.a9-app-competition-statistics .awl-button.cancel[disabled],
.page-competition-statistics .button.ctrl.cancel[disabled],
.a9-app-competition-statistics .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-competition-statistics .awl-button.secondary.disabled,
.a9-app-competition-statistics .awl-button.secondary.disabled,
.page-competition-statistics .button.ctrl.secondary.disabled,
.a9-app-competition-statistics .button.ctrl.secondary.disabled,
.page-competition-statistics .awl-button.system-contour.disabled,
.a9-app-competition-statistics .awl-button.system-contour.disabled,
.page-competition-statistics .button.ctrl.system-contour.disabled,
.a9-app-competition-statistics .button.ctrl.system-contour.disabled,
.page-competition-statistics .awl-button.cancel.disabled,
.a9-app-competition-statistics .awl-button.cancel.disabled,
.page-competition-statistics .button.ctrl.cancel.disabled,
.a9-app-competition-statistics .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-competition-statistics .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-competition-statistics .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-competition-statistics .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-competition-statistics .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-competition-statistics .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-competition-statistics .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-competition-statistics .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-competition-statistics .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-competition-statistics .secondary-button .awl-button,
.a9-app-competition-statistics .secondary-button .awl-button,
.page-competition-statistics .secondary-button .button.ctrl,
.a9-app-competition-statistics .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-competition-statistics .secondary-button .awl-button:hover,
.a9-app-competition-statistics .secondary-button .awl-button:hover,
.page-competition-statistics .secondary-button .button.ctrl:hover,
.a9-app-competition-statistics .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-competition-statistics .secondary-button .awl-button:active,
.a9-app-competition-statistics .secondary-button .awl-button:active,
.page-competition-statistics .secondary-button .button.ctrl:active,
.a9-app-competition-statistics .secondary-button .button.ctrl:active {
  border-color: #49AFB2;
  color: #49AFB2;
}
.page-competition-statistics .secondary-button .awl-button[disabled],
.a9-app-competition-statistics .secondary-button .awl-button[disabled],
.page-competition-statistics .secondary-button .button.ctrl[disabled],
.a9-app-competition-statistics .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-competition-statistics .secondary-button .awl-button.disabled,
.a9-app-competition-statistics .secondary-button .awl-button.disabled,
.page-competition-statistics .secondary-button .button.ctrl.disabled,
.a9-app-competition-statistics .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-competition-statistics .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-competition-statistics .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #e4f3f3;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-competition-statistics .awl-app-bg.awl-app-bg,
.a9-app-competition-statistics .awl-app-bg.awl-app-bg {
  background-color: #49AFB2;
  color: #fff;
}
.page-competition-statistics .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-competition-statistics .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #49AFB2;
  color: #fff;
}
.page-competition-statistics .awl-app-color.awl-app-color,
.a9-app-competition-statistics .awl-app-color.awl-app-color {
  color: #49AFB2;
}
.page-competition-statistics .awl-app-border-color.awl-app-border-color,
.a9-app-competition-statistics .awl-app-border-color.awl-app-border-color {
  border-color: #49AFB2;
}
.page-competition-statistics .awl-app-contour.awl-app-contour,
.a9-app-competition-statistics .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #49AFB2;
  border-color: #49AFB2;
}
.page-competition-statistics .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-competition-statistics .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #49AFB2;
  border-color: #49AFB2;
}
.page-competition-statistics .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-competition-statistics .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #49AFB2;
  border: 1px solid #49AFB2;
}
.page-competition-statistics .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-competition-statistics .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-competition-statistics .awl-options-icon,
.a9-app-competition-statistics .awl-options-icon {
  background-color: #49AFB2;
  color: #fff;
}
.page-competition-statistics .awl-tick.checked,
.a9-app-competition-statistics .awl-tick.checked,
.page-competition-statistics .checkbox.checked,
.a9-app-competition-statistics .checkbox.checked {
  background-color: #49AFB2;
  border-color: #49AFB2;
}
.page-competition-statistics .awl-tick.checked[type="radio"]::before,
.a9-app-competition-statistics .awl-tick.checked[type="radio"]::before,
.page-competition-statistics .checkbox.checked[type="radio"]::before,
.a9-app-competition-statistics .checkbox.checked[type="radio"]::before,
.page-competition-statistics .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-competition-statistics .awl-tick.checked[type="uncheckable-radio"]::before,
.page-competition-statistics .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-competition-statistics .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-competition-statistics .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-competition-statistics .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-competition-statistics .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #49AFB2;
}
.page-competition-statistics .awl-datepick-block .day-current.day-current,
.a9-app-competition-statistics .awl-datepick-block .day-current.day-current {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-competition-statistics .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-competition-statistics .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #49AFB2;
}
.page-competition-statistics .awl-progress-bar-value,
.a9-app-competition-statistics .awl-progress-bar-value {
  background: #49AFB2 !important;
}
.page-competition-statistics .agc-item-checked,
.a9-app-competition-statistics .agc-item-checked {
  border-color: #49AFB2 !important;
}
.page-competition-statistics .themed-background,
.a9-app-competition-statistics .themed-background {
  background-color: #49AFB2 !important;
}
.page-competition-statistics.themed-background-inline,
.a9-app-competition-statistics.themed-background-inline {
  background-color: #49AFB2 !important;
}
.page-competition-statistics .themed-background-hover:hover,
.a9-app-competition-statistics .themed-background-hover:hover {
  background-color: #49AFB2 !important;
  color: #ffffff !important;
}
.page-competition-statistics .themed-borders,
.a9-app-competition-statistics .themed-borders {
  border-color: #49AFB2 !important;
}
.page-competition-statistics.themed-borders-inline,
.a9-app-competition-statistics.themed-borders-inline {
  border-color: #49AFB2 !important;
}
.page-competition-statistics .themed-color,
.a9-app-competition-statistics .themed-color {
  color: #49AFB2 !important;
}
.page-competition-statistics .themed-text-stroke,
.a9-app-competition-statistics .themed-text-stroke {
  text-shadow: -1px 0 #49AFB2, 0 1px #49AFB2, 1px 0 #49AFB2, 0 -1px #49AFB2 !important;
}
.page-competition-statistics .themed-focus-color:focus,
.a9-app-competition-statistics .themed-focus-color:focus {
  color: #49AFB2;
}
.page-competition-statistics .themed-active-color:active,
.a9-app-competition-statistics .themed-active-color:active,
.page-competition-statistics .themed-active-color:hover,
.a9-app-competition-statistics .themed-active-color:hover {
  color: #49AFB2;
}
.page-competition-statistics .themed-filled,
.a9-app-competition-statistics .themed-filled {
  background-color: #49AFB2 !important;
  border-color: #49AFB2 !important;
  color: #FFFFFF !important;
}
.page-competition-statistics .themed-svg-fill,
.a9-app-competition-statistics .themed-svg-fill {
  fill: #49AFB2;
}
.page-competition-statistics .themed-disabled-background,
.a9-app-competition-statistics .themed-disabled-background {
  background-color: #92cfd1;
}
.menu-item.competition-statistics .menu-title {
  background-color: #49AFB2;
}
.competition-statistics .dropdown-menu.bottom-up {
  border-color: #49AFB2;
}
.application-input-type-keyboard .page-competition-statistics .checkbox:focus,
.application-input-type-keyboard .a9-app-competition-statistics .checkbox:focus {
  box-shadow: 0 0 4px 1px #49AFB2;
}
.application-input-type-keyboard .page-competition-statistics *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-competition-statistics *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-competition-statistics *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-competition-statistics *:focus.fs-child-custom {
  border: 1px solid #49AFB2;
}
.application-input-type-keyboard .page-competition-statistics *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-competition-statistics *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #49AFB2;
  box-shadow: 0 0 4px 1px #49AFB2;
}
.page-competition-statistics input:focus,
.a9-app-competition-statistics input:focus,
.page-competition-statistics textarea:focus,
.a9-app-competition-statistics textarea:focus,
.page-competition-statistics .checkbox:focus,
.a9-app-competition-statistics .checkbox:focus {
  border: 1px solid #49AFB2;
}
.page-competition-statistics .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #49AFB2;
}
.page-competition-statistics .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #49AFB2;
}
.page-competition-statistics .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #49AFB2;
}
.page-competition-statistics .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-competition-statistics .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #49AFB2;
}
.page-competition-statistics .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #d8eeef;
}
.page-competition-statistics .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #49AFB2;
  background-color: #ffffff;
}
.page-golftv,
.a9-app-golftv {
  --a9-module-color: #B0D900;
}
.page-golftv .clfa-categories .clfa-category.active,
.a9-app-golftv .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #B0D900;
}
.page-golftv .page-header .page-header-label,
.a9-app-golftv .page-header .page-header-label {
  background-color: #B0D900;
}
.page-golftv .page-header-component .page-header-component__label,
.a9-app-golftv .page-header-component .page-header-component__label {
  background-color: #B0D900;
}
.page-golftv .content-header-navigation .module-color-accent,
.a9-app-golftv .content-header-navigation .module-color-accent {
  background-color: #B0D900;
}
.page-golftv .awl-current-loader,
.a9-app-golftv .awl-current-loader {
  border-top-color: #B0D900;
  border-bottom-color: #B0D900;
}
.page-golftv .awl-button,
.a9-app-golftv .awl-button,
.page-golftv .button.ctrl,
.a9-app-golftv .button.ctrl {
  background-color: #B0D900;
  color: #fff;
}
.page-golftv .awl-button:hover,
.a9-app-golftv .awl-button:hover,
.page-golftv .button.ctrl:hover,
.a9-app-golftv .button.ctrl:hover {
  background-color: #9ec300;
}
.page-golftv .awl-button:active,
.a9-app-golftv .awl-button:active,
.page-golftv .button.ctrl:active,
.a9-app-golftv .button.ctrl:active,
.page-golftv .awl-button.active,
.a9-app-golftv .awl-button.active,
.page-golftv .button.ctrl.active,
.a9-app-golftv .button.ctrl.active {
  background-color: #8dae00;
}
.page-golftv .awl-button:disabled,
.a9-app-golftv .awl-button:disabled,
.page-golftv .button.ctrl:disabled,
.a9-app-golftv .button.ctrl:disabled {
  background-color: #d0e866;
}
.page-golftv .awl-button.disabled,
.a9-app-golftv .awl-button.disabled,
.page-golftv .button.ctrl.disabled,
.a9-app-golftv .button.ctrl.disabled {
  background-color: #d0e866;
}
.page-golftv .awl-button.system,
.a9-app-golftv .awl-button.system,
.page-golftv .button.ctrl.system,
.a9-app-golftv .button.ctrl.system {
  background: #969FB8;
}
.page-golftv .awl-button.system:hover,
.a9-app-golftv .awl-button.system:hover,
.page-golftv .button.ctrl.system:hover,
.a9-app-golftv .button.ctrl.system:hover {
  background-color: #556285;
}
.page-golftv .awl-button.system:active,
.a9-app-golftv .awl-button.system:active,
.page-golftv .button.ctrl.system:active,
.a9-app-golftv .button.ctrl.system:active {
  background-color: #B0D900;
}
.page-golftv .awl-button.system.disabled,
.a9-app-golftv .awl-button.system.disabled,
.page-golftv .button.ctrl.system.disabled,
.a9-app-golftv .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-golftv .awl-button.secondary,
.a9-app-golftv .awl-button.secondary,
.page-golftv .button.ctrl.secondary,
.a9-app-golftv .button.ctrl.secondary,
.page-golftv .awl-button.system-contour,
.a9-app-golftv .awl-button.system-contour,
.page-golftv .button.ctrl.system-contour,
.a9-app-golftv .button.ctrl.system-contour,
.page-golftv .awl-button.cancel,
.a9-app-golftv .awl-button.cancel,
.page-golftv .button.ctrl.cancel,
.a9-app-golftv .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-golftv .awl-button.secondary:hover,
.a9-app-golftv .awl-button.secondary:hover,
.page-golftv .button.ctrl.secondary:hover,
.a9-app-golftv .button.ctrl.secondary:hover,
.page-golftv .awl-button.system-contour:hover,
.a9-app-golftv .awl-button.system-contour:hover,
.page-golftv .button.ctrl.system-contour:hover,
.a9-app-golftv .button.ctrl.system-contour:hover,
.page-golftv .awl-button.cancel:hover,
.a9-app-golftv .awl-button.cancel:hover,
.page-golftv .button.ctrl.cancel:hover,
.a9-app-golftv .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-golftv .awl-button.secondary:active,
.a9-app-golftv .awl-button.secondary:active,
.page-golftv .button.ctrl.secondary:active,
.a9-app-golftv .button.ctrl.secondary:active,
.page-golftv .awl-button.system-contour:active,
.a9-app-golftv .awl-button.system-contour:active,
.page-golftv .button.ctrl.system-contour:active,
.a9-app-golftv .button.ctrl.system-contour:active,
.page-golftv .awl-button.cancel:active,
.a9-app-golftv .awl-button.cancel:active,
.page-golftv .button.ctrl.cancel:active,
.a9-app-golftv .button.ctrl.cancel:active {
  border-color: #B0D900;
  color: #B0D900;
}
.page-golftv .awl-button.secondary[disabled],
.a9-app-golftv .awl-button.secondary[disabled],
.page-golftv .button.ctrl.secondary[disabled],
.a9-app-golftv .button.ctrl.secondary[disabled],
.page-golftv .awl-button.system-contour[disabled],
.a9-app-golftv .awl-button.system-contour[disabled],
.page-golftv .button.ctrl.system-contour[disabled],
.a9-app-golftv .button.ctrl.system-contour[disabled],
.page-golftv .awl-button.cancel[disabled],
.a9-app-golftv .awl-button.cancel[disabled],
.page-golftv .button.ctrl.cancel[disabled],
.a9-app-golftv .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-golftv .awl-button.secondary.disabled,
.a9-app-golftv .awl-button.secondary.disabled,
.page-golftv .button.ctrl.secondary.disabled,
.a9-app-golftv .button.ctrl.secondary.disabled,
.page-golftv .awl-button.system-contour.disabled,
.a9-app-golftv .awl-button.system-contour.disabled,
.page-golftv .button.ctrl.system-contour.disabled,
.a9-app-golftv .button.ctrl.system-contour.disabled,
.page-golftv .awl-button.cancel.disabled,
.a9-app-golftv .awl-button.cancel.disabled,
.page-golftv .button.ctrl.cancel.disabled,
.a9-app-golftv .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-golftv .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-golftv .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-golftv .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-golftv .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-golftv .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-golftv .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-golftv .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-golftv .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-golftv .secondary-button .awl-button,
.a9-app-golftv .secondary-button .awl-button,
.page-golftv .secondary-button .button.ctrl,
.a9-app-golftv .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-golftv .secondary-button .awl-button:hover,
.a9-app-golftv .secondary-button .awl-button:hover,
.page-golftv .secondary-button .button.ctrl:hover,
.a9-app-golftv .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-golftv .secondary-button .awl-button:active,
.a9-app-golftv .secondary-button .awl-button:active,
.page-golftv .secondary-button .button.ctrl:active,
.a9-app-golftv .secondary-button .button.ctrl:active {
  border-color: #B0D900;
  color: #B0D900;
}
.page-golftv .secondary-button .awl-button[disabled],
.a9-app-golftv .secondary-button .awl-button[disabled],
.page-golftv .secondary-button .button.ctrl[disabled],
.a9-app-golftv .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-golftv .secondary-button .awl-button.disabled,
.a9-app-golftv .secondary-button .awl-button.disabled,
.page-golftv .secondary-button .button.ctrl.disabled,
.a9-app-golftv .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-golftv .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-golftv .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #f3f9d9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-golftv .awl-app-bg.awl-app-bg,
.a9-app-golftv .awl-app-bg.awl-app-bg {
  background-color: #B0D900;
  color: #fff;
}
.page-golftv .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-golftv .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #B0D900;
  color: #fff;
}
.page-golftv .awl-app-color.awl-app-color,
.a9-app-golftv .awl-app-color.awl-app-color {
  color: #B0D900;
}
.page-golftv .awl-app-border-color.awl-app-border-color,
.a9-app-golftv .awl-app-border-color.awl-app-border-color {
  border-color: #B0D900;
}
.page-golftv .awl-app-contour.awl-app-contour,
.a9-app-golftv .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #B0D900;
  border-color: #B0D900;
}
.page-golftv .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-golftv .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #B0D900;
  border-color: #B0D900;
}
.page-golftv .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-golftv .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #B0D900;
  border: 1px solid #B0D900;
}
.page-golftv .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-golftv .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-golftv .awl-options-icon,
.a9-app-golftv .awl-options-icon {
  background-color: #B0D900;
  color: #fff;
}
.page-golftv .awl-tick.checked,
.a9-app-golftv .awl-tick.checked,
.page-golftv .checkbox.checked,
.a9-app-golftv .checkbox.checked {
  background-color: #B0D900;
  border-color: #B0D900;
}
.page-golftv .awl-tick.checked[type="radio"]::before,
.a9-app-golftv .awl-tick.checked[type="radio"]::before,
.page-golftv .checkbox.checked[type="radio"]::before,
.a9-app-golftv .checkbox.checked[type="radio"]::before,
.page-golftv .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-golftv .awl-tick.checked[type="uncheckable-radio"]::before,
.page-golftv .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-golftv .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #B0D900;
}
.page-golftv .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-golftv .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-golftv .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-golftv .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #B0D900;
}
.page-golftv .awl-datepick-block .day-current.day-current,
.a9-app-golftv .awl-datepick-block .day-current.day-current {
  background-color: #B0D900;
}
.page-golftv .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-golftv .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #B0D900;
}
.page-golftv .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-golftv .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #B0D900;
}
.page-golftv .awl-progress-bar-value,
.a9-app-golftv .awl-progress-bar-value {
  background: #B0D900 !important;
}
.page-golftv .agc-item-checked,
.a9-app-golftv .agc-item-checked {
  border-color: #B0D900 !important;
}
.page-golftv .themed-background,
.a9-app-golftv .themed-background {
  background-color: #B0D900 !important;
}
.page-golftv.themed-background-inline,
.a9-app-golftv.themed-background-inline {
  background-color: #B0D900 !important;
}
.page-golftv .themed-background-hover:hover,
.a9-app-golftv .themed-background-hover:hover {
  background-color: #B0D900 !important;
  color: #ffffff !important;
}
.page-golftv .themed-borders,
.a9-app-golftv .themed-borders {
  border-color: #B0D900 !important;
}
.page-golftv.themed-borders-inline,
.a9-app-golftv.themed-borders-inline {
  border-color: #B0D900 !important;
}
.page-golftv .themed-color,
.a9-app-golftv .themed-color {
  color: #B0D900 !important;
}
.page-golftv .themed-text-stroke,
.a9-app-golftv .themed-text-stroke {
  text-shadow: -1px 0 #B0D900, 0 1px #B0D900, 1px 0 #B0D900, 0 -1px #B0D900 !important;
}
.page-golftv .themed-focus-color:focus,
.a9-app-golftv .themed-focus-color:focus {
  color: #B0D900;
}
.page-golftv .themed-active-color:active,
.a9-app-golftv .themed-active-color:active,
.page-golftv .themed-active-color:hover,
.a9-app-golftv .themed-active-color:hover {
  color: #B0D900;
}
.page-golftv .themed-filled,
.a9-app-golftv .themed-filled {
  background-color: #B0D900 !important;
  border-color: #B0D900 !important;
  color: #FFFFFF !important;
}
.page-golftv .themed-svg-fill,
.a9-app-golftv .themed-svg-fill {
  fill: #B0D900;
}
.page-golftv .themed-disabled-background,
.a9-app-golftv .themed-disabled-background {
  background-color: #d0e866;
}
.menu-item.golftv .menu-title {
  background-color: #B0D900;
}
.golftv .dropdown-menu.bottom-up {
  border-color: #B0D900;
}
.application-input-type-keyboard .page-golftv .checkbox:focus,
.application-input-type-keyboard .a9-app-golftv .checkbox:focus {
  box-shadow: 0 0 4px 1px #B0D900;
}
.application-input-type-keyboard .page-golftv *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-golftv *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-golftv *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-golftv *:focus.fs-child-custom {
  border: 1px solid #B0D900;
}
.application-input-type-keyboard .page-golftv *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-golftv *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #B0D900;
  box-shadow: 0 0 4px 1px #B0D900;
}
.page-golftv input:focus,
.a9-app-golftv input:focus,
.page-golftv textarea:focus,
.a9-app-golftv textarea:focus,
.page-golftv .checkbox:focus,
.a9-app-golftv .checkbox:focus {
  border: 1px solid #B0D900;
}
.page-golftv .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #B0D900;
}
.page-golftv .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #B0D900;
}
.page-golftv .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #B0D900;
}
.page-golftv .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-golftv .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #B0D900;
}
.page-golftv .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #eeffa6;
}
.page-golftv .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #B0D900;
  background-color: #ffffff;
}
/* POS (Blue & Green) */
.page-pos,
.a9-app-pos {
  --a9-module-color: #5386d5;
}
.page-pos .clfa-categories .clfa-category.active,
.a9-app-pos .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #5386d5;
}
.page-pos .page-header .page-header-label,
.a9-app-pos .page-header .page-header-label {
  background-color: #5386d5;
}
.page-pos .page-header-component .page-header-component__label,
.a9-app-pos .page-header-component .page-header-component__label {
  background-color: #5386d5;
}
.page-pos .content-header-navigation .module-color-accent,
.a9-app-pos .content-header-navigation .module-color-accent {
  background-color: #5386d5;
}
.page-pos .awl-current-loader,
.a9-app-pos .awl-current-loader {
  border-top-color: #5386d5;
  border-bottom-color: #5386d5;
}
.page-pos .awl-button,
.a9-app-pos .awl-button,
.page-pos .button.ctrl,
.a9-app-pos .button.ctrl {
  background-color: #5386d5;
  color: #fff;
}
.page-pos .awl-button:hover,
.a9-app-pos .awl-button:hover,
.page-pos .button.ctrl:hover,
.a9-app-pos .button.ctrl:hover {
  background-color: #4b79c0;
}
.page-pos .awl-button:active,
.a9-app-pos .awl-button:active,
.page-pos .button.ctrl:active,
.a9-app-pos .button.ctrl:active,
.page-pos .awl-button.active,
.a9-app-pos .awl-button.active,
.page-pos .button.ctrl.active,
.a9-app-pos .button.ctrl.active {
  background-color: #426baa;
}
.page-pos .awl-button:disabled,
.a9-app-pos .awl-button:disabled,
.page-pos .button.ctrl:disabled,
.a9-app-pos .button.ctrl:disabled {
  background-color: #98b6e6;
}
.page-pos .awl-button.disabled,
.a9-app-pos .awl-button.disabled,
.page-pos .button.ctrl.disabled,
.a9-app-pos .button.ctrl.disabled {
  background-color: #98b6e6;
}
.page-pos .awl-button.system,
.a9-app-pos .awl-button.system,
.page-pos .button.ctrl.system,
.a9-app-pos .button.ctrl.system {
  background: #969FB8;
}
.page-pos .awl-button.system:hover,
.a9-app-pos .awl-button.system:hover,
.page-pos .button.ctrl.system:hover,
.a9-app-pos .button.ctrl.system:hover {
  background-color: #556285;
}
.page-pos .awl-button.system:active,
.a9-app-pos .awl-button.system:active,
.page-pos .button.ctrl.system:active,
.a9-app-pos .button.ctrl.system:active {
  background-color: #5386d5;
}
.page-pos .awl-button.system.disabled,
.a9-app-pos .awl-button.system.disabled,
.page-pos .button.ctrl.system.disabled,
.a9-app-pos .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-pos .awl-button.secondary,
.a9-app-pos .awl-button.secondary,
.page-pos .button.ctrl.secondary,
.a9-app-pos .button.ctrl.secondary,
.page-pos .awl-button.system-contour,
.a9-app-pos .awl-button.system-contour,
.page-pos .button.ctrl.system-contour,
.a9-app-pos .button.ctrl.system-contour,
.page-pos .awl-button.cancel,
.a9-app-pos .awl-button.cancel,
.page-pos .button.ctrl.cancel,
.a9-app-pos .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-pos .awl-button.secondary:hover,
.a9-app-pos .awl-button.secondary:hover,
.page-pos .button.ctrl.secondary:hover,
.a9-app-pos .button.ctrl.secondary:hover,
.page-pos .awl-button.system-contour:hover,
.a9-app-pos .awl-button.system-contour:hover,
.page-pos .button.ctrl.system-contour:hover,
.a9-app-pos .button.ctrl.system-contour:hover,
.page-pos .awl-button.cancel:hover,
.a9-app-pos .awl-button.cancel:hover,
.page-pos .button.ctrl.cancel:hover,
.a9-app-pos .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-pos .awl-button.secondary:active,
.a9-app-pos .awl-button.secondary:active,
.page-pos .button.ctrl.secondary:active,
.a9-app-pos .button.ctrl.secondary:active,
.page-pos .awl-button.system-contour:active,
.a9-app-pos .awl-button.system-contour:active,
.page-pos .button.ctrl.system-contour:active,
.a9-app-pos .button.ctrl.system-contour:active,
.page-pos .awl-button.cancel:active,
.a9-app-pos .awl-button.cancel:active,
.page-pos .button.ctrl.cancel:active,
.a9-app-pos .button.ctrl.cancel:active {
  border-color: #5386d5;
  color: #5386d5;
}
.page-pos .awl-button.secondary[disabled],
.a9-app-pos .awl-button.secondary[disabled],
.page-pos .button.ctrl.secondary[disabled],
.a9-app-pos .button.ctrl.secondary[disabled],
.page-pos .awl-button.system-contour[disabled],
.a9-app-pos .awl-button.system-contour[disabled],
.page-pos .button.ctrl.system-contour[disabled],
.a9-app-pos .button.ctrl.system-contour[disabled],
.page-pos .awl-button.cancel[disabled],
.a9-app-pos .awl-button.cancel[disabled],
.page-pos .button.ctrl.cancel[disabled],
.a9-app-pos .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-pos .awl-button.secondary.disabled,
.a9-app-pos .awl-button.secondary.disabled,
.page-pos .button.ctrl.secondary.disabled,
.a9-app-pos .button.ctrl.secondary.disabled,
.page-pos .awl-button.system-contour.disabled,
.a9-app-pos .awl-button.system-contour.disabled,
.page-pos .button.ctrl.system-contour.disabled,
.a9-app-pos .button.ctrl.system-contour.disabled,
.page-pos .awl-button.cancel.disabled,
.a9-app-pos .awl-button.cancel.disabled,
.page-pos .button.ctrl.cancel.disabled,
.a9-app-pos .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-pos .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-pos .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-pos .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-pos .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-pos .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-pos .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-pos .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-pos .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-pos .secondary-button .awl-button,
.a9-app-pos .secondary-button .awl-button,
.page-pos .secondary-button .button.ctrl,
.a9-app-pos .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-pos .secondary-button .awl-button:hover,
.a9-app-pos .secondary-button .awl-button:hover,
.page-pos .secondary-button .button.ctrl:hover,
.a9-app-pos .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-pos .secondary-button .awl-button:active,
.a9-app-pos .secondary-button .awl-button:active,
.page-pos .secondary-button .button.ctrl:active,
.a9-app-pos .secondary-button .button.ctrl:active {
  border-color: #5386d5;
  color: #5386d5;
}
.page-pos .secondary-button .awl-button[disabled],
.a9-app-pos .secondary-button .awl-button[disabled],
.page-pos .secondary-button .button.ctrl[disabled],
.a9-app-pos .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-pos .secondary-button .awl-button.disabled,
.a9-app-pos .secondary-button .awl-button.disabled,
.page-pos .secondary-button .button.ctrl.disabled,
.a9-app-pos .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-pos .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-pos .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #e5edf9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-pos .awl-app-bg.awl-app-bg,
.a9-app-pos .awl-app-bg.awl-app-bg {
  background-color: #5386d5;
  color: #fff;
}
.page-pos .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-pos .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #5386d5;
  color: #fff;
}
.page-pos .awl-app-color.awl-app-color,
.a9-app-pos .awl-app-color.awl-app-color {
  color: #5386d5;
}
.page-pos .awl-app-border-color.awl-app-border-color,
.a9-app-pos .awl-app-border-color.awl-app-border-color {
  border-color: #5386d5;
}
.page-pos .awl-app-contour.awl-app-contour,
.a9-app-pos .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #5386d5;
  border-color: #5386d5;
}
.page-pos .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-pos .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #5386d5;
  border-color: #5386d5;
}
.page-pos .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-pos .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #5386d5;
  border: 1px solid #5386d5;
}
.page-pos .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-pos .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-pos .awl-options-icon,
.a9-app-pos .awl-options-icon {
  background-color: #5386d5;
  color: #fff;
}
.page-pos .awl-tick.checked,
.a9-app-pos .awl-tick.checked,
.page-pos .checkbox.checked,
.a9-app-pos .checkbox.checked {
  background-color: #5386d5;
  border-color: #5386d5;
}
.page-pos .awl-tick.checked[type="radio"]::before,
.a9-app-pos .awl-tick.checked[type="radio"]::before,
.page-pos .checkbox.checked[type="radio"]::before,
.a9-app-pos .checkbox.checked[type="radio"]::before,
.page-pos .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-pos .awl-tick.checked[type="uncheckable-radio"]::before,
.page-pos .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-pos .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #5386d5;
}
.page-pos .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-pos .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-pos .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-pos .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #5386d5;
}
.page-pos .awl-datepick-block .day-current.day-current,
.a9-app-pos .awl-datepick-block .day-current.day-current {
  background-color: #5386d5;
}
.page-pos .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-pos .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #5386d5;
}
.page-pos .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-pos .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #5386d5;
}
.page-pos .awl-progress-bar-value,
.a9-app-pos .awl-progress-bar-value {
  background: #5386d5 !important;
}
.page-pos .agc-item-checked,
.a9-app-pos .agc-item-checked {
  border-color: #5386d5 !important;
}
.page-pos .themed-background,
.a9-app-pos .themed-background {
  background-color: #5386d5 !important;
}
.page-pos.themed-background-inline,
.a9-app-pos.themed-background-inline {
  background-color: #5386d5 !important;
}
.page-pos .themed-background-hover:hover,
.a9-app-pos .themed-background-hover:hover {
  background-color: #5386d5 !important;
  color: #ffffff !important;
}
.page-pos .themed-borders,
.a9-app-pos .themed-borders {
  border-color: #5386d5 !important;
}
.page-pos.themed-borders-inline,
.a9-app-pos.themed-borders-inline {
  border-color: #5386d5 !important;
}
.page-pos .themed-color,
.a9-app-pos .themed-color {
  color: #5386d5 !important;
}
.page-pos .themed-text-stroke,
.a9-app-pos .themed-text-stroke {
  text-shadow: -1px 0 #5386d5, 0 1px #5386d5, 1px 0 #5386d5, 0 -1px #5386d5 !important;
}
.page-pos .themed-focus-color:focus,
.a9-app-pos .themed-focus-color:focus {
  color: #5386d5;
}
.page-pos .themed-active-color:active,
.a9-app-pos .themed-active-color:active,
.page-pos .themed-active-color:hover,
.a9-app-pos .themed-active-color:hover {
  color: #5386d5;
}
.page-pos .themed-filled,
.a9-app-pos .themed-filled {
  background-color: #5386d5 !important;
  border-color: #5386d5 !important;
  color: #FFFFFF !important;
}
.page-pos .themed-svg-fill,
.a9-app-pos .themed-svg-fill {
  fill: #5386d5;
}
.page-pos .themed-disabled-background,
.a9-app-pos .themed-disabled-background {
  background-color: #98b6e6;
}
.menu-item.pos .menu-title {
  background-color: #5386d5;
}
.pos .dropdown-menu.bottom-up {
  border-color: #5386d5;
}
.application-input-type-keyboard .page-pos .checkbox:focus,
.application-input-type-keyboard .a9-app-pos .checkbox:focus {
  box-shadow: 0 0 4px 1px #5386d5;
}
.application-input-type-keyboard .page-pos *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-pos *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-pos *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-pos *:focus.fs-child-custom {
  border: 1px solid #5386d5;
}
.application-input-type-keyboard .page-pos *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-pos *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #5386d5;
  box-shadow: 0 0 4px 1px #5386d5;
}
.page-pos input:focus,
.a9-app-pos input:focus,
.page-pos textarea:focus,
.a9-app-pos textarea:focus,
.page-pos .checkbox:focus,
.a9-app-pos .checkbox:focus {
  border: 1px solid #5386d5;
}
.page-pos .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #5386d5;
}
.page-pos .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #5386d5;
}
.page-pos .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #5386d5;
}
.page-pos .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-pos .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #5386d5;
}
.page-pos .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #f7f9fd;
}
.page-pos .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #5386d5;
  background-color: #ffffff;
}
.page-restaurant,
.a9-app-restaurant {
  --a9-module-color: #5cc6f3;
}
.page-restaurant .clfa-categories .clfa-category.active,
.a9-app-restaurant .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #5cc6f3;
}
.page-restaurant .page-header .page-header-label,
.a9-app-restaurant .page-header .page-header-label {
  background-color: #5cc6f3;
}
.page-restaurant .page-header-component .page-header-component__label,
.a9-app-restaurant .page-header-component .page-header-component__label {
  background-color: #5cc6f3;
}
.page-restaurant .content-header-navigation .module-color-accent,
.a9-app-restaurant .content-header-navigation .module-color-accent {
  background-color: #5cc6f3;
}
.page-restaurant .awl-current-loader,
.a9-app-restaurant .awl-current-loader {
  border-top-color: #5cc6f3;
  border-bottom-color: #5cc6f3;
}
.page-restaurant .awl-button,
.a9-app-restaurant .awl-button,
.page-restaurant .button.ctrl,
.a9-app-restaurant .button.ctrl {
  background-color: #5cc6f3;
  color: #fff;
}
.page-restaurant .awl-button:hover,
.a9-app-restaurant .awl-button:hover,
.page-restaurant .button.ctrl:hover,
.a9-app-restaurant .button.ctrl:hover {
  background-color: #53b2db;
}
.page-restaurant .awl-button:active,
.a9-app-restaurant .awl-button:active,
.page-restaurant .button.ctrl:active,
.a9-app-restaurant .button.ctrl:active,
.page-restaurant .awl-button.active,
.a9-app-restaurant .awl-button.active,
.page-restaurant .button.ctrl.active,
.a9-app-restaurant .button.ctrl.active {
  background-color: #4a9ec2;
}
.page-restaurant .awl-button:disabled,
.a9-app-restaurant .awl-button:disabled,
.page-restaurant .button.ctrl:disabled,
.a9-app-restaurant .button.ctrl:disabled {
  background-color: #9dddf8;
}
.page-restaurant .awl-button.disabled,
.a9-app-restaurant .awl-button.disabled,
.page-restaurant .button.ctrl.disabled,
.a9-app-restaurant .button.ctrl.disabled {
  background-color: #9dddf8;
}
.page-restaurant .awl-button.system,
.a9-app-restaurant .awl-button.system,
.page-restaurant .button.ctrl.system,
.a9-app-restaurant .button.ctrl.system {
  background: #969FB8;
}
.page-restaurant .awl-button.system:hover,
.a9-app-restaurant .awl-button.system:hover,
.page-restaurant .button.ctrl.system:hover,
.a9-app-restaurant .button.ctrl.system:hover {
  background-color: #556285;
}
.page-restaurant .awl-button.system:active,
.a9-app-restaurant .awl-button.system:active,
.page-restaurant .button.ctrl.system:active,
.a9-app-restaurant .button.ctrl.system:active {
  background-color: #5cc6f3;
}
.page-restaurant .awl-button.system.disabled,
.a9-app-restaurant .awl-button.system.disabled,
.page-restaurant .button.ctrl.system.disabled,
.a9-app-restaurant .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-restaurant .awl-button.secondary,
.a9-app-restaurant .awl-button.secondary,
.page-restaurant .button.ctrl.secondary,
.a9-app-restaurant .button.ctrl.secondary,
.page-restaurant .awl-button.system-contour,
.a9-app-restaurant .awl-button.system-contour,
.page-restaurant .button.ctrl.system-contour,
.a9-app-restaurant .button.ctrl.system-contour,
.page-restaurant .awl-button.cancel,
.a9-app-restaurant .awl-button.cancel,
.page-restaurant .button.ctrl.cancel,
.a9-app-restaurant .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-restaurant .awl-button.secondary:hover,
.a9-app-restaurant .awl-button.secondary:hover,
.page-restaurant .button.ctrl.secondary:hover,
.a9-app-restaurant .button.ctrl.secondary:hover,
.page-restaurant .awl-button.system-contour:hover,
.a9-app-restaurant .awl-button.system-contour:hover,
.page-restaurant .button.ctrl.system-contour:hover,
.a9-app-restaurant .button.ctrl.system-contour:hover,
.page-restaurant .awl-button.cancel:hover,
.a9-app-restaurant .awl-button.cancel:hover,
.page-restaurant .button.ctrl.cancel:hover,
.a9-app-restaurant .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-restaurant .awl-button.secondary:active,
.a9-app-restaurant .awl-button.secondary:active,
.page-restaurant .button.ctrl.secondary:active,
.a9-app-restaurant .button.ctrl.secondary:active,
.page-restaurant .awl-button.system-contour:active,
.a9-app-restaurant .awl-button.system-contour:active,
.page-restaurant .button.ctrl.system-contour:active,
.a9-app-restaurant .button.ctrl.system-contour:active,
.page-restaurant .awl-button.cancel:active,
.a9-app-restaurant .awl-button.cancel:active,
.page-restaurant .button.ctrl.cancel:active,
.a9-app-restaurant .button.ctrl.cancel:active {
  border-color: #5cc6f3;
  color: #5cc6f3;
}
.page-restaurant .awl-button.secondary[disabled],
.a9-app-restaurant .awl-button.secondary[disabled],
.page-restaurant .button.ctrl.secondary[disabled],
.a9-app-restaurant .button.ctrl.secondary[disabled],
.page-restaurant .awl-button.system-contour[disabled],
.a9-app-restaurant .awl-button.system-contour[disabled],
.page-restaurant .button.ctrl.system-contour[disabled],
.a9-app-restaurant .button.ctrl.system-contour[disabled],
.page-restaurant .awl-button.cancel[disabled],
.a9-app-restaurant .awl-button.cancel[disabled],
.page-restaurant .button.ctrl.cancel[disabled],
.a9-app-restaurant .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-restaurant .awl-button.secondary.disabled,
.a9-app-restaurant .awl-button.secondary.disabled,
.page-restaurant .button.ctrl.secondary.disabled,
.a9-app-restaurant .button.ctrl.secondary.disabled,
.page-restaurant .awl-button.system-contour.disabled,
.a9-app-restaurant .awl-button.system-contour.disabled,
.page-restaurant .button.ctrl.system-contour.disabled,
.a9-app-restaurant .button.ctrl.system-contour.disabled,
.page-restaurant .awl-button.cancel.disabled,
.a9-app-restaurant .awl-button.cancel.disabled,
.page-restaurant .button.ctrl.cancel.disabled,
.a9-app-restaurant .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-restaurant .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-restaurant .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-restaurant .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-restaurant .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-restaurant .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-restaurant .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-restaurant .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-restaurant .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-restaurant .secondary-button .awl-button,
.a9-app-restaurant .secondary-button .awl-button,
.page-restaurant .secondary-button .button.ctrl,
.a9-app-restaurant .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-restaurant .secondary-button .awl-button:hover,
.a9-app-restaurant .secondary-button .awl-button:hover,
.page-restaurant .secondary-button .button.ctrl:hover,
.a9-app-restaurant .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-restaurant .secondary-button .awl-button:active,
.a9-app-restaurant .secondary-button .awl-button:active,
.page-restaurant .secondary-button .button.ctrl:active,
.a9-app-restaurant .secondary-button .button.ctrl:active {
  border-color: #5cc6f3;
  color: #5cc6f3;
}
.page-restaurant .secondary-button .awl-button[disabled],
.a9-app-restaurant .secondary-button .awl-button[disabled],
.page-restaurant .secondary-button .button.ctrl[disabled],
.a9-app-restaurant .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-restaurant .secondary-button .awl-button.disabled,
.a9-app-restaurant .secondary-button .awl-button.disabled,
.page-restaurant .secondary-button .button.ctrl.disabled,
.a9-app-restaurant .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-restaurant .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-restaurant .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #e7f6fd;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-restaurant .awl-app-bg.awl-app-bg,
.a9-app-restaurant .awl-app-bg.awl-app-bg {
  background-color: #5cc6f3;
  color: #fff;
}
.page-restaurant .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-restaurant .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #5cc6f3;
  color: #fff;
}
.page-restaurant .awl-app-color.awl-app-color,
.a9-app-restaurant .awl-app-color.awl-app-color {
  color: #5cc6f3;
}
.page-restaurant .awl-app-border-color.awl-app-border-color,
.a9-app-restaurant .awl-app-border-color.awl-app-border-color {
  border-color: #5cc6f3;
}
.page-restaurant .awl-app-contour.awl-app-contour,
.a9-app-restaurant .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #5cc6f3;
  border-color: #5cc6f3;
}
.page-restaurant .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-restaurant .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #5cc6f3;
  border-color: #5cc6f3;
}
.page-restaurant .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-restaurant .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #5cc6f3;
  border: 1px solid #5cc6f3;
}
.page-restaurant .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-restaurant .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-restaurant .awl-options-icon,
.a9-app-restaurant .awl-options-icon {
  background-color: #5cc6f3;
  color: #fff;
}
.page-restaurant .awl-tick.checked,
.a9-app-restaurant .awl-tick.checked,
.page-restaurant .checkbox.checked,
.a9-app-restaurant .checkbox.checked {
  background-color: #5cc6f3;
  border-color: #5cc6f3;
}
.page-restaurant .awl-tick.checked[type="radio"]::before,
.a9-app-restaurant .awl-tick.checked[type="radio"]::before,
.page-restaurant .checkbox.checked[type="radio"]::before,
.a9-app-restaurant .checkbox.checked[type="radio"]::before,
.page-restaurant .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-restaurant .awl-tick.checked[type="uncheckable-radio"]::before,
.page-restaurant .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-restaurant .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #5cc6f3;
}
.page-restaurant .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-restaurant .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-restaurant .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-restaurant .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #5cc6f3;
}
.page-restaurant .awl-datepick-block .day-current.day-current,
.a9-app-restaurant .awl-datepick-block .day-current.day-current {
  background-color: #5cc6f3;
}
.page-restaurant .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-restaurant .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #5cc6f3;
}
.page-restaurant .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-restaurant .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #5cc6f3;
}
.page-restaurant .awl-progress-bar-value,
.a9-app-restaurant .awl-progress-bar-value {
  background: #5cc6f3 !important;
}
.page-restaurant .agc-item-checked,
.a9-app-restaurant .agc-item-checked {
  border-color: #5cc6f3 !important;
}
.page-restaurant .themed-background,
.a9-app-restaurant .themed-background {
  background-color: #5cc6f3 !important;
}
.page-restaurant.themed-background-inline,
.a9-app-restaurant.themed-background-inline {
  background-color: #5cc6f3 !important;
}
.page-restaurant .themed-background-hover:hover,
.a9-app-restaurant .themed-background-hover:hover {
  background-color: #5cc6f3 !important;
  color: #ffffff !important;
}
.page-restaurant .themed-borders,
.a9-app-restaurant .themed-borders {
  border-color: #5cc6f3 !important;
}
.page-restaurant.themed-borders-inline,
.a9-app-restaurant.themed-borders-inline {
  border-color: #5cc6f3 !important;
}
.page-restaurant .themed-color,
.a9-app-restaurant .themed-color {
  color: #5cc6f3 !important;
}
.page-restaurant .themed-text-stroke,
.a9-app-restaurant .themed-text-stroke {
  text-shadow: -1px 0 #5cc6f3, 0 1px #5cc6f3, 1px 0 #5cc6f3, 0 -1px #5cc6f3 !important;
}
.page-restaurant .themed-focus-color:focus,
.a9-app-restaurant .themed-focus-color:focus {
  color: #5cc6f3;
}
.page-restaurant .themed-active-color:active,
.a9-app-restaurant .themed-active-color:active,
.page-restaurant .themed-active-color:hover,
.a9-app-restaurant .themed-active-color:hover {
  color: #5cc6f3;
}
.page-restaurant .themed-filled,
.a9-app-restaurant .themed-filled {
  background-color: #5cc6f3 !important;
  border-color: #5cc6f3 !important;
  color: #FFFFFF !important;
}
.page-restaurant .themed-svg-fill,
.a9-app-restaurant .themed-svg-fill {
  fill: #5cc6f3;
}
.page-restaurant .themed-disabled-background,
.a9-app-restaurant .themed-disabled-background {
  background-color: #9dddf8;
}
.menu-item.restaurant .menu-title {
  background-color: #5cc6f3;
}
.restaurant .dropdown-menu.bottom-up {
  border-color: #5cc6f3;
}
.application-input-type-keyboard .page-restaurant .checkbox:focus,
.application-input-type-keyboard .a9-app-restaurant .checkbox:focus {
  box-shadow: 0 0 4px 1px #5cc6f3;
}
.application-input-type-keyboard .page-restaurant *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-restaurant *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-restaurant *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-restaurant *:focus.fs-child-custom {
  border: 1px solid #5cc6f3;
}
.application-input-type-keyboard .page-restaurant *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-restaurant *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #5cc6f3;
  box-shadow: 0 0 4px 1px #5cc6f3;
}
.page-restaurant input:focus,
.a9-app-restaurant input:focus,
.page-restaurant textarea:focus,
.a9-app-restaurant textarea:focus,
.page-restaurant .checkbox:focus,
.a9-app-restaurant .checkbox:focus {
  border: 1px solid #5cc6f3;
}
.page-restaurant .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #5cc6f3;
}
.page-restaurant .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #5cc6f3;
}
.page-restaurant .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #5cc6f3;
}
.page-restaurant .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-restaurant .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #5cc6f3;
}
.page-restaurant .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-restaurant .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #5cc6f3;
  background-color: #ffffff;
}
/* Settings and Configuration (Grey Blue) */
.page-settings,
.a9-app-settings {
  --a9-module-color: #94a1c6;
}
.page-settings .clfa-categories .clfa-category.active,
.a9-app-settings .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #94a1c6;
}
.page-settings .page-header .page-header-label,
.a9-app-settings .page-header .page-header-label {
  background-color: #94a1c6;
}
.page-settings .page-header-component .page-header-component__label,
.a9-app-settings .page-header-component .page-header-component__label {
  background-color: #94a1c6;
}
.page-settings .content-header-navigation .module-color-accent,
.a9-app-settings .content-header-navigation .module-color-accent {
  background-color: #94a1c6;
}
.page-settings .awl-current-loader,
.a9-app-settings .awl-current-loader {
  border-top-color: #94a1c6;
  border-bottom-color: #94a1c6;
}
.page-settings .awl-button,
.a9-app-settings .awl-button,
.page-settings .button.ctrl,
.a9-app-settings .button.ctrl {
  background-color: #94a1c6;
  color: #fff;
}
.page-settings .awl-button:hover,
.a9-app-settings .awl-button:hover,
.page-settings .button.ctrl:hover,
.a9-app-settings .button.ctrl:hover {
  background-color: #8591b2;
}
.page-settings .awl-button:active,
.a9-app-settings .awl-button:active,
.page-settings .button.ctrl:active,
.a9-app-settings .button.ctrl:active,
.page-settings .awl-button.active,
.a9-app-settings .awl-button.active,
.page-settings .button.ctrl.active,
.a9-app-settings .button.ctrl.active {
  background-color: #76819e;
}
.page-settings .awl-button:disabled,
.a9-app-settings .awl-button:disabled,
.page-settings .button.ctrl:disabled,
.a9-app-settings .button.ctrl:disabled {
  background-color: #bfc7dd;
}
.page-settings .awl-button.disabled,
.a9-app-settings .awl-button.disabled,
.page-settings .button.ctrl.disabled,
.a9-app-settings .button.ctrl.disabled {
  background-color: #bfc7dd;
}
.page-settings .awl-button.system,
.a9-app-settings .awl-button.system,
.page-settings .button.ctrl.system,
.a9-app-settings .button.ctrl.system {
  background: #969FB8;
}
.page-settings .awl-button.system:hover,
.a9-app-settings .awl-button.system:hover,
.page-settings .button.ctrl.system:hover,
.a9-app-settings .button.ctrl.system:hover {
  background-color: #556285;
}
.page-settings .awl-button.system:active,
.a9-app-settings .awl-button.system:active,
.page-settings .button.ctrl.system:active,
.a9-app-settings .button.ctrl.system:active {
  background-color: #94a1c6;
}
.page-settings .awl-button.system.disabled,
.a9-app-settings .awl-button.system.disabled,
.page-settings .button.ctrl.system.disabled,
.a9-app-settings .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-settings .awl-button.secondary,
.a9-app-settings .awl-button.secondary,
.page-settings .button.ctrl.secondary,
.a9-app-settings .button.ctrl.secondary,
.page-settings .awl-button.system-contour,
.a9-app-settings .awl-button.system-contour,
.page-settings .button.ctrl.system-contour,
.a9-app-settings .button.ctrl.system-contour,
.page-settings .awl-button.cancel,
.a9-app-settings .awl-button.cancel,
.page-settings .button.ctrl.cancel,
.a9-app-settings .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-settings .awl-button.secondary:hover,
.a9-app-settings .awl-button.secondary:hover,
.page-settings .button.ctrl.secondary:hover,
.a9-app-settings .button.ctrl.secondary:hover,
.page-settings .awl-button.system-contour:hover,
.a9-app-settings .awl-button.system-contour:hover,
.page-settings .button.ctrl.system-contour:hover,
.a9-app-settings .button.ctrl.system-contour:hover,
.page-settings .awl-button.cancel:hover,
.a9-app-settings .awl-button.cancel:hover,
.page-settings .button.ctrl.cancel:hover,
.a9-app-settings .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-settings .awl-button.secondary:active,
.a9-app-settings .awl-button.secondary:active,
.page-settings .button.ctrl.secondary:active,
.a9-app-settings .button.ctrl.secondary:active,
.page-settings .awl-button.system-contour:active,
.a9-app-settings .awl-button.system-contour:active,
.page-settings .button.ctrl.system-contour:active,
.a9-app-settings .button.ctrl.system-contour:active,
.page-settings .awl-button.cancel:active,
.a9-app-settings .awl-button.cancel:active,
.page-settings .button.ctrl.cancel:active,
.a9-app-settings .button.ctrl.cancel:active {
  border-color: #94a1c6;
  color: #94a1c6;
}
.page-settings .awl-button.secondary[disabled],
.a9-app-settings .awl-button.secondary[disabled],
.page-settings .button.ctrl.secondary[disabled],
.a9-app-settings .button.ctrl.secondary[disabled],
.page-settings .awl-button.system-contour[disabled],
.a9-app-settings .awl-button.system-contour[disabled],
.page-settings .button.ctrl.system-contour[disabled],
.a9-app-settings .button.ctrl.system-contour[disabled],
.page-settings .awl-button.cancel[disabled],
.a9-app-settings .awl-button.cancel[disabled],
.page-settings .button.ctrl.cancel[disabled],
.a9-app-settings .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-settings .awl-button.secondary.disabled,
.a9-app-settings .awl-button.secondary.disabled,
.page-settings .button.ctrl.secondary.disabled,
.a9-app-settings .button.ctrl.secondary.disabled,
.page-settings .awl-button.system-contour.disabled,
.a9-app-settings .awl-button.system-contour.disabled,
.page-settings .button.ctrl.system-contour.disabled,
.a9-app-settings .button.ctrl.system-contour.disabled,
.page-settings .awl-button.cancel.disabled,
.a9-app-settings .awl-button.cancel.disabled,
.page-settings .button.ctrl.cancel.disabled,
.a9-app-settings .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-settings .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-settings .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-settings .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-settings .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-settings .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-settings .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-settings .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-settings .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-settings .secondary-button .awl-button,
.a9-app-settings .secondary-button .awl-button,
.page-settings .secondary-button .button.ctrl,
.a9-app-settings .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-settings .secondary-button .awl-button:hover,
.a9-app-settings .secondary-button .awl-button:hover,
.page-settings .secondary-button .button.ctrl:hover,
.a9-app-settings .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-settings .secondary-button .awl-button:active,
.a9-app-settings .secondary-button .awl-button:active,
.page-settings .secondary-button .button.ctrl:active,
.a9-app-settings .secondary-button .button.ctrl:active {
  border-color: #94a1c6;
  color: #94a1c6;
}
.page-settings .secondary-button .awl-button[disabled],
.a9-app-settings .secondary-button .awl-button[disabled],
.page-settings .secondary-button .button.ctrl[disabled],
.a9-app-settings .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-settings .secondary-button .awl-button.disabled,
.a9-app-settings .secondary-button .awl-button.disabled,
.page-settings .secondary-button .button.ctrl.disabled,
.a9-app-settings .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-settings .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-settings .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #eff1f6;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-settings .awl-app-bg.awl-app-bg,
.a9-app-settings .awl-app-bg.awl-app-bg {
  background-color: #94a1c6;
  color: #fff;
}
.page-settings .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-settings .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #94a1c6;
  color: #fff;
}
.page-settings .awl-app-color.awl-app-color,
.a9-app-settings .awl-app-color.awl-app-color {
  color: #94a1c6;
}
.page-settings .awl-app-border-color.awl-app-border-color,
.a9-app-settings .awl-app-border-color.awl-app-border-color {
  border-color: #94a1c6;
}
.page-settings .awl-app-contour.awl-app-contour,
.a9-app-settings .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #94a1c6;
  border-color: #94a1c6;
}
.page-settings .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-settings .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #94a1c6;
  border-color: #94a1c6;
}
.page-settings .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-settings .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #94a1c6;
  border: 1px solid #94a1c6;
}
.page-settings .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-settings .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-settings .awl-options-icon,
.a9-app-settings .awl-options-icon {
  background-color: #94a1c6;
  color: #fff;
}
.page-settings .awl-tick.checked,
.a9-app-settings .awl-tick.checked,
.page-settings .checkbox.checked,
.a9-app-settings .checkbox.checked {
  background-color: #94a1c6;
  border-color: #94a1c6;
}
.page-settings .awl-tick.checked[type="radio"]::before,
.a9-app-settings .awl-tick.checked[type="radio"]::before,
.page-settings .checkbox.checked[type="radio"]::before,
.a9-app-settings .checkbox.checked[type="radio"]::before,
.page-settings .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-settings .awl-tick.checked[type="uncheckable-radio"]::before,
.page-settings .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-settings .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #94a1c6;
}
.page-settings .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-settings .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-settings .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-settings .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #94a1c6;
}
.page-settings .awl-datepick-block .day-current.day-current,
.a9-app-settings .awl-datepick-block .day-current.day-current {
  background-color: #94a1c6;
}
.page-settings .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-settings .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #94a1c6;
}
.page-settings .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-settings .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #94a1c6;
}
.page-settings .awl-progress-bar-value,
.a9-app-settings .awl-progress-bar-value {
  background: #94a1c6 !important;
}
.page-settings .agc-item-checked,
.a9-app-settings .agc-item-checked {
  border-color: #94a1c6 !important;
}
.page-settings .themed-background,
.a9-app-settings .themed-background {
  background-color: #94a1c6 !important;
}
.page-settings.themed-background-inline,
.a9-app-settings.themed-background-inline {
  background-color: #94a1c6 !important;
}
.page-settings .themed-background-hover:hover,
.a9-app-settings .themed-background-hover:hover {
  background-color: #94a1c6 !important;
  color: #ffffff !important;
}
.page-settings .themed-borders,
.a9-app-settings .themed-borders {
  border-color: #94a1c6 !important;
}
.page-settings.themed-borders-inline,
.a9-app-settings.themed-borders-inline {
  border-color: #94a1c6 !important;
}
.page-settings .themed-color,
.a9-app-settings .themed-color {
  color: #94a1c6 !important;
}
.page-settings .themed-text-stroke,
.a9-app-settings .themed-text-stroke {
  text-shadow: -1px 0 #94a1c6, 0 1px #94a1c6, 1px 0 #94a1c6, 0 -1px #94a1c6 !important;
}
.page-settings .themed-focus-color:focus,
.a9-app-settings .themed-focus-color:focus {
  color: #94a1c6;
}
.page-settings .themed-active-color:active,
.a9-app-settings .themed-active-color:active,
.page-settings .themed-active-color:hover,
.a9-app-settings .themed-active-color:hover {
  color: #94a1c6;
}
.page-settings .themed-filled,
.a9-app-settings .themed-filled {
  background-color: #94a1c6 !important;
  border-color: #94a1c6 !important;
  color: #FFFFFF !important;
}
.page-settings .themed-svg-fill,
.a9-app-settings .themed-svg-fill {
  fill: #94a1c6;
}
.page-settings .themed-disabled-background,
.a9-app-settings .themed-disabled-background {
  background-color: #bfc7dd;
}
.menu-item.settings .menu-title {
  background-color: #94a1c6;
}
.settings .dropdown-menu.bottom-up {
  border-color: #94a1c6;
}
.application-input-type-keyboard .page-settings .checkbox:focus,
.application-input-type-keyboard .a9-app-settings .checkbox:focus {
  box-shadow: 0 0 4px 1px #94a1c6;
}
.application-input-type-keyboard .page-settings *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-settings *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-settings *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-settings *:focus.fs-child-custom {
  border: 1px solid #94a1c6;
}
.application-input-type-keyboard .page-settings *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-settings *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #94a1c6;
  box-shadow: 0 0 4px 1px #94a1c6;
}
.page-settings input:focus,
.a9-app-settings input:focus,
.page-settings textarea:focus,
.a9-app-settings textarea:focus,
.page-settings .checkbox:focus,
.a9-app-settings .checkbox:focus {
  border: 1px solid #94a1c6;
}
.page-settings .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #94a1c6;
}
.page-settings .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #94a1c6;
}
.page-settings .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #94a1c6;
}
.page-settings .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-settings .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #94a1c6;
}
.page-settings .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-settings .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #94a1c6;
  background-color: #ffffff;
}
.page-customization,
.a9-app-customization {
  --a9-module-color: #9e8dd1;
}
.page-customization .clfa-categories .clfa-category.active,
.a9-app-customization .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #9e8dd1;
}
.page-customization .page-header .page-header-label,
.a9-app-customization .page-header .page-header-label {
  background-color: #9e8dd1;
}
.page-customization .page-header-component .page-header-component__label,
.a9-app-customization .page-header-component .page-header-component__label {
  background-color: #9e8dd1;
}
.page-customization .content-header-navigation .module-color-accent,
.a9-app-customization .content-header-navigation .module-color-accent {
  background-color: #9e8dd1;
}
.page-customization .awl-current-loader,
.a9-app-customization .awl-current-loader {
  border-top-color: #9e8dd1;
  border-bottom-color: #9e8dd1;
}
.page-customization .awl-button,
.a9-app-customization .awl-button,
.page-customization .button.ctrl,
.a9-app-customization .button.ctrl {
  background-color: #9e8dd1;
  color: #fff;
}
.page-customization .awl-button:hover,
.a9-app-customization .awl-button:hover,
.page-customization .button.ctrl:hover,
.a9-app-customization .button.ctrl:hover {
  background-color: #8e7fbc;
}
.page-customization .awl-button:active,
.a9-app-customization .awl-button:active,
.page-customization .button.ctrl:active,
.a9-app-customization .button.ctrl:active,
.page-customization .awl-button.active,
.a9-app-customization .awl-button.active,
.page-customization .button.ctrl.active,
.a9-app-customization .button.ctrl.active {
  background-color: #7e71a7;
}
.page-customization .awl-button:disabled,
.a9-app-customization .awl-button:disabled,
.page-customization .button.ctrl:disabled,
.a9-app-customization .button.ctrl:disabled {
  background-color: #c5bbe3;
}
.page-customization .awl-button.disabled,
.a9-app-customization .awl-button.disabled,
.page-customization .button.ctrl.disabled,
.a9-app-customization .button.ctrl.disabled {
  background-color: #c5bbe3;
}
.page-customization .awl-button.system,
.a9-app-customization .awl-button.system,
.page-customization .button.ctrl.system,
.a9-app-customization .button.ctrl.system {
  background: #969FB8;
}
.page-customization .awl-button.system:hover,
.a9-app-customization .awl-button.system:hover,
.page-customization .button.ctrl.system:hover,
.a9-app-customization .button.ctrl.system:hover {
  background-color: #556285;
}
.page-customization .awl-button.system:active,
.a9-app-customization .awl-button.system:active,
.page-customization .button.ctrl.system:active,
.a9-app-customization .button.ctrl.system:active {
  background-color: #9e8dd1;
}
.page-customization .awl-button.system.disabled,
.a9-app-customization .awl-button.system.disabled,
.page-customization .button.ctrl.system.disabled,
.a9-app-customization .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-customization .awl-button.secondary,
.a9-app-customization .awl-button.secondary,
.page-customization .button.ctrl.secondary,
.a9-app-customization .button.ctrl.secondary,
.page-customization .awl-button.system-contour,
.a9-app-customization .awl-button.system-contour,
.page-customization .button.ctrl.system-contour,
.a9-app-customization .button.ctrl.system-contour,
.page-customization .awl-button.cancel,
.a9-app-customization .awl-button.cancel,
.page-customization .button.ctrl.cancel,
.a9-app-customization .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-customization .awl-button.secondary:hover,
.a9-app-customization .awl-button.secondary:hover,
.page-customization .button.ctrl.secondary:hover,
.a9-app-customization .button.ctrl.secondary:hover,
.page-customization .awl-button.system-contour:hover,
.a9-app-customization .awl-button.system-contour:hover,
.page-customization .button.ctrl.system-contour:hover,
.a9-app-customization .button.ctrl.system-contour:hover,
.page-customization .awl-button.cancel:hover,
.a9-app-customization .awl-button.cancel:hover,
.page-customization .button.ctrl.cancel:hover,
.a9-app-customization .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-customization .awl-button.secondary:active,
.a9-app-customization .awl-button.secondary:active,
.page-customization .button.ctrl.secondary:active,
.a9-app-customization .button.ctrl.secondary:active,
.page-customization .awl-button.system-contour:active,
.a9-app-customization .awl-button.system-contour:active,
.page-customization .button.ctrl.system-contour:active,
.a9-app-customization .button.ctrl.system-contour:active,
.page-customization .awl-button.cancel:active,
.a9-app-customization .awl-button.cancel:active,
.page-customization .button.ctrl.cancel:active,
.a9-app-customization .button.ctrl.cancel:active {
  border-color: #9e8dd1;
  color: #9e8dd1;
}
.page-customization .awl-button.secondary[disabled],
.a9-app-customization .awl-button.secondary[disabled],
.page-customization .button.ctrl.secondary[disabled],
.a9-app-customization .button.ctrl.secondary[disabled],
.page-customization .awl-button.system-contour[disabled],
.a9-app-customization .awl-button.system-contour[disabled],
.page-customization .button.ctrl.system-contour[disabled],
.a9-app-customization .button.ctrl.system-contour[disabled],
.page-customization .awl-button.cancel[disabled],
.a9-app-customization .awl-button.cancel[disabled],
.page-customization .button.ctrl.cancel[disabled],
.a9-app-customization .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customization .awl-button.secondary.disabled,
.a9-app-customization .awl-button.secondary.disabled,
.page-customization .button.ctrl.secondary.disabled,
.a9-app-customization .button.ctrl.secondary.disabled,
.page-customization .awl-button.system-contour.disabled,
.a9-app-customization .awl-button.system-contour.disabled,
.page-customization .button.ctrl.system-contour.disabled,
.a9-app-customization .button.ctrl.system-contour.disabled,
.page-customization .awl-button.cancel.disabled,
.a9-app-customization .awl-button.cancel.disabled,
.page-customization .button.ctrl.cancel.disabled,
.a9-app-customization .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customization .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-customization .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-customization .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-customization .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-customization .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-customization .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-customization .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-customization .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-customization .secondary-button .awl-button,
.a9-app-customization .secondary-button .awl-button,
.page-customization .secondary-button .button.ctrl,
.a9-app-customization .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-customization .secondary-button .awl-button:hover,
.a9-app-customization .secondary-button .awl-button:hover,
.page-customization .secondary-button .button.ctrl:hover,
.a9-app-customization .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-customization .secondary-button .awl-button:active,
.a9-app-customization .secondary-button .awl-button:active,
.page-customization .secondary-button .button.ctrl:active,
.a9-app-customization .secondary-button .button.ctrl:active {
  border-color: #9e8dd1;
  color: #9e8dd1;
}
.page-customization .secondary-button .awl-button[disabled],
.a9-app-customization .secondary-button .awl-button[disabled],
.page-customization .secondary-button .button.ctrl[disabled],
.a9-app-customization .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customization .secondary-button .awl-button.disabled,
.a9-app-customization .secondary-button .awl-button.disabled,
.page-customization .secondary-button .button.ctrl.disabled,
.a9-app-customization .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-customization .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-customization .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #f0eef8;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-customization .awl-app-bg.awl-app-bg,
.a9-app-customization .awl-app-bg.awl-app-bg {
  background-color: #9e8dd1;
  color: #fff;
}
.page-customization .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-customization .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #9e8dd1;
  color: #fff;
}
.page-customization .awl-app-color.awl-app-color,
.a9-app-customization .awl-app-color.awl-app-color {
  color: #9e8dd1;
}
.page-customization .awl-app-border-color.awl-app-border-color,
.a9-app-customization .awl-app-border-color.awl-app-border-color {
  border-color: #9e8dd1;
}
.page-customization .awl-app-contour.awl-app-contour,
.a9-app-customization .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #9e8dd1;
  border-color: #9e8dd1;
}
.page-customization .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-customization .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #9e8dd1;
  border-color: #9e8dd1;
}
.page-customization .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-customization .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #9e8dd1;
  border: 1px solid #9e8dd1;
}
.page-customization .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-customization .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-customization .awl-options-icon,
.a9-app-customization .awl-options-icon {
  background-color: #9e8dd1;
  color: #fff;
}
.page-customization .awl-tick.checked,
.a9-app-customization .awl-tick.checked,
.page-customization .checkbox.checked,
.a9-app-customization .checkbox.checked {
  background-color: #9e8dd1;
  border-color: #9e8dd1;
}
.page-customization .awl-tick.checked[type="radio"]::before,
.a9-app-customization .awl-tick.checked[type="radio"]::before,
.page-customization .checkbox.checked[type="radio"]::before,
.a9-app-customization .checkbox.checked[type="radio"]::before,
.page-customization .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-customization .awl-tick.checked[type="uncheckable-radio"]::before,
.page-customization .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-customization .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #9e8dd1;
}
.page-customization .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-customization .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-customization .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-customization .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #9e8dd1;
}
.page-customization .awl-datepick-block .day-current.day-current,
.a9-app-customization .awl-datepick-block .day-current.day-current {
  background-color: #9e8dd1;
}
.page-customization .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-customization .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #9e8dd1;
}
.page-customization .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-customization .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #9e8dd1;
}
.page-customization .awl-progress-bar-value,
.a9-app-customization .awl-progress-bar-value {
  background: #9e8dd1 !important;
}
.page-customization .agc-item-checked,
.a9-app-customization .agc-item-checked {
  border-color: #9e8dd1 !important;
}
.page-customization .themed-background,
.a9-app-customization .themed-background {
  background-color: #9e8dd1 !important;
}
.page-customization.themed-background-inline,
.a9-app-customization.themed-background-inline {
  background-color: #9e8dd1 !important;
}
.page-customization .themed-background-hover:hover,
.a9-app-customization .themed-background-hover:hover {
  background-color: #9e8dd1 !important;
  color: #ffffff !important;
}
.page-customization .themed-borders,
.a9-app-customization .themed-borders {
  border-color: #9e8dd1 !important;
}
.page-customization.themed-borders-inline,
.a9-app-customization.themed-borders-inline {
  border-color: #9e8dd1 !important;
}
.page-customization .themed-color,
.a9-app-customization .themed-color {
  color: #9e8dd1 !important;
}
.page-customization .themed-text-stroke,
.a9-app-customization .themed-text-stroke {
  text-shadow: -1px 0 #9e8dd1, 0 1px #9e8dd1, 1px 0 #9e8dd1, 0 -1px #9e8dd1 !important;
}
.page-customization .themed-focus-color:focus,
.a9-app-customization .themed-focus-color:focus {
  color: #9e8dd1;
}
.page-customization .themed-active-color:active,
.a9-app-customization .themed-active-color:active,
.page-customization .themed-active-color:hover,
.a9-app-customization .themed-active-color:hover {
  color: #9e8dd1;
}
.page-customization .themed-filled,
.a9-app-customization .themed-filled {
  background-color: #9e8dd1 !important;
  border-color: #9e8dd1 !important;
  color: #FFFFFF !important;
}
.page-customization .themed-svg-fill,
.a9-app-customization .themed-svg-fill {
  fill: #9e8dd1;
}
.page-customization .themed-disabled-background,
.a9-app-customization .themed-disabled-background {
  background-color: #c5bbe3;
}
.menu-item.customization .menu-title {
  background-color: #9e8dd1;
}
.customization .dropdown-menu.bottom-up {
  border-color: #9e8dd1;
}
.application-input-type-keyboard .page-customization .checkbox:focus,
.application-input-type-keyboard .a9-app-customization .checkbox:focus {
  box-shadow: 0 0 4px 1px #9e8dd1;
}
.application-input-type-keyboard .page-customization *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-customization *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-customization *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-customization *:focus.fs-child-custom {
  border: 1px solid #9e8dd1;
}
.application-input-type-keyboard .page-customization *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-customization *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #9e8dd1;
  box-shadow: 0 0 4px 1px #9e8dd1;
}
.page-customization input:focus,
.a9-app-customization input:focus,
.page-customization textarea:focus,
.a9-app-customization textarea:focus,
.page-customization .checkbox:focus,
.a9-app-customization .checkbox:focus {
  border: 1px solid #9e8dd1;
}
.page-customization .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #9e8dd1;
}
.page-customization .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #9e8dd1;
}
.page-customization .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #9e8dd1;
}
.page-customization .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-customization .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #9e8dd1;
}
.page-customization .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-customization .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #9e8dd1;
  background-color: #ffffff;
}
/* Calendar */
.page-calendar,
.a9-app-calendar {
  --a9-module-color: #FF9800;
}
.page-calendar .clfa-categories .clfa-category.active,
.a9-app-calendar .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #FF9800;
}
.page-calendar .page-header .page-header-label,
.a9-app-calendar .page-header .page-header-label {
  background-color: #FF9800;
}
.page-calendar .page-header-component .page-header-component__label,
.a9-app-calendar .page-header-component .page-header-component__label {
  background-color: #FF9800;
}
.page-calendar .content-header-navigation .module-color-accent,
.a9-app-calendar .content-header-navigation .module-color-accent {
  background-color: #FF9800;
}
.page-calendar .awl-current-loader,
.a9-app-calendar .awl-current-loader {
  border-top-color: #FF9800;
  border-bottom-color: #FF9800;
}
.page-calendar .awl-button,
.a9-app-calendar .awl-button,
.page-calendar .button.ctrl,
.a9-app-calendar .button.ctrl {
  background-color: #FF9800;
  color: #fff;
}
.page-calendar .awl-button:hover,
.a9-app-calendar .awl-button:hover,
.page-calendar .button.ctrl:hover,
.a9-app-calendar .button.ctrl:hover {
  background-color: #e68900;
}
.page-calendar .awl-button:active,
.a9-app-calendar .awl-button:active,
.page-calendar .button.ctrl:active,
.a9-app-calendar .button.ctrl:active,
.page-calendar .awl-button.active,
.a9-app-calendar .awl-button.active,
.page-calendar .button.ctrl.active,
.a9-app-calendar .button.ctrl.active {
  background-color: #cc7a00;
}
.page-calendar .awl-button:disabled,
.a9-app-calendar .awl-button:disabled,
.page-calendar .button.ctrl:disabled,
.a9-app-calendar .button.ctrl:disabled {
  background-color: #ffc166;
}
.page-calendar .awl-button.disabled,
.a9-app-calendar .awl-button.disabled,
.page-calendar .button.ctrl.disabled,
.a9-app-calendar .button.ctrl.disabled {
  background-color: #ffc166;
}
.page-calendar .awl-button.system,
.a9-app-calendar .awl-button.system,
.page-calendar .button.ctrl.system,
.a9-app-calendar .button.ctrl.system {
  background: #969FB8;
}
.page-calendar .awl-button.system:hover,
.a9-app-calendar .awl-button.system:hover,
.page-calendar .button.ctrl.system:hover,
.a9-app-calendar .button.ctrl.system:hover {
  background-color: #556285;
}
.page-calendar .awl-button.system:active,
.a9-app-calendar .awl-button.system:active,
.page-calendar .button.ctrl.system:active,
.a9-app-calendar .button.ctrl.system:active {
  background-color: #FF9800;
}
.page-calendar .awl-button.system.disabled,
.a9-app-calendar .awl-button.system.disabled,
.page-calendar .button.ctrl.system.disabled,
.a9-app-calendar .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-calendar .awl-button.secondary,
.a9-app-calendar .awl-button.secondary,
.page-calendar .button.ctrl.secondary,
.a9-app-calendar .button.ctrl.secondary,
.page-calendar .awl-button.system-contour,
.a9-app-calendar .awl-button.system-contour,
.page-calendar .button.ctrl.system-contour,
.a9-app-calendar .button.ctrl.system-contour,
.page-calendar .awl-button.cancel,
.a9-app-calendar .awl-button.cancel,
.page-calendar .button.ctrl.cancel,
.a9-app-calendar .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-calendar .awl-button.secondary:hover,
.a9-app-calendar .awl-button.secondary:hover,
.page-calendar .button.ctrl.secondary:hover,
.a9-app-calendar .button.ctrl.secondary:hover,
.page-calendar .awl-button.system-contour:hover,
.a9-app-calendar .awl-button.system-contour:hover,
.page-calendar .button.ctrl.system-contour:hover,
.a9-app-calendar .button.ctrl.system-contour:hover,
.page-calendar .awl-button.cancel:hover,
.a9-app-calendar .awl-button.cancel:hover,
.page-calendar .button.ctrl.cancel:hover,
.a9-app-calendar .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-calendar .awl-button.secondary:active,
.a9-app-calendar .awl-button.secondary:active,
.page-calendar .button.ctrl.secondary:active,
.a9-app-calendar .button.ctrl.secondary:active,
.page-calendar .awl-button.system-contour:active,
.a9-app-calendar .awl-button.system-contour:active,
.page-calendar .button.ctrl.system-contour:active,
.a9-app-calendar .button.ctrl.system-contour:active,
.page-calendar .awl-button.cancel:active,
.a9-app-calendar .awl-button.cancel:active,
.page-calendar .button.ctrl.cancel:active,
.a9-app-calendar .button.ctrl.cancel:active {
  border-color: #FF9800;
  color: #FF9800;
}
.page-calendar .awl-button.secondary[disabled],
.a9-app-calendar .awl-button.secondary[disabled],
.page-calendar .button.ctrl.secondary[disabled],
.a9-app-calendar .button.ctrl.secondary[disabled],
.page-calendar .awl-button.system-contour[disabled],
.a9-app-calendar .awl-button.system-contour[disabled],
.page-calendar .button.ctrl.system-contour[disabled],
.a9-app-calendar .button.ctrl.system-contour[disabled],
.page-calendar .awl-button.cancel[disabled],
.a9-app-calendar .awl-button.cancel[disabled],
.page-calendar .button.ctrl.cancel[disabled],
.a9-app-calendar .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-calendar .awl-button.secondary.disabled,
.a9-app-calendar .awl-button.secondary.disabled,
.page-calendar .button.ctrl.secondary.disabled,
.a9-app-calendar .button.ctrl.secondary.disabled,
.page-calendar .awl-button.system-contour.disabled,
.a9-app-calendar .awl-button.system-contour.disabled,
.page-calendar .button.ctrl.system-contour.disabled,
.a9-app-calendar .button.ctrl.system-contour.disabled,
.page-calendar .awl-button.cancel.disabled,
.a9-app-calendar .awl-button.cancel.disabled,
.page-calendar .button.ctrl.cancel.disabled,
.a9-app-calendar .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-calendar .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-calendar .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-calendar .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-calendar .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-calendar .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-calendar .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-calendar .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-calendar .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-calendar .secondary-button .awl-button,
.a9-app-calendar .secondary-button .awl-button,
.page-calendar .secondary-button .button.ctrl,
.a9-app-calendar .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-calendar .secondary-button .awl-button:hover,
.a9-app-calendar .secondary-button .awl-button:hover,
.page-calendar .secondary-button .button.ctrl:hover,
.a9-app-calendar .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-calendar .secondary-button .awl-button:active,
.a9-app-calendar .secondary-button .awl-button:active,
.page-calendar .secondary-button .button.ctrl:active,
.a9-app-calendar .secondary-button .button.ctrl:active {
  border-color: #FF9800;
  color: #FF9800;
}
.page-calendar .secondary-button .awl-button[disabled],
.a9-app-calendar .secondary-button .awl-button[disabled],
.page-calendar .secondary-button .button.ctrl[disabled],
.a9-app-calendar .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-calendar .secondary-button .awl-button.disabled,
.a9-app-calendar .secondary-button .awl-button.disabled,
.page-calendar .secondary-button .button.ctrl.disabled,
.a9-app-calendar .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-calendar .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-calendar .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #fff0d9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-calendar .awl-app-bg.awl-app-bg,
.a9-app-calendar .awl-app-bg.awl-app-bg {
  background-color: #FF9800;
  color: #fff;
}
.page-calendar .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-calendar .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #FF9800;
  color: #fff;
}
.page-calendar .awl-app-color.awl-app-color,
.a9-app-calendar .awl-app-color.awl-app-color {
  color: #FF9800;
}
.page-calendar .awl-app-border-color.awl-app-border-color,
.a9-app-calendar .awl-app-border-color.awl-app-border-color {
  border-color: #FF9800;
}
.page-calendar .awl-app-contour.awl-app-contour,
.a9-app-calendar .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #FF9800;
  border-color: #FF9800;
}
.page-calendar .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-calendar .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #FF9800;
  border-color: #FF9800;
}
.page-calendar .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-calendar .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #FF9800;
  border: 1px solid #FF9800;
}
.page-calendar .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-calendar .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-calendar .awl-options-icon,
.a9-app-calendar .awl-options-icon {
  background-color: #FF9800;
  color: #fff;
}
.page-calendar .awl-tick.checked,
.a9-app-calendar .awl-tick.checked,
.page-calendar .checkbox.checked,
.a9-app-calendar .checkbox.checked {
  background-color: #FF9800;
  border-color: #FF9800;
}
.page-calendar .awl-tick.checked[type="radio"]::before,
.a9-app-calendar .awl-tick.checked[type="radio"]::before,
.page-calendar .checkbox.checked[type="radio"]::before,
.a9-app-calendar .checkbox.checked[type="radio"]::before,
.page-calendar .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-calendar .awl-tick.checked[type="uncheckable-radio"]::before,
.page-calendar .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-calendar .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #FF9800;
}
.page-calendar .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-calendar .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-calendar .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-calendar .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #FF9800;
}
.page-calendar .awl-datepick-block .day-current.day-current,
.a9-app-calendar .awl-datepick-block .day-current.day-current {
  background-color: #FF9800;
}
.page-calendar .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-calendar .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #FF9800;
}
.page-calendar .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-calendar .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #FF9800;
}
.page-calendar .awl-progress-bar-value,
.a9-app-calendar .awl-progress-bar-value {
  background: #FF9800 !important;
}
.page-calendar .agc-item-checked,
.a9-app-calendar .agc-item-checked {
  border-color: #FF9800 !important;
}
.page-calendar .themed-background,
.a9-app-calendar .themed-background {
  background-color: #FF9800 !important;
}
.page-calendar.themed-background-inline,
.a9-app-calendar.themed-background-inline {
  background-color: #FF9800 !important;
}
.page-calendar .themed-background-hover:hover,
.a9-app-calendar .themed-background-hover:hover {
  background-color: #FF9800 !important;
  color: #ffffff !important;
}
.page-calendar .themed-borders,
.a9-app-calendar .themed-borders {
  border-color: #FF9800 !important;
}
.page-calendar.themed-borders-inline,
.a9-app-calendar.themed-borders-inline {
  border-color: #FF9800 !important;
}
.page-calendar .themed-color,
.a9-app-calendar .themed-color {
  color: #FF9800 !important;
}
.page-calendar .themed-text-stroke,
.a9-app-calendar .themed-text-stroke {
  text-shadow: -1px 0 #FF9800, 0 1px #FF9800, 1px 0 #FF9800, 0 -1px #FF9800 !important;
}
.page-calendar .themed-focus-color:focus,
.a9-app-calendar .themed-focus-color:focus {
  color: #FF9800;
}
.page-calendar .themed-active-color:active,
.a9-app-calendar .themed-active-color:active,
.page-calendar .themed-active-color:hover,
.a9-app-calendar .themed-active-color:hover {
  color: #FF9800;
}
.page-calendar .themed-filled,
.a9-app-calendar .themed-filled {
  background-color: #FF9800 !important;
  border-color: #FF9800 !important;
  color: #FFFFFF !important;
}
.page-calendar .themed-svg-fill,
.a9-app-calendar .themed-svg-fill {
  fill: #FF9800;
}
.page-calendar .themed-disabled-background,
.a9-app-calendar .themed-disabled-background {
  background-color: #ffc166;
}
.menu-item.calendar .menu-title {
  background-color: #FF9800;
}
.calendar .dropdown-menu.bottom-up {
  border-color: #FF9800;
}
.application-input-type-keyboard .page-calendar .checkbox:focus,
.application-input-type-keyboard .a9-app-calendar .checkbox:focus {
  box-shadow: 0 0 4px 1px #FF9800;
}
.application-input-type-keyboard .page-calendar *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-calendar *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-calendar *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-calendar *:focus.fs-child-custom {
  border: 1px solid #FF9800;
}
.application-input-type-keyboard .page-calendar *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-calendar *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #FF9800;
  box-shadow: 0 0 4px 1px #FF9800;
}
.page-calendar input:focus,
.a9-app-calendar input:focus,
.page-calendar textarea:focus,
.a9-app-calendar textarea:focus,
.page-calendar .checkbox:focus,
.a9-app-calendar .checkbox:focus {
  border: 1px solid #FF9800;
}
.page-calendar .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #FF9800;
}
.page-calendar .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #FF9800;
}
.page-calendar .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #FF9800;
}
.page-calendar .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-calendar .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #FF9800;
}
.page-calendar .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffeacc;
}
.page-calendar .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #FF9800;
  background-color: #ffffff;
}
/* Reservations */
.page-reservation,
.a9-app-reservation {
  --a9-module-color: #23caa5;
}
.page-reservation .clfa-categories .clfa-category.active,
.a9-app-reservation .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #23caa5;
}
.page-reservation .page-header .page-header-label,
.a9-app-reservation .page-header .page-header-label {
  background-color: #23caa5;
}
.page-reservation .page-header-component .page-header-component__label,
.a9-app-reservation .page-header-component .page-header-component__label {
  background-color: #23caa5;
}
.page-reservation .content-header-navigation .module-color-accent,
.a9-app-reservation .content-header-navigation .module-color-accent {
  background-color: #23caa5;
}
.page-reservation .awl-current-loader,
.a9-app-reservation .awl-current-loader {
  border-top-color: #23caa5;
  border-bottom-color: #23caa5;
}
.page-reservation .awl-button,
.a9-app-reservation .awl-button,
.page-reservation .button.ctrl,
.a9-app-reservation .button.ctrl {
  background-color: #23caa5;
  color: #fff;
}
.page-reservation .awl-button:hover,
.a9-app-reservation .awl-button:hover,
.page-reservation .button.ctrl:hover,
.a9-app-reservation .button.ctrl:hover {
  background-color: #20b695;
}
.page-reservation .awl-button:active,
.a9-app-reservation .awl-button:active,
.page-reservation .button.ctrl:active,
.a9-app-reservation .button.ctrl:active,
.page-reservation .awl-button.active,
.a9-app-reservation .awl-button.active,
.page-reservation .button.ctrl.active,
.a9-app-reservation .button.ctrl.active {
  background-color: #1ca284;
}
.page-reservation .awl-button:disabled,
.a9-app-reservation .awl-button:disabled,
.page-reservation .button.ctrl:disabled,
.a9-app-reservation .button.ctrl:disabled {
  background-color: #7bdfc9;
}
.page-reservation .awl-button.disabled,
.a9-app-reservation .awl-button.disabled,
.page-reservation .button.ctrl.disabled,
.a9-app-reservation .button.ctrl.disabled {
  background-color: #7bdfc9;
}
.page-reservation .awl-button.system,
.a9-app-reservation .awl-button.system,
.page-reservation .button.ctrl.system,
.a9-app-reservation .button.ctrl.system {
  background: #969FB8;
}
.page-reservation .awl-button.system:hover,
.a9-app-reservation .awl-button.system:hover,
.page-reservation .button.ctrl.system:hover,
.a9-app-reservation .button.ctrl.system:hover {
  background-color: #556285;
}
.page-reservation .awl-button.system:active,
.a9-app-reservation .awl-button.system:active,
.page-reservation .button.ctrl.system:active,
.a9-app-reservation .button.ctrl.system:active {
  background-color: #23caa5;
}
.page-reservation .awl-button.system.disabled,
.a9-app-reservation .awl-button.system.disabled,
.page-reservation .button.ctrl.system.disabled,
.a9-app-reservation .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-reservation .awl-button.secondary,
.a9-app-reservation .awl-button.secondary,
.page-reservation .button.ctrl.secondary,
.a9-app-reservation .button.ctrl.secondary,
.page-reservation .awl-button.system-contour,
.a9-app-reservation .awl-button.system-contour,
.page-reservation .button.ctrl.system-contour,
.a9-app-reservation .button.ctrl.system-contour,
.page-reservation .awl-button.cancel,
.a9-app-reservation .awl-button.cancel,
.page-reservation .button.ctrl.cancel,
.a9-app-reservation .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-reservation .awl-button.secondary:hover,
.a9-app-reservation .awl-button.secondary:hover,
.page-reservation .button.ctrl.secondary:hover,
.a9-app-reservation .button.ctrl.secondary:hover,
.page-reservation .awl-button.system-contour:hover,
.a9-app-reservation .awl-button.system-contour:hover,
.page-reservation .button.ctrl.system-contour:hover,
.a9-app-reservation .button.ctrl.system-contour:hover,
.page-reservation .awl-button.cancel:hover,
.a9-app-reservation .awl-button.cancel:hover,
.page-reservation .button.ctrl.cancel:hover,
.a9-app-reservation .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-reservation .awl-button.secondary:active,
.a9-app-reservation .awl-button.secondary:active,
.page-reservation .button.ctrl.secondary:active,
.a9-app-reservation .button.ctrl.secondary:active,
.page-reservation .awl-button.system-contour:active,
.a9-app-reservation .awl-button.system-contour:active,
.page-reservation .button.ctrl.system-contour:active,
.a9-app-reservation .button.ctrl.system-contour:active,
.page-reservation .awl-button.cancel:active,
.a9-app-reservation .awl-button.cancel:active,
.page-reservation .button.ctrl.cancel:active,
.a9-app-reservation .button.ctrl.cancel:active {
  border-color: #23caa5;
  color: #23caa5;
}
.page-reservation .awl-button.secondary[disabled],
.a9-app-reservation .awl-button.secondary[disabled],
.page-reservation .button.ctrl.secondary[disabled],
.a9-app-reservation .button.ctrl.secondary[disabled],
.page-reservation .awl-button.system-contour[disabled],
.a9-app-reservation .awl-button.system-contour[disabled],
.page-reservation .button.ctrl.system-contour[disabled],
.a9-app-reservation .button.ctrl.system-contour[disabled],
.page-reservation .awl-button.cancel[disabled],
.a9-app-reservation .awl-button.cancel[disabled],
.page-reservation .button.ctrl.cancel[disabled],
.a9-app-reservation .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-reservation .awl-button.secondary.disabled,
.a9-app-reservation .awl-button.secondary.disabled,
.page-reservation .button.ctrl.secondary.disabled,
.a9-app-reservation .button.ctrl.secondary.disabled,
.page-reservation .awl-button.system-contour.disabled,
.a9-app-reservation .awl-button.system-contour.disabled,
.page-reservation .button.ctrl.system-contour.disabled,
.a9-app-reservation .button.ctrl.system-contour.disabled,
.page-reservation .awl-button.cancel.disabled,
.a9-app-reservation .awl-button.cancel.disabled,
.page-reservation .button.ctrl.cancel.disabled,
.a9-app-reservation .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-reservation .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-reservation .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-reservation .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-reservation .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-reservation .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-reservation .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-reservation .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-reservation .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-reservation .secondary-button .awl-button,
.a9-app-reservation .secondary-button .awl-button,
.page-reservation .secondary-button .button.ctrl,
.a9-app-reservation .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-reservation .secondary-button .awl-button:hover,
.a9-app-reservation .secondary-button .awl-button:hover,
.page-reservation .secondary-button .button.ctrl:hover,
.a9-app-reservation .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-reservation .secondary-button .awl-button:active,
.a9-app-reservation .secondary-button .awl-button:active,
.page-reservation .secondary-button .button.ctrl:active,
.a9-app-reservation .secondary-button .button.ctrl:active {
  border-color: #23caa5;
  color: #23caa5;
}
.page-reservation .secondary-button .awl-button[disabled],
.a9-app-reservation .secondary-button .awl-button[disabled],
.page-reservation .secondary-button .button.ctrl[disabled],
.a9-app-reservation .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-reservation .secondary-button .awl-button.disabled,
.a9-app-reservation .secondary-button .awl-button.disabled,
.page-reservation .secondary-button .button.ctrl.disabled,
.a9-app-reservation .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-reservation .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-reservation .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #def7f2;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-reservation .awl-app-bg.awl-app-bg,
.a9-app-reservation .awl-app-bg.awl-app-bg {
  background-color: #23caa5;
  color: #fff;
}
.page-reservation .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-reservation .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #23caa5;
  color: #fff;
}
.page-reservation .awl-app-color.awl-app-color,
.a9-app-reservation .awl-app-color.awl-app-color {
  color: #23caa5;
}
.page-reservation .awl-app-border-color.awl-app-border-color,
.a9-app-reservation .awl-app-border-color.awl-app-border-color {
  border-color: #23caa5;
}
.page-reservation .awl-app-contour.awl-app-contour,
.a9-app-reservation .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #23caa5;
  border-color: #23caa5;
}
.page-reservation .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-reservation .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #23caa5;
  border-color: #23caa5;
}
.page-reservation .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-reservation .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #23caa5;
  border: 1px solid #23caa5;
}
.page-reservation .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-reservation .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-reservation .awl-options-icon,
.a9-app-reservation .awl-options-icon {
  background-color: #23caa5;
  color: #fff;
}
.page-reservation .awl-tick.checked,
.a9-app-reservation .awl-tick.checked,
.page-reservation .checkbox.checked,
.a9-app-reservation .checkbox.checked {
  background-color: #23caa5;
  border-color: #23caa5;
}
.page-reservation .awl-tick.checked[type="radio"]::before,
.a9-app-reservation .awl-tick.checked[type="radio"]::before,
.page-reservation .checkbox.checked[type="radio"]::before,
.a9-app-reservation .checkbox.checked[type="radio"]::before,
.page-reservation .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-reservation .awl-tick.checked[type="uncheckable-radio"]::before,
.page-reservation .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-reservation .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #23caa5;
}
.page-reservation .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-reservation .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-reservation .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-reservation .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #23caa5;
}
.page-reservation .awl-datepick-block .day-current.day-current,
.a9-app-reservation .awl-datepick-block .day-current.day-current {
  background-color: #23caa5;
}
.page-reservation .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-reservation .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #23caa5;
}
.page-reservation .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-reservation .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #23caa5;
}
.page-reservation .awl-progress-bar-value,
.a9-app-reservation .awl-progress-bar-value {
  background: #23caa5 !important;
}
.page-reservation .agc-item-checked,
.a9-app-reservation .agc-item-checked {
  border-color: #23caa5 !important;
}
.page-reservation .themed-background,
.a9-app-reservation .themed-background {
  background-color: #23caa5 !important;
}
.page-reservation.themed-background-inline,
.a9-app-reservation.themed-background-inline {
  background-color: #23caa5 !important;
}
.page-reservation .themed-background-hover:hover,
.a9-app-reservation .themed-background-hover:hover {
  background-color: #23caa5 !important;
  color: #ffffff !important;
}
.page-reservation .themed-borders,
.a9-app-reservation .themed-borders {
  border-color: #23caa5 !important;
}
.page-reservation.themed-borders-inline,
.a9-app-reservation.themed-borders-inline {
  border-color: #23caa5 !important;
}
.page-reservation .themed-color,
.a9-app-reservation .themed-color {
  color: #23caa5 !important;
}
.page-reservation .themed-text-stroke,
.a9-app-reservation .themed-text-stroke {
  text-shadow: -1px 0 #23caa5, 0 1px #23caa5, 1px 0 #23caa5, 0 -1px #23caa5 !important;
}
.page-reservation .themed-focus-color:focus,
.a9-app-reservation .themed-focus-color:focus {
  color: #23caa5;
}
.page-reservation .themed-active-color:active,
.a9-app-reservation .themed-active-color:active,
.page-reservation .themed-active-color:hover,
.a9-app-reservation .themed-active-color:hover {
  color: #23caa5;
}
.page-reservation .themed-filled,
.a9-app-reservation .themed-filled {
  background-color: #23caa5 !important;
  border-color: #23caa5 !important;
  color: #FFFFFF !important;
}
.page-reservation .themed-svg-fill,
.a9-app-reservation .themed-svg-fill {
  fill: #23caa5;
}
.page-reservation .themed-disabled-background,
.a9-app-reservation .themed-disabled-background {
  background-color: #7bdfc9;
}
.menu-item.reservation .menu-title {
  background-color: #23caa5;
}
.reservation .dropdown-menu.bottom-up {
  border-color: #23caa5;
}
.application-input-type-keyboard .page-reservation .checkbox:focus,
.application-input-type-keyboard .a9-app-reservation .checkbox:focus {
  box-shadow: 0 0 4px 1px #23caa5;
}
.application-input-type-keyboard .page-reservation *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-reservation *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-reservation *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-reservation *:focus.fs-child-custom {
  border: 1px solid #23caa5;
}
.application-input-type-keyboard .page-reservation *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-reservation *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #23caa5;
  box-shadow: 0 0 4px 1px #23caa5;
}
.page-reservation input:focus,
.a9-app-reservation input:focus,
.page-reservation textarea:focus,
.a9-app-reservation textarea:focus,
.page-reservation .checkbox:focus,
.a9-app-reservation .checkbox:focus {
  border: 1px solid #23caa5;
}
.page-reservation .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #23caa5;
}
.page-reservation .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #23caa5;
}
.page-reservation .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #23caa5;
}
.page-reservation .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-reservation .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #23caa5;
}
.page-reservation .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #c4f5ea;
}
.page-reservation .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #23caa5;
  background-color: #ffffff;
}
/* Dashboard */
.page-jasper,
.a9-app-jasper {
  --a9-module-color: #8371ea;
}
.page-jasper .clfa-categories .clfa-category.active,
.a9-app-jasper .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #8371ea;
}
.page-jasper .page-header .page-header-label,
.a9-app-jasper .page-header .page-header-label {
  background-color: #8371ea;
}
.page-jasper .page-header-component .page-header-component__label,
.a9-app-jasper .page-header-component .page-header-component__label {
  background-color: #8371ea;
}
.page-jasper .content-header-navigation .module-color-accent,
.a9-app-jasper .content-header-navigation .module-color-accent {
  background-color: #8371ea;
}
.page-jasper .awl-current-loader,
.a9-app-jasper .awl-current-loader {
  border-top-color: #8371ea;
  border-bottom-color: #8371ea;
}
.page-jasper .awl-button,
.a9-app-jasper .awl-button,
.page-jasper .button.ctrl,
.a9-app-jasper .button.ctrl {
  background-color: #8371ea;
  color: #fff;
}
.page-jasper .awl-button:hover,
.a9-app-jasper .awl-button:hover,
.page-jasper .button.ctrl:hover,
.a9-app-jasper .button.ctrl:hover {
  background-color: #7666d3;
}
.page-jasper .awl-button:active,
.a9-app-jasper .awl-button:active,
.page-jasper .button.ctrl:active,
.a9-app-jasper .button.ctrl:active,
.page-jasper .awl-button.active,
.a9-app-jasper .awl-button.active,
.page-jasper .button.ctrl.active,
.a9-app-jasper .button.ctrl.active {
  background-color: #695abb;
}
.page-jasper .awl-button:disabled,
.a9-app-jasper .awl-button:disabled,
.page-jasper .button.ctrl:disabled,
.a9-app-jasper .button.ctrl:disabled {
  background-color: #b5aaf2;
}
.page-jasper .awl-button.disabled,
.a9-app-jasper .awl-button.disabled,
.page-jasper .button.ctrl.disabled,
.a9-app-jasper .button.ctrl.disabled {
  background-color: #b5aaf2;
}
.page-jasper .awl-button.system,
.a9-app-jasper .awl-button.system,
.page-jasper .button.ctrl.system,
.a9-app-jasper .button.ctrl.system {
  background: #969FB8;
}
.page-jasper .awl-button.system:hover,
.a9-app-jasper .awl-button.system:hover,
.page-jasper .button.ctrl.system:hover,
.a9-app-jasper .button.ctrl.system:hover {
  background-color: #556285;
}
.page-jasper .awl-button.system:active,
.a9-app-jasper .awl-button.system:active,
.page-jasper .button.ctrl.system:active,
.a9-app-jasper .button.ctrl.system:active {
  background-color: #8371ea;
}
.page-jasper .awl-button.system.disabled,
.a9-app-jasper .awl-button.system.disabled,
.page-jasper .button.ctrl.system.disabled,
.a9-app-jasper .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-jasper .awl-button.secondary,
.a9-app-jasper .awl-button.secondary,
.page-jasper .button.ctrl.secondary,
.a9-app-jasper .button.ctrl.secondary,
.page-jasper .awl-button.system-contour,
.a9-app-jasper .awl-button.system-contour,
.page-jasper .button.ctrl.system-contour,
.a9-app-jasper .button.ctrl.system-contour,
.page-jasper .awl-button.cancel,
.a9-app-jasper .awl-button.cancel,
.page-jasper .button.ctrl.cancel,
.a9-app-jasper .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-jasper .awl-button.secondary:hover,
.a9-app-jasper .awl-button.secondary:hover,
.page-jasper .button.ctrl.secondary:hover,
.a9-app-jasper .button.ctrl.secondary:hover,
.page-jasper .awl-button.system-contour:hover,
.a9-app-jasper .awl-button.system-contour:hover,
.page-jasper .button.ctrl.system-contour:hover,
.a9-app-jasper .button.ctrl.system-contour:hover,
.page-jasper .awl-button.cancel:hover,
.a9-app-jasper .awl-button.cancel:hover,
.page-jasper .button.ctrl.cancel:hover,
.a9-app-jasper .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-jasper .awl-button.secondary:active,
.a9-app-jasper .awl-button.secondary:active,
.page-jasper .button.ctrl.secondary:active,
.a9-app-jasper .button.ctrl.secondary:active,
.page-jasper .awl-button.system-contour:active,
.a9-app-jasper .awl-button.system-contour:active,
.page-jasper .button.ctrl.system-contour:active,
.a9-app-jasper .button.ctrl.system-contour:active,
.page-jasper .awl-button.cancel:active,
.a9-app-jasper .awl-button.cancel:active,
.page-jasper .button.ctrl.cancel:active,
.a9-app-jasper .button.ctrl.cancel:active {
  border-color: #8371ea;
  color: #8371ea;
}
.page-jasper .awl-button.secondary[disabled],
.a9-app-jasper .awl-button.secondary[disabled],
.page-jasper .button.ctrl.secondary[disabled],
.a9-app-jasper .button.ctrl.secondary[disabled],
.page-jasper .awl-button.system-contour[disabled],
.a9-app-jasper .awl-button.system-contour[disabled],
.page-jasper .button.ctrl.system-contour[disabled],
.a9-app-jasper .button.ctrl.system-contour[disabled],
.page-jasper .awl-button.cancel[disabled],
.a9-app-jasper .awl-button.cancel[disabled],
.page-jasper .button.ctrl.cancel[disabled],
.a9-app-jasper .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-jasper .awl-button.secondary.disabled,
.a9-app-jasper .awl-button.secondary.disabled,
.page-jasper .button.ctrl.secondary.disabled,
.a9-app-jasper .button.ctrl.secondary.disabled,
.page-jasper .awl-button.system-contour.disabled,
.a9-app-jasper .awl-button.system-contour.disabled,
.page-jasper .button.ctrl.system-contour.disabled,
.a9-app-jasper .button.ctrl.system-contour.disabled,
.page-jasper .awl-button.cancel.disabled,
.a9-app-jasper .awl-button.cancel.disabled,
.page-jasper .button.ctrl.cancel.disabled,
.a9-app-jasper .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-jasper .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-jasper .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-jasper .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-jasper .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-jasper .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-jasper .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-jasper .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-jasper .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-jasper .secondary-button .awl-button,
.a9-app-jasper .secondary-button .awl-button,
.page-jasper .secondary-button .button.ctrl,
.a9-app-jasper .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-jasper .secondary-button .awl-button:hover,
.a9-app-jasper .secondary-button .awl-button:hover,
.page-jasper .secondary-button .button.ctrl:hover,
.a9-app-jasper .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-jasper .secondary-button .awl-button:active,
.a9-app-jasper .secondary-button .awl-button:active,
.page-jasper .secondary-button .button.ctrl:active,
.a9-app-jasper .secondary-button .button.ctrl:active {
  border-color: #8371ea;
  color: #8371ea;
}
.page-jasper .secondary-button .awl-button[disabled],
.a9-app-jasper .secondary-button .awl-button[disabled],
.page-jasper .secondary-button .button.ctrl[disabled],
.a9-app-jasper .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-jasper .secondary-button .awl-button.disabled,
.a9-app-jasper .secondary-button .awl-button.disabled,
.page-jasper .secondary-button .button.ctrl.disabled,
.a9-app-jasper .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-jasper .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-jasper .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #eceafc;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-jasper .awl-app-bg.awl-app-bg,
.a9-app-jasper .awl-app-bg.awl-app-bg {
  background-color: #8371ea;
  color: #fff;
}
.page-jasper .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-jasper .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #8371ea;
  color: #fff;
}
.page-jasper .awl-app-color.awl-app-color,
.a9-app-jasper .awl-app-color.awl-app-color {
  color: #8371ea;
}
.page-jasper .awl-app-border-color.awl-app-border-color,
.a9-app-jasper .awl-app-border-color.awl-app-border-color {
  border-color: #8371ea;
}
.page-jasper .awl-app-contour.awl-app-contour,
.a9-app-jasper .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #8371ea;
  border-color: #8371ea;
}
.page-jasper .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-jasper .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #8371ea;
  border-color: #8371ea;
}
.page-jasper .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-jasper .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #8371ea;
  border: 1px solid #8371ea;
}
.page-jasper .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-jasper .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-jasper .awl-options-icon,
.a9-app-jasper .awl-options-icon {
  background-color: #8371ea;
  color: #fff;
}
.page-jasper .awl-tick.checked,
.a9-app-jasper .awl-tick.checked,
.page-jasper .checkbox.checked,
.a9-app-jasper .checkbox.checked {
  background-color: #8371ea;
  border-color: #8371ea;
}
.page-jasper .awl-tick.checked[type="radio"]::before,
.a9-app-jasper .awl-tick.checked[type="radio"]::before,
.page-jasper .checkbox.checked[type="radio"]::before,
.a9-app-jasper .checkbox.checked[type="radio"]::before,
.page-jasper .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-jasper .awl-tick.checked[type="uncheckable-radio"]::before,
.page-jasper .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-jasper .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #8371ea;
}
.page-jasper .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-jasper .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-jasper .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-jasper .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #8371ea;
}
.page-jasper .awl-datepick-block .day-current.day-current,
.a9-app-jasper .awl-datepick-block .day-current.day-current {
  background-color: #8371ea;
}
.page-jasper .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-jasper .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #8371ea;
}
.page-jasper .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-jasper .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #8371ea;
}
.page-jasper .awl-progress-bar-value,
.a9-app-jasper .awl-progress-bar-value {
  background: #8371ea !important;
}
.page-jasper .agc-item-checked,
.a9-app-jasper .agc-item-checked {
  border-color: #8371ea !important;
}
.page-jasper .themed-background,
.a9-app-jasper .themed-background {
  background-color: #8371ea !important;
}
.page-jasper.themed-background-inline,
.a9-app-jasper.themed-background-inline {
  background-color: #8371ea !important;
}
.page-jasper .themed-background-hover:hover,
.a9-app-jasper .themed-background-hover:hover {
  background-color: #8371ea !important;
  color: #ffffff !important;
}
.page-jasper .themed-borders,
.a9-app-jasper .themed-borders {
  border-color: #8371ea !important;
}
.page-jasper.themed-borders-inline,
.a9-app-jasper.themed-borders-inline {
  border-color: #8371ea !important;
}
.page-jasper .themed-color,
.a9-app-jasper .themed-color {
  color: #8371ea !important;
}
.page-jasper .themed-text-stroke,
.a9-app-jasper .themed-text-stroke {
  text-shadow: -1px 0 #8371ea, 0 1px #8371ea, 1px 0 #8371ea, 0 -1px #8371ea !important;
}
.page-jasper .themed-focus-color:focus,
.a9-app-jasper .themed-focus-color:focus {
  color: #8371ea;
}
.page-jasper .themed-active-color:active,
.a9-app-jasper .themed-active-color:active,
.page-jasper .themed-active-color:hover,
.a9-app-jasper .themed-active-color:hover {
  color: #8371ea;
}
.page-jasper .themed-filled,
.a9-app-jasper .themed-filled {
  background-color: #8371ea !important;
  border-color: #8371ea !important;
  color: #FFFFFF !important;
}
.page-jasper .themed-svg-fill,
.a9-app-jasper .themed-svg-fill {
  fill: #8371ea;
}
.page-jasper .themed-disabled-background,
.a9-app-jasper .themed-disabled-background {
  background-color: #b5aaf2;
}
.menu-item.jasper .menu-title {
  background-color: #8371ea;
}
.jasper .dropdown-menu.bottom-up {
  border-color: #8371ea;
}
.application-input-type-keyboard .page-jasper .checkbox:focus,
.application-input-type-keyboard .a9-app-jasper .checkbox:focus {
  box-shadow: 0 0 4px 1px #8371ea;
}
.application-input-type-keyboard .page-jasper *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-jasper *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-jasper *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-jasper *:focus.fs-child-custom {
  border: 1px solid #8371ea;
}
.application-input-type-keyboard .page-jasper *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-jasper *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #8371ea;
  box-shadow: 0 0 4px 1px #8371ea;
}
.page-jasper input:focus,
.a9-app-jasper input:focus,
.page-jasper textarea:focus,
.a9-app-jasper textarea:focus,
.page-jasper .checkbox:focus,
.a9-app-jasper .checkbox:focus {
  border: 1px solid #8371ea;
}
.page-jasper .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #8371ea;
}
.page-jasper .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #8371ea;
}
.page-jasper .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #8371ea;
}
.page-jasper .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-jasper .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #8371ea;
}
.page-jasper .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-jasper .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #8371ea;
  background-color: #ffffff;
}
.page-dashboard,
.a9-app-dashboard {
  --a9-module-color: #d376fb;
}
.page-dashboard .clfa-categories .clfa-category.active,
.a9-app-dashboard .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #d376fb;
}
.page-dashboard .page-header .page-header-label,
.a9-app-dashboard .page-header .page-header-label {
  background-color: #d376fb;
}
.page-dashboard .page-header-component .page-header-component__label,
.a9-app-dashboard .page-header-component .page-header-component__label {
  background-color: #d376fb;
}
.page-dashboard .content-header-navigation .module-color-accent,
.a9-app-dashboard .content-header-navigation .module-color-accent {
  background-color: #d376fb;
}
.page-dashboard .awl-current-loader,
.a9-app-dashboard .awl-current-loader {
  border-top-color: #d376fb;
  border-bottom-color: #d376fb;
}
.page-dashboard .awl-button,
.a9-app-dashboard .awl-button,
.page-dashboard .button.ctrl,
.a9-app-dashboard .button.ctrl {
  background-color: #d376fb;
  color: #fff;
}
.page-dashboard .awl-button:hover,
.a9-app-dashboard .awl-button:hover,
.page-dashboard .button.ctrl:hover,
.a9-app-dashboard .button.ctrl:hover {
  background-color: #be6ae2;
}
.page-dashboard .awl-button:active,
.a9-app-dashboard .awl-button:active,
.page-dashboard .button.ctrl:active,
.a9-app-dashboard .button.ctrl:active,
.page-dashboard .awl-button.active,
.a9-app-dashboard .awl-button.active,
.page-dashboard .button.ctrl.active,
.a9-app-dashboard .button.ctrl.active {
  background-color: #a95ec9;
}
.page-dashboard .awl-button:disabled,
.a9-app-dashboard .awl-button:disabled,
.page-dashboard .button.ctrl:disabled,
.a9-app-dashboard .button.ctrl:disabled {
  background-color: #e5adfd;
}
.page-dashboard .awl-button.disabled,
.a9-app-dashboard .awl-button.disabled,
.page-dashboard .button.ctrl.disabled,
.a9-app-dashboard .button.ctrl.disabled {
  background-color: #e5adfd;
}
.page-dashboard .awl-button.system,
.a9-app-dashboard .awl-button.system,
.page-dashboard .button.ctrl.system,
.a9-app-dashboard .button.ctrl.system {
  background: #969FB8;
}
.page-dashboard .awl-button.system:hover,
.a9-app-dashboard .awl-button.system:hover,
.page-dashboard .button.ctrl.system:hover,
.a9-app-dashboard .button.ctrl.system:hover {
  background-color: #556285;
}
.page-dashboard .awl-button.system:active,
.a9-app-dashboard .awl-button.system:active,
.page-dashboard .button.ctrl.system:active,
.a9-app-dashboard .button.ctrl.system:active {
  background-color: #d376fb;
}
.page-dashboard .awl-button.system.disabled,
.a9-app-dashboard .awl-button.system.disabled,
.page-dashboard .button.ctrl.system.disabled,
.a9-app-dashboard .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-dashboard .awl-button.secondary,
.a9-app-dashboard .awl-button.secondary,
.page-dashboard .button.ctrl.secondary,
.a9-app-dashboard .button.ctrl.secondary,
.page-dashboard .awl-button.system-contour,
.a9-app-dashboard .awl-button.system-contour,
.page-dashboard .button.ctrl.system-contour,
.a9-app-dashboard .button.ctrl.system-contour,
.page-dashboard .awl-button.cancel,
.a9-app-dashboard .awl-button.cancel,
.page-dashboard .button.ctrl.cancel,
.a9-app-dashboard .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-dashboard .awl-button.secondary:hover,
.a9-app-dashboard .awl-button.secondary:hover,
.page-dashboard .button.ctrl.secondary:hover,
.a9-app-dashboard .button.ctrl.secondary:hover,
.page-dashboard .awl-button.system-contour:hover,
.a9-app-dashboard .awl-button.system-contour:hover,
.page-dashboard .button.ctrl.system-contour:hover,
.a9-app-dashboard .button.ctrl.system-contour:hover,
.page-dashboard .awl-button.cancel:hover,
.a9-app-dashboard .awl-button.cancel:hover,
.page-dashboard .button.ctrl.cancel:hover,
.a9-app-dashboard .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-dashboard .awl-button.secondary:active,
.a9-app-dashboard .awl-button.secondary:active,
.page-dashboard .button.ctrl.secondary:active,
.a9-app-dashboard .button.ctrl.secondary:active,
.page-dashboard .awl-button.system-contour:active,
.a9-app-dashboard .awl-button.system-contour:active,
.page-dashboard .button.ctrl.system-contour:active,
.a9-app-dashboard .button.ctrl.system-contour:active,
.page-dashboard .awl-button.cancel:active,
.a9-app-dashboard .awl-button.cancel:active,
.page-dashboard .button.ctrl.cancel:active,
.a9-app-dashboard .button.ctrl.cancel:active {
  border-color: #d376fb;
  color: #d376fb;
}
.page-dashboard .awl-button.secondary[disabled],
.a9-app-dashboard .awl-button.secondary[disabled],
.page-dashboard .button.ctrl.secondary[disabled],
.a9-app-dashboard .button.ctrl.secondary[disabled],
.page-dashboard .awl-button.system-contour[disabled],
.a9-app-dashboard .awl-button.system-contour[disabled],
.page-dashboard .button.ctrl.system-contour[disabled],
.a9-app-dashboard .button.ctrl.system-contour[disabled],
.page-dashboard .awl-button.cancel[disabled],
.a9-app-dashboard .awl-button.cancel[disabled],
.page-dashboard .button.ctrl.cancel[disabled],
.a9-app-dashboard .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dashboard .awl-button.secondary.disabled,
.a9-app-dashboard .awl-button.secondary.disabled,
.page-dashboard .button.ctrl.secondary.disabled,
.a9-app-dashboard .button.ctrl.secondary.disabled,
.page-dashboard .awl-button.system-contour.disabled,
.a9-app-dashboard .awl-button.system-contour.disabled,
.page-dashboard .button.ctrl.system-contour.disabled,
.a9-app-dashboard .button.ctrl.system-contour.disabled,
.page-dashboard .awl-button.cancel.disabled,
.a9-app-dashboard .awl-button.cancel.disabled,
.page-dashboard .button.ctrl.cancel.disabled,
.a9-app-dashboard .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dashboard .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-dashboard .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-dashboard .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-dashboard .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-dashboard .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-dashboard .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-dashboard .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-dashboard .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-dashboard .secondary-button .awl-button,
.a9-app-dashboard .secondary-button .awl-button,
.page-dashboard .secondary-button .button.ctrl,
.a9-app-dashboard .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-dashboard .secondary-button .awl-button:hover,
.a9-app-dashboard .secondary-button .awl-button:hover,
.page-dashboard .secondary-button .button.ctrl:hover,
.a9-app-dashboard .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-dashboard .secondary-button .awl-button:active,
.a9-app-dashboard .secondary-button .awl-button:active,
.page-dashboard .secondary-button .button.ctrl:active,
.a9-app-dashboard .secondary-button .button.ctrl:active {
  border-color: #d376fb;
  color: #d376fb;
}
.page-dashboard .secondary-button .awl-button[disabled],
.a9-app-dashboard .secondary-button .awl-button[disabled],
.page-dashboard .secondary-button .button.ctrl[disabled],
.a9-app-dashboard .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dashboard .secondary-button .awl-button.disabled,
.a9-app-dashboard .secondary-button .awl-button.disabled,
.page-dashboard .secondary-button .button.ctrl.disabled,
.a9-app-dashboard .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dashboard .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-dashboard .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #f8eafe;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-dashboard .awl-app-bg.awl-app-bg,
.a9-app-dashboard .awl-app-bg.awl-app-bg {
  background-color: #d376fb;
  color: #fff;
}
.page-dashboard .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-dashboard .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #d376fb;
  color: #fff;
}
.page-dashboard .awl-app-color.awl-app-color,
.a9-app-dashboard .awl-app-color.awl-app-color {
  color: #d376fb;
}
.page-dashboard .awl-app-border-color.awl-app-border-color,
.a9-app-dashboard .awl-app-border-color.awl-app-border-color {
  border-color: #d376fb;
}
.page-dashboard .awl-app-contour.awl-app-contour,
.a9-app-dashboard .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #d376fb;
  border-color: #d376fb;
}
.page-dashboard .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-dashboard .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #d376fb;
  border-color: #d376fb;
}
.page-dashboard .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-dashboard .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #d376fb;
  border: 1px solid #d376fb;
}
.page-dashboard .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-dashboard .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-dashboard .awl-options-icon,
.a9-app-dashboard .awl-options-icon {
  background-color: #d376fb;
  color: #fff;
}
.page-dashboard .awl-tick.checked,
.a9-app-dashboard .awl-tick.checked,
.page-dashboard .checkbox.checked,
.a9-app-dashboard .checkbox.checked {
  background-color: #d376fb;
  border-color: #d376fb;
}
.page-dashboard .awl-tick.checked[type="radio"]::before,
.a9-app-dashboard .awl-tick.checked[type="radio"]::before,
.page-dashboard .checkbox.checked[type="radio"]::before,
.a9-app-dashboard .checkbox.checked[type="radio"]::before,
.page-dashboard .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-dashboard .awl-tick.checked[type="uncheckable-radio"]::before,
.page-dashboard .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-dashboard .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #d376fb;
}
.page-dashboard .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-dashboard .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-dashboard .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-dashboard .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #d376fb;
}
.page-dashboard .awl-datepick-block .day-current.day-current,
.a9-app-dashboard .awl-datepick-block .day-current.day-current {
  background-color: #d376fb;
}
.page-dashboard .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-dashboard .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #d376fb;
}
.page-dashboard .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-dashboard .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #d376fb;
}
.page-dashboard .awl-progress-bar-value,
.a9-app-dashboard .awl-progress-bar-value {
  background: #d376fb !important;
}
.page-dashboard .agc-item-checked,
.a9-app-dashboard .agc-item-checked {
  border-color: #d376fb !important;
}
.page-dashboard .themed-background,
.a9-app-dashboard .themed-background {
  background-color: #d376fb !important;
}
.page-dashboard.themed-background-inline,
.a9-app-dashboard.themed-background-inline {
  background-color: #d376fb !important;
}
.page-dashboard .themed-background-hover:hover,
.a9-app-dashboard .themed-background-hover:hover {
  background-color: #d376fb !important;
  color: #ffffff !important;
}
.page-dashboard .themed-borders,
.a9-app-dashboard .themed-borders {
  border-color: #d376fb !important;
}
.page-dashboard.themed-borders-inline,
.a9-app-dashboard.themed-borders-inline {
  border-color: #d376fb !important;
}
.page-dashboard .themed-color,
.a9-app-dashboard .themed-color {
  color: #d376fb !important;
}
.page-dashboard .themed-text-stroke,
.a9-app-dashboard .themed-text-stroke {
  text-shadow: -1px 0 #d376fb, 0 1px #d376fb, 1px 0 #d376fb, 0 -1px #d376fb !important;
}
.page-dashboard .themed-focus-color:focus,
.a9-app-dashboard .themed-focus-color:focus {
  color: #d376fb;
}
.page-dashboard .themed-active-color:active,
.a9-app-dashboard .themed-active-color:active,
.page-dashboard .themed-active-color:hover,
.a9-app-dashboard .themed-active-color:hover {
  color: #d376fb;
}
.page-dashboard .themed-filled,
.a9-app-dashboard .themed-filled {
  background-color: #d376fb !important;
  border-color: #d376fb !important;
  color: #FFFFFF !important;
}
.page-dashboard .themed-svg-fill,
.a9-app-dashboard .themed-svg-fill {
  fill: #d376fb;
}
.page-dashboard .themed-disabled-background,
.a9-app-dashboard .themed-disabled-background {
  background-color: #e5adfd;
}
.menu-item.dashboard .menu-title {
  background-color: #d376fb;
}
.dashboard .dropdown-menu.bottom-up {
  border-color: #d376fb;
}
.application-input-type-keyboard .page-dashboard .checkbox:focus,
.application-input-type-keyboard .a9-app-dashboard .checkbox:focus {
  box-shadow: 0 0 4px 1px #d376fb;
}
.application-input-type-keyboard .page-dashboard *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-dashboard *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-dashboard *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-dashboard *:focus.fs-child-custom {
  border: 1px solid #d376fb;
}
.application-input-type-keyboard .page-dashboard *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-dashboard *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #d376fb;
  box-shadow: 0 0 4px 1px #d376fb;
}
.page-dashboard input:focus,
.a9-app-dashboard input:focus,
.page-dashboard textarea:focus,
.a9-app-dashboard textarea:focus,
.page-dashboard .checkbox:focus,
.a9-app-dashboard .checkbox:focus {
  border: 1px solid #d376fb;
}
.page-dashboard .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #d376fb;
}
.page-dashboard .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #d376fb;
}
.page-dashboard .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #d376fb;
}
.page-dashboard .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-dashboard .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #d376fb;
}
.page-dashboard .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-dashboard .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #d376fb;
  background-color: #ffffff;
}
/* Email */
.page-email,
.a9-app-email {
  --a9-module-color: #8199f1;
}
.page-email .clfa-categories .clfa-category.active,
.a9-app-email .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #8199f1;
}
.page-email .page-header .page-header-label,
.a9-app-email .page-header .page-header-label {
  background-color: #8199f1;
}
.page-email .page-header-component .page-header-component__label,
.a9-app-email .page-header-component .page-header-component__label {
  background-color: #8199f1;
}
.page-email .content-header-navigation .module-color-accent,
.a9-app-email .content-header-navigation .module-color-accent {
  background-color: #8199f1;
}
.page-email .awl-current-loader,
.a9-app-email .awl-current-loader {
  border-top-color: #8199f1;
  border-bottom-color: #8199f1;
}
.page-email .awl-button,
.a9-app-email .awl-button,
.page-email .button.ctrl,
.a9-app-email .button.ctrl {
  background-color: #8199f1;
  color: #fff;
}
.page-email .awl-button:hover,
.a9-app-email .awl-button:hover,
.page-email .button.ctrl:hover,
.a9-app-email .button.ctrl:hover {
  background-color: #748ad9;
}
.page-email .awl-button:active,
.a9-app-email .awl-button:active,
.page-email .button.ctrl:active,
.a9-app-email .button.ctrl:active,
.page-email .awl-button.active,
.a9-app-email .awl-button.active,
.page-email .button.ctrl.active,
.a9-app-email .button.ctrl.active {
  background-color: #677ac1;
}
.page-email .awl-button:disabled,
.a9-app-email .awl-button:disabled,
.page-email .button.ctrl:disabled,
.a9-app-email .button.ctrl:disabled {
  background-color: #b3c2f7;
}
.page-email .awl-button.disabled,
.a9-app-email .awl-button.disabled,
.page-email .button.ctrl.disabled,
.a9-app-email .button.ctrl.disabled {
  background-color: #b3c2f7;
}
.page-email .awl-button.system,
.a9-app-email .awl-button.system,
.page-email .button.ctrl.system,
.a9-app-email .button.ctrl.system {
  background: #969FB8;
}
.page-email .awl-button.system:hover,
.a9-app-email .awl-button.system:hover,
.page-email .button.ctrl.system:hover,
.a9-app-email .button.ctrl.system:hover {
  background-color: #556285;
}
.page-email .awl-button.system:active,
.a9-app-email .awl-button.system:active,
.page-email .button.ctrl.system:active,
.a9-app-email .button.ctrl.system:active {
  background-color: #8199f1;
}
.page-email .awl-button.system.disabled,
.a9-app-email .awl-button.system.disabled,
.page-email .button.ctrl.system.disabled,
.a9-app-email .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-email .awl-button.secondary,
.a9-app-email .awl-button.secondary,
.page-email .button.ctrl.secondary,
.a9-app-email .button.ctrl.secondary,
.page-email .awl-button.system-contour,
.a9-app-email .awl-button.system-contour,
.page-email .button.ctrl.system-contour,
.a9-app-email .button.ctrl.system-contour,
.page-email .awl-button.cancel,
.a9-app-email .awl-button.cancel,
.page-email .button.ctrl.cancel,
.a9-app-email .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-email .awl-button.secondary:hover,
.a9-app-email .awl-button.secondary:hover,
.page-email .button.ctrl.secondary:hover,
.a9-app-email .button.ctrl.secondary:hover,
.page-email .awl-button.system-contour:hover,
.a9-app-email .awl-button.system-contour:hover,
.page-email .button.ctrl.system-contour:hover,
.a9-app-email .button.ctrl.system-contour:hover,
.page-email .awl-button.cancel:hover,
.a9-app-email .awl-button.cancel:hover,
.page-email .button.ctrl.cancel:hover,
.a9-app-email .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-email .awl-button.secondary:active,
.a9-app-email .awl-button.secondary:active,
.page-email .button.ctrl.secondary:active,
.a9-app-email .button.ctrl.secondary:active,
.page-email .awl-button.system-contour:active,
.a9-app-email .awl-button.system-contour:active,
.page-email .button.ctrl.system-contour:active,
.a9-app-email .button.ctrl.system-contour:active,
.page-email .awl-button.cancel:active,
.a9-app-email .awl-button.cancel:active,
.page-email .button.ctrl.cancel:active,
.a9-app-email .button.ctrl.cancel:active {
  border-color: #8199f1;
  color: #8199f1;
}
.page-email .awl-button.secondary[disabled],
.a9-app-email .awl-button.secondary[disabled],
.page-email .button.ctrl.secondary[disabled],
.a9-app-email .button.ctrl.secondary[disabled],
.page-email .awl-button.system-contour[disabled],
.a9-app-email .awl-button.system-contour[disabled],
.page-email .button.ctrl.system-contour[disabled],
.a9-app-email .button.ctrl.system-contour[disabled],
.page-email .awl-button.cancel[disabled],
.a9-app-email .awl-button.cancel[disabled],
.page-email .button.ctrl.cancel[disabled],
.a9-app-email .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-email .awl-button.secondary.disabled,
.a9-app-email .awl-button.secondary.disabled,
.page-email .button.ctrl.secondary.disabled,
.a9-app-email .button.ctrl.secondary.disabled,
.page-email .awl-button.system-contour.disabled,
.a9-app-email .awl-button.system-contour.disabled,
.page-email .button.ctrl.system-contour.disabled,
.a9-app-email .button.ctrl.system-contour.disabled,
.page-email .awl-button.cancel.disabled,
.a9-app-email .awl-button.cancel.disabled,
.page-email .button.ctrl.cancel.disabled,
.a9-app-email .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-email .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-email .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-email .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-email .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-email .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-email .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-email .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-email .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-email .secondary-button .awl-button,
.a9-app-email .secondary-button .awl-button,
.page-email .secondary-button .button.ctrl,
.a9-app-email .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-email .secondary-button .awl-button:hover,
.a9-app-email .secondary-button .awl-button:hover,
.page-email .secondary-button .button.ctrl:hover,
.a9-app-email .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-email .secondary-button .awl-button:active,
.a9-app-email .secondary-button .awl-button:active,
.page-email .secondary-button .button.ctrl:active,
.a9-app-email .secondary-button .button.ctrl:active {
  border-color: #8199f1;
  color: #8199f1;
}
.page-email .secondary-button .awl-button[disabled],
.a9-app-email .secondary-button .awl-button[disabled],
.page-email .secondary-button .button.ctrl[disabled],
.a9-app-email .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-email .secondary-button .awl-button.disabled,
.a9-app-email .secondary-button .awl-button.disabled,
.page-email .secondary-button .button.ctrl.disabled,
.a9-app-email .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-email .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-email .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ecf0fd;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-email .awl-app-bg.awl-app-bg,
.a9-app-email .awl-app-bg.awl-app-bg {
  background-color: #8199f1;
  color: #fff;
}
.page-email .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-email .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #8199f1;
  color: #fff;
}
.page-email .awl-app-color.awl-app-color,
.a9-app-email .awl-app-color.awl-app-color {
  color: #8199f1;
}
.page-email .awl-app-border-color.awl-app-border-color,
.a9-app-email .awl-app-border-color.awl-app-border-color {
  border-color: #8199f1;
}
.page-email .awl-app-contour.awl-app-contour,
.a9-app-email .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #8199f1;
  border-color: #8199f1;
}
.page-email .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-email .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #8199f1;
  border-color: #8199f1;
}
.page-email .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-email .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #8199f1;
  border: 1px solid #8199f1;
}
.page-email .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-email .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-email .awl-options-icon,
.a9-app-email .awl-options-icon {
  background-color: #8199f1;
  color: #fff;
}
.page-email .awl-tick.checked,
.a9-app-email .awl-tick.checked,
.page-email .checkbox.checked,
.a9-app-email .checkbox.checked {
  background-color: #8199f1;
  border-color: #8199f1;
}
.page-email .awl-tick.checked[type="radio"]::before,
.a9-app-email .awl-tick.checked[type="radio"]::before,
.page-email .checkbox.checked[type="radio"]::before,
.a9-app-email .checkbox.checked[type="radio"]::before,
.page-email .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-email .awl-tick.checked[type="uncheckable-radio"]::before,
.page-email .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-email .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #8199f1;
}
.page-email .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-email .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-email .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-email .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #8199f1;
}
.page-email .awl-datepick-block .day-current.day-current,
.a9-app-email .awl-datepick-block .day-current.day-current {
  background-color: #8199f1;
}
.page-email .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-email .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #8199f1;
}
.page-email .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-email .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #8199f1;
}
.page-email .awl-progress-bar-value,
.a9-app-email .awl-progress-bar-value {
  background: #8199f1 !important;
}
.page-email .agc-item-checked,
.a9-app-email .agc-item-checked {
  border-color: #8199f1 !important;
}
.page-email .themed-background,
.a9-app-email .themed-background {
  background-color: #8199f1 !important;
}
.page-email.themed-background-inline,
.a9-app-email.themed-background-inline {
  background-color: #8199f1 !important;
}
.page-email .themed-background-hover:hover,
.a9-app-email .themed-background-hover:hover {
  background-color: #8199f1 !important;
  color: #ffffff !important;
}
.page-email .themed-borders,
.a9-app-email .themed-borders {
  border-color: #8199f1 !important;
}
.page-email.themed-borders-inline,
.a9-app-email.themed-borders-inline {
  border-color: #8199f1 !important;
}
.page-email .themed-color,
.a9-app-email .themed-color {
  color: #8199f1 !important;
}
.page-email .themed-text-stroke,
.a9-app-email .themed-text-stroke {
  text-shadow: -1px 0 #8199f1, 0 1px #8199f1, 1px 0 #8199f1, 0 -1px #8199f1 !important;
}
.page-email .themed-focus-color:focus,
.a9-app-email .themed-focus-color:focus {
  color: #8199f1;
}
.page-email .themed-active-color:active,
.a9-app-email .themed-active-color:active,
.page-email .themed-active-color:hover,
.a9-app-email .themed-active-color:hover {
  color: #8199f1;
}
.page-email .themed-filled,
.a9-app-email .themed-filled {
  background-color: #8199f1 !important;
  border-color: #8199f1 !important;
  color: #FFFFFF !important;
}
.page-email .themed-svg-fill,
.a9-app-email .themed-svg-fill {
  fill: #8199f1;
}
.page-email .themed-disabled-background,
.a9-app-email .themed-disabled-background {
  background-color: #b3c2f7;
}
.menu-item.email .menu-title {
  background-color: #8199f1;
}
.email .dropdown-menu.bottom-up {
  border-color: #8199f1;
}
.application-input-type-keyboard .page-email .checkbox:focus,
.application-input-type-keyboard .a9-app-email .checkbox:focus {
  box-shadow: 0 0 4px 1px #8199f1;
}
.application-input-type-keyboard .page-email *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-email *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-email *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-email *:focus.fs-child-custom {
  border: 1px solid #8199f1;
}
.application-input-type-keyboard .page-email *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-email *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #8199f1;
  box-shadow: 0 0 4px 1px #8199f1;
}
.page-email input:focus,
.a9-app-email input:focus,
.page-email textarea:focus,
.a9-app-email textarea:focus,
.page-email .checkbox:focus,
.a9-app-email .checkbox:focus {
  border: 1px solid #8199f1;
}
.page-email .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #8199f1;
}
.page-email .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #8199f1;
}
.page-email .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #8199f1;
}
.page-email .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-email .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #8199f1;
}
.page-email .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-email .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #8199f1;
  background-color: #ffffff;
}
.page-login,
.a9-app-login {
  --a9-module-color: #1AAF4B;
}
.page-login .clfa-categories .clfa-category.active,
.a9-app-login .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #1AAF4B;
}
.page-login .page-header .page-header-label,
.a9-app-login .page-header .page-header-label {
  background-color: #1AAF4B;
}
.page-login .page-header-component .page-header-component__label,
.a9-app-login .page-header-component .page-header-component__label {
  background-color: #1AAF4B;
}
.page-login .content-header-navigation .module-color-accent,
.a9-app-login .content-header-navigation .module-color-accent {
  background-color: #1AAF4B;
}
.page-login .awl-current-loader,
.a9-app-login .awl-current-loader {
  border-top-color: #1AAF4B;
  border-bottom-color: #1AAF4B;
}
.page-login .awl-button,
.a9-app-login .awl-button,
.page-login .button.ctrl,
.a9-app-login .button.ctrl {
  background-color: #1AAF4B;
  color: #fff;
}
.page-login .awl-button:hover,
.a9-app-login .awl-button:hover,
.page-login .button.ctrl:hover,
.a9-app-login .button.ctrl:hover {
  background-color: #179e44;
}
.page-login .awl-button:active,
.a9-app-login .awl-button:active,
.page-login .button.ctrl:active,
.a9-app-login .button.ctrl:active,
.page-login .awl-button.active,
.a9-app-login .awl-button.active,
.page-login .button.ctrl.active,
.a9-app-login .button.ctrl.active {
  background-color: #158c3c;
}
.page-login .awl-button:disabled,
.a9-app-login .awl-button:disabled,
.page-login .button.ctrl:disabled,
.a9-app-login .button.ctrl:disabled {
  background-color: #76cf93;
}
.page-login .awl-button.disabled,
.a9-app-login .awl-button.disabled,
.page-login .button.ctrl.disabled,
.a9-app-login .button.ctrl.disabled {
  background-color: #76cf93;
}
.page-login .awl-button.system,
.a9-app-login .awl-button.system,
.page-login .button.ctrl.system,
.a9-app-login .button.ctrl.system {
  background: #969FB8;
}
.page-login .awl-button.system:hover,
.a9-app-login .awl-button.system:hover,
.page-login .button.ctrl.system:hover,
.a9-app-login .button.ctrl.system:hover {
  background-color: #556285;
}
.page-login .awl-button.system:active,
.a9-app-login .awl-button.system:active,
.page-login .button.ctrl.system:active,
.a9-app-login .button.ctrl.system:active {
  background-color: #1AAF4B;
}
.page-login .awl-button.system.disabled,
.a9-app-login .awl-button.system.disabled,
.page-login .button.ctrl.system.disabled,
.a9-app-login .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-login .awl-button.secondary,
.a9-app-login .awl-button.secondary,
.page-login .button.ctrl.secondary,
.a9-app-login .button.ctrl.secondary,
.page-login .awl-button.system-contour,
.a9-app-login .awl-button.system-contour,
.page-login .button.ctrl.system-contour,
.a9-app-login .button.ctrl.system-contour,
.page-login .awl-button.cancel,
.a9-app-login .awl-button.cancel,
.page-login .button.ctrl.cancel,
.a9-app-login .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-login .awl-button.secondary:hover,
.a9-app-login .awl-button.secondary:hover,
.page-login .button.ctrl.secondary:hover,
.a9-app-login .button.ctrl.secondary:hover,
.page-login .awl-button.system-contour:hover,
.a9-app-login .awl-button.system-contour:hover,
.page-login .button.ctrl.system-contour:hover,
.a9-app-login .button.ctrl.system-contour:hover,
.page-login .awl-button.cancel:hover,
.a9-app-login .awl-button.cancel:hover,
.page-login .button.ctrl.cancel:hover,
.a9-app-login .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-login .awl-button.secondary:active,
.a9-app-login .awl-button.secondary:active,
.page-login .button.ctrl.secondary:active,
.a9-app-login .button.ctrl.secondary:active,
.page-login .awl-button.system-contour:active,
.a9-app-login .awl-button.system-contour:active,
.page-login .button.ctrl.system-contour:active,
.a9-app-login .button.ctrl.system-contour:active,
.page-login .awl-button.cancel:active,
.a9-app-login .awl-button.cancel:active,
.page-login .button.ctrl.cancel:active,
.a9-app-login .button.ctrl.cancel:active {
  border-color: #1AAF4B;
  color: #1AAF4B;
}
.page-login .awl-button.secondary[disabled],
.a9-app-login .awl-button.secondary[disabled],
.page-login .button.ctrl.secondary[disabled],
.a9-app-login .button.ctrl.secondary[disabled],
.page-login .awl-button.system-contour[disabled],
.a9-app-login .awl-button.system-contour[disabled],
.page-login .button.ctrl.system-contour[disabled],
.a9-app-login .button.ctrl.system-contour[disabled],
.page-login .awl-button.cancel[disabled],
.a9-app-login .awl-button.cancel[disabled],
.page-login .button.ctrl.cancel[disabled],
.a9-app-login .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-login .awl-button.secondary.disabled,
.a9-app-login .awl-button.secondary.disabled,
.page-login .button.ctrl.secondary.disabled,
.a9-app-login .button.ctrl.secondary.disabled,
.page-login .awl-button.system-contour.disabled,
.a9-app-login .awl-button.system-contour.disabled,
.page-login .button.ctrl.system-contour.disabled,
.a9-app-login .button.ctrl.system-contour.disabled,
.page-login .awl-button.cancel.disabled,
.a9-app-login .awl-button.cancel.disabled,
.page-login .button.ctrl.cancel.disabled,
.a9-app-login .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-login .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-login .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-login .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-login .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-login .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-login .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-login .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-login .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-login .secondary-button .awl-button,
.a9-app-login .secondary-button .awl-button,
.page-login .secondary-button .button.ctrl,
.a9-app-login .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-login .secondary-button .awl-button:hover,
.a9-app-login .secondary-button .awl-button:hover,
.page-login .secondary-button .button.ctrl:hover,
.a9-app-login .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-login .secondary-button .awl-button:active,
.a9-app-login .secondary-button .awl-button:active,
.page-login .secondary-button .button.ctrl:active,
.a9-app-login .secondary-button .button.ctrl:active {
  border-color: #1AAF4B;
  color: #1AAF4B;
}
.page-login .secondary-button .awl-button[disabled],
.a9-app-login .secondary-button .awl-button[disabled],
.page-login .secondary-button .button.ctrl[disabled],
.a9-app-login .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-login .secondary-button .awl-button.disabled,
.a9-app-login .secondary-button .awl-button.disabled,
.page-login .secondary-button .button.ctrl.disabled,
.a9-app-login .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-login .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-login .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #ddf3e4;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-login .awl-app-bg.awl-app-bg,
.a9-app-login .awl-app-bg.awl-app-bg {
  background-color: #1AAF4B;
  color: #fff;
}
.page-login .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-login .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #1AAF4B;
  color: #fff;
}
.page-login .awl-app-color.awl-app-color,
.a9-app-login .awl-app-color.awl-app-color {
  color: #1AAF4B;
}
.page-login .awl-app-border-color.awl-app-border-color,
.a9-app-login .awl-app-border-color.awl-app-border-color {
  border-color: #1AAF4B;
}
.page-login .awl-app-contour.awl-app-contour,
.a9-app-login .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #1AAF4B;
  border-color: #1AAF4B;
}
.page-login .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-login .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #1AAF4B;
  border-color: #1AAF4B;
}
.page-login .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-login .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #1AAF4B;
  border: 1px solid #1AAF4B;
}
.page-login .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-login .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-login .awl-options-icon,
.a9-app-login .awl-options-icon {
  background-color: #1AAF4B;
  color: #fff;
}
.page-login .awl-tick.checked,
.a9-app-login .awl-tick.checked,
.page-login .checkbox.checked,
.a9-app-login .checkbox.checked {
  background-color: #1AAF4B;
  border-color: #1AAF4B;
}
.page-login .awl-tick.checked[type="radio"]::before,
.a9-app-login .awl-tick.checked[type="radio"]::before,
.page-login .checkbox.checked[type="radio"]::before,
.a9-app-login .checkbox.checked[type="radio"]::before,
.page-login .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-login .awl-tick.checked[type="uncheckable-radio"]::before,
.page-login .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-login .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #1AAF4B;
}
.page-login .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-login .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-login .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-login .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #1AAF4B;
}
.page-login .awl-datepick-block .day-current.day-current,
.a9-app-login .awl-datepick-block .day-current.day-current {
  background-color: #1AAF4B;
}
.page-login .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-login .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #1AAF4B;
}
.page-login .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-login .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #1AAF4B;
}
.page-login .awl-progress-bar-value,
.a9-app-login .awl-progress-bar-value {
  background: #1AAF4B !important;
}
.page-login .agc-item-checked,
.a9-app-login .agc-item-checked {
  border-color: #1AAF4B !important;
}
.page-login .themed-background,
.a9-app-login .themed-background {
  background-color: #1AAF4B !important;
}
.page-login.themed-background-inline,
.a9-app-login.themed-background-inline {
  background-color: #1AAF4B !important;
}
.page-login .themed-background-hover:hover,
.a9-app-login .themed-background-hover:hover {
  background-color: #1AAF4B !important;
  color: #ffffff !important;
}
.page-login .themed-borders,
.a9-app-login .themed-borders {
  border-color: #1AAF4B !important;
}
.page-login.themed-borders-inline,
.a9-app-login.themed-borders-inline {
  border-color: #1AAF4B !important;
}
.page-login .themed-color,
.a9-app-login .themed-color {
  color: #1AAF4B !important;
}
.page-login .themed-text-stroke,
.a9-app-login .themed-text-stroke {
  text-shadow: -1px 0 #1AAF4B, 0 1px #1AAF4B, 1px 0 #1AAF4B, 0 -1px #1AAF4B !important;
}
.page-login .themed-focus-color:focus,
.a9-app-login .themed-focus-color:focus {
  color: #1AAF4B;
}
.page-login .themed-active-color:active,
.a9-app-login .themed-active-color:active,
.page-login .themed-active-color:hover,
.a9-app-login .themed-active-color:hover {
  color: #1AAF4B;
}
.page-login .themed-filled,
.a9-app-login .themed-filled {
  background-color: #1AAF4B !important;
  border-color: #1AAF4B !important;
  color: #FFFFFF !important;
}
.page-login .themed-svg-fill,
.a9-app-login .themed-svg-fill {
  fill: #1AAF4B;
}
.page-login .themed-disabled-background,
.a9-app-login .themed-disabled-background {
  background-color: #76cf93;
}
.menu-item.login .menu-title {
  background-color: #1AAF4B;
}
.login .dropdown-menu.bottom-up {
  border-color: #1AAF4B;
}
.application-input-type-keyboard .page-login .checkbox:focus,
.application-input-type-keyboard .a9-app-login .checkbox:focus {
  box-shadow: 0 0 4px 1px #1AAF4B;
}
.application-input-type-keyboard .page-login *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-login *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-login *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-login *:focus.fs-child-custom {
  border: 1px solid #1AAF4B;
}
.application-input-type-keyboard .page-login *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-login *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #1AAF4B;
  box-shadow: 0 0 4px 1px #1AAF4B;
}
.page-login input:focus,
.a9-app-login input:focus,
.page-login textarea:focus,
.a9-app-login textarea:focus,
.page-login .checkbox:focus,
.a9-app-login .checkbox:focus {
  border: 1px solid #1AAF4B;
}
.page-login .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #1AAF4B;
}
.page-login .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #1AAF4B;
}
.page-login .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #1AAF4B;
}
.page-login .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-login .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #1AAF4B;
}
.page-login .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #a4f1bd;
}
.page-login .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #1AAF4B;
  background-color: #ffffff;
}
/* Card-Management */
.page-card-order,
.a9-app-card-order {
  --a9-module-color: #e2778d;
}
.page-card-order .clfa-categories .clfa-category.active,
.a9-app-card-order .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #e2778d;
}
.page-card-order .page-header .page-header-label,
.a9-app-card-order .page-header .page-header-label {
  background-color: #e2778d;
}
.page-card-order .page-header-component .page-header-component__label,
.a9-app-card-order .page-header-component .page-header-component__label {
  background-color: #e2778d;
}
.page-card-order .content-header-navigation .module-color-accent,
.a9-app-card-order .content-header-navigation .module-color-accent {
  background-color: #e2778d;
}
.page-card-order .awl-current-loader,
.a9-app-card-order .awl-current-loader {
  border-top-color: #e2778d;
  border-bottom-color: #e2778d;
}
.page-card-order .awl-button,
.a9-app-card-order .awl-button,
.page-card-order .button.ctrl,
.a9-app-card-order .button.ctrl {
  background-color: #e2778d;
  color: #fff;
}
.page-card-order .awl-button:hover,
.a9-app-card-order .awl-button:hover,
.page-card-order .button.ctrl:hover,
.a9-app-card-order .button.ctrl:hover {
  background-color: #cb6b7f;
}
.page-card-order .awl-button:active,
.a9-app-card-order .awl-button:active,
.page-card-order .button.ctrl:active,
.a9-app-card-order .button.ctrl:active,
.page-card-order .awl-button.active,
.a9-app-card-order .awl-button.active,
.page-card-order .button.ctrl.active,
.a9-app-card-order .button.ctrl.active {
  background-color: #b55f71;
}
.page-card-order .awl-button:disabled,
.a9-app-card-order .awl-button:disabled,
.page-card-order .button.ctrl:disabled,
.a9-app-card-order .button.ctrl:disabled {
  background-color: #eeadbb;
}
.page-card-order .awl-button.disabled,
.a9-app-card-order .awl-button.disabled,
.page-card-order .button.ctrl.disabled,
.a9-app-card-order .button.ctrl.disabled {
  background-color: #eeadbb;
}
.page-card-order .awl-button.system,
.a9-app-card-order .awl-button.system,
.page-card-order .button.ctrl.system,
.a9-app-card-order .button.ctrl.system {
  background: #969FB8;
}
.page-card-order .awl-button.system:hover,
.a9-app-card-order .awl-button.system:hover,
.page-card-order .button.ctrl.system:hover,
.a9-app-card-order .button.ctrl.system:hover {
  background-color: #556285;
}
.page-card-order .awl-button.system:active,
.a9-app-card-order .awl-button.system:active,
.page-card-order .button.ctrl.system:active,
.a9-app-card-order .button.ctrl.system:active {
  background-color: #e2778d;
}
.page-card-order .awl-button.system.disabled,
.a9-app-card-order .awl-button.system.disabled,
.page-card-order .button.ctrl.system.disabled,
.a9-app-card-order .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-card-order .awl-button.secondary,
.a9-app-card-order .awl-button.secondary,
.page-card-order .button.ctrl.secondary,
.a9-app-card-order .button.ctrl.secondary,
.page-card-order .awl-button.system-contour,
.a9-app-card-order .awl-button.system-contour,
.page-card-order .button.ctrl.system-contour,
.a9-app-card-order .button.ctrl.system-contour,
.page-card-order .awl-button.cancel,
.a9-app-card-order .awl-button.cancel,
.page-card-order .button.ctrl.cancel,
.a9-app-card-order .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-card-order .awl-button.secondary:hover,
.a9-app-card-order .awl-button.secondary:hover,
.page-card-order .button.ctrl.secondary:hover,
.a9-app-card-order .button.ctrl.secondary:hover,
.page-card-order .awl-button.system-contour:hover,
.a9-app-card-order .awl-button.system-contour:hover,
.page-card-order .button.ctrl.system-contour:hover,
.a9-app-card-order .button.ctrl.system-contour:hover,
.page-card-order .awl-button.cancel:hover,
.a9-app-card-order .awl-button.cancel:hover,
.page-card-order .button.ctrl.cancel:hover,
.a9-app-card-order .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-card-order .awl-button.secondary:active,
.a9-app-card-order .awl-button.secondary:active,
.page-card-order .button.ctrl.secondary:active,
.a9-app-card-order .button.ctrl.secondary:active,
.page-card-order .awl-button.system-contour:active,
.a9-app-card-order .awl-button.system-contour:active,
.page-card-order .button.ctrl.system-contour:active,
.a9-app-card-order .button.ctrl.system-contour:active,
.page-card-order .awl-button.cancel:active,
.a9-app-card-order .awl-button.cancel:active,
.page-card-order .button.ctrl.cancel:active,
.a9-app-card-order .button.ctrl.cancel:active {
  border-color: #e2778d;
  color: #e2778d;
}
.page-card-order .awl-button.secondary[disabled],
.a9-app-card-order .awl-button.secondary[disabled],
.page-card-order .button.ctrl.secondary[disabled],
.a9-app-card-order .button.ctrl.secondary[disabled],
.page-card-order .awl-button.system-contour[disabled],
.a9-app-card-order .awl-button.system-contour[disabled],
.page-card-order .button.ctrl.system-contour[disabled],
.a9-app-card-order .button.ctrl.system-contour[disabled],
.page-card-order .awl-button.cancel[disabled],
.a9-app-card-order .awl-button.cancel[disabled],
.page-card-order .button.ctrl.cancel[disabled],
.a9-app-card-order .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-card-order .awl-button.secondary.disabled,
.a9-app-card-order .awl-button.secondary.disabled,
.page-card-order .button.ctrl.secondary.disabled,
.a9-app-card-order .button.ctrl.secondary.disabled,
.page-card-order .awl-button.system-contour.disabled,
.a9-app-card-order .awl-button.system-contour.disabled,
.page-card-order .button.ctrl.system-contour.disabled,
.a9-app-card-order .button.ctrl.system-contour.disabled,
.page-card-order .awl-button.cancel.disabled,
.a9-app-card-order .awl-button.cancel.disabled,
.page-card-order .button.ctrl.cancel.disabled,
.a9-app-card-order .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-card-order .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-card-order .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-card-order .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-card-order .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-card-order .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-card-order .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-card-order .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-card-order .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-card-order .secondary-button .awl-button,
.a9-app-card-order .secondary-button .awl-button,
.page-card-order .secondary-button .button.ctrl,
.a9-app-card-order .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-card-order .secondary-button .awl-button:hover,
.a9-app-card-order .secondary-button .awl-button:hover,
.page-card-order .secondary-button .button.ctrl:hover,
.a9-app-card-order .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-card-order .secondary-button .awl-button:active,
.a9-app-card-order .secondary-button .awl-button:active,
.page-card-order .secondary-button .button.ctrl:active,
.a9-app-card-order .secondary-button .button.ctrl:active {
  border-color: #e2778d;
  color: #e2778d;
}
.page-card-order .secondary-button .awl-button[disabled],
.a9-app-card-order .secondary-button .awl-button[disabled],
.page-card-order .secondary-button .button.ctrl[disabled],
.a9-app-card-order .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-card-order .secondary-button .awl-button.disabled,
.a9-app-card-order .secondary-button .awl-button.disabled,
.page-card-order .secondary-button .button.ctrl.disabled,
.a9-app-card-order .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-card-order .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-card-order .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #fbebee;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-card-order .awl-app-bg.awl-app-bg,
.a9-app-card-order .awl-app-bg.awl-app-bg {
  background-color: #e2778d;
  color: #fff;
}
.page-card-order .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-card-order .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #e2778d;
  color: #fff;
}
.page-card-order .awl-app-color.awl-app-color,
.a9-app-card-order .awl-app-color.awl-app-color {
  color: #e2778d;
}
.page-card-order .awl-app-border-color.awl-app-border-color,
.a9-app-card-order .awl-app-border-color.awl-app-border-color {
  border-color: #e2778d;
}
.page-card-order .awl-app-contour.awl-app-contour,
.a9-app-card-order .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #e2778d;
  border-color: #e2778d;
}
.page-card-order .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-card-order .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #e2778d;
  border-color: #e2778d;
}
.page-card-order .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-card-order .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #e2778d;
  border: 1px solid #e2778d;
}
.page-card-order .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-card-order .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-card-order .awl-options-icon,
.a9-app-card-order .awl-options-icon {
  background-color: #e2778d;
  color: #fff;
}
.page-card-order .awl-tick.checked,
.a9-app-card-order .awl-tick.checked,
.page-card-order .checkbox.checked,
.a9-app-card-order .checkbox.checked {
  background-color: #e2778d;
  border-color: #e2778d;
}
.page-card-order .awl-tick.checked[type="radio"]::before,
.a9-app-card-order .awl-tick.checked[type="radio"]::before,
.page-card-order .checkbox.checked[type="radio"]::before,
.a9-app-card-order .checkbox.checked[type="radio"]::before,
.page-card-order .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-card-order .awl-tick.checked[type="uncheckable-radio"]::before,
.page-card-order .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-card-order .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #e2778d;
}
.page-card-order .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-card-order .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-card-order .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-card-order .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #e2778d;
}
.page-card-order .awl-datepick-block .day-current.day-current,
.a9-app-card-order .awl-datepick-block .day-current.day-current {
  background-color: #e2778d;
}
.page-card-order .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-card-order .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #e2778d;
}
.page-card-order .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-card-order .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #e2778d;
}
.page-card-order .awl-progress-bar-value,
.a9-app-card-order .awl-progress-bar-value {
  background: #e2778d !important;
}
.page-card-order .agc-item-checked,
.a9-app-card-order .agc-item-checked {
  border-color: #e2778d !important;
}
.page-card-order .themed-background,
.a9-app-card-order .themed-background {
  background-color: #e2778d !important;
}
.page-card-order.themed-background-inline,
.a9-app-card-order.themed-background-inline {
  background-color: #e2778d !important;
}
.page-card-order .themed-background-hover:hover,
.a9-app-card-order .themed-background-hover:hover {
  background-color: #e2778d !important;
  color: #ffffff !important;
}
.page-card-order .themed-borders,
.a9-app-card-order .themed-borders {
  border-color: #e2778d !important;
}
.page-card-order.themed-borders-inline,
.a9-app-card-order.themed-borders-inline {
  border-color: #e2778d !important;
}
.page-card-order .themed-color,
.a9-app-card-order .themed-color {
  color: #e2778d !important;
}
.page-card-order .themed-text-stroke,
.a9-app-card-order .themed-text-stroke {
  text-shadow: -1px 0 #e2778d, 0 1px #e2778d, 1px 0 #e2778d, 0 -1px #e2778d !important;
}
.page-card-order .themed-focus-color:focus,
.a9-app-card-order .themed-focus-color:focus {
  color: #e2778d;
}
.page-card-order .themed-active-color:active,
.a9-app-card-order .themed-active-color:active,
.page-card-order .themed-active-color:hover,
.a9-app-card-order .themed-active-color:hover {
  color: #e2778d;
}
.page-card-order .themed-filled,
.a9-app-card-order .themed-filled {
  background-color: #e2778d !important;
  border-color: #e2778d !important;
  color: #FFFFFF !important;
}
.page-card-order .themed-svg-fill,
.a9-app-card-order .themed-svg-fill {
  fill: #e2778d;
}
.page-card-order .themed-disabled-background,
.a9-app-card-order .themed-disabled-background {
  background-color: #eeadbb;
}
.menu-item.card-order .menu-title {
  background-color: #e2778d;
}
.card-order .dropdown-menu.bottom-up {
  border-color: #e2778d;
}
.application-input-type-keyboard .page-card-order .checkbox:focus,
.application-input-type-keyboard .a9-app-card-order .checkbox:focus {
  box-shadow: 0 0 4px 1px #e2778d;
}
.application-input-type-keyboard .page-card-order *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-card-order *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-card-order *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-card-order *:focus.fs-child-custom {
  border: 1px solid #e2778d;
}
.application-input-type-keyboard .page-card-order *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-card-order *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #e2778d;
  box-shadow: 0 0 4px 1px #e2778d;
}
.page-card-order input:focus,
.a9-app-card-order input:focus,
.page-card-order textarea:focus,
.a9-app-card-order textarea:focus,
.page-card-order .checkbox:focus,
.a9-app-card-order .checkbox:focus {
  border: 1px solid #e2778d;
}
.page-card-order .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #e2778d;
}
.page-card-order .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #e2778d;
}
.page-card-order .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #e2778d;
}
.page-card-order .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-card-order .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #e2778d;
}
.page-card-order .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-card-order .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #e2778d;
  background-color: #ffffff;
}
/* Products */
.page-products,
.a9-app-products {
  --a9-module-color: #50B1CD;
}
.page-products .clfa-categories .clfa-category.active,
.a9-app-products .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #50B1CD;
}
.page-products .page-header .page-header-label,
.a9-app-products .page-header .page-header-label {
  background-color: #50B1CD;
}
.page-products .page-header-component .page-header-component__label,
.a9-app-products .page-header-component .page-header-component__label {
  background-color: #50B1CD;
}
.page-products .content-header-navigation .module-color-accent,
.a9-app-products .content-header-navigation .module-color-accent {
  background-color: #50B1CD;
}
.page-products .awl-current-loader,
.a9-app-products .awl-current-loader {
  border-top-color: #50B1CD;
  border-bottom-color: #50B1CD;
}
.page-products .awl-button,
.a9-app-products .awl-button,
.page-products .button.ctrl,
.a9-app-products .button.ctrl {
  background-color: #50B1CD;
  color: #fff;
}
.page-products .awl-button:hover,
.a9-app-products .awl-button:hover,
.page-products .button.ctrl:hover,
.a9-app-products .button.ctrl:hover {
  background-color: #489fb9;
}
.page-products .awl-button:active,
.a9-app-products .awl-button:active,
.page-products .button.ctrl:active,
.a9-app-products .button.ctrl:active,
.page-products .awl-button.active,
.a9-app-products .awl-button.active,
.page-products .button.ctrl.active,
.a9-app-products .button.ctrl.active {
  background-color: #408ea4;
}
.page-products .awl-button:disabled,
.a9-app-products .awl-button:disabled,
.page-products .button.ctrl:disabled,
.a9-app-products .button.ctrl:disabled {
  background-color: #96d0e1;
}
.page-products .awl-button.disabled,
.a9-app-products .awl-button.disabled,
.page-products .button.ctrl.disabled,
.a9-app-products .button.ctrl.disabled {
  background-color: #96d0e1;
}
.page-products .awl-button.system,
.a9-app-products .awl-button.system,
.page-products .button.ctrl.system,
.a9-app-products .button.ctrl.system {
  background: #969FB8;
}
.page-products .awl-button.system:hover,
.a9-app-products .awl-button.system:hover,
.page-products .button.ctrl.system:hover,
.a9-app-products .button.ctrl.system:hover {
  background-color: #556285;
}
.page-products .awl-button.system:active,
.a9-app-products .awl-button.system:active,
.page-products .button.ctrl.system:active,
.a9-app-products .button.ctrl.system:active {
  background-color: #50B1CD;
}
.page-products .awl-button.system.disabled,
.a9-app-products .awl-button.system.disabled,
.page-products .button.ctrl.system.disabled,
.a9-app-products .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-products .awl-button.secondary,
.a9-app-products .awl-button.secondary,
.page-products .button.ctrl.secondary,
.a9-app-products .button.ctrl.secondary,
.page-products .awl-button.system-contour,
.a9-app-products .awl-button.system-contour,
.page-products .button.ctrl.system-contour,
.a9-app-products .button.ctrl.system-contour,
.page-products .awl-button.cancel,
.a9-app-products .awl-button.cancel,
.page-products .button.ctrl.cancel,
.a9-app-products .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-products .awl-button.secondary:hover,
.a9-app-products .awl-button.secondary:hover,
.page-products .button.ctrl.secondary:hover,
.a9-app-products .button.ctrl.secondary:hover,
.page-products .awl-button.system-contour:hover,
.a9-app-products .awl-button.system-contour:hover,
.page-products .button.ctrl.system-contour:hover,
.a9-app-products .button.ctrl.system-contour:hover,
.page-products .awl-button.cancel:hover,
.a9-app-products .awl-button.cancel:hover,
.page-products .button.ctrl.cancel:hover,
.a9-app-products .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-products .awl-button.secondary:active,
.a9-app-products .awl-button.secondary:active,
.page-products .button.ctrl.secondary:active,
.a9-app-products .button.ctrl.secondary:active,
.page-products .awl-button.system-contour:active,
.a9-app-products .awl-button.system-contour:active,
.page-products .button.ctrl.system-contour:active,
.a9-app-products .button.ctrl.system-contour:active,
.page-products .awl-button.cancel:active,
.a9-app-products .awl-button.cancel:active,
.page-products .button.ctrl.cancel:active,
.a9-app-products .button.ctrl.cancel:active {
  border-color: #50B1CD;
  color: #50B1CD;
}
.page-products .awl-button.secondary[disabled],
.a9-app-products .awl-button.secondary[disabled],
.page-products .button.ctrl.secondary[disabled],
.a9-app-products .button.ctrl.secondary[disabled],
.page-products .awl-button.system-contour[disabled],
.a9-app-products .awl-button.system-contour[disabled],
.page-products .button.ctrl.system-contour[disabled],
.a9-app-products .button.ctrl.system-contour[disabled],
.page-products .awl-button.cancel[disabled],
.a9-app-products .awl-button.cancel[disabled],
.page-products .button.ctrl.cancel[disabled],
.a9-app-products .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-products .awl-button.secondary.disabled,
.a9-app-products .awl-button.secondary.disabled,
.page-products .button.ctrl.secondary.disabled,
.a9-app-products .button.ctrl.secondary.disabled,
.page-products .awl-button.system-contour.disabled,
.a9-app-products .awl-button.system-contour.disabled,
.page-products .button.ctrl.system-contour.disabled,
.a9-app-products .button.ctrl.system-contour.disabled,
.page-products .awl-button.cancel.disabled,
.a9-app-products .awl-button.cancel.disabled,
.page-products .button.ctrl.cancel.disabled,
.a9-app-products .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-products .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-products .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-products .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-products .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-products .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-products .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-products .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-products .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-products .secondary-button .awl-button,
.a9-app-products .secondary-button .awl-button,
.page-products .secondary-button .button.ctrl,
.a9-app-products .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-products .secondary-button .awl-button:hover,
.a9-app-products .secondary-button .awl-button:hover,
.page-products .secondary-button .button.ctrl:hover,
.a9-app-products .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-products .secondary-button .awl-button:active,
.a9-app-products .secondary-button .awl-button:active,
.page-products .secondary-button .button.ctrl:active,
.a9-app-products .secondary-button .button.ctrl:active {
  border-color: #50B1CD;
  color: #50B1CD;
}
.page-products .secondary-button .awl-button[disabled],
.a9-app-products .secondary-button .awl-button[disabled],
.page-products .secondary-button .button.ctrl[disabled],
.a9-app-products .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-products .secondary-button .awl-button.disabled,
.a9-app-products .secondary-button .awl-button.disabled,
.page-products .secondary-button .button.ctrl.disabled,
.a9-app-products .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-products .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-products .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #e5f3f8;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-products .awl-app-bg.awl-app-bg,
.a9-app-products .awl-app-bg.awl-app-bg {
  background-color: #50B1CD;
  color: #fff;
}
.page-products .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-products .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #50B1CD;
  color: #fff;
}
.page-products .awl-app-color.awl-app-color,
.a9-app-products .awl-app-color.awl-app-color {
  color: #50B1CD;
}
.page-products .awl-app-border-color.awl-app-border-color,
.a9-app-products .awl-app-border-color.awl-app-border-color {
  border-color: #50B1CD;
}
.page-products .awl-app-contour.awl-app-contour,
.a9-app-products .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #50B1CD;
  border-color: #50B1CD;
}
.page-products .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-products .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #50B1CD;
  border-color: #50B1CD;
}
.page-products .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-products .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #50B1CD;
  border: 1px solid #50B1CD;
}
.page-products .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-products .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-products .awl-options-icon,
.a9-app-products .awl-options-icon {
  background-color: #50B1CD;
  color: #fff;
}
.page-products .awl-tick.checked,
.a9-app-products .awl-tick.checked,
.page-products .checkbox.checked,
.a9-app-products .checkbox.checked {
  background-color: #50B1CD;
  border-color: #50B1CD;
}
.page-products .awl-tick.checked[type="radio"]::before,
.a9-app-products .awl-tick.checked[type="radio"]::before,
.page-products .checkbox.checked[type="radio"]::before,
.a9-app-products .checkbox.checked[type="radio"]::before,
.page-products .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-products .awl-tick.checked[type="uncheckable-radio"]::before,
.page-products .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-products .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #50B1CD;
}
.page-products .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-products .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-products .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-products .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #50B1CD;
}
.page-products .awl-datepick-block .day-current.day-current,
.a9-app-products .awl-datepick-block .day-current.day-current {
  background-color: #50B1CD;
}
.page-products .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-products .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #50B1CD;
}
.page-products .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-products .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #50B1CD;
}
.page-products .awl-progress-bar-value,
.a9-app-products .awl-progress-bar-value {
  background: #50B1CD !important;
}
.page-products .agc-item-checked,
.a9-app-products .agc-item-checked {
  border-color: #50B1CD !important;
}
.page-products .themed-background,
.a9-app-products .themed-background {
  background-color: #50B1CD !important;
}
.page-products.themed-background-inline,
.a9-app-products.themed-background-inline {
  background-color: #50B1CD !important;
}
.page-products .themed-background-hover:hover,
.a9-app-products .themed-background-hover:hover {
  background-color: #50B1CD !important;
  color: #ffffff !important;
}
.page-products .themed-borders,
.a9-app-products .themed-borders {
  border-color: #50B1CD !important;
}
.page-products.themed-borders-inline,
.a9-app-products.themed-borders-inline {
  border-color: #50B1CD !important;
}
.page-products .themed-color,
.a9-app-products .themed-color {
  color: #50B1CD !important;
}
.page-products .themed-text-stroke,
.a9-app-products .themed-text-stroke {
  text-shadow: -1px 0 #50B1CD, 0 1px #50B1CD, 1px 0 #50B1CD, 0 -1px #50B1CD !important;
}
.page-products .themed-focus-color:focus,
.a9-app-products .themed-focus-color:focus {
  color: #50B1CD;
}
.page-products .themed-active-color:active,
.a9-app-products .themed-active-color:active,
.page-products .themed-active-color:hover,
.a9-app-products .themed-active-color:hover {
  color: #50B1CD;
}
.page-products .themed-filled,
.a9-app-products .themed-filled {
  background-color: #50B1CD !important;
  border-color: #50B1CD !important;
  color: #FFFFFF !important;
}
.page-products .themed-svg-fill,
.a9-app-products .themed-svg-fill {
  fill: #50B1CD;
}
.page-products .themed-disabled-background,
.a9-app-products .themed-disabled-background {
  background-color: #96d0e1;
}
.menu-item.products .menu-title {
  background-color: #50B1CD;
}
.products .dropdown-menu.bottom-up {
  border-color: #50B1CD;
}
.application-input-type-keyboard .page-products .checkbox:focus,
.application-input-type-keyboard .a9-app-products .checkbox:focus {
  box-shadow: 0 0 4px 1px #50B1CD;
}
.application-input-type-keyboard .page-products *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-products *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-products *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-products *:focus.fs-child-custom {
  border: 1px solid #50B1CD;
}
.application-input-type-keyboard .page-products *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-products *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #50B1CD;
  box-shadow: 0 0 4px 1px #50B1CD;
}
.page-products input:focus,
.a9-app-products input:focus,
.page-products textarea:focus,
.a9-app-products textarea:focus,
.page-products .checkbox:focus,
.a9-app-products .checkbox:focus {
  border: 1px solid #50B1CD;
}
.page-products .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #50B1CD;
}
.page-products .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #50B1CD;
}
.page-products .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #50B1CD;
}
.page-products .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-products .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #50B1CD;
}
.page-products .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #eff8fa;
}
.page-products .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #50B1CD;
  background-color: #ffffff;
}
/* Statistics */
.page-statistics,
.a9-app-statistics {
  --a9-module-color: #DE73FF;
}
.page-statistics .clfa-categories .clfa-category.active,
.a9-app-statistics .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #DE73FF;
}
.page-statistics .page-header .page-header-label,
.a9-app-statistics .page-header .page-header-label {
  background-color: #DE73FF;
}
.page-statistics .page-header-component .page-header-component__label,
.a9-app-statistics .page-header-component .page-header-component__label {
  background-color: #DE73FF;
}
.page-statistics .content-header-navigation .module-color-accent,
.a9-app-statistics .content-header-navigation .module-color-accent {
  background-color: #DE73FF;
}
.page-statistics .awl-current-loader,
.a9-app-statistics .awl-current-loader {
  border-top-color: #DE73FF;
  border-bottom-color: #DE73FF;
}
.page-statistics .awl-button,
.a9-app-statistics .awl-button,
.page-statistics .button.ctrl,
.a9-app-statistics .button.ctrl {
  background-color: #DE73FF;
  color: #fff;
}
.page-statistics .awl-button:hover,
.a9-app-statistics .awl-button:hover,
.page-statistics .button.ctrl:hover,
.a9-app-statistics .button.ctrl:hover {
  background-color: #c868e6;
}
.page-statistics .awl-button:active,
.a9-app-statistics .awl-button:active,
.page-statistics .button.ctrl:active,
.a9-app-statistics .button.ctrl:active,
.page-statistics .awl-button.active,
.a9-app-statistics .awl-button.active,
.page-statistics .button.ctrl.active,
.a9-app-statistics .button.ctrl.active {
  background-color: #b25ccc;
}
.page-statistics .awl-button:disabled,
.a9-app-statistics .awl-button:disabled,
.page-statistics .button.ctrl:disabled,
.a9-app-statistics .button.ctrl:disabled {
  background-color: #ebabff;
}
.page-statistics .awl-button.disabled,
.a9-app-statistics .awl-button.disabled,
.page-statistics .button.ctrl.disabled,
.a9-app-statistics .button.ctrl.disabled {
  background-color: #ebabff;
}
.page-statistics .awl-button.system,
.a9-app-statistics .awl-button.system,
.page-statistics .button.ctrl.system,
.a9-app-statistics .button.ctrl.system {
  background: #969FB8;
}
.page-statistics .awl-button.system:hover,
.a9-app-statistics .awl-button.system:hover,
.page-statistics .button.ctrl.system:hover,
.a9-app-statistics .button.ctrl.system:hover {
  background-color: #556285;
}
.page-statistics .awl-button.system:active,
.a9-app-statistics .awl-button.system:active,
.page-statistics .button.ctrl.system:active,
.a9-app-statistics .button.ctrl.system:active {
  background-color: #DE73FF;
}
.page-statistics .awl-button.system.disabled,
.a9-app-statistics .awl-button.system.disabled,
.page-statistics .button.ctrl.system.disabled,
.a9-app-statistics .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-statistics .awl-button.secondary,
.a9-app-statistics .awl-button.secondary,
.page-statistics .button.ctrl.secondary,
.a9-app-statistics .button.ctrl.secondary,
.page-statistics .awl-button.system-contour,
.a9-app-statistics .awl-button.system-contour,
.page-statistics .button.ctrl.system-contour,
.a9-app-statistics .button.ctrl.system-contour,
.page-statistics .awl-button.cancel,
.a9-app-statistics .awl-button.cancel,
.page-statistics .button.ctrl.cancel,
.a9-app-statistics .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-statistics .awl-button.secondary:hover,
.a9-app-statistics .awl-button.secondary:hover,
.page-statistics .button.ctrl.secondary:hover,
.a9-app-statistics .button.ctrl.secondary:hover,
.page-statistics .awl-button.system-contour:hover,
.a9-app-statistics .awl-button.system-contour:hover,
.page-statistics .button.ctrl.system-contour:hover,
.a9-app-statistics .button.ctrl.system-contour:hover,
.page-statistics .awl-button.cancel:hover,
.a9-app-statistics .awl-button.cancel:hover,
.page-statistics .button.ctrl.cancel:hover,
.a9-app-statistics .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-statistics .awl-button.secondary:active,
.a9-app-statistics .awl-button.secondary:active,
.page-statistics .button.ctrl.secondary:active,
.a9-app-statistics .button.ctrl.secondary:active,
.page-statistics .awl-button.system-contour:active,
.a9-app-statistics .awl-button.system-contour:active,
.page-statistics .button.ctrl.system-contour:active,
.a9-app-statistics .button.ctrl.system-contour:active,
.page-statistics .awl-button.cancel:active,
.a9-app-statistics .awl-button.cancel:active,
.page-statistics .button.ctrl.cancel:active,
.a9-app-statistics .button.ctrl.cancel:active {
  border-color: #DE73FF;
  color: #DE73FF;
}
.page-statistics .awl-button.secondary[disabled],
.a9-app-statistics .awl-button.secondary[disabled],
.page-statistics .button.ctrl.secondary[disabled],
.a9-app-statistics .button.ctrl.secondary[disabled],
.page-statistics .awl-button.system-contour[disabled],
.a9-app-statistics .awl-button.system-contour[disabled],
.page-statistics .button.ctrl.system-contour[disabled],
.a9-app-statistics .button.ctrl.system-contour[disabled],
.page-statistics .awl-button.cancel[disabled],
.a9-app-statistics .awl-button.cancel[disabled],
.page-statistics .button.ctrl.cancel[disabled],
.a9-app-statistics .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-statistics .awl-button.secondary.disabled,
.a9-app-statistics .awl-button.secondary.disabled,
.page-statistics .button.ctrl.secondary.disabled,
.a9-app-statistics .button.ctrl.secondary.disabled,
.page-statistics .awl-button.system-contour.disabled,
.a9-app-statistics .awl-button.system-contour.disabled,
.page-statistics .button.ctrl.system-contour.disabled,
.a9-app-statistics .button.ctrl.system-contour.disabled,
.page-statistics .awl-button.cancel.disabled,
.a9-app-statistics .awl-button.cancel.disabled,
.page-statistics .button.ctrl.cancel.disabled,
.a9-app-statistics .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-statistics .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-statistics .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-statistics .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-statistics .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-statistics .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-statistics .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-statistics .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-statistics .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-statistics .secondary-button .awl-button,
.a9-app-statistics .secondary-button .awl-button,
.page-statistics .secondary-button .button.ctrl,
.a9-app-statistics .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-statistics .secondary-button .awl-button:hover,
.a9-app-statistics .secondary-button .awl-button:hover,
.page-statistics .secondary-button .button.ctrl:hover,
.a9-app-statistics .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-statistics .secondary-button .awl-button:active,
.a9-app-statistics .secondary-button .awl-button:active,
.page-statistics .secondary-button .button.ctrl:active,
.a9-app-statistics .secondary-button .button.ctrl:active {
  border-color: #DE73FF;
  color: #DE73FF;
}
.page-statistics .secondary-button .awl-button[disabled],
.a9-app-statistics .secondary-button .awl-button[disabled],
.page-statistics .secondary-button .button.ctrl[disabled],
.a9-app-statistics .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-statistics .secondary-button .awl-button.disabled,
.a9-app-statistics .secondary-button .awl-button.disabled,
.page-statistics .secondary-button .button.ctrl.disabled,
.a9-app-statistics .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-statistics .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-statistics .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #faeaff;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-statistics .awl-app-bg.awl-app-bg,
.a9-app-statistics .awl-app-bg.awl-app-bg {
  background-color: #DE73FF;
  color: #fff;
}
.page-statistics .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-statistics .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #DE73FF;
  color: #fff;
}
.page-statistics .awl-app-color.awl-app-color,
.a9-app-statistics .awl-app-color.awl-app-color {
  color: #DE73FF;
}
.page-statistics .awl-app-border-color.awl-app-border-color,
.a9-app-statistics .awl-app-border-color.awl-app-border-color {
  border-color: #DE73FF;
}
.page-statistics .awl-app-contour.awl-app-contour,
.a9-app-statistics .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #DE73FF;
  border-color: #DE73FF;
}
.page-statistics .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-statistics .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #DE73FF;
  border-color: #DE73FF;
}
.page-statistics .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-statistics .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #DE73FF;
  border: 1px solid #DE73FF;
}
.page-statistics .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-statistics .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-statistics .awl-options-icon,
.a9-app-statistics .awl-options-icon {
  background-color: #DE73FF;
  color: #fff;
}
.page-statistics .awl-tick.checked,
.a9-app-statistics .awl-tick.checked,
.page-statistics .checkbox.checked,
.a9-app-statistics .checkbox.checked {
  background-color: #DE73FF;
  border-color: #DE73FF;
}
.page-statistics .awl-tick.checked[type="radio"]::before,
.a9-app-statistics .awl-tick.checked[type="radio"]::before,
.page-statistics .checkbox.checked[type="radio"]::before,
.a9-app-statistics .checkbox.checked[type="radio"]::before,
.page-statistics .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-statistics .awl-tick.checked[type="uncheckable-radio"]::before,
.page-statistics .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-statistics .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #DE73FF;
}
.page-statistics .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-statistics .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-statistics .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-statistics .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #DE73FF;
}
.page-statistics .awl-datepick-block .day-current.day-current,
.a9-app-statistics .awl-datepick-block .day-current.day-current {
  background-color: #DE73FF;
}
.page-statistics .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-statistics .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #DE73FF;
}
.page-statistics .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-statistics .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #DE73FF;
}
.page-statistics .awl-progress-bar-value,
.a9-app-statistics .awl-progress-bar-value {
  background: #DE73FF !important;
}
.page-statistics .agc-item-checked,
.a9-app-statistics .agc-item-checked {
  border-color: #DE73FF !important;
}
.page-statistics .themed-background,
.a9-app-statistics .themed-background {
  background-color: #DE73FF !important;
}
.page-statistics.themed-background-inline,
.a9-app-statistics.themed-background-inline {
  background-color: #DE73FF !important;
}
.page-statistics .themed-background-hover:hover,
.a9-app-statistics .themed-background-hover:hover {
  background-color: #DE73FF !important;
  color: #ffffff !important;
}
.page-statistics .themed-borders,
.a9-app-statistics .themed-borders {
  border-color: #DE73FF !important;
}
.page-statistics.themed-borders-inline,
.a9-app-statistics.themed-borders-inline {
  border-color: #DE73FF !important;
}
.page-statistics .themed-color,
.a9-app-statistics .themed-color {
  color: #DE73FF !important;
}
.page-statistics .themed-text-stroke,
.a9-app-statistics .themed-text-stroke {
  text-shadow: -1px 0 #DE73FF, 0 1px #DE73FF, 1px 0 #DE73FF, 0 -1px #DE73FF !important;
}
.page-statistics .themed-focus-color:focus,
.a9-app-statistics .themed-focus-color:focus {
  color: #DE73FF;
}
.page-statistics .themed-active-color:active,
.a9-app-statistics .themed-active-color:active,
.page-statistics .themed-active-color:hover,
.a9-app-statistics .themed-active-color:hover {
  color: #DE73FF;
}
.page-statistics .themed-filled,
.a9-app-statistics .themed-filled {
  background-color: #DE73FF !important;
  border-color: #DE73FF !important;
  color: #FFFFFF !important;
}
.page-statistics .themed-svg-fill,
.a9-app-statistics .themed-svg-fill {
  fill: #DE73FF;
}
.page-statistics .themed-disabled-background,
.a9-app-statistics .themed-disabled-background {
  background-color: #ebabff;
}
.menu-item.statistics .menu-title {
  background-color: #DE73FF;
}
.statistics .dropdown-menu.bottom-up {
  border-color: #DE73FF;
}
.application-input-type-keyboard .page-statistics .checkbox:focus,
.application-input-type-keyboard .a9-app-statistics .checkbox:focus {
  box-shadow: 0 0 4px 1px #DE73FF;
}
.application-input-type-keyboard .page-statistics *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-statistics *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-statistics *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-statistics *:focus.fs-child-custom {
  border: 1px solid #DE73FF;
}
.application-input-type-keyboard .page-statistics *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-statistics *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #DE73FF;
  box-shadow: 0 0 4px 1px #DE73FF;
}
.page-statistics input:focus,
.a9-app-statistics input:focus,
.page-statistics textarea:focus,
.a9-app-statistics textarea:focus,
.page-statistics .checkbox:focus,
.a9-app-statistics .checkbox:focus {
  border: 1px solid #DE73FF;
}
.page-statistics .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #DE73FF;
}
.page-statistics .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #DE73FF;
}
.page-statistics .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #DE73FF;
}
.page-statistics .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-statistics .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #DE73FF;
}
.page-statistics .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-statistics .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #DE73FF;
  background-color: #ffffff;
}
/* NOT DESCRIBED */
.page-devdemo,
.a9-app-devdemo {
  --a9-module-color: #ff9900;
}
.page-devdemo .clfa-categories .clfa-category.active,
.a9-app-devdemo .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #ff9900;
}
.page-devdemo .page-header .page-header-label,
.a9-app-devdemo .page-header .page-header-label {
  background-color: #ff9900;
}
.page-devdemo .page-header-component .page-header-component__label,
.a9-app-devdemo .page-header-component .page-header-component__label {
  background-color: #ff9900;
}
.page-devdemo .content-header-navigation .module-color-accent,
.a9-app-devdemo .content-header-navigation .module-color-accent {
  background-color: #ff9900;
}
.page-devdemo .awl-current-loader,
.a9-app-devdemo .awl-current-loader {
  border-top-color: #ff9900;
  border-bottom-color: #ff9900;
}
.page-devdemo .awl-button,
.a9-app-devdemo .awl-button,
.page-devdemo .button.ctrl,
.a9-app-devdemo .button.ctrl {
  background-color: #ff9900;
  color: #fff;
}
.page-devdemo .awl-button:hover,
.a9-app-devdemo .awl-button:hover,
.page-devdemo .button.ctrl:hover,
.a9-app-devdemo .button.ctrl:hover {
  background-color: #e68a00;
}
.page-devdemo .awl-button:active,
.a9-app-devdemo .awl-button:active,
.page-devdemo .button.ctrl:active,
.a9-app-devdemo .button.ctrl:active,
.page-devdemo .awl-button.active,
.a9-app-devdemo .awl-button.active,
.page-devdemo .button.ctrl.active,
.a9-app-devdemo .button.ctrl.active {
  background-color: #cc7a00;
}
.page-devdemo .awl-button:disabled,
.a9-app-devdemo .awl-button:disabled,
.page-devdemo .button.ctrl:disabled,
.a9-app-devdemo .button.ctrl:disabled {
  background-color: #ffc266;
}
.page-devdemo .awl-button.disabled,
.a9-app-devdemo .awl-button.disabled,
.page-devdemo .button.ctrl.disabled,
.a9-app-devdemo .button.ctrl.disabled {
  background-color: #ffc266;
}
.page-devdemo .awl-button.system,
.a9-app-devdemo .awl-button.system,
.page-devdemo .button.ctrl.system,
.a9-app-devdemo .button.ctrl.system {
  background: #969FB8;
}
.page-devdemo .awl-button.system:hover,
.a9-app-devdemo .awl-button.system:hover,
.page-devdemo .button.ctrl.system:hover,
.a9-app-devdemo .button.ctrl.system:hover {
  background-color: #556285;
}
.page-devdemo .awl-button.system:active,
.a9-app-devdemo .awl-button.system:active,
.page-devdemo .button.ctrl.system:active,
.a9-app-devdemo .button.ctrl.system:active {
  background-color: #ff9900;
}
.page-devdemo .awl-button.system.disabled,
.a9-app-devdemo .awl-button.system.disabled,
.page-devdemo .button.ctrl.system.disabled,
.a9-app-devdemo .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-devdemo .awl-button.secondary,
.a9-app-devdemo .awl-button.secondary,
.page-devdemo .button.ctrl.secondary,
.a9-app-devdemo .button.ctrl.secondary,
.page-devdemo .awl-button.system-contour,
.a9-app-devdemo .awl-button.system-contour,
.page-devdemo .button.ctrl.system-contour,
.a9-app-devdemo .button.ctrl.system-contour,
.page-devdemo .awl-button.cancel,
.a9-app-devdemo .awl-button.cancel,
.page-devdemo .button.ctrl.cancel,
.a9-app-devdemo .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-devdemo .awl-button.secondary:hover,
.a9-app-devdemo .awl-button.secondary:hover,
.page-devdemo .button.ctrl.secondary:hover,
.a9-app-devdemo .button.ctrl.secondary:hover,
.page-devdemo .awl-button.system-contour:hover,
.a9-app-devdemo .awl-button.system-contour:hover,
.page-devdemo .button.ctrl.system-contour:hover,
.a9-app-devdemo .button.ctrl.system-contour:hover,
.page-devdemo .awl-button.cancel:hover,
.a9-app-devdemo .awl-button.cancel:hover,
.page-devdemo .button.ctrl.cancel:hover,
.a9-app-devdemo .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-devdemo .awl-button.secondary:active,
.a9-app-devdemo .awl-button.secondary:active,
.page-devdemo .button.ctrl.secondary:active,
.a9-app-devdemo .button.ctrl.secondary:active,
.page-devdemo .awl-button.system-contour:active,
.a9-app-devdemo .awl-button.system-contour:active,
.page-devdemo .button.ctrl.system-contour:active,
.a9-app-devdemo .button.ctrl.system-contour:active,
.page-devdemo .awl-button.cancel:active,
.a9-app-devdemo .awl-button.cancel:active,
.page-devdemo .button.ctrl.cancel:active,
.a9-app-devdemo .button.ctrl.cancel:active {
  border-color: #ff9900;
  color: #ff9900;
}
.page-devdemo .awl-button.secondary[disabled],
.a9-app-devdemo .awl-button.secondary[disabled],
.page-devdemo .button.ctrl.secondary[disabled],
.a9-app-devdemo .button.ctrl.secondary[disabled],
.page-devdemo .awl-button.system-contour[disabled],
.a9-app-devdemo .awl-button.system-contour[disabled],
.page-devdemo .button.ctrl.system-contour[disabled],
.a9-app-devdemo .button.ctrl.system-contour[disabled],
.page-devdemo .awl-button.cancel[disabled],
.a9-app-devdemo .awl-button.cancel[disabled],
.page-devdemo .button.ctrl.cancel[disabled],
.a9-app-devdemo .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-devdemo .awl-button.secondary.disabled,
.a9-app-devdemo .awl-button.secondary.disabled,
.page-devdemo .button.ctrl.secondary.disabled,
.a9-app-devdemo .button.ctrl.secondary.disabled,
.page-devdemo .awl-button.system-contour.disabled,
.a9-app-devdemo .awl-button.system-contour.disabled,
.page-devdemo .button.ctrl.system-contour.disabled,
.a9-app-devdemo .button.ctrl.system-contour.disabled,
.page-devdemo .awl-button.cancel.disabled,
.a9-app-devdemo .awl-button.cancel.disabled,
.page-devdemo .button.ctrl.cancel.disabled,
.a9-app-devdemo .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-devdemo .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-devdemo .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-devdemo .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-devdemo .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-devdemo .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-devdemo .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-devdemo .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-devdemo .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-devdemo .secondary-button .awl-button,
.a9-app-devdemo .secondary-button .awl-button,
.page-devdemo .secondary-button .button.ctrl,
.a9-app-devdemo .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-devdemo .secondary-button .awl-button:hover,
.a9-app-devdemo .secondary-button .awl-button:hover,
.page-devdemo .secondary-button .button.ctrl:hover,
.a9-app-devdemo .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-devdemo .secondary-button .awl-button:active,
.a9-app-devdemo .secondary-button .awl-button:active,
.page-devdemo .secondary-button .button.ctrl:active,
.a9-app-devdemo .secondary-button .button.ctrl:active {
  border-color: #ff9900;
  color: #ff9900;
}
.page-devdemo .secondary-button .awl-button[disabled],
.a9-app-devdemo .secondary-button .awl-button[disabled],
.page-devdemo .secondary-button .button.ctrl[disabled],
.a9-app-devdemo .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-devdemo .secondary-button .awl-button.disabled,
.a9-app-devdemo .secondary-button .awl-button.disabled,
.page-devdemo .secondary-button .button.ctrl.disabled,
.a9-app-devdemo .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-devdemo .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-devdemo .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #fff0d9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-devdemo .awl-app-bg.awl-app-bg,
.a9-app-devdemo .awl-app-bg.awl-app-bg {
  background-color: #ff9900;
  color: #fff;
}
.page-devdemo .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-devdemo .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #ff9900;
  color: #fff;
}
.page-devdemo .awl-app-color.awl-app-color,
.a9-app-devdemo .awl-app-color.awl-app-color {
  color: #ff9900;
}
.page-devdemo .awl-app-border-color.awl-app-border-color,
.a9-app-devdemo .awl-app-border-color.awl-app-border-color {
  border-color: #ff9900;
}
.page-devdemo .awl-app-contour.awl-app-contour,
.a9-app-devdemo .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #ff9900;
  border-color: #ff9900;
}
.page-devdemo .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-devdemo .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #ff9900;
  border-color: #ff9900;
}
.page-devdemo .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-devdemo .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #ff9900;
  border: 1px solid #ff9900;
}
.page-devdemo .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-devdemo .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-devdemo .awl-options-icon,
.a9-app-devdemo .awl-options-icon {
  background-color: #ff9900;
  color: #fff;
}
.page-devdemo .awl-tick.checked,
.a9-app-devdemo .awl-tick.checked,
.page-devdemo .checkbox.checked,
.a9-app-devdemo .checkbox.checked {
  background-color: #ff9900;
  border-color: #ff9900;
}
.page-devdemo .awl-tick.checked[type="radio"]::before,
.a9-app-devdemo .awl-tick.checked[type="radio"]::before,
.page-devdemo .checkbox.checked[type="radio"]::before,
.a9-app-devdemo .checkbox.checked[type="radio"]::before,
.page-devdemo .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-devdemo .awl-tick.checked[type="uncheckable-radio"]::before,
.page-devdemo .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-devdemo .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #ff9900;
}
.page-devdemo .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-devdemo .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-devdemo .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-devdemo .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #ff9900;
}
.page-devdemo .awl-datepick-block .day-current.day-current,
.a9-app-devdemo .awl-datepick-block .day-current.day-current {
  background-color: #ff9900;
}
.page-devdemo .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-devdemo .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #ff9900;
}
.page-devdemo .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-devdemo .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #ff9900;
}
.page-devdemo .awl-progress-bar-value,
.a9-app-devdemo .awl-progress-bar-value {
  background: #ff9900 !important;
}
.page-devdemo .agc-item-checked,
.a9-app-devdemo .agc-item-checked {
  border-color: #ff9900 !important;
}
.page-devdemo .themed-background,
.a9-app-devdemo .themed-background {
  background-color: #ff9900 !important;
}
.page-devdemo.themed-background-inline,
.a9-app-devdemo.themed-background-inline {
  background-color: #ff9900 !important;
}
.page-devdemo .themed-background-hover:hover,
.a9-app-devdemo .themed-background-hover:hover {
  background-color: #ff9900 !important;
  color: #ffffff !important;
}
.page-devdemo .themed-borders,
.a9-app-devdemo .themed-borders {
  border-color: #ff9900 !important;
}
.page-devdemo.themed-borders-inline,
.a9-app-devdemo.themed-borders-inline {
  border-color: #ff9900 !important;
}
.page-devdemo .themed-color,
.a9-app-devdemo .themed-color {
  color: #ff9900 !important;
}
.page-devdemo .themed-text-stroke,
.a9-app-devdemo .themed-text-stroke {
  text-shadow: -1px 0 #ff9900, 0 1px #ff9900, 1px 0 #ff9900, 0 -1px #ff9900 !important;
}
.page-devdemo .themed-focus-color:focus,
.a9-app-devdemo .themed-focus-color:focus {
  color: #ff9900;
}
.page-devdemo .themed-active-color:active,
.a9-app-devdemo .themed-active-color:active,
.page-devdemo .themed-active-color:hover,
.a9-app-devdemo .themed-active-color:hover {
  color: #ff9900;
}
.page-devdemo .themed-filled,
.a9-app-devdemo .themed-filled {
  background-color: #ff9900 !important;
  border-color: #ff9900 !important;
  color: #FFFFFF !important;
}
.page-devdemo .themed-svg-fill,
.a9-app-devdemo .themed-svg-fill {
  fill: #ff9900;
}
.page-devdemo .themed-disabled-background,
.a9-app-devdemo .themed-disabled-background {
  background-color: #ffc266;
}
.menu-item.devdemo .menu-title {
  background-color: #ff9900;
}
.devdemo .dropdown-menu.bottom-up {
  border-color: #ff9900;
}
.application-input-type-keyboard .page-devdemo .checkbox:focus,
.application-input-type-keyboard .a9-app-devdemo .checkbox:focus {
  box-shadow: 0 0 4px 1px #ff9900;
}
.application-input-type-keyboard .page-devdemo *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-devdemo *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-devdemo *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-devdemo *:focus.fs-child-custom {
  border: 1px solid #ff9900;
}
.application-input-type-keyboard .page-devdemo *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-devdemo *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #ff9900;
  box-shadow: 0 0 4px 1px #ff9900;
}
.page-devdemo input:focus,
.a9-app-devdemo input:focus,
.page-devdemo textarea:focus,
.a9-app-devdemo textarea:focus,
.page-devdemo .checkbox:focus,
.a9-app-devdemo .checkbox:focus {
  border: 1px solid #ff9900;
}
.page-devdemo .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #ff9900;
}
.page-devdemo .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #ff9900;
}
.page-devdemo .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #ff9900;
}
.page-devdemo .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-devdemo .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #ff9900;
}
.page-devdemo .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffebcc;
}
.page-devdemo .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #ff9900;
  background-color: #ffffff;
}
.page-demo,
.a9-app-demo {
  --a9-module-color: #00bcd4;
}
.page-demo .clfa-categories .clfa-category.active,
.a9-app-demo .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #00bcd4;
}
.page-demo .page-header .page-header-label,
.a9-app-demo .page-header .page-header-label {
  background-color: #00bcd4;
}
.page-demo .page-header-component .page-header-component__label,
.a9-app-demo .page-header-component .page-header-component__label {
  background-color: #00bcd4;
}
.page-demo .content-header-navigation .module-color-accent,
.a9-app-demo .content-header-navigation .module-color-accent {
  background-color: #00bcd4;
}
.page-demo .awl-current-loader,
.a9-app-demo .awl-current-loader {
  border-top-color: #00bcd4;
  border-bottom-color: #00bcd4;
}
.page-demo .awl-button,
.a9-app-demo .awl-button,
.page-demo .button.ctrl,
.a9-app-demo .button.ctrl {
  background-color: #00bcd4;
  color: #fff;
}
.page-demo .awl-button:hover,
.a9-app-demo .awl-button:hover,
.page-demo .button.ctrl:hover,
.a9-app-demo .button.ctrl:hover {
  background-color: #00a9bf;
}
.page-demo .awl-button:active,
.a9-app-demo .awl-button:active,
.page-demo .button.ctrl:active,
.a9-app-demo .button.ctrl:active,
.page-demo .awl-button.active,
.a9-app-demo .awl-button.active,
.page-demo .button.ctrl.active,
.a9-app-demo .button.ctrl.active {
  background-color: #0096aa;
}
.page-demo .awl-button:disabled,
.a9-app-demo .awl-button:disabled,
.page-demo .button.ctrl:disabled,
.a9-app-demo .button.ctrl:disabled {
  background-color: #66d7e5;
}
.page-demo .awl-button.disabled,
.a9-app-demo .awl-button.disabled,
.page-demo .button.ctrl.disabled,
.a9-app-demo .button.ctrl.disabled {
  background-color: #66d7e5;
}
.page-demo .awl-button.system,
.a9-app-demo .awl-button.system,
.page-demo .button.ctrl.system,
.a9-app-demo .button.ctrl.system {
  background: #969FB8;
}
.page-demo .awl-button.system:hover,
.a9-app-demo .awl-button.system:hover,
.page-demo .button.ctrl.system:hover,
.a9-app-demo .button.ctrl.system:hover {
  background-color: #556285;
}
.page-demo .awl-button.system:active,
.a9-app-demo .awl-button.system:active,
.page-demo .button.ctrl.system:active,
.a9-app-demo .button.ctrl.system:active {
  background-color: #00bcd4;
}
.page-demo .awl-button.system.disabled,
.a9-app-demo .awl-button.system.disabled,
.page-demo .button.ctrl.system.disabled,
.a9-app-demo .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-demo .awl-button.secondary,
.a9-app-demo .awl-button.secondary,
.page-demo .button.ctrl.secondary,
.a9-app-demo .button.ctrl.secondary,
.page-demo .awl-button.system-contour,
.a9-app-demo .awl-button.system-contour,
.page-demo .button.ctrl.system-contour,
.a9-app-demo .button.ctrl.system-contour,
.page-demo .awl-button.cancel,
.a9-app-demo .awl-button.cancel,
.page-demo .button.ctrl.cancel,
.a9-app-demo .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-demo .awl-button.secondary:hover,
.a9-app-demo .awl-button.secondary:hover,
.page-demo .button.ctrl.secondary:hover,
.a9-app-demo .button.ctrl.secondary:hover,
.page-demo .awl-button.system-contour:hover,
.a9-app-demo .awl-button.system-contour:hover,
.page-demo .button.ctrl.system-contour:hover,
.a9-app-demo .button.ctrl.system-contour:hover,
.page-demo .awl-button.cancel:hover,
.a9-app-demo .awl-button.cancel:hover,
.page-demo .button.ctrl.cancel:hover,
.a9-app-demo .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-demo .awl-button.secondary:active,
.a9-app-demo .awl-button.secondary:active,
.page-demo .button.ctrl.secondary:active,
.a9-app-demo .button.ctrl.secondary:active,
.page-demo .awl-button.system-contour:active,
.a9-app-demo .awl-button.system-contour:active,
.page-demo .button.ctrl.system-contour:active,
.a9-app-demo .button.ctrl.system-contour:active,
.page-demo .awl-button.cancel:active,
.a9-app-demo .awl-button.cancel:active,
.page-demo .button.ctrl.cancel:active,
.a9-app-demo .button.ctrl.cancel:active {
  border-color: #00bcd4;
  color: #00bcd4;
}
.page-demo .awl-button.secondary[disabled],
.a9-app-demo .awl-button.secondary[disabled],
.page-demo .button.ctrl.secondary[disabled],
.a9-app-demo .button.ctrl.secondary[disabled],
.page-demo .awl-button.system-contour[disabled],
.a9-app-demo .awl-button.system-contour[disabled],
.page-demo .button.ctrl.system-contour[disabled],
.a9-app-demo .button.ctrl.system-contour[disabled],
.page-demo .awl-button.cancel[disabled],
.a9-app-demo .awl-button.cancel[disabled],
.page-demo .button.ctrl.cancel[disabled],
.a9-app-demo .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-demo .awl-button.secondary.disabled,
.a9-app-demo .awl-button.secondary.disabled,
.page-demo .button.ctrl.secondary.disabled,
.a9-app-demo .button.ctrl.secondary.disabled,
.page-demo .awl-button.system-contour.disabled,
.a9-app-demo .awl-button.system-contour.disabled,
.page-demo .button.ctrl.system-contour.disabled,
.a9-app-demo .button.ctrl.system-contour.disabled,
.page-demo .awl-button.cancel.disabled,
.a9-app-demo .awl-button.cancel.disabled,
.page-demo .button.ctrl.cancel.disabled,
.a9-app-demo .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-demo .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-demo .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-demo .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-demo .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-demo .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-demo .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-demo .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-demo .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-demo .secondary-button .awl-button,
.a9-app-demo .secondary-button .awl-button,
.page-demo .secondary-button .button.ctrl,
.a9-app-demo .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-demo .secondary-button .awl-button:hover,
.a9-app-demo .secondary-button .awl-button:hover,
.page-demo .secondary-button .button.ctrl:hover,
.a9-app-demo .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-demo .secondary-button .awl-button:active,
.a9-app-demo .secondary-button .awl-button:active,
.page-demo .secondary-button .button.ctrl:active,
.a9-app-demo .secondary-button .button.ctrl:active {
  border-color: #00bcd4;
  color: #00bcd4;
}
.page-demo .secondary-button .awl-button[disabled],
.a9-app-demo .secondary-button .awl-button[disabled],
.page-demo .secondary-button .button.ctrl[disabled],
.a9-app-demo .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-demo .secondary-button .awl-button.disabled,
.a9-app-demo .secondary-button .awl-button.disabled,
.page-demo .secondary-button .button.ctrl.disabled,
.a9-app-demo .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-demo .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-demo .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #d9f5f9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-demo .awl-app-bg.awl-app-bg,
.a9-app-demo .awl-app-bg.awl-app-bg {
  background-color: #00bcd4;
  color: #fff;
}
.page-demo .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-demo .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #00bcd4;
  color: #fff;
}
.page-demo .awl-app-color.awl-app-color,
.a9-app-demo .awl-app-color.awl-app-color {
  color: #00bcd4;
}
.page-demo .awl-app-border-color.awl-app-border-color,
.a9-app-demo .awl-app-border-color.awl-app-border-color {
  border-color: #00bcd4;
}
.page-demo .awl-app-contour.awl-app-contour,
.a9-app-demo .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #00bcd4;
  border-color: #00bcd4;
}
.page-demo .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-demo .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #00bcd4;
  border-color: #00bcd4;
}
.page-demo .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-demo .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #00bcd4;
  border: 1px solid #00bcd4;
}
.page-demo .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-demo .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-demo .awl-options-icon,
.a9-app-demo .awl-options-icon {
  background-color: #00bcd4;
  color: #fff;
}
.page-demo .awl-tick.checked,
.a9-app-demo .awl-tick.checked,
.page-demo .checkbox.checked,
.a9-app-demo .checkbox.checked {
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.page-demo .awl-tick.checked[type="radio"]::before,
.a9-app-demo .awl-tick.checked[type="radio"]::before,
.page-demo .checkbox.checked[type="radio"]::before,
.a9-app-demo .checkbox.checked[type="radio"]::before,
.page-demo .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-demo .awl-tick.checked[type="uncheckable-radio"]::before,
.page-demo .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-demo .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #00bcd4;
}
.page-demo .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-demo .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-demo .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-demo .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #00bcd4;
}
.page-demo .awl-datepick-block .day-current.day-current,
.a9-app-demo .awl-datepick-block .day-current.day-current {
  background-color: #00bcd4;
}
.page-demo .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-demo .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #00bcd4;
}
.page-demo .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-demo .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #00bcd4;
}
.page-demo .awl-progress-bar-value,
.a9-app-demo .awl-progress-bar-value {
  background: #00bcd4 !important;
}
.page-demo .agc-item-checked,
.a9-app-demo .agc-item-checked {
  border-color: #00bcd4 !important;
}
.page-demo .themed-background,
.a9-app-demo .themed-background {
  background-color: #00bcd4 !important;
}
.page-demo.themed-background-inline,
.a9-app-demo.themed-background-inline {
  background-color: #00bcd4 !important;
}
.page-demo .themed-background-hover:hover,
.a9-app-demo .themed-background-hover:hover {
  background-color: #00bcd4 !important;
  color: #ffffff !important;
}
.page-demo .themed-borders,
.a9-app-demo .themed-borders {
  border-color: #00bcd4 !important;
}
.page-demo.themed-borders-inline,
.a9-app-demo.themed-borders-inline {
  border-color: #00bcd4 !important;
}
.page-demo .themed-color,
.a9-app-demo .themed-color {
  color: #00bcd4 !important;
}
.page-demo .themed-text-stroke,
.a9-app-demo .themed-text-stroke {
  text-shadow: -1px 0 #00bcd4, 0 1px #00bcd4, 1px 0 #00bcd4, 0 -1px #00bcd4 !important;
}
.page-demo .themed-focus-color:focus,
.a9-app-demo .themed-focus-color:focus {
  color: #00bcd4;
}
.page-demo .themed-active-color:active,
.a9-app-demo .themed-active-color:active,
.page-demo .themed-active-color:hover,
.a9-app-demo .themed-active-color:hover {
  color: #00bcd4;
}
.page-demo .themed-filled,
.a9-app-demo .themed-filled {
  background-color: #00bcd4 !important;
  border-color: #00bcd4 !important;
  color: #FFFFFF !important;
}
.page-demo .themed-svg-fill,
.a9-app-demo .themed-svg-fill {
  fill: #00bcd4;
}
.page-demo .themed-disabled-background,
.a9-app-demo .themed-disabled-background {
  background-color: #66d7e5;
}
.menu-item.demo .menu-title {
  background-color: #00bcd4;
}
.demo .dropdown-menu.bottom-up {
  border-color: #00bcd4;
}
.application-input-type-keyboard .page-demo .checkbox:focus,
.application-input-type-keyboard .a9-app-demo .checkbox:focus {
  box-shadow: 0 0 4px 1px #00bcd4;
}
.application-input-type-keyboard .page-demo *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-demo *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-demo *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-demo *:focus.fs-child-custom {
  border: 1px solid #00bcd4;
}
.application-input-type-keyboard .page-demo *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-demo *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #00bcd4;
  box-shadow: 0 0 4px 1px #00bcd4;
}
.page-demo input:focus,
.a9-app-demo input:focus,
.page-demo textarea:focus,
.a9-app-demo textarea:focus,
.page-demo .checkbox:focus,
.a9-app-demo .checkbox:focus {
  border: 1px solid #00bcd4;
}
.page-demo .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #00bcd4;
}
.page-demo .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #00bcd4;
}
.page-demo .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #00bcd4;
}
.page-demo .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-demo .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #00bcd4;
}
.page-demo .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #a1f4ff;
}
.page-demo .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #00bcd4;
  background-color: #ffffff;
}
.awl-accordion-item {
  padding: 0 0 0 0px;
  color: #5c5c5c;
  font-size: 14px;
  position: relative;
}
.awl-accordion-item > .item-head {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #dde1e6;
  height: 32px;
}
.awl-accordion-item > .item-head .item-icon {
  position: absolute;
  top: 0px;
  left: -7px;
  width: 20px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  transform: rotate(-90deg);
  display: block;
  font-size: 16px;
  color: #5c5c5c;
}
.awl-accordion-item > .item-head .item-title {
  padding: 0 0 0 20px;
  line-height: 32px;
  font-size: 14px;
  letter-spacing: -0.1px;
  color: #333d4c;
}
.awl-accordion-item .item-body {
  padding: 20px 0 20px 20px;
}
.awl-accordion-item.expanded > .item-head > .item-title {
  font-weight: 600;
}
.awl-accordion-item.expanded > .item-head .item-icon {
  transform: rotate(0deg);
  font-size: 16px;
  color: #5c5c5c;
}
.loadingLoader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.4);
  background-color: #f6f8fa;
  /*	background-color: #e4e5e7;*/
}
.loadingLoader .position-aligner {
  width: 300px;
  height: 300px;
  z-index: 7;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
}
.loadingLoader .video-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  /*
    >video {
      background:#e4e5e7 !important;width:192px;height:192px;
    }
*/
}
.loadingLoader .title-lines {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  padding-top: 14px;
}
.loadingLoader .line1 {
  opacity: 0;
  margin-right: -50px;
}
.loadingLoader .line2 {
  opacity: 0;
  margin-left: -50px;
}
.loadingLoader.enter-line1-init .line1 {
  transition: all 0.6s linear 1s;
}
.loadingLoader.enter-line1-start .line1 {
  opacity: 1;
  margin-right: 0px;
}
.loadingLoader.enter-line2-init .line2 {
  transition: all 0.6s linear 1s;
}
.loadingLoader.enter-line2-start .line2 {
  opacity: 1;
  margin-left: 0px;
}
.loadingLoader.login-init {
  transition: background-color 0.2s linear 0.6s;
  /*		background-color:rgba(228, 229, 231, 1);*/
  background-color: #f6f8fa;
}
.loadingLoader.login-init .position-aligner {
  transition: margin 0.6s linear;
}
.loadingLoader.login-init .video-wrap {
  visibility: hidden;
}
.loadingLoader.login-init .line1 {
  transition: none;
}
.loadingLoader.login-init .line2 {
  transition: none;
}
.loadingLoader.login-start {
  /*		background-color:rgba(228, 229, 231, 0);*/
  background-color: rgba(246, 248, 250, 0);
}
.loadingLoader.login-start .position-aligner {
  margin-top: -322px;
}
.loadingLoader.fade-init {
  transition: opacity 0.3s linear;
  opacity: 1;
}
.loadingLoader.fade-start {
  opacity: 0;
}
.page.page-tournament .content-header .controls {
  border-spacing: 0;
}
.page.page-tournament .content-header .controls > tbody > tr > td {
  padding: 0 0 0 10px;
  margin: 0;
  vertical-align: top;
}
.page.page-tournament .content-header .controls > tbody > tr > td.middle {
  vertical-align: inherit;
}
.page.page-tournament .content-header .controls > tbody > tr > td:first-child {
  padding-left: 0;
}
.page.page-tournament .content-header .controls > tbody > tr > td.th {
  height: 16px;
}
.page.page-tournament .content-header .controls .date {
  width: 220px;
}
.page-email .content-body .awl-menu {
  padding: 0 0 0 20px;
}
.dialog-content table.form td {
  padding: 0 0 10px 15px;
}
.dialog-content table.form td.title {
  width: 140px;
}
.dialog-content table.form td:first-child {
  padding-left: 0;
}
.for-jasper-web-panel {
  position: absolute;
  z-index: 11;
  top: 88px;
  left: 30px;
  right: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 88px - 30px);
  border: none;
}
.page-finance .dance-board-layout {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.page-finance .dance-board-layout .title-block {
  height: 32px;
  line-height: 32px;
  margin: 0 0 15px 0;
  position: relative;
}
.page-finance .dance-board-layout .title-block > .title-control {
  float: right;
  height: 32px;
  line-height: 32px;
}
.page-finance .dance-board-layout > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}
.page-finance .dance-board-layout > tbody > tr > td.col2 {
  width: 362px;
}
.page-finance .dance-board-layout > tbody > tr.line1 > td.col1 {
  border: 1px solid #dde1e6;
  border-radius: 4px 0 0 4px;
  padding: 20px 20px 20px 20px;
}
.page-finance .dance-board-layout > tbody > tr.line1 > td.col2 {
  border: 1px solid #dde1e6;
  border-radius: 0 4px 4px 0;
  padding: 0 20px;
  background-color: #fbfcfc;
}
.page-finance .dance-board-layout > tbody > tr.line2 > td {
  padding-top: 20px;
}
.page-finance .dance-board-layout > tbody > tr.line2 > td.col1 {
  padding-right: 10px;
}
.page-finance .dance-board-layout > tbody > tr.line2 > td.col2 {
  padding-left: 10px;
}
.page-finance .dance-board-layout .finance-totals .total-item {
  height: 86px;
  line-height: 86px;
  overflow: hidden;
  border-bottom: solid 1px #dde1e6;
  position: relative;
  width: 100%;
}
.page-finance .dance-board-layout .finance-totals .total-item:last-child {
  border-bottom: none;
}
.page-finance .dance-board-layout .finance-totals .total-item .item-title {
  font-weight: 600;
  font-size: 14px;
  color: #838992;
  text-transform: uppercase;
  z-index: 1;
  position: absolute;
}
.page-finance .dance-board-layout .finance-totals .total-item .item-value {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: right;
  font-size: 35px;
  letter-spacing: -0.4px;
}
.page-finance .dance-board-layout .finance-totals .total-item.balance .item-value {
  color: #8199f1;
}
.page-finance .dance-board-layout .finance-totals .total-item.overdue .item-value {
  color: #ff8668;
}
.page-finance .dance-board-layout .finance-totals .total-item.creditLimit .item-value {
  color: #2dcd9f;
}
.page-customers {
  /* vi-stat-block */
  /* end vi-stat-block */
  /* used in customer listing */
}
.page-customers .customer-stat-value {
  display: inline-block;
  height: 75px;
  width: 120px;
  line-height: 71px;
  text-align: center;
  font-size: 40px;
  font-weight: 200;
  border: solid 2px #e2e4e6;
  padding: 0;
  border-radius: 41px;
  position: relative;
  z-index: 100;
  white-space: nowrap;
}
.page-customers .customer-stat-value:hover {
  color: #4298fb;
}
.page-customers .customer-stat-value:hover .customer-stat-value-details {
  display: block;
}
.page-customers .customer-stat-value .customer-stat-value-details {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 15px);
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  font-size: 14px;
  line-height: 19px;
  color: #4f5764;
}
.page-customers .customer-stat-value .customer-stat-value-details.played {
  left: auto;
  right: 0;
  transform: translate(0%, 15px);
}
.page-customers .customer-stat-value .customer-stat-value-details .stat-title {
  text-align: left;
  border-bottom: solid 1px #eeeeee;
  padding: 10px 0px;
  margin: 0;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin {
  margin: 10px 0;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin td {
  white-space: nowrap;
  line-height: 20px;
  padding: 10px 20px 11px 20px;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin tr.putin-title td {
  color: #b2b8cb;
  font-size: 10px;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin tr > td:nth-child(1) {
  text-align: left;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin tr > td:nth-child(2) {
  border-right: 1px solid #f8f8f8;
  width: 60px;
  padding: 0 10px;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin tr > td:nth-child(3) {
  padding: 0 10px;
  width: 60px;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin .obama {
  height: 23px;
  border-radius: 100px;
  padding: 0 10px;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin .obama.a-color-white {
  border: solid 1px #cbcbcb;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin .obama.debit {
  background-color: #fe6565;
  color: #fff;
  font-weight: 800;
}
.page-customers .customer-stat-value .customer-stat-value-details table.putin .obama.credit {
  background-color: #71ba1b;
  color: #fff;
  font-weight: 800;
}
.page-customers .search-federation-button {
  width: 100%;
  position: absolute;
  z-index: 1;
  text-align: center;
  padding: 15px 0;
}
.page-customers .search-federation-button span {
  padding: 5px 10px;
  border: 1px solid #dde1e6;
  font-weight: 600;
  color: #858b94;
  cursor: pointer;
}
.page-customers .actions.customer {
  width: 30%;
}
.page-customers .actions.customer > div {
  margin-top: -13px;
}
/* end of page-customers */
/* cc4 used in wizards */
.wizard-footer {
  text-align: right;
  height: 55px;
  background-color: #eef2f6;
  padding: 12px 20px;
}
.wizard-footer .awl-button {
  margin: 0 0 0 10px;
}
.wizard-footer .awl-button:first-child {
  margin-left: 0;
}
.wizard-footer .awl-button.left {
  margin: 0 10px 0 0;
  float: left;
}
.page-tasks .page-task-popup .task-form__comments > div {
  width: 560px;
}
.page-tasks .tasks-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-tasks .tasks-body > .archived-projects-link {
  color: #47505d;
  position: absolute;
  height: 25px;
  line-height: 25px;
  z-index: 10;
  bottom: 12px;
  left: 20px;
  padding: 0 10px;
}
.page-tasks .tasks-body > .archived-projects-link .archived-projects-icon {
  font-size: 16px;
  margin: 0 5px 0 0;
}
.page-tasks .tasks-body > .archived-projects-link.selected {
  background: #eef2f6;
}
.page-tasks .tasks-body > .tasks-aside {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 250px;
  border-right: 1px solid #dde1e6;
  color: #47505d;
  z-index: 6;
}
.page-tasks .tasks-body > .tasks-aside .filter-box {
  padding: 20px;
}
.page-tasks .tasks-body > .tasks-aside .filter-box > .box-item {
  height: 32px;
  line-height: 31px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  border-bottom: solid 1px #e2e5ea;
}
.page-tasks .tasks-body > .tasks-aside .filter-box > .box-item.selected {
  color: white;
  font-weight: 600;
}
.page-tasks .tasks-body > .tasks-content {
  position: absolute;
  left: 250px;
  top: 0;
  bottom: 0;
  right: 0;
}
.page-tasks .tasks-body > .tasks-content > .tasks-content-container {
  position: absolute;
  left: 0;
  top: 50px;
  bottom: 0;
  right: 0;
}
.page-tasks .task-day-block.tdb-root {
  padding: 0 20px;
  margin: 0 0 0 0;
}
.page-tasks .task-day-block.tdb-root .tdb-title {
  color: #333d4c;
  margin: 20px 0 10px 0;
  height: 32px;
  line-height: 32px;
  border-bottom: solid 1px #dde1e6;
}
.page-tasks .task-day-block.tdb-root .tdb-title .tdb-title-wday {
  font-weight: 800;
}
.page-tasks .task-day-block.tdb-root .tdb-line.first .tdb-title {
  margin-top: 0;
}
.page-tasks .task-day-block.tdb-root .tdb-line.no-records {
  width: 100%;
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
}
.page-tasks .task-day-block.tdb-root .tdb-items {
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0;
}
.page-tasks .task-day-block.tdb-root .tdb-items td {
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  /*overflow:hidden;*/
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(1) {
  width: 20px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #333d4c;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(2) {
  width: 20px;
  vertical-align: top;
  text-align: center;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(3) {
  padding: 0 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(4) {
  width: 32px;
  color: #aeb6c2;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(5) {
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20%;
  padding-left: 20px;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(6) {
  vertical-align: middle;
  font-size: 11px;
  color: #7b8799;
  padding: 0 0 0 20px;
  width: 20%;
}
.page-tasks .task-day-block.tdb-root .tdb-items tr > td:nth-child(7) {
  vertical-align: middle;
  width: 70px;
  text-align: right;
  padding: 0 0 0 20px;
}
.page-tasks .task-day-block.tdb-root .tdb-items .tdb-project {
  display: inline-block;
  height: 20px;
  max-width: 100%;
  vertical-align: top;
  margin: 6px 0 0 0;
  border-radius: 100px;
  padding: 0 10px;
  line-height: 20px;
  font-size: 11px;
  font-weight: 600;
  color: #7b8799;
  background-color: #eef2f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-tasks .task-day-block.tdb-root .tdb-items .tdb-item-title {
  color: #47505d;
  font-weight: 600;
}
.page-tasks .task-day-block.tdb-root .tdb-items .tdb-item-time {
  color: #47505d;
}
.page-tasks .task-day-block.tdb-root .tdb-items .tdb-user {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Components */
/* hacks */
#viewport-the-frame.fullscreen-from-popup {
  height: 100vh !important;
}
#viewport-the-wrap.fullscreen-from-popup {
  margin-right: 0 !important;
}
/** Default wizard styles */
.not-implemented {
  outline: 3px solid #ff000e !important;
}