/* node_modules/@vestasregistry/ui-component-library/styles/cl.min.css */
.btn {
  font-family:
    VestasSans,
    Arial,
    sans-serif;
  font-size: 14px;
  line-height: 1;
  height: 28px;
  padding: 0 20px;
  min-width: 100px;
  border-width: 1px;
  border-style: solid;
}
.btn-primary {
  background-color: #00b5e4;
  color: #fff;
  border-color: #00b5e4;
  outline-offset: 3px;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0082a3;
  border-color: #007896;
}
.btn-default {
  color: #00b5e4;
  background-color: #fff;
  border-color: #00b5e4;
}
.btn-default:hover {
  color: #00b5e4;
  background-color: #d9d9d9;
  border-color: #007898;
}
.btn:active,
.btn:focus {
  box-shadow: none;
}
.btn[disabled] {
  box-shadow: none;
  opacity: .65;
  cursor: not-allowed;
  background-color: #fff;
  color: #ccc;
  border-color: #ccc;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-item,
.flex-item-1 {
  flex-basis: 0;
  flex-grow: 1;
}
.flex-item-2 {
  flex-basis: 0;
  flex-grow: 2;
}
.flex-item-3 {
  flex-basis: 0;
  flex-grow: 3;
}
.flex-item-4 {
  flex-basis: 0;
  flex-grow: 4;
}
.flex-item-5 {
  flex-basis: 0;
  flex-grow: 5;
}
.flex-item-6 {
  flex-basis: 0;
  flex-grow: 6;
}
.aic {
  align-items: center;
}
textarea {
  padding: 6px;
  resize: none;
  font-family:
    VestasSans,
    Arial,
    sans-serif;
  font-size: 14px;
  border: 1px solid #a9a9a9;
  width: 300px;
  box-sizing: border-box;
}
textarea:disabled {
  border-color: #d7d7d7;
  color: #ccc;
  background-color: #fff;
}
input[type=date],
input[type=month],
input[type=number],
input[type=password],
input[type=text],
input[type=time],
input[type=week] {
  padding: 6px 6px 5px 6px;
  font-family:
    VestasSans,
    Arial,
    sans-serif;
  font-size: 14px;
  width: 140px;
  border: 1px solid #a9a9a9;
  box-sizing: border-box;
  box-shadow: none;
}
input[type=date].wide,
input[type=month].wide,
input[type=number].wide,
input[type=password].wide,
input[type=text].wide,
input[type=time].wide,
input[type=week].wide {
  width: 300px;
}
input[type=date],
input[type=month],
input[type=week] {
  padding: 4px 6px 5px 6px;
}
input[type=time] {
  padding: 3px 6px;
}
input[type=range] {
  width: 140px;
}
input[type=range].wide {
  width: 300px;
}
input:disabled {
  border-color: #d7d7d7;
  color: #ccc;
  background-color: #fff;
}
select {
  padding: 5px 3px;
  font-family:
    VestasSans,
    Arial,
    sans-serif;
  font-size: 14px;
  width: 140px;
  border: 1px solid #a9a9a9;
}
select.wide {
  width: 300px;
}
select:disabled {
  border-color: #d7d7d7;
  color: #ccc;
  background-color: #fff;
}
.form-label {
  color: #999;
  margin-bottom: 4px;
}
.cl-deletable {
  position: relative;
  top: 7px;
  width: 0;
}
.cl-deletable .v-icon {
  position: absolute;
  cursor: pointer;
}
input[type=text].cl-deletable-default,
textarea.cl-deletable-default {
  padding-right: 20px;
}
textarea.cl-deletable-wide {
  padding-right: 40px;
}
.table {
  width: 100%;
  border-spacing: 0;
}
.table.table-fixed-header {
  table-layout: fixed;
  width: calc(100% - 16px);
}
.table.table-fixed {
  table-layout: fixed;
}
.table th {
  text-align: left;
  line-height: 20px;
  padding: 6px 6px 6px 0;
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.table td {
  padding: 6px 6px 8px 0;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table tr:nth-child(1) td {
  border-top-width: 0;
}
.table-scroll-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.table-scroll {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: absolute;
}
tr.dark-border td {
  border-top-color: #000;
}
@property --black { syntax:"<color>";inherits:false;initial-value:#000 }
@property --blue { syntax:"<color>";inherits:false;initial-value:#00b5e4 }
@property --dark-grey { syntax:"<color>";inherits:false;initial-value:#999 }
@property --light-gray { syntax:"<color>";inherits:false;initial-value:#ccc }
@property --green { syntax:"<color>";inherits:false;initial-value:#03ad00 }
@property --yellow { syntax:"<color>";inherits:false;initial-value:#eeb71c }
@property --orange { syntax:"<color>";inherits:false;initial-value:#f36622 }
@property --red { syntax:"<color>";inherits:false;initial-value:#d90911 }
@property --sec-color-1 { syntax:"<color>";inherits:false;initial-value:#1e90ff }
@property --sec-color-2 { syntax:"<color>";inherits:false;initial-value:#ff1ab9 }
@property --sec-color-3 { syntax:"<color>";inherits:false;initial-value:#ffd300 }
@property --sec-color-4 { syntax:"<color>";inherits:false;initial-value:#00e000 }
@property --sec-color-5 { syntax:"<color>";inherits:false;initial-value:#626262 }
@property --sec-color-6 { syntax:"<color>";inherits:false;initial-value:#de6421 }
@property --sec-color-7 { syntax:"<color>";inherits:false;initial-value:#1adbf5 }
@property --sec-color-8 { syntax:"<color>";inherits:false;initial-value:#ffbaea }
@property --sec-color-9 { syntax:"<color>";inherits:false;initial-value:#b2b2b2 }
@property --sec-color-10 { syntax:"<color>";inherits:false;initial-value:#bdf }
@property --form-border-color { syntax:"<color>";inherits:false;initial-value:#a9a9a9 }
@property --form-border-color-disabled { syntax:"<color>";inherits:false;initial-value:#d7d7d7 }
@property --table-border-color { syntax:"<color>";inherits:false;initial-value:#ddd }
@property --checkbox-border-color { syntax:"<color>";inherits:false;initial-value:#a9a9a9 }
@property --text-faded { syntax:"<color>";inherits:false;initial-value:#999 }
@property --text-disabled { syntax:"<color>";inherits:false;initial-value:#ccc }
@property --toolbar-color { syntax:"<color>";inherits:false;initial-value:#f5f5f5 }
.view {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.view-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.view-container {
  display: flex;
  flex-grow: 1;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
.view-scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: absolute;
}
.view-content {
  padding: 0 20px;
}
.view-left-content {
  padding-right: 20px;
}
.view-right-content {
  padding-left: 20px;
}
.view-title {
  margin-top: 14px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 21px;
}
.view-headline {
  font-weight: 700;
  margin-bottom: 15px;
}
.view-toolbar {
  background-color: #f5f5f5;
  padding: 10px 20px;
  box-sizing: border-box;
}
.wcl-checkbox-container {
  display: inline-block;
}
.wcl-checkbox-container .wcl-checkbox input[type=checkbox] {
  opacity: 0;
  transform: translate(-3px, -2px);
}
.wcl-checkbox-container .wcl-checkbox .v-icon-checkmark {
  padding: 1px;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  font-size: 11px;
  font-weight: 600;
  color: transparent;
  transform: translateY(0);
  margin-right: 4px;
  height: 11px;
  cursor: default;
  position: absolute;
  left: 0;
  top: 0;
}
.wcl-checkbox-container .wcl-checkbox .outline {
  outline-offset: 2px;
}
.wcl-checkbox-container .wcl-checkbox .v-icon-checkmark.checked {
  color: #00b5e4;
}
.wcl-checkbox-container .wcl-checkbox.disabled,
.wcl-checkbox-container .wcl-checkbox.disabled .v-icon-checkmark.checked {
  color: #ccc;
}
.wcl-checkbox-container .wcl-checkbox.disabled .v-icon-checkmark {
  border-color: #d7d7d7;
}
.wcl-checkbox-container .wcl-checkbox .label {
  cursor: default;
}
.wcl-checkbox-container .wcl-checkbox-label {
  min-height: 19px;
  cursor: default;
}
wcl-context-bar .context-bar {
  color: #fff;
  background-color: #00b5e4;
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 20px;
  cursor: default;
}
wcl-context-bar .context-bar-title {
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
}
wcl-context-bar .context-bar-title.clickable {
  cursor: pointer;
}
wcl-context-bar .context-bar-subtitle {
  white-space: nowrap;
  font-size: 13px;
  margin: .5em 0 0 1em;
}
wcl-context-bar .context-bar-separator {
  display: block;
  width: 4px;
  min-width: 4px;
  margin: 0 1rem 0 2rem;
  background-color: #fff;
  height: 100%;
  transform: skew(-15deg, -15deg);
}
wcl-context-bar .context-bar-source {
  min-width: 120px;
}
wcl-context-bar .level-container {
  height: 100%;
}
wcl-context-bar wcl-child-selector .child-selector {
  position: relative;
  align-items: center;
  min-width: 120px;
}
wcl-context-bar wcl-child-selector .child-selector .v-icon {
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  transform: translateY(2px);
}
wcl-context-bar wcl-child-selector .child-selector td {
  max-width: 250px;
}
wcl-context-bar wcl-child-selector .child-selector td.last-cell {
  padding-right: 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content {
  max-height: 400px;
  background-color: #fff;
  border-color: rgba(0, 0, 0, .15);
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
  overflow: auto;
  position: absolute;
  white-space: nowrap;
  z-index: 800;
  top: 28px;
  right: 0;
  min-width: 150px;
  padding: 0 .7rem .7rem .7rem;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.hidden {
  visibility: hidden;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.left-aligned {
  right: inherit;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content .child-nav-dropdown-item {
  padding-top: .7rem;
  font-size: 16px;
  line-height: 24px;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content .child-nav-dropdown-item.is-active > .link {
  cursor: default;
  color: #464646;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table th {
  color: #000;
  padding-right: 10px;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table td {
  padding: 4px 15px 4px 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table td.right-align {
  text-align: right;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.table-view {
  padding-bottom: 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.table-view .child-nav-dropdown-item td {
  font-size: 14px;
}
wcl-context-bar wcl-child-selector .child-selector-title {
  color: #fff;
  margin: 4px 0 0 0;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
wcl-context-bar wcl-child-selector .child-selector-title.clickable {
  cursor: pointer;
}
wcl-context-bar wcl-child-selector .context-bar-row {
  display: flex;
  align-items: center;
}
wcl-context-bar wcl-child-selector caption {
  display: none;
}
wcl-context-bar .v-icon-edit {
  font-size: 20px;
  transform: translateX(14px);
  cursor: pointer;
}
.context-separator {
  height: 4px;
  background-color: #00b5e4;
}
wcl-data-view {
  display: contents;
}
wcl-data-view .wcl-data-view {
  display: inline-block;
  width: 300px;
}
wcl-data-view .title {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
  margin-bottom: 8px;
}
wcl-data-view .item {
  line-height: 22px;
}
wcl-data-view .label {
  color: #999;
}
wcl-data-view .value {
  text-align: right;
}
wcl-filter-select {
  display: contents;
}
.wcl-filter-select {
  display: inline-block;
  min-width: 140px;
  position: relative;
  cursor: default;
}
.wcl-filter-select .title {
  height: 28px;
  align-items: center;
}
.wcl-filter-select .title-text {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wcl-filter-select .v-icon-arrow-down-single,
.wcl-filter-select .v-icon-arrow-up-single {
  font-size: 16px;
  color: #00b5e4;
  margin-left: 4px;
}
.wcl-filter-select .options {
  z-index: 1;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  max-height: 320px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
.wcl-filter-select .options.right-align {
  left: inherit;
  right: 0;
}
.wcl-filter-select .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
}
.wcl-filter-select .separator {
  height: 1px;
  background-color: #a9a9a9;
  margin: 8px 0;
}
.wcl-filter-select .selected {
  font-weight: 600;
}
wcl-input {
  display: contents;
}
.wcl-input-container {
  display: inline-block;
  width: 140px;
}
.wcl-input-container * {
  box-sizing: border-box;
}
.wcl-input-container.wide {
  width: 300px;
}
.wcl-input {
  width: 100%;
  border: 1px solid #a9a9a9;
}
.wcl-input.disabled {
  border-color: #d7d7d7;
}
.wcl-input input {
  border-width: 0;
  outline: 0;
  width: 100%;
}
.wcl-input .unit {
  line-height: 26px;
  color: #999;
  padding-right: 5px;
  white-space: nowrap;
}
.wcl-input.disabled .unit {
  color: #ccc;
}
wcl-loader .loader.display-inline {
  display: inline-block;
  transform: translateY(2px);
  margin: 0 4px;
}
wcl-loader .loader.display-absolute,
wcl-loader .loader.display-fixed,
wcl-loader .loader.display-flex {
  background-color: rgba(255, 255, 255, .75);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
}
wcl-loader .loader.display-flex {
  flex-grow: 1;
}
wcl-loader .loader.display-absolute {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
wcl-loader .loader.display-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
wcl-loader .loader-spinner {
  font-size: 1em;
  line-height: 1em;
  width: 1em;
  height: 1em;
  animation-name: spin;
  animation-duration: .8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: relative;
}
wcl-loader .display-absolute .loader-spinner,
wcl-loader .display-fixed .loader-spinner,
wcl-loader .display-flex .loader-spinner {
  font-size: 40px;
  line-height: 40px;
  width: 40px;
  height: 40px;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.wcl-map-container {
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 200px;
  position: relative;
}
.ol-viewport .ol-zoom {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.ol-viewport .ol-zoom button {
  border: 1px solid #fff;
  background-color: #00b5e4;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  width: 30px;
  text-align: center;
  cursor: pointer;
  margin: 0;
}
.ol-viewport .ol-zoom button:focus,
.ol-viewport .ol-zoom button:hover {
  outline: 0;
  color: #fff;
}
.ol-asset-overlay {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 10px;
}
.ol-viewport .ol-scale-line {
  top: 20px;
  right: 20px;
  bottom: inherit;
  left: inherit;
  background-color: transparent;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner {
  border-width: 2px;
  border-right-width: 0;
  border-left-width: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::after,
.ol-viewport .ol-scale-line .ol-scale-line-inner::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 50%;
  bottom: 3px;
  background: #000;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::after {
  right: 3px;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::before {
  left: 3px;
}
.ol-zoom-reset {
  position: absolute;
  left: 20px;
  top: 100px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  background-color: #00b5e4;
  font-size: 18px;
  line-height: 1px;
  color: #fff;
}
.ol-zoom-reset .v-icon {
  transform: translate(5px, 5px);
}
wcl-multi-input {
  display: contents;
}
.wcl-multi-input {
  display: flex;
  flex-direction: row;
  cursor: default;
  width: 300px;
  box-sizing: border-box;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  padding: 2px 2px 0 2px;
}
.wcl-multi-input.outline {
  outline: auto;
  outline-color: #00b5e4;
}
.wcl-multi-input.outline input {
  outline: 0;
}
.wcl-multi-input.disabled {
  border-color: #d7d7d7;
}
.wcl-multi-input.disabled .multi-value-item {
  background-color: #ccc;
}
.wcl-multi-input.disabled .multi-value-item .v-icon {
  visibility: hidden;
}
.wcl-multi-input .multi-value-item {
  display: inline-block;
  color: #fff;
  background-color: #00b5e4;
  padding: 4px 3px;
  margin-bottom: 2px;
  margin-right: 4px;
  border-radius: 3px;
}
.wcl-multi-input .multi-value-item .value {
  margin-right: 4px;
  max-width: 278px;
}
.wcl-multi-input .multi-value-item .v-icon {
  font-size: 12px;
  cursor: pointer;
}
.wcl-multi-input input {
  border-width: 0;
  padding: 4px 2px;
  margin-bottom: 2px;
}
.wcl-multi-input input::-webkit-inner-spin-button,
.wcl-multi-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wcl-multi-input input[type=number] {
  -moz-appearance: textfield;
}
wcl-navigation-bar {
  display: block;
}
wcl-navigation-bar .navigation-bar-list {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
}
wcl-navigation-bar .navigation-bar-item {
  list-style-type: none;
  display: inline-block;
  font-size: 18px;
  line-height: 46px;
  margin-right: 80px;
  position: relative;
}
wcl-navigation-bar .navigation-bar-item a {
  text-decoration: none;
  color: #00b5e4;
}
wcl-navigation-bar .navigation-bar-item.is-active > a {
  color: inherit;
  cursor: default;
}
wcl-navigation-bar .navigation-bar-item.disabled > a {
  color: #ccc;
  cursor: default;
}
wcl-navigation-bar .navigation-bar-list.small .navigation-bar-item {
  font-size: 16px;
}
wcl-navigation-bar .navigation-bar-list.smaller .navigation-bar-item {
  font-size: 14px;
}
wcl-percentage-bar {
  display: block;
  width: 100%;
}
.wcl-percentage-bar .value-container {
  overflow: hidden;
}
.wcl-percentage-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
.wcl-percentage-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
.wcl-percentage-bar .value.disabled {
  color: #ccc;
}
.wcl-percentage-bar .value.small {
  font-weight: 500;
  font-size: 14px;
}
.wcl-percentage-bar .value.small .value-number {
  text-align: right;
  margin-right: 2px;
}
.wcl-percentage-bar .separator {
  width: 10px;
}
.wcl-percentage-bar .percentage-bar {
  background-color: #efefef;
  height: 32px;
  position: relative;
}
.wcl-percentage-bar .percentage-bar.low {
  margin-top: 14px;
  height: 18px;
}
.wcl-percentage-bar .percentage-bar.small {
  height: 16px;
}
.wcl-percentage-bar .percentage-bar-status {
  position: absolute;
  background-color: #ddd;
  height: 100%;
  width: 100%;
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
.wcl-percentage-bar .steps-container {
  height: 100%;
}
.wcl-percentage-bar .percentage-bar-step {
  position: absolute;
  width: 1px;
  background-color: #fff;
  top: 0;
  height: 100%;
}
.wcl-primary-bar {
  background-color: #444;
  width: 100%;
  height: 42px;
  color: #c2c2c2;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.wcl-primary-bar .primary-bar-left {
  background-color: #2f2f2f;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 28px;
  color: #fff;
  margin: 0;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-left .title-bold {
  font-weight: 700;
  cursor: pointer;
}
.wcl-primary-bar .primary-bar-left .title-thin {
  margin-left: 4px;
  font-weight: 400;
  cursor: pointer;
}
.wcl-primary-bar .primary-bar-center {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 100%;
}
.wcl-primary-bar .primary-bar-right {
  display: flex;
  flex-direction: row;
}
.wcl-primary-bar .primary-bar-powered-by-vestas {
  margin: 11px 0;
}
.wcl-primary-bar .primary-bar-tools {
  position: relative;
  margin: 0 0 0 20px;
}
.wcl-primary-bar .primary-bar-tools-list {
  position: absolute;
  z-index: 100;
  margin: 42px 0 0 0;
  padding: 0;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove {
  display: block !important;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add.ng-hide-add-active,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove {
  max-height: 0;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove.ng-hide-remove-active {
  max-height: 500px;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-tools-item {
  margin: 0;
  line-height: 40px;
  padding: 0 15px;
  width: 240px;
  box-sizing: border-box;
  list-style-type: none;
  background-color: #444;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.wcl-primary-bar .primary-bar-tools-item.top-item {
  border-width: 0 1px 0 1px;
  border-color: #000;
  border-style: solid;
  line-height: 42px;
}
.wcl-primary-bar .primary-bar-tools-item.is-active > a {
  color: #c2c2c2;
}
.wcl-primary-bar .primary-bar-tools-item > a {
  margin: 0 -15px;
  padding: 0 15px;
  display: block;
}
.wcl-primary-bar .primary-bar-tools-item .v-icon {
  font-size: 18px;
  transform: translateY(0);
}
.wcl-primary-bar .curtain-item {
  border-width: 1px 1px 0 1px;
  border-color: #000;
  border-style: solid;
}
.wcl-primary-bar .primary-bar-tools-item .v-icon.v-icon-logout {
  line-height: 0;
  font-size: 17pt;
  transform: translateY(8px) translateX(2px);
  color: #fff;
}
.wcl-primary-bar .link {
  color: #00b5e4;
}
.wcl-primary-bar svg {
  transform: translateY(10px);
}
wcl-radio {
  display: inline-block;
  cursor: default;
}
wcl-radio .wcl-radio {
  position: relative;
}
wcl-radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-4px, -2px);
  opacity: 0;
}
wcl-radio .inner.outlined .radio-icon {
  outline: auto;
  outline-offset: 1px;
  outline-color: #00b5e4;
}
wcl-radio .radio-icon {
  margin-right: 4px;
  border-radius: 6px;
}
wcl-radio .v-icon {
  cursor: default;
}
wcl-radio .v-icon-circle-hollow {
  font-size: 15px;
  color: #a9a9a9;
  position: relative;
}
wcl-radio .v-icon-circle-filled {
  position: absolute;
  color: #fff;
  font-size: 11px;
  left: 2px;
  transform: translateY(2px);
}
wcl-radio .checked .v-icon {
  color: #00b5e4;
}
wcl-radio .disabled,
wcl-radio .disabled .v-icon-circle-hollow,
wcl-radio .disabled.checked .v-icon {
  color: #ccc;
}
wcl-select {
  display: contents;
}
.wcl-select {
  display: inline-block;
}
.wcl-select .focus-catch {
  position: relative;
  height: 0;
  width: 0;
  overflow: hidden;
}
.wcl-select .select {
  position: relative;
  cursor: default;
}
.wcl-select .select.outline {
  outline: 0;
}
.wcl-select .select.outline .input-text {
  outline: auto;
  outline-color: #00b5e4;
}
.wcl-select .input {
  position: relative;
}
.wcl-select .input-text {
  box-sizing: border-box;
  width: 140px;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  padding: 6px 20px 5px 6px;
}
.wcl-select .input-text.multiline {
  padding: 4px 20px 4px 6px;
}
.wcl-select .disabled .input-text {
  border-color: #d7d7d7;
}
.wcl-select .input-text-inner {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wcl-select .input-text-inner.placeholder {
  color: #ccc;
}
.wcl-select .input-text-multiline-inner {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% - 2px);
  min-height: 15px;
}
.wcl-select .select-item {
  display: inline-block;
  margin: 2px 5px 1px 0;
  padding: 0 2px;
  white-space: nowrap;
  background-color: #b6eaf7;
  line-height: 15px;
}
.wcl-select .empty-select-item {
  display: inline-block;
  margin: 2px 5px 1px 0;
  line-height: 15px;
}
.wcl-select .disabled .input-text-inner {
  color: #ccc;
}
.wcl-select .disabled .select-item {
  background-color: #f2f2f2;
  color: #aaa;
}
.wcl-select .v-icon-arrow-down-single,
.wcl-select .v-icon-arrow-up-single {
  position: absolute;
  font-size: 16px;
  color: #00b5e4;
  right: 6px;
  top: 7px;
  width: 16px;
  height: 16px;
}
.wcl-select .disabled .v-icon-arrow-down-single,
.wcl-select .disabled .v-icon-arrow-up-single {
  color: #ccc;
}
.wcl-select .options {
  box-sizing: border-box;
  min-width: 140px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
.wcl-select .options-multiple {
  padding: 2px 15px 8px 12px;
}
.wcl-select .options-multiple .option-text {
  padding-top: 2px;
  padding-left: 2px;
}
.wcl-select .options-inner-container {
  overflow-y: auto;
  max-height: 320px;
}
.wcl-select .select-all-checkbox {
  padding-top: 2px;
  padding-left: 2px;
}
.wcl-select .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
}
.wcl-select .option .option-text.outline {
  outline: auto;
  outline-offset: 4px;
  outline-color: #00b5e4;
}
.wcl-select .option .selected {
  font-weight: 600;
}
.wcl-select .option .option-text {
  max-width: 700px;
}
.wcl-select .option .icon-badge {
  font-size: 20px;
  margin-right: 5px;
}
.wcl-select .options.has-categories .option {
  padding-left: 10px;
}
.wcl-select .options table {
  border-spacing: 0;
  max-width: 700px;
}
.wcl-select .options table td {
  padding-right: 10px;
}
.wcl-select .options table td.option-text {
  max-width: 300px;
}
.wcl-select .options table tr.disabled td {
  color: #ccc;
}
.wcl-select .options table .radio-col {
  padding-right: 0;
  padding-top: 5px;
}
.wcl-select .options.has-categories table tr.option td:nth-child(1) {
  padding-left: 10px;
}
.wcl-select .category {
  font-weight: 600;
  padding: 6px 0 10px 0;
  margin-top: 2px;
  border-bottom: 1px solid #ddd;
}
.wcl-select .separator {
  height: 1px;
  background-color: #a9a9a9;
  margin: 4px 0 6px 0;
}
.wcl-select .disabled {
  border-color: #d7d7d7;
  color: #d7d7d7;
}
.wcl-select .disabled .v-icon {
  color: #d7d7d7;
  cursor: default;
}
.wcl-select .query-container {
  position: relative;
  margin-bottom: 2px;
}
.wcl-select .query-container.no-select-all {
  margin-top: 5px;
}
.wcl-select .query-container input {
  width: 100%;
}
.wcl-select .query-container .v-icon-cancel {
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 8px;
}
.wcl-select.wide .input-text {
  width: 300px;
}
.wcl-select.wide .options {
  min-width: 300px;
}
wcl-type-ahead {
  display: contents;
}
wcl-type-ahead .wcl-type-ahead {
  display: inline-block;
  width: 140px;
}
wcl-type-ahead .wcl-type-ahead .input.wide,
wcl-type-ahead .wcl-type-ahead input {
  width: 100%;
}
wcl-type-ahead .wcl-type-ahead .input {
  z-index: 0;
}
wcl-type-ahead .wcl-type-ahead .options {
  box-sizing: border-box;
  min-width: 140px;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  max-height: 320px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
wcl-type-ahead .wcl-type-ahead .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
  cursor: pointer;
}
wcl-type-ahead .wcl-type-ahead .option .disabled {
  color: #ccc;
}
wcl-type-ahead .wcl-type-ahead .option .selected {
  font-weight: 600;
}
wcl-type-ahead .wcl-type-ahead .more-options {
  font-size: 13px;
  font-weight: 600;
}
wcl-type-ahead .wcl-type-ahead.wide {
  width: 300px;
}
wcl-type-ahead .wcl-type-ahead.wide .options {
  min-width: 300px;
}
wcl-value-output {
  display: block;
}
wcl-value-output .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-value-output .value-container {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
}
wcl-value-output .value-container.disabled {
  color: #ccc;
}
wcl-time-picker {
  display: contents;
}
.wcl-time-picker {
  display: inline-block;
  width: 140px;
}
.wcl-time-picker .clock {
  padding-top: 5px;
  padding-left: 5px;
  right: 0;
  width: 25px;
  height: 24px;
  top: 0;
}
.wcl-time-picker .clock .v-icon {
  font-size: 18px;
}
.wcl-time-picker.disabled .clock {
  cursor: default;
}
.wcl-time-picker.disabled .clock .v-icon {
  color: #ccc;
}
.wcl-time-picker .selector {
  position: fixed;
  top: 27px;
  left: 0;
  width: 138px;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
  z-index: 2;
}
.wcl-time-picker .hours {
  height: 242px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.wcl-time-picker .minutes {
  height: 242px;
  overflow-x: hidden;
  overflow-y: auto;
}
.wcl-time-picker .hour,
.wcl-time-picker .minute {
  padding: 6px 18px;
}
.wcl-time-picker .hour.selected,
.wcl-time-picker .minute.selected {
  color: #000;
  font-weight: 600;
}
.wcl-time-picker .header {
  padding: 10px 18px 6px 18px;
  font-weight: 600;
}
wcl-range-bar {
  display: block;
  width: 100%;
}
wcl-range-bar .value-container {
  overflow: hidden;
}
wcl-range-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-range-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
wcl-range-bar .value.disabled {
  color: #ccc;
}
wcl-range-bar .separator {
  width: 10px;
}
wcl-range-bar .range-bar {
  height: 32px;
  position: relative;
}
wcl-range-bar .first-quarter,
wcl-range-bar .last-quarter,
wcl-range-bar .max-val,
wcl-range-bar .median,
wcl-range-bar .min-val {
  position: absolute;
  font-style: normal;
  font-size: 12px;
  color: #999;
  top: 0;
}
wcl-range-bar .min-val {
  left: 0;
}
wcl-range-bar .max-val {
  right: 0;
}
wcl-range-bar .median {
  visibility: hidden;
  left: 50%;
}
wcl-range-bar .first-quarter {
  visibility: hidden;
  left: 25%;
}
wcl-range-bar .last-quarter {
  visibility: hidden;
  left: 75%;
}
wcl-range-bar .range-bar-background {
  position: absolute;
  background-color: #efefef;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-range-bar .range-bar-status {
  position: absolute;
  background-color: #ddd;
  margin-top: 14px;
  height: 18px;
}
wcl-range-bar .range-bar-status.bar-value {
  width: 100%;
}
wcl-range-bar .range-bar-status.tick-value {
  width: 4px;
}
wcl-range-bar .no-labels .range-bar-background,
wcl-range-bar .no-labels .range-bar-status {
  margin-top: 0;
  height: 32px;
}
wcl-range-bar .bar-value {
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
wcl-range-bar .tick-value {
  -webkit-transition: left .4s ease;
  -moz-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease;
}
wcl-range-bar .range-bar-step {
  position: absolute;
  width: 1px;
  background-color: #fff;
  top: 0;
  height: 100%;
}
wcl-split-range-bar {
  display: block;
  width: 100%;
}
wcl-split-range-bar .value-container {
  overflow: hidden;
}
wcl-split-range-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-split-range-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
wcl-split-range-bar .value.disabled {
  color: #ccc;
}
wcl-split-range-bar .separator {
  width: 10px;
  font-style: normal;
  font-size: 12px;
  color: #999;
  text-align: center;
}
wcl-split-range-bar .range-bar {
  height: 32px;
  position: relative;
}
wcl-split-range-bar .max-val,
wcl-split-range-bar .median,
wcl-split-range-bar .min-val {
  position: absolute;
  font-style: normal;
  font-size: 12px;
  color: #999;
  top: 0;
}
wcl-split-range-bar .min-val {
  left: 0;
}
wcl-split-range-bar .max-val {
  right: 0;
}
wcl-split-range-bar .median {
  visibility: hidden;
  left: 50%;
}
wcl-split-range-bar .range-bar-background {
  position: absolute;
  background-color: #efefef;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-split-range-bar .range-bar-status {
  position: absolute;
  background-color: #ddd;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-split-range-bar .range-bar-background,
wcl-split-range-bar .range-bar-status {
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
wcl-split-range-bar .tick {
  position: absolute;
  left: 0;
  width: 4px;
  background-color: #ddd;
  top: 14px;
  height: 18px;
}
wcl-split-range-bar .no-labels .range-bar-background,
wcl-split-range-bar .no-labels .range-bar-status {
  margin-top: 0;
  height: 32px;
}
wcl-split-range-bar .no-labels .tick {
  top: 0;
  height: 32px;
}
wcl-date-picker {
  position: relative;
  display: inline-block;
}
wcl-date-picker .wcl-datepicker-content {
  margin-top: -1px;
  position: fixed;
  padding: .75rem;
  border-width: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
wcl-date-picker .wcl-datepicker-input {
  position: relative;
}
wcl-date-picker .wcl-datepicker-input .v-icon {
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}
wcl-date-picker .wcl-datepicker-input.disabled .v-icon {
  cursor: default;
  color: #ccc;
}
wcl-date-picker .wcl-datepicker-month-year {
  text-align: center;
}
wcl-date-picker .wcl-datepicker-month-next,
wcl-date-picker .wcl-datepicker-month-prev,
wcl-date-picker .wcl-month-picker-year-next,
wcl-date-picker .wcl-month-picker-year-prev {
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  display: block;
}
wcl-date-picker .wcl-datepicker-month-next:hover,
wcl-date-picker .wcl-datepicker-month-prev:hover,
wcl-date-picker .wcl-month-picker-year-next:hover,
wcl-date-picker .wcl-month-picker-year-prev:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-datepicker-table th {
  padding: 4px;
}
wcl-date-picker .wcl-datepicker-table td {
  padding: 2px;
}
wcl-date-picker .wcl-datepicker-date {
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 30px;
}
wcl-date-picker .wcl-datepicker-date:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-datepicker-date.next,
wcl-date-picker .wcl-datepicker-date.prev {
  color: #999;
}
wcl-date-picker .wcl-datepicker-date.today {
  border-color: #00b5e4;
}
wcl-date-picker .wcl-datepicker-date.current {
  background-color: #00b5e4;
}
wcl-date-picker .wcl-datepicker-date.disabled {
  color: #ccc;
}
wcl-date-picker .wcl-datepicker-date.disabled:hover {
  cursor: default;
  background-color: inherit;
}
wcl-date-picker .wcl-month-picker-table th {
  padding-bottom: 10px;
}
wcl-date-picker .wcl-month-picker-table td {
  padding: 5px 2px;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month {
  border-color: transparent;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 40px;
  font-size: 16px;
  padding: 2px 0;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.current {
  border-color: #00b5e4;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.selected {
  background-color: #00b5e4;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.disabled {
  color: #ccc;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.disabled:hover {
  cursor: default;
  background-color: inherit;
}
.wcl-toggle-container {
  display: inline-block;
}
.wcl-toggle-container .wcl-toggle input[type=checkbox] {
  opacity: 0;
  transform: translate(-3px, -2px);
}
.wcl-toggle-container .wcl-toggle-outer {
  position: relative;
  width: 26px;
  height: 15px;
  border-radius: 7.5px;
  border: 1px solid #00b5e4;
  background-color: #fff;
  margin-right: 5px;
}
.wcl-toggle-container .wcl-toggle-inner {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 5.5px;
  top: 1px;
  left: 1px;
  border: 1px solid #00b5e4;
  background-color: #fff;
}
.wcl-toggle-container .wcl-toggle.checked .wcl-toggle-outer {
  background-color: #00b5e4;
}
.wcl-toggle-container .wcl-toggle.checked .wcl-toggle-inner {
  left: inherit;
  right: 1px;
  border-color: #fff;
}
.wcl-toggle-container .wcl-toggle.disabled .wcl-toggle-outer {
  border-color: #ccc;
  background-color: #fff;
}
.wcl-toggle-container .wcl-toggle.disabled .wcl-toggle-inner {
  border-color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled.checked .wcl-toggle-outer {
  background-color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled.checked .wcl-toggle-inner {
  border-color: #fff;
}
.wcl-toggle-container .wcl-toggle .outline {
  outline-offset: 1px;
}
.wcl-toggle-container .wcl-toggle .v-icon-checkmark.checked {
  color: #00b5e4;
}
.wcl-toggle-container .wcl-toggle.disabled,
.wcl-toggle-container .wcl-toggle.disabled .v-icon-checkmark.checked {
  color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled .v-icon-checkmark {
  border-color: #d7d7d7;
}
.wcl-toggle-container .wcl-toggle-label,
.wcl-toggle-container .wcl-toggle-on-off-label {
  cursor: default;
}
wcl-item-selector {
  display: inline-block;
}
wcl-item-selector .wcl-item-selector-container {
  position: relative;
}
wcl-item-selector .wcl-item-selector-options {
  position: absolute;
  top: 22px;
  left: 0;
  padding: 10px 10px 0 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
  z-index: 2;
  width: 180px;
}
wcl-item-selector .wcl-item-selector-options .item {
  margin-bottom: 10px;
}
wcl-item-selector .v-icon {
  font-size: 18px;
}
body,
html {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  font-family:
    VestasSans,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.link,
a {
  cursor: pointer;
  text-decoration: none;
  color: #00b5e4;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alert-danger {
  background-color: #f2dede;
  border: 1px solid #ce838f;
  color: #a94442;
  padding: 15px;
}
.alert-warning {
  background-color: #fcf8e3;
  border: 1px solid #f0c670;
  color: #8a6d3b;
  padding: 15px;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  padding: 15px;
}
.blue {
  color: #00b5e4;
}
.white-bg {
  background-color: #fff;
}
.m5 {
  margin-bottom: 5px;
}
.m10 {
  margin-bottom: 10px;
}
.m15 {
  margin-bottom: 15px;
}
.m20 {
  margin-bottom: 20px;
}
.m30 {
  margin-bottom: 30px;
}
.m40 {
  margin-bottom: 40px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
:focus {
  outline-color: #00b5e4;
}
.outline {
  outline: auto;
  outline-color: #00b5e4;
}
.val-error {
  padding: 2px 0 6px 0;
  font-size: 12px;
  color: #d90911;
}
.wcl-checkbox-container {
  display: inline-block;
}
.wcl-checkbox-container .wcl-checkbox input[type=checkbox] {
  opacity: 0;
  transform: translate(-3px, -2px);
}
.wcl-checkbox-container .wcl-checkbox .v-icon-checkmark {
  padding: 1px;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  font-size: 11px;
  font-weight: 600;
  color: transparent;
  transform: translateY(0);
  margin-right: 4px;
  height: 11px;
  cursor: default;
  position: absolute;
  left: 0;
  top: 0;
}
.wcl-checkbox-container .wcl-checkbox .outline {
  outline-offset: 2px;
}
.wcl-checkbox-container .wcl-checkbox .v-icon-checkmark.checked {
  color: #00b5e4;
}
.wcl-checkbox-container .wcl-checkbox.disabled,
.wcl-checkbox-container .wcl-checkbox.disabled .v-icon-checkmark.checked {
  color: #ccc;
}
.wcl-checkbox-container .wcl-checkbox.disabled .v-icon-checkmark {
  border-color: #d7d7d7;
}
.wcl-checkbox-container .wcl-checkbox .label {
  cursor: default;
}
.wcl-checkbox-container .wcl-checkbox-label {
  min-height: 19px;
  cursor: default;
}
wcl-context-bar .context-bar {
  color: #fff;
  background-color: #00b5e4;
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 20px;
  cursor: default;
}
wcl-context-bar .context-bar-title {
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
}
wcl-context-bar .context-bar-title.clickable {
  cursor: pointer;
}
wcl-context-bar .context-bar-subtitle {
  white-space: nowrap;
  font-size: 13px;
  margin: .5em 0 0 1em;
}
wcl-context-bar .context-bar-separator {
  display: block;
  width: 4px;
  min-width: 4px;
  margin: 0 1rem 0 2rem;
  background-color: #fff;
  height: 100%;
  transform: skew(-15deg, -15deg);
}
wcl-context-bar .context-bar-source {
  min-width: 120px;
}
wcl-context-bar .level-container {
  height: 100%;
}
wcl-context-bar wcl-child-selector .child-selector {
  position: relative;
  align-items: center;
  min-width: 120px;
}
wcl-context-bar wcl-child-selector .child-selector .v-icon {
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  transform: translateY(2px);
}
wcl-context-bar wcl-child-selector .child-selector td {
  max-width: 250px;
}
wcl-context-bar wcl-child-selector .child-selector td.last-cell {
  padding-right: 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content {
  max-height: 400px;
  background-color: #fff;
  border-color: rgba(0, 0, 0, .15);
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
  overflow: auto;
  position: absolute;
  white-space: nowrap;
  z-index: 800;
  top: 28px;
  right: 0;
  min-width: 150px;
  padding: 0 .7rem .7rem .7rem;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.hidden {
  visibility: hidden;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.left-aligned {
  right: inherit;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content .child-nav-dropdown-item {
  padding-top: .7rem;
  font-size: 16px;
  line-height: 24px;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content .child-nav-dropdown-item.is-active > .link {
  cursor: default;
  color: #464646;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table th {
  color: #000;
  padding-right: 10px;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table td {
  padding: 4px 15px 4px 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content table td.right-align {
  text-align: right;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.table-view {
  padding-bottom: 0;
}
wcl-context-bar wcl-child-selector .child-nav-dropdown-content.table-view .child-nav-dropdown-item td {
  font-size: 14px;
}
wcl-context-bar wcl-child-selector .child-selector-title {
  color: #fff;
  margin: 4px 0 0 0;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
wcl-context-bar wcl-child-selector .child-selector-title.clickable {
  cursor: pointer;
}
wcl-context-bar wcl-child-selector .context-bar-row {
  display: flex;
  align-items: center;
}
wcl-context-bar wcl-child-selector caption {
  display: none;
}
wcl-context-bar .v-icon-edit {
  font-size: 20px;
  transform: translateX(14px);
  cursor: pointer;
}
.context-separator {
  height: 4px;
  background-color: #00b5e4;
}
wcl-data-view {
  display: contents;
}
wcl-data-view .wcl-data-view {
  display: inline-block;
  width: 300px;
}
wcl-data-view .title {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
  margin-bottom: 8px;
}
wcl-data-view .item {
  line-height: 22px;
}
wcl-data-view .label {
  color: #999;
}
wcl-data-view .value {
  text-align: right;
}
wcl-filter-select {
  display: contents;
}
.wcl-filter-select {
  display: inline-block;
  min-width: 140px;
  position: relative;
  cursor: default;
}
.wcl-filter-select .title {
  height: 28px;
  align-items: center;
}
.wcl-filter-select .title-text {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wcl-filter-select .v-icon-arrow-down-single,
.wcl-filter-select .v-icon-arrow-up-single {
  font-size: 16px;
  color: #00b5e4;
  margin-left: 4px;
}
.wcl-filter-select .options {
  z-index: 1;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  max-height: 320px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
.wcl-filter-select .options.right-align {
  left: inherit;
  right: 0;
}
.wcl-filter-select .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
}
.wcl-filter-select .separator {
  height: 1px;
  background-color: #a9a9a9;
  margin: 8px 0;
}
.wcl-filter-select .selected {
  font-weight: 600;
}
wcl-input {
  display: contents;
}
.wcl-input-container {
  display: inline-block;
  width: 140px;
}
.wcl-input-container * {
  box-sizing: border-box;
}
.wcl-input-container.wide {
  width: 300px;
}
.wcl-input {
  width: 100%;
  border: 1px solid #a9a9a9;
}
.wcl-input.disabled {
  border-color: #d7d7d7;
}
.wcl-input input {
  border-width: 0;
  outline: 0;
  width: 100%;
}
.wcl-input .unit {
  line-height: 26px;
  color: #999;
  padding-right: 5px;
  white-space: nowrap;
}
.wcl-input.disabled .unit {
  color: #ccc;
}
wcl-loader .loader.display-inline {
  display: inline-block;
  transform: translateY(2px);
  margin: 0 4px;
}
wcl-loader .loader.display-absolute,
wcl-loader .loader.display-fixed,
wcl-loader .loader.display-flex {
  background-color: rgba(255, 255, 255, .75);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
}
wcl-loader .loader.display-flex {
  flex-grow: 1;
}
wcl-loader .loader.display-absolute {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
wcl-loader .loader.display-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
wcl-loader .loader-spinner {
  font-size: 1em;
  line-height: 1em;
  width: 1em;
  height: 1em;
  animation-name: spin;
  animation-duration: .8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: relative;
}
wcl-loader .display-absolute .loader-spinner,
wcl-loader .display-fixed .loader-spinner,
wcl-loader .display-flex .loader-spinner {
  font-size: 40px;
  line-height: 40px;
  width: 40px;
  height: 40px;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.wcl-map-container {
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 200px;
  position: relative;
}
.ol-viewport .ol-zoom {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.ol-viewport .ol-zoom button {
  border: 1px solid #fff;
  background-color: #00b5e4;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  width: 30px;
  text-align: center;
  cursor: pointer;
  margin: 0;
}
.ol-viewport .ol-zoom button:focus,
.ol-viewport .ol-zoom button:hover {
  outline: 0;
  color: #fff;
}
.ol-asset-overlay {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 10px;
}
.ol-viewport .ol-scale-line {
  top: 20px;
  right: 20px;
  bottom: inherit;
  left: inherit;
  background-color: transparent;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner {
  border-width: 2px;
  border-right-width: 0;
  border-left-width: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::after,
.ol-viewport .ol-scale-line .ol-scale-line-inner::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 50%;
  bottom: 3px;
  background: #000;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::after {
  right: 3px;
}
.ol-viewport .ol-scale-line .ol-scale-line-inner::before {
  left: 3px;
}
.ol-zoom-reset {
  position: absolute;
  left: 20px;
  top: 100px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  background-color: #00b5e4;
  font-size: 18px;
  line-height: 1px;
  color: #fff;
}
.ol-zoom-reset .v-icon {
  transform: translate(5px, 5px);
}
wcl-multi-input {
  display: contents;
}
.wcl-multi-input {
  display: flex;
  flex-direction: row;
  cursor: default;
  width: 300px;
  box-sizing: border-box;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  padding: 2px 2px 0 2px;
}
.wcl-multi-input.outline {
  outline: auto;
  outline-color: #00b5e4;
}
.wcl-multi-input.outline input {
  outline: 0;
}
.wcl-multi-input.disabled {
  border-color: #d7d7d7;
}
.wcl-multi-input.disabled .multi-value-item {
  background-color: #ccc;
}
.wcl-multi-input.disabled .multi-value-item .v-icon {
  visibility: hidden;
}
.wcl-multi-input .multi-value-item {
  display: inline-block;
  color: #fff;
  background-color: #00b5e4;
  padding: 4px 3px;
  margin-bottom: 2px;
  margin-right: 4px;
  border-radius: 3px;
}
.wcl-multi-input .multi-value-item .value {
  margin-right: 4px;
  max-width: 278px;
}
.wcl-multi-input .multi-value-item .v-icon {
  font-size: 12px;
  cursor: pointer;
}
.wcl-multi-input input {
  border-width: 0;
  padding: 4px 2px;
  margin-bottom: 2px;
}
.wcl-multi-input input::-webkit-inner-spin-button,
.wcl-multi-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wcl-multi-input input[type=number] {
  -moz-appearance: textfield;
}
wcl-navigation-bar {
  display: block;
}
wcl-navigation-bar .navigation-bar-list {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
}
wcl-navigation-bar .navigation-bar-item {
  list-style-type: none;
  display: inline-block;
  font-size: 18px;
  line-height: 46px;
  margin-right: 80px;
  position: relative;
}
wcl-navigation-bar .navigation-bar-item a {
  text-decoration: none;
  color: #00b5e4;
}
wcl-navigation-bar .navigation-bar-item.is-active > a {
  color: inherit;
  cursor: default;
}
wcl-navigation-bar .navigation-bar-item.disabled > a {
  color: #ccc;
  cursor: default;
}
wcl-navigation-bar .navigation-bar-list.small .navigation-bar-item {
  font-size: 16px;
}
wcl-navigation-bar .navigation-bar-list.smaller .navigation-bar-item {
  font-size: 14px;
}
wcl-percentage-bar {
  display: block;
  width: 100%;
}
.wcl-percentage-bar .value-container {
  overflow: hidden;
}
.wcl-percentage-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
.wcl-percentage-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
.wcl-percentage-bar .value.disabled {
  color: #ccc;
}
.wcl-percentage-bar .value.small {
  font-weight: 500;
  font-size: 14px;
}
.wcl-percentage-bar .value.small .value-number {
  text-align: right;
  margin-right: 2px;
}
.wcl-percentage-bar .separator {
  width: 10px;
}
.wcl-percentage-bar .percentage-bar {
  background-color: #efefef;
  height: 32px;
  position: relative;
}
.wcl-percentage-bar .percentage-bar.low {
  margin-top: 14px;
  height: 18px;
}
.wcl-percentage-bar .percentage-bar.small {
  height: 16px;
}
.wcl-percentage-bar .percentage-bar-status {
  position: absolute;
  background-color: #ddd;
  height: 100%;
  width: 100%;
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
.wcl-percentage-bar .steps-container {
  height: 100%;
}
.wcl-percentage-bar .percentage-bar-step {
  position: absolute;
  width: 1px;
  background-color: #fff;
  top: 0;
  height: 100%;
}
.wcl-primary-bar {
  background-color: #444;
  width: 100%;
  height: 42px;
  color: #c2c2c2;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.wcl-primary-bar .primary-bar-left {
  background-color: #2f2f2f;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 28px;
  color: #fff;
  margin: 0;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-left .title-bold {
  font-weight: 700;
  cursor: pointer;
}
.wcl-primary-bar .primary-bar-left .title-thin {
  margin-left: 4px;
  font-weight: 400;
  cursor: pointer;
}
.wcl-primary-bar .primary-bar-center {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 100%;
}
.wcl-primary-bar .primary-bar-right {
  display: flex;
  flex-direction: row;
}
.wcl-primary-bar .primary-bar-powered-by-vestas {
  margin: 11px 0;
}
.wcl-primary-bar .primary-bar-tools {
  position: relative;
  margin: 0 0 0 20px;
}
.wcl-primary-bar .primary-bar-tools-list {
  position: absolute;
  z-index: 100;
  margin: 42px 0 0 0;
  padding: 0;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove {
  display: block !important;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add.ng-hide-add-active,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove {
  max-height: 0;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-tools-list.ng-hide-add,
.wcl-primary-bar .primary-bar-tools-list.ng-hide-remove.ng-hide-remove-active {
  max-height: 500px;
  overflow: hidden;
}
.wcl-primary-bar .primary-bar-tools-item {
  margin: 0;
  line-height: 40px;
  padding: 0 15px;
  width: 240px;
  box-sizing: border-box;
  list-style-type: none;
  background-color: #444;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.wcl-primary-bar .primary-bar-tools-item.top-item {
  border-width: 0 1px 0 1px;
  border-color: #000;
  border-style: solid;
  line-height: 42px;
}
.wcl-primary-bar .primary-bar-tools-item.is-active > a {
  color: #c2c2c2;
}
.wcl-primary-bar .primary-bar-tools-item > a {
  margin: 0 -15px;
  padding: 0 15px;
  display: block;
}
.wcl-primary-bar .primary-bar-tools-item .v-icon {
  font-size: 18px;
  transform: translateY(0);
}
.wcl-primary-bar .curtain-item {
  border-width: 1px 1px 0 1px;
  border-color: #000;
  border-style: solid;
}
.wcl-primary-bar .primary-bar-tools-item .v-icon.v-icon-logout {
  line-height: 0;
  font-size: 17pt;
  transform: translateY(8px) translateX(2px);
  color: #fff;
}
.wcl-primary-bar .link {
  color: #00b5e4;
}
.wcl-primary-bar svg {
  transform: translateY(10px);
}
wcl-radio {
  display: inline-block;
  cursor: default;
}
wcl-radio .wcl-radio {
  position: relative;
}
wcl-radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-4px, -2px);
  opacity: 0;
}
wcl-radio .inner.outlined .radio-icon {
  outline: auto;
  outline-offset: 1px;
  outline-color: #00b5e4;
}
wcl-radio .radio-icon {
  margin-right: 4px;
  border-radius: 6px;
}
wcl-radio .v-icon {
  cursor: default;
}
wcl-radio .v-icon-circle-hollow {
  font-size: 15px;
  color: #a9a9a9;
  position: relative;
}
wcl-radio .v-icon-circle-filled {
  position: absolute;
  color: #fff;
  font-size: 11px;
  left: 2px;
  transform: translateY(2px);
}
wcl-radio .checked .v-icon {
  color: #00b5e4;
}
wcl-radio .disabled,
wcl-radio .disabled .v-icon-circle-hollow,
wcl-radio .disabled.checked .v-icon {
  color: #ccc;
}
wcl-select {
  display: contents;
}
.wcl-select {
  display: inline-block;
}
.wcl-select .focus-catch {
  position: relative;
  height: 0;
  width: 0;
  overflow: hidden;
}
.wcl-select .select {
  position: relative;
  cursor: default;
}
.wcl-select .select.outline {
  outline: 0;
}
.wcl-select .select.outline .input-text {
  outline: auto;
  outline-color: #00b5e4;
}
.wcl-select .input {
  position: relative;
}
.wcl-select .input-text {
  box-sizing: border-box;
  width: 140px;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  padding: 6px 20px 5px 6px;
}
.wcl-select .input-text.multiline {
  padding: 4px 20px 4px 6px;
}
.wcl-select .disabled .input-text {
  border-color: #d7d7d7;
}
.wcl-select .input-text-inner {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wcl-select .input-text-inner.placeholder {
  color: #ccc;
}
.wcl-select .input-text-multiline-inner {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% - 2px);
  min-height: 15px;
}
.wcl-select .select-item {
  display: inline-block;
  margin: 2px 5px 1px 0;
  padding: 0 2px;
  white-space: nowrap;
  background-color: #b6eaf7;
  line-height: 15px;
}
.wcl-select .empty-select-item {
  display: inline-block;
  margin: 2px 5px 1px 0;
  line-height: 15px;
}
.wcl-select .disabled .input-text-inner {
  color: #ccc;
}
.wcl-select .disabled .select-item {
  background-color: #f2f2f2;
  color: #aaa;
}
.wcl-select .v-icon-arrow-down-single,
.wcl-select .v-icon-arrow-up-single {
  position: absolute;
  font-size: 16px;
  color: #00b5e4;
  right: 6px;
  top: 7px;
  width: 16px;
  height: 16px;
}
.wcl-select .disabled .v-icon-arrow-down-single,
.wcl-select .disabled .v-icon-arrow-up-single {
  color: #ccc;
}
.wcl-select .options {
  box-sizing: border-box;
  min-width: 140px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
.wcl-select .options-multiple {
  padding: 2px 15px 8px 12px;
}
.wcl-select .options-multiple .option-text {
  padding-top: 2px;
  padding-left: 2px;
}
.wcl-select .options-inner-container {
  overflow-y: auto;
  max-height: 320px;
}
.wcl-select .select-all-checkbox {
  padding-top: 2px;
  padding-left: 2px;
}
.wcl-select .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
}
.wcl-select .option .option-text.outline {
  outline: auto;
  outline-offset: 4px;
  outline-color: #00b5e4;
}
.wcl-select .option .selected {
  font-weight: 600;
}
.wcl-select .option .option-text {
  max-width: 700px;
}
.wcl-select .option .icon-badge {
  font-size: 20px;
  margin-right: 5px;
}
.wcl-select .options.has-categories .option {
  padding-left: 10px;
}
.wcl-select .options table {
  border-spacing: 0;
  max-width: 700px;
}
.wcl-select .options table td {
  padding-right: 10px;
}
.wcl-select .options table td.option-text {
  max-width: 300px;
}
.wcl-select .options table tr.disabled td {
  color: #ccc;
}
.wcl-select .options table .radio-col {
  padding-right: 0;
  padding-top: 5px;
}
.wcl-select .options.has-categories table tr.option td:nth-child(1) {
  padding-left: 10px;
}
.wcl-select .category {
  font-weight: 600;
  padding: 6px 0 10px 0;
  margin-top: 2px;
  border-bottom: 1px solid #ddd;
}
.wcl-select .separator {
  height: 1px;
  background-color: #a9a9a9;
  margin: 4px 0 6px 0;
}
.wcl-select .disabled {
  border-color: #d7d7d7;
  color: #d7d7d7;
}
.wcl-select .disabled .v-icon {
  color: #d7d7d7;
  cursor: default;
}
.wcl-select .query-container {
  position: relative;
  margin-bottom: 2px;
}
.wcl-select .query-container.no-select-all {
  margin-top: 5px;
}
.wcl-select .query-container input {
  width: 100%;
}
.wcl-select .query-container .v-icon-cancel {
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 8px;
}
.wcl-select.wide .input-text {
  width: 300px;
}
.wcl-select.wide .options {
  min-width: 300px;
}
wcl-type-ahead {
  display: contents;
}
wcl-type-ahead .wcl-type-ahead {
  display: inline-block;
  width: 140px;
}
wcl-type-ahead .wcl-type-ahead .input.wide,
wcl-type-ahead .wcl-type-ahead input {
  width: 100%;
}
wcl-type-ahead .wcl-type-ahead .input {
  z-index: 0;
}
wcl-type-ahead .wcl-type-ahead .options {
  box-sizing: border-box;
  min-width: 140px;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 15px 8px 15px;
  max-height: 320px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}
wcl-type-ahead .wcl-type-ahead .option {
  white-space: nowrap;
  height: 32px;
  align-items: center;
  cursor: pointer;
}
wcl-type-ahead .wcl-type-ahead .option .disabled {
  color: #ccc;
}
wcl-type-ahead .wcl-type-ahead .option .selected {
  font-weight: 600;
}
wcl-type-ahead .wcl-type-ahead .more-options {
  font-size: 13px;
  font-weight: 600;
}
wcl-type-ahead .wcl-type-ahead.wide {
  width: 300px;
}
wcl-type-ahead .wcl-type-ahead.wide .options {
  min-width: 300px;
}
wcl-value-output {
  display: block;
}
wcl-value-output .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-value-output .value-container {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
}
wcl-value-output .value-container.disabled {
  color: #ccc;
}
wcl-time-picker {
  display: contents;
}
.wcl-time-picker {
  display: inline-block;
  width: 140px;
}
.wcl-time-picker .clock {
  padding-top: 5px;
  padding-left: 5px;
  right: 0;
  width: 25px;
  height: 24px;
  top: 0;
}
.wcl-time-picker .clock .v-icon {
  font-size: 18px;
}
.wcl-time-picker.disabled .clock {
  cursor: default;
}
.wcl-time-picker.disabled .clock .v-icon {
  color: #ccc;
}
.wcl-time-picker .selector {
  position: fixed;
  top: 27px;
  left: 0;
  width: 138px;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
  z-index: 2;
}
.wcl-time-picker .hours {
  height: 242px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.wcl-time-picker .minutes {
  height: 242px;
  overflow-x: hidden;
  overflow-y: auto;
}
.wcl-time-picker .hour,
.wcl-time-picker .minute {
  padding: 6px 18px;
}
.wcl-time-picker .hour.selected,
.wcl-time-picker .minute.selected {
  color: #000;
  font-weight: 600;
}
.wcl-time-picker .header {
  padding: 10px 18px 6px 18px;
  font-weight: 600;
}
wcl-range-bar {
  display: block;
  width: 100%;
}
wcl-range-bar .value-container {
  overflow: hidden;
}
wcl-range-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-range-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
wcl-range-bar .value.disabled {
  color: #ccc;
}
wcl-range-bar .separator {
  width: 10px;
}
wcl-range-bar .range-bar {
  height: 32px;
  position: relative;
}
wcl-range-bar .first-quarter,
wcl-range-bar .last-quarter,
wcl-range-bar .max-val,
wcl-range-bar .median,
wcl-range-bar .min-val {
  position: absolute;
  font-style: normal;
  font-size: 12px;
  color: #999;
  top: 0;
}
wcl-range-bar .min-val {
  left: 0;
}
wcl-range-bar .max-val {
  right: 0;
}
wcl-range-bar .median {
  visibility: hidden;
  left: 50%;
}
wcl-range-bar .first-quarter {
  visibility: hidden;
  left: 25%;
}
wcl-range-bar .last-quarter {
  visibility: hidden;
  left: 75%;
}
wcl-range-bar .range-bar-background {
  position: absolute;
  background-color: #efefef;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-range-bar .range-bar-status {
  position: absolute;
  background-color: #ddd;
  margin-top: 14px;
  height: 18px;
}
wcl-range-bar .range-bar-status.bar-value {
  width: 100%;
}
wcl-range-bar .range-bar-status.tick-value {
  width: 4px;
}
wcl-range-bar .no-labels .range-bar-background,
wcl-range-bar .no-labels .range-bar-status {
  margin-top: 0;
  height: 32px;
}
wcl-range-bar .bar-value {
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
wcl-range-bar .tick-value {
  -webkit-transition: left .4s ease;
  -moz-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease;
}
wcl-range-bar .range-bar-step {
  position: absolute;
  width: 1px;
  background-color: #fff;
  top: 0;
  height: 100%;
}
wcl-split-range-bar {
  display: block;
  width: 100%;
}
wcl-split-range-bar .value-container {
  overflow: hidden;
}
wcl-split-range-bar .label {
  font-style: normal;
  font-size: 12px;
  color: #999;
  line-height: 14px;
  transform: translateY(-2px);
  white-space: nowrap;
}
wcl-split-range-bar .value {
  font-weight: 700;
  font-size: 20px;
  color: #1e1e1e;
  line-height: 18px;
  white-space: nowrap;
}
wcl-split-range-bar .value.disabled {
  color: #ccc;
}
wcl-split-range-bar .separator {
  width: 10px;
  font-style: normal;
  font-size: 12px;
  color: #999;
  text-align: center;
}
wcl-split-range-bar .range-bar {
  height: 32px;
  position: relative;
}
wcl-split-range-bar .max-val,
wcl-split-range-bar .median,
wcl-split-range-bar .min-val {
  position: absolute;
  font-style: normal;
  font-size: 12px;
  color: #999;
  top: 0;
}
wcl-split-range-bar .min-val {
  left: 0;
}
wcl-split-range-bar .max-val {
  right: 0;
}
wcl-split-range-bar .median {
  visibility: hidden;
  left: 50%;
}
wcl-split-range-bar .range-bar-background {
  position: absolute;
  background-color: #efefef;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-split-range-bar .range-bar-status {
  position: absolute;
  background-color: #ddd;
  margin-top: 14px;
  height: 18px;
  width: 100%;
}
wcl-split-range-bar .range-bar-background,
wcl-split-range-bar .range-bar-status {
  -webkit-transition: width .4s ease;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  transition: width .4s ease;
}
wcl-split-range-bar .tick {
  position: absolute;
  left: 0;
  width: 4px;
  background-color: #ddd;
  top: 14px;
  height: 18px;
}
wcl-split-range-bar .no-labels .range-bar-background,
wcl-split-range-bar .no-labels .range-bar-status {
  margin-top: 0;
  height: 32px;
}
wcl-split-range-bar .no-labels .tick {
  top: 0;
  height: 32px;
}
wcl-date-picker {
  position: relative;
  display: inline-block;
}
wcl-date-picker .wcl-datepicker-content {
  margin-top: -1px;
  position: fixed;
  padding: .75rem;
  border-width: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
wcl-date-picker .wcl-datepicker-input {
  position: relative;
}
wcl-date-picker .wcl-datepicker-input .v-icon {
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}
wcl-date-picker .wcl-datepicker-input.disabled .v-icon {
  cursor: default;
  color: #ccc;
}
wcl-date-picker .wcl-datepicker-month-year {
  text-align: center;
}
wcl-date-picker .wcl-datepicker-month-next,
wcl-date-picker .wcl-datepicker-month-prev,
wcl-date-picker .wcl-month-picker-year-next,
wcl-date-picker .wcl-month-picker-year-prev {
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  display: block;
}
wcl-date-picker .wcl-datepicker-month-next:hover,
wcl-date-picker .wcl-datepicker-month-prev:hover,
wcl-date-picker .wcl-month-picker-year-next:hover,
wcl-date-picker .wcl-month-picker-year-prev:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-datepicker-table th {
  padding: 4px;
}
wcl-date-picker .wcl-datepicker-table td {
  padding: 2px;
}
wcl-date-picker .wcl-datepicker-date {
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 30px;
}
wcl-date-picker .wcl-datepicker-date:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-datepicker-date.next,
wcl-date-picker .wcl-datepicker-date.prev {
  color: #999;
}
wcl-date-picker .wcl-datepicker-date.today {
  border-color: #00b5e4;
}
wcl-date-picker .wcl-datepicker-date.current {
  background-color: #00b5e4;
}
wcl-date-picker .wcl-datepicker-date.disabled {
  color: #ccc;
}
wcl-date-picker .wcl-datepicker-date.disabled:hover {
  cursor: default;
  background-color: inherit;
}
wcl-date-picker .wcl-month-picker-table th {
  padding-bottom: 10px;
}
wcl-date-picker .wcl-month-picker-table td {
  padding: 5px 2px;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month {
  border-color: transparent;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 40px;
  font-size: 16px;
  padding: 2px 0;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month:hover {
  background-color: #ccc;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.current {
  border-color: #00b5e4;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.selected {
  background-color: #00b5e4;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.disabled {
  color: #ccc;
}
wcl-date-picker .wcl-month-picker-table td .wcl-month.disabled:hover {
  cursor: default;
  background-color: inherit;
}
.wcl-toggle-container {
  display: inline-block;
}
.wcl-toggle-container .wcl-toggle input[type=checkbox] {
  opacity: 0;
  transform: translate(-3px, -2px);
}
.wcl-toggle-container .wcl-toggle-outer {
  position: relative;
  width: 26px;
  height: 15px;
  border-radius: 7.5px;
  border: 1px solid #00b5e4;
  background-color: #fff;
  margin-right: 5px;
}
.wcl-toggle-container .wcl-toggle-inner {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 5.5px;
  top: 1px;
  left: 1px;
  border: 1px solid #00b5e4;
  background-color: #fff;
}
.wcl-toggle-container .wcl-toggle.checked .wcl-toggle-outer {
  background-color: #00b5e4;
}
.wcl-toggle-container .wcl-toggle.checked .wcl-toggle-inner {
  left: inherit;
  right: 1px;
  border-color: #fff;
}
.wcl-toggle-container .wcl-toggle.disabled .wcl-toggle-outer {
  border-color: #ccc;
  background-color: #fff;
}
.wcl-toggle-container .wcl-toggle.disabled .wcl-toggle-inner {
  border-color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled.checked .wcl-toggle-outer {
  background-color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled.checked .wcl-toggle-inner {
  border-color: #fff;
}
.wcl-toggle-container .wcl-toggle .outline {
  outline-offset: 1px;
}
.wcl-toggle-container .wcl-toggle .v-icon-checkmark.checked {
  color: #00b5e4;
}
.wcl-toggle-container .wcl-toggle.disabled,
.wcl-toggle-container .wcl-toggle.disabled .v-icon-checkmark.checked {
  color: #ccc;
}
.wcl-toggle-container .wcl-toggle.disabled .v-icon-checkmark {
  border-color: #d7d7d7;
}
.wcl-toggle-container .wcl-toggle-label,
.wcl-toggle-container .wcl-toggle-on-off-label {
  cursor: default;
}
wcl-item-selector {
  display: inline-block;
}
wcl-item-selector .wcl-item-selector-container {
  position: relative;
}
wcl-item-selector .wcl-item-selector-options {
  position: absolute;
  top: 22px;
  left: 0;
  padding: 10px 10px 0 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
  z-index: 2;
  width: 180px;
}
wcl-item-selector .wcl-item-selector-options .item {
  margin-bottom: 10px;
}
wcl-item-selector .v-icon {
  font-size: 18px;
}
@font-face {
  font-family: VestasSans;
  src: url("./media/VestasSans-Book.eot");
  src:
    url("./media/VestasSans-Book.eot?#iefix") format("embedded-opentype"),
    url("./media/VestasSans-Book.woff") format("woff"),
    url("./media/VestasSans-Book.svg#VestasSans-Book") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: VestasSans;
  src: url("./media/VestasSans-Medium.eot");
  src:
    url("./media/VestasSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("./media/VestasSans-Medium.woff") format("woff"),
    url("./media/VestasSans-Medium.svg#VestasSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: VestasSans;
  src: url("./media/VestasSans-Semibold.eot");
  src:
    url("./media/VestasSans-Semibold.eot?#iefix") format("embedded-opentype"),
    url("./media/VestasSans-Semibold.woff") format("woff"),
    url("./media/VestasSans-Semibold.svg#VestasSans-Semibold") format("svg");
  font-stretch: normal;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: VestasSans;
  src: url("./media/VestasSans-Bold.eot");
  src:
    url("./media/VestasSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("./media/VestasSans-Bold.woff") format("woff"),
    url("./media/VestasSans-Bold.svg#VestasSans-Bold") format("svg");
  font-stretch: normal;
  unicode-range: U+0020-2666;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: v-icons;
  src: url("./media/v-icons.eot?v=1770116656496#iefix") format("embedded-opentype"), url("./media/v-icons.woff?v=1770116656496") format("woff");
}
.v-icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: v-icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  transform: translateY(0);
}
.v-icon-large {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: v-icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  transform: scale(1.5) translateY(0);
}
.v-icon-xlarge {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: v-icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  transform: scale(3) translateY(0);
}
a.v-icon:active,
a.v-icon:focus,
a.v-icon:hover {
  outline: 0;
  text-decoration: none;
}
.v-icon-Global:before {
  content: "\ea01";
}
.v-icon-State-pause:before {
  content: "\ea02";
}
.v-icon-State-unknown-solid:before {
  content: "\ea03";
}
.v-icon-action-acknowledge:before {
  content: "\ea04";
}
.v-icon-action-close:before {
  content: "\ea05";
}
.v-icon-action-fast-handle:before {
  content: "\ea06";
}
.v-icon-action-finish-notify:before {
  content: "\ea07";
}
.v-icon-action-logout:before {
  content: "\ea08";
}
.v-icon-action-postpone:before {
  content: "\ea09";
}
.v-icon-action-refresh:before {
  content: "\ea0a";
}
.v-icon-action-undo:before {
  content: "\ea0b";
}
.v-icon-adls-light:before {
  content: "\ea0c";
}
.v-icon-adls-none:before {
  content: "\ea0d";
}
.v-icon-adls:before {
  content: "\ea0e";
}
.v-icon-alarm-ancillary-naked:before {
  content: "\ea0f";
}
.v-icon-alarm-ancillary-solid:before {
  content: "\ea10";
}
.v-icon-alarm-ancillary:before {
  content: "\ea11";
}
.v-icon-alarm-battery-naked:before {
  content: "\ea12";
}
.v-icon-alarm-battery-solid:before {
  content: "\ea13";
}
.v-icon-alarm-battery:before {
  content: "\ea14";
}
.v-icon-alarm-grid-naked:before {
  content: "\ea15";
}
.v-icon-alarm-grid-solid:before {
  content: "\ea16";
}
.v-icon-alarm-grid:before {
  content: "\ea17";
}
.v-icon-alarm-inverter-solid:before {
  content: "\ea18";
}
.v-icon-alarm-inverter:before {
  content: "\ea19";
}
.v-icon-alarm-multi-turbine-naked:before {
  content: "\ea1a";
}
.v-icon-alarm-multi-turbine-solid:before {
  content: "\ea1b";
}
.v-icon-alarm-multi-turbine:before {
  content: "\ea1c";
}
.v-icon-alarm-normal-naked:before {
  content: "\ea1d";
}
.v-icon-alarm-normal-solid:before {
  content: "\ea1e";
}
.v-icon-alarm-normal:before {
  content: "\ea1f";
}
.v-icon-alarm-notified-in-SAP:before {
  content: "\ea20";
}
.v-icon-alarm-status-failed:before {
  content: "\ea21";
}
.v-icon-alarm-status-processing:before {
  content: "\ea22";
}
.v-icon-alarm-turbine-email-naked:before {
  content: "\ea23";
}
.v-icon-alarm-turbine-email-solid:before {
  content: "\ea24";
}
.v-icon-alarm-turbine-email:before {
  content: "\ea25";
}
.v-icon-alarm-turbine-modem-naked:before {
  content: "\ea26";
}
.v-icon-alarm-turbine-modem-solid:before {
  content: "\ea27";
}
.v-icon-alarm-turbine-modem:before {
  content: "\ea28";
}
.v-icon-alarm-vestas-turbine-naked:before {
  content: "\ea29";
}
.v-icon-alarm-vestas-turbine-solid:before {
  content: "\ea2a";
}
.v-icon-alarm-vestas-turbine:before {
  content: "\ea2b";
}
.v-icon-alarm-vob-naked:before {
  content: "\ea2c";
}
.v-icon-alarm-vob-solid:before {
  content: "\ea2d";
}
.v-icon-alarm-vob:before {
  content: "\ea2e";
}
.v-icon-alert-multiple:before {
  content: "\ea2f";
}
.v-icon-alert:before {
  content: "\ea30";
}
.v-icon-ammonia:before {
  content: "\ea31";
}
.v-icon-analyze:before {
  content: "\ea32";
}
.v-icon-approval-solid:before {
  content: "\ea33";
}
.v-icon-apps:before {
  content: "\ea34";
}
.v-icon-archive:before {
  content: "\ea35";
}
.v-icon-arrow-down-double:before {
  content: "\ea36";
}
.v-icon-arrow-down-list:before {
  content: "\ea37";
}
.v-icon-arrow-down-single:before {
  content: "\ea38";
}
.v-icon-arrow-down:before {
  content: "\ea39";
}
.v-icon-arrow-left-double:before {
  content: "\ea3a";
}
.v-icon-arrow-left-single:before {
  content: "\ea3b";
}
.v-icon-arrow-left:before {
  content: "\ea3c";
}
.v-icon-arrow-right-double:before {
  content: "\ea3d";
}
.v-icon-arrow-right-single:before {
  content: "\ea3e";
}
.v-icon-arrow-right:before {
  content: "\ea3f";
}
.v-icon-arrow-up-double:before {
  content: "\ea40";
}
.v-icon-arrow-up-list:before {
  content: "\ea41";
}
.v-icon-arrow-up-single:before {
  content: "\ea42";
}
.v-icon-arrow-up:before {
  content: "\ea43";
}
.v-icon-article:before {
  content: "\ea44";
}
.v-icon-attachment:before {
  content: "\ea45";
}
.v-icon-aviation-light-solid-none:before {
  content: "\ea46";
}
.v-icon-aviation-light-solid:before {
  content: "\ea47";
}
.v-icon-aviation-light:before {
  content: "\ea48";
}
.v-icon-backspace:before {
  content: "\ea49";
}
.v-icon-basket:before {
  content: "\ea4a";
}
.v-icon-bat-mitigation-solid:before {
  content: "\ea4b";
}
.v-icon-bat-mitigation:before {
  content: "\ea4c";
}
.v-icon-bookmark-fill:before {
  content: "\ea4d";
}
.v-icon-bookmark-line:before {
  content: "\ea4e";
}
.v-icon-cake:before {
  content: "\ea4f";
}
.v-icon-calendar:before {
  content: "\ea50";
}
.v-icon-cancel:before {
  content: "\ea51";
}
.v-icon-cart-empty:before {
  content: "\ea52";
}
.v-icon-cart-full:before {
  content: "\ea53";
}
.v-icon-checkmark:before {
  content: "\ea54";
}
.v-icon-circle-add-solid:before {
  content: "\ea55";
}
.v-icon-circle-control-pause-solid:before {
  content: "\ea56";
}
.v-icon-circle-control-pause:before {
  content: "\ea57";
}
.v-icon-circle-control-start-solid:before {
  content: "\ea58";
}
.v-icon-circle-control-start:before {
  content: "\ea59";
}
.v-icon-circle-control-stop-solid:before {
  content: "\ea5a";
}
.v-icon-circle-control-stop:before {
  content: "\ea5b";
}
.v-icon-circle-filled:before {
  content: "\ea5c";
}
.v-icon-circle-gda-fast:before {
  content: "\ea5d";
}
.v-icon-circle-hollow:before {
  content: "\ea5e";
}
.v-icon-circle-location:before {
  content: "\ea5f";
}
.v-icon-circle-plant:before {
  content: "\ea60";
}
.v-icon-circle-power-solid:before {
  content: "\ea61";
}
.v-icon-circle-power:before {
  content: "\ea62";
}
.v-icon-circle-ppc:before {
  content: "\ea63";
}
.v-icon-circle-solid-plant:before {
  content: "\ea64";
}
.v-icon-circle-turbine-solid:before {
  content: "\ea65";
}
.v-icon-circle-turbine:before {
  content: "\ea66";
}
.v-icon-circle-wind-direction-solid:before {
  content: "\ea67";
}
.v-icon-circle-wind-direction:before {
  content: "\ea68";
}
.v-icon-circle-wind-speed-solid:before {
  content: "\ea69";
}
.v-icon-circle-wind-speed:before {
  content: "\ea6a";
}
.v-icon-clavis:before {
  content: "\ea6b";
}
.v-icon-clip:before {
  content: "\ea6c";
}
.v-icon-clipboard:before {
  content: "\ea6d";
}
.v-icon-clipboard_full:before {
  content: "\ea6e";
}
.v-icon-clock:before {
  content: "\ea6f";
}
.v-icon-clock_solid:before {
  content: "\ea70";
}
.v-icon-column-left-double:before {
  content: "\ea71";
}
.v-icon-column-right-double:before {
  content: "\ea72";
}
.v-icon-comment-solid:before {
  content: "\ea73";
}
.v-icon-comment:before {
  content: "\ea74";
}
.v-icon-compare:before {
  content: "\ea75";
}
.v-icon-component_controller:before {
  content: "\ea76";
}
.v-icon-component_nacelle:before {
  content: "\ea77";
}
.v-icon-concrete-truck-hollow:before {
  content: "\ea78";
}
.v-icon-concrete-truck:before {
  content: "\ea79";
}
.v-icon-connection-lost:before {
  content: "\ea7a";
}
.v-icon-contract:before {
  content: "\ea7b";
}
.v-icon-control-pause-naked:before {
  content: "\ea7c";
}
.v-icon-control-pause-solid:before {
  content: "\ea7d";
}
.v-icon-control-pause:before {
  content: "\ea7e";
}
.v-icon-control-reset-solid:before {
  content: "\ea7f";
}
.v-icon-control-reset:before {
  content: "\ea80";
}
.v-icon-control-start-naked:before {
  content: "\ea81";
}
.v-icon-control-start-solid:before {
  content: "\ea82";
}
.v-icon-control-start:before {
  content: "\ea83";
}
.v-icon-control-stop-naked:before {
  content: "\ea84";
}
.v-icon-copy:before {
  content: "\ea85";
}
.v-icon-dashboard:before {
  content: "\ea86";
}
.v-icon-data-highway:before {
  content: "\ea87";
}
.v-icon-data-relay:before {
  content: "\ea88";
}
.v-icon-data_chart:before {
  content: "\ea89";
}
.v-icon-data_graph:before {
  content: "\ea8a";
}
.v-icon-data_scalability:before {
  content: "\ea8b";
}
.v-icon-demo:before {
  content: "\ea8c";
}
.v-icon-discussion:before {
  content: "\ea8d";
}
.v-icon-download:before {
  content: "\ea8e";
}
.v-icon-edit:before {
  content: "\ea8f";
}
.v-icon-edited:before {
  content: "\ea90";
}
.v-icon-electrolyzer:before {
  content: "\ea91";
}
.v-icon-email-inbox:before {
  content: "\ea92";
}
.v-icon-email-read:before {
  content: "\ea93";
}
.v-icon-email-unread:before {
  content: "\ea94";
}
.v-icon-favorites-fill:before {
  content: "\ea95";
}
.v-icon-favorites-line:before {
  content: "\ea96";
}
.v-icon-file-code:before {
  content: "\ea97";
}
.v-icon-file-download:before {
  content: "\ea98";
}
.v-icon-file-pdf-multiple:before {
  content: "\ea99";
}
.v-icon-file-pdf:before {
  content: "\ea9a";
}
.v-icon-file-report:before {
  content: "\ea9b";
}
.v-icon-file-text-solid:before {
  content: "\ea9c";
}
.v-icon-file-text:before {
  content: "\ea9d";
}
.v-icon-file-upload:before {
  content: "\ea9e";
}
.v-icon-file-zip:before {
  content: "\ea9f";
}
.v-icon-file:before {
  content: "\eaa0";
}
.v-icon-files-all:before {
  content: "\eaa1";
}
.v-icon-filter:before {
  content: "\eaa2";
}
.v-icon-filter_solid:before {
  content: "\eaa3";
}
.v-icon-flicker-avoidance:before {
  content: "\eaa4";
}
.v-icon-folder-move:before {
  content: "\eaa5";
}
.v-icon-folder-open-upload:before {
  content: "\eaa6";
}
.v-icon-folder-open:before {
  content: "\eaa7";
}
.v-icon-folder-upload:before {
  content: "\eaa8";
}
.v-icon-folder:before {
  content: "\eaa9";
}
.v-icon-gauge:before {
  content: "\eaaa";
}
.v-icon-goal:before {
  content: "\eaab";
}
.v-icon-grid:before {
  content: "\eaac";
}
.v-icon-hamburger:before {
  content: "\eaad";
}
.v-icon-home:before {
  content: "\eaae";
}
.v-icon-hydro:before {
  content: "\eaaf";
}
.v-icon-ice-control-light:before {
  content: "\eab0";
}
.v-icon-ice-control-moderate:before {
  content: "\eab1";
}
.v-icon-ice-control-severe:before {
  content: "\eab2";
}
.v-icon-ice-control-solid:before {
  content: "\eab3";
}
.v-icon-ice-control:before {
  content: "\eab4";
}
.v-icon-image:before {
  content: "\eab5";
}
.v-icon-improvement:before {
  content: "\eab6";
}
.v-icon-laptop-alert:before {
  content: "\eab7";
}
.v-icon-laptop-ok:before {
  content: "\eab8";
}
.v-icon-light-intensity:before {
  content: "\eab9";
}
.v-icon-ligthning-solid:before {
  content: "\eaba";
}
.v-icon-ligthning:before {
  content: "\eabb";
}
.v-icon-link-add:before {
  content: "\eabc";
}
.v-icon-link:before {
  content: "\eabd";
}
.v-icon-liquid-volume:before {
  content: "\eabe";
}
.v-icon-list-dots:before {
  content: "\eabf";
}
.v-icon-list:before {
  content: "\eac0";
}
.v-icon-location:before {
  content: "\eac1";
}
.v-icon-lock-locked-solid:before {
  content: "\eac2";
}
.v-icon-lock-locked:before {
  content: "\eac3";
}
.v-icon-lock-unlocked-solid:before {
  content: "\eac4";
}
.v-icon-lock-unlocked:before {
  content: "\eac5";
}
.v-icon-logout:before {
  content: "\eac6";
}
.v-icon-map-add:before {
  content: "\eac7";
}
.v-icon-map-marker:before {
  content: "\eac8";
}
.v-icon-map-pin:before {
  content: "\eac9";
}
.v-icon-metmast:before {
  content: "\eaca";
}
.v-icon-metmast_map:before {
  content: "\eacb";
}
.v-icon-metmast_rooster:before {
  content: "\eacc";
}
.v-icon-metmast_rooster_naked:before {
  content: "\eacd";
}
.v-icon-metmast_rooster_solid:before {
  content: "\eace";
}
.v-icon-minus:before {
  content: "\eacf";
}
.v-icon-more:before {
  content: "\ead0";
}
.v-icon-move:before {
  content: "\ead1";
}
.v-icon-no_wifi:before {
  content: "\ead2";
}
.v-icon-notes-circle:before {
  content: "\ead3";
}
.v-icon-oil:before {
  content: "\ead4";
}
.v-icon-phone:before {
  content: "\ead5";
}
.v-icon-pin:before {
  content: "\ead6";
}
.v-icon-plus-thin:before {
  content: "\ead7";
}
.v-icon-plus:before {
  content: "\ead8";
}
.v-icon-pointer:before {
  content: "\ead9";
}
.v-icon-popout:before {
  content: "\eada";
}
.v-icon-power:before {
  content: "\eadb";
}
.v-icon-ppc:before {
  content: "\eadc";
}
.v-icon-precipitation:before {
  content: "\eadd";
}
.v-icon-pressure:before {
  content: "\eade";
}
.v-icon-print:before {
  content: "\eadf";
}
.v-icon-recent:before {
  content: "\eae0";
}
.v-icon-rectangle:before {
  content: "\eae1";
}
.v-icon-rename:before {
  content: "\eae2";
}
.v-icon-robot-face:before {
  content: "\eae3";
}
.v-icon-robot:before {
  content: "\eae4";
}
.v-icon-router:before {
  content: "\eae5";
}
.v-icon-ruler:before {
  content: "\eae6";
}
.v-icon-search-bold:before {
  content: "\eae7";
}
.v-icon-search:before {
  content: "\eae8";
}
.v-icon-security:before {
  content: "\eae9";
}
.v-icon-server:before {
  content: "\eaea";
}
.v-icon-service_van:before {
  content: "\eaeb";
}
.v-icon-settings-circle:before {
  content: "\eaec";
}
.v-icon-settings-solid:before {
  content: "\eaed";
}
.v-icon-settings:before {
  content: "\eaee";
}
.v-icon-share:before {
  content: "\eaef";
}
.v-icon-shipping-complete:before {
  content: "\eaf0";
}
.v-icon-shipping-express:before {
  content: "\eaf1";
}
.v-icon-shipping-progress:before {
  content: "\eaf2";
}
.v-icon-shipping:before {
  content: "\eaf3";
}
.v-icon-signature:before {
  content: "\eaf4";
}
.v-icon-solar-fat:before {
  content: "\eaf5";
}
.v-icon-solar:before {
  content: "\eaf6";
}
.v-icon-sort-ascending-hollow:before {
  content: "\eaf7";
}
.v-icon-sort-ascending:before {
  content: "\eaf8";
}
.v-icon-sort-descending-hollow:before {
  content: "\eaf9";
}
.v-icon-sort-descending:before {
  content: "\eafa";
}
.v-icon-sound-0:before {
  content: "\eafb";
}
.v-icon-sound-1:before {
  content: "\eafc";
}
.v-icon-sound-2:before {
  content: "\eafd";
}
.v-icon-sound-3:before {
  content: "\eafe";
}
.v-icon-sound-mute:before {
  content: "\eaff";
}
.v-icon-sound-noise-none:before {
  content: "\eb00";
}
.v-icon-sound-noise:before {
  content: "\eb01";
}
.v-icon-source:before {
  content: "\eb02";
}
.v-icon-state-alert-naked:before {
  content: "\eb03";
}
.v-icon-state-alert-solid:before {
  content: "\eb04";
}
.v-icon-state-alert:before {
  content: "\eb05";
}
.v-icon-state-grid-solid:before {
  content: "\eb06";
}
.v-icon-state-grid:before {
  content: "\eb07";
}
.v-icon-state-info:before {
  content: "\eb08";
}
.v-icon-state-ok-solid:before {
  content: "\eb09";
}
.v-icon-state-ok:before {
  content: "\eb0a";
}
.v-icon-state-remote-solid:before {
  content: "\eb0b";
}
.v-icon-state-remote:before {
  content: "\eb0c";
}
.v-icon-state-restricted-solid:before {
  content: "\eb0d";
}
.v-icon-state-restricted:before {
  content: "\eb0e";
}
.v-icon-state-service-extended-solid:before {
  content: "\eb0f";
}
.v-icon-state-service-extended:before {
  content: "\eb10";
}
.v-icon-state-service-solid:before {
  content: "\eb11";
}
.v-icon-state-service:before {
  content: "\eb12";
}
.v-icon-state-unknown:before {
  content: "\eb13";
}
.v-icon-state-waiting:before {
  content: "\eb14";
}
.v-icon-storage:before {
  content: "\eb15";
}
.v-icon-subscribe:before {
  content: "\eb16";
}
.v-icon-surveillance:before {
  content: "\eb17";
}
.v-icon-tasks:before {
  content: "\eb18";
}
.v-icon-telescope:before {
  content: "\eb19";
}
.v-icon-temperature:before {
  content: "\eb1a";
}
.v-icon-transparency:before {
  content: "\eb1b";
}
.v-icon-trash:before {
  content: "\eb1c";
}
.v-icon-turbine-map-marker:before {
  content: "\eb1d";
}
.v-icon-turbine-tower:before {
  content: "\eb1e";
}
.v-icon-turbine:before {
  content: "\eb1f";
}
.v-icon-turbine_fat:before {
  content: "\eb20";
}
.v-icon-turbine_layout:before {
  content: "\eb21";
}
.v-icon-turbine_library:before {
  content: "\eb22";
}
.v-icon-turbines-fat:before {
  content: "\eb23";
}
.v-icon-turbines:before {
  content: "\eb24";
}
.v-icon-upload:before {
  content: "\eb25";
}
.v-icon-user-add:before {
  content: "\eb26";
}
.v-icon-user-circle:before {
  content: "\eb27";
}
.v-icon-user-locked:before {
  content: "\eb28";
}
.v-icon-user-solid:before {
  content: "\eb29";
}
.v-icon-user:before {
  content: "\eb2a";
}
.v-icon-usergroup-add:before {
  content: "\eb2b";
}
.v-icon-usergroup:before {
  content: "\eb2c";
}
.v-icon-valve-closed:before {
  content: "\eb2d";
}
.v-icon-valve-open:before {
  content: "\eb2e";
}
.v-icon-view-graph:before {
  content: "\eb2f";
}
.v-icon-view-list:before {
  content: "\eb30";
}
.v-icon-view-tiles:before {
  content: "\eb31";
}
.v-icon-waiting:before {
  content: "\eb32";
}
.v-icon-wind-direction:before {
  content: "\eb33";
}
.v-icon-wind-sectors:before {
  content: "\eb34";
}
.v-icon-wind_sock:before {
  content: "\eb35";
}
.v-icon-windspeed:before {
  content: "\eb36";
}
.v-icon-wizard:before {
  content: "\eb37";
}
.v-icon-wizard_solar:before {
  content: "\eb38";
}
.v-icon-wizard_wind:before {
  content: "\eb39";
}
.v-icon-workspace:before {
  content: "\eb3a";
}
.v-icon-wrench:before {
  content: "\eb3b";
}
.v-icon-yaw-ccw-solid:before {
  content: "\eb3c";
}
.v-icon-yaw-ccw:before {
  content: "\eb3d";
}
.v-icon-yaw-cw-solid:before {
  content: "\eb3e";
}
.v-icon-yaw-cw:before {
  content: "\eb3f";
}
.v-icon-zoom-in:before {
  content: "\eb40";
}
.v-icon-zoom-out:before {
  content: "\eb41";
}
.v-icon-zoom_constraints:before {
  content: "\eb42";
}
.v-icon-zoom_reset:before {
  content: "\eb43";
}

/* src/styles.less */
.ol-zoom {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.ol-zoom button {
  border: 1px solid white;
  background-color: #00B5E4;
  font-size: 22px;
  font-weight: 700;
  color: white;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.ol-attribution {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ol-attribution ul {
  margin: 0;
  list-style: none;
}
.ol-attribution button {
  display: none;
}
.ol-zoom-constraints,
.ol-ruler,
.ol-coordinate,
.ol-settings,
.ol-kmz-download,
.ol-placemark {
  font-size: 20px;
  border: 1px solid white;
  background-color: #00B5E4;
  width: 28px;
  height: 28px;
  cursor: pointer;
  display: inline-block;
}
.ol-zoom-constraints > .v-icon,
.ol-ruler > .v-icon,
.ol-coordinate > .v-icon,
.ol-settings > .v-icon,
.ol-kmz-download > .v-icon,
.ol-placemark > .v-icon {
  font-size: 20px;
  color: white;
  transform: translateY(4px) translateX(4px);
}
.ol-zoom-constraints.active,
.ol-ruler.active,
.ol-coordinate.active,
.ol-settings.active,
.ol-kmz-download.active,
.ol-placemark.active {
  background-color: #f36622;
}
.ol-zoom-constraints.disabled,
.ol-ruler.disabled,
.ol-coordinate.disabled,
.ol-settings.disabled,
.ol-kmz-download.disabled,
.ol-placemark.disabled {
  background-color: #b2b2b2;
  border-color: #b2b2b2;
  cursor: default;
}
.ol-zoom-constraints {
  position: absolute;
  left: 20px;
  top: 90px;
}
.ol-ruler {
  position: absolute;
  left: 20px;
  top: 130px;
}
.ol-coordinate {
  position: absolute;
  left: 20px;
  top: 170px;
}
.ol-placemark {
  position: absolute;
  left: 20px;
  top: 210px;
}
.ol-settings {
  position: absolute;
  right: 20px;
  top: 20px;
}
.ol-kmz-download {
  position: absolute;
  right: 20px;
  top: 60px;
}
.ol-mouse-position {
  position: absolute;
  right: 20px;
  bottom: 26px;
  font-weight: 500;
  font-size: 14px;
}
.ol-asset-overlay {
  font-size: 13px;
  background-color: #fff;
  padding: 1px 0 0 1px;
  border-width: 0;
}
.asset-tooltip {
  z-index: 100;
}
.tile-layer {
  opacity: 0.7;
}
.coordinate-picker-active {
  cursor: crosshair !important;
}
.climate-estimator-message {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -200px;
  padding: 8px 0;
  width: 400px;
  text-align: center;
  background-color: white;
  border: 1px solid black;
}
.ol-scale-line {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line .ol-scale-line-inner {
  border: 1px solid #333333;
  border-top: none;
  color: #333333;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-viewport .ol-scale-line {
  right: 80px;
}
.overlay-loads-indicators {
  height: 9px;
  overflow: hidden;
}
.overlay-loads-indicators .v-icon {
  font-size: 9px;
  margin-right: 4px;
}
.overlay-loads-indicators .v-icon.red {
  color: #d90911;
}
.overlay-loads-indicators .v-icon.green {
  color: #03ad00;
}
.overlay-loads-indicators .grey {
  color: #999999;
}
.overlay-match-states {
  border: 1px solid black;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
}
.overlay-match-states .v-icon {
  font-size: 9px;
  margin-right: 4px;
  position: relative;
  top: -3px;
}
.overlay-match-states .v-icon.red {
  color: #d90911;
}
.overlay-match-states .v-icon.yellow {
  color: #eeb71c;
}
.overlay-match-states .v-icon.green {
  color: #03ad00;
}
.overlay-match-states .v-icon.grey {
  color: #999999;
}
.overlay-match-states .v-icon.light-grey {
  color: #f5f5f5;
}
.wind-sector-tooltip {
  position: absolute;
  padding: 2px;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.8);
}
.WSM-bg {
  background-color: #1e90ff;
}
.DPM-bg {
  background-color: #00b600;
}
.NM99-bg {
  background-color: #626262;
}
.NM-bg {
  background-color: #ff1ab9;
}
.reference-bg {
  background-color: lightgreen;
}
.WSM-border {
  border: 4px solid #1e90ff;
}
.DPM-border {
  border: 4px solid #00b600;
}
.NM99-border {
  border: 4px solid #626262;
}
.NM-border {
  border: 4px solid #ff1ab9;
}
.reference-border {
  border: 4px solid lightgreen;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.label {
  color: #999999;
}
.fs18 {
  font-size: 18px;
}
.loads-yellow,
.dir-settings-yellow {
  background-color: #f6c799;
}
.loads-yellow.faded,
.dir-settings-yellow.faded {
  opacity: 0.4;
}
.loads-red,
.dir-settings-red {
  background-color: #fb8989;
}
.loads-red.faded,
.dir-settings-red.faded {
  opacity: 0.5;
}
.loads-neutral.faded {
  opacity: 0.3;
}
.mr5 {
  margin-right: 5px;
}
.mr8 {
  margin-right: 8px;
}
.mr30 {
  margin-right: 30px;
}
.mr60 {
  margin-right: 60px;
}
.w100 {
  width: 100%;
}
.m8 {
  margin-bottom: 8px;
}
.m12 {
  margin-bottom: 12px;
}
.ml10 {
  margin-left: 10px;
}
table caption {
  display: none;
}
.flex-wrap {
  flex-wrap: wrap;
}
.no-support {
  padding: 20px;
  font-size: 16px;
}
.val-error {
  padding: 2px 0 6px 0;
  font-size: 12px;
  color: #d90911;
}
.red {
  color: #d90911;
}
.green {
  color: #03ad00;
}
.yellow {
  color: #eeb71c;
}
.word-wrap {
  overflow-wrap: break-word;
  white-space: normal;
}
.force-break {
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}
.force-break-ignore-space {
  word-break: break-all;
  white-space: normal;
}
canvas {
  min-width: 5px;
  min-height: 5px;
}
.primary-indicator {
  display: inline-block;
  padding: 1px 10px 0 10px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  color: white;
  background-color: #9fcc1e;
  border-radius: 4px;
  font-weight: 600;
}
.tag {
  display: inline-block;
  padding: 1px 0 0 0;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  width: 70px;
  text-align: center;
  line-height: 14px;
  border-width: 2px;
  border-style: solid;
  color: #9fcc1e;
  border-color: #9fcc1e;
}
.tag-obsolete {
  color: #ffb053;
  border-color: #ffb053;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */