/*!
 * Graphical user interface library.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Common mixins.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Hide element.
 */
/**
 * Invisible element.
 */
/*
 * Set font size.
 *
 * Parameters:
 *   size - font size
 */
/*
 * Set direction of flexbox items.
 *
 * Parameters:
 *   direction - direction of flexbox items
 */
.display_none {
  display: none !important;
}

/*
 * Set font.
 *
 * Parameters:
 *   family - font family
 *   size - font size
 */
/*
 * Create box shadow.
 *
 * Parameters:
 *   inset - insert or null
 *   x - horizontal offset
 *   y - vertical offset
 *   blur - blur distance
 *   spread - spread distance or null
 *   color - color
 */
/*
 * Set box sizing.
 *
 * Parameters:
 *   sizing - sizing (content-box, border-box, initial, inherit)
 */
/*
 * Disabled color for foreground and background.
 *
 * Parameters:
 *   bg - background color (original)
 *   fg - foreground color (original)
 */
/*
 * Set scrollbar style.
 * 
 * Parameters:
 *   track - background color for track
 *   bbs - left/top border size for thumb
 *   bes - right/bottom border size for thumb
 *   thumb - background color for thumb
 */
html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 0px;
  line-height: 0px;
}
html > .VerticalLayout, body > .VerticalLayout {
  width: 100%;
  height: 100%;
}
html > .HorizontalLayout, body > .HorizontalLayout {
  width: 100%;
  height: 100%;
}
html > .ui-datepicker, body > .ui-datepicker {
  font-size: 11px;
  line-height: normal;
}

body.mobileApp > .ui-datepicker {
  font-size: 16px;
  line-height: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0em;
  margin: 0em;
}

.scrollbar_size {
  border: none;
  overflow: scroll;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  visibility: hidden;
}

.FileInput {
  position: relative;
}
.FileInput > input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*
 * Graphical user interface library - horizontal layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.HorizontalLayout {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  max-width: 100%;
  overflow: auto;
  cursor: default;
}
.HorizontalLayout > .item {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 2px;
  margin-right: 2px;
}
.HorizontalLayout > .item:first-child {
  margin-left: 0px;
}
.HorizontalLayout > .item:last-child {
  margin-right: 0px;
}
.HorizontalLayout > .item.expand {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.HorizontalLayout > .Label.item {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.HorizontalLayout.dialog_buttons {
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.HorizontalLayout.dialog_buttons > .Button {
  padding-left: 10px;
  padding-right: 10px;
}

.HorizontalLayout.tabs > .Button {
  margin: 0px;
  border-radius: 0px;
}

/*
 * Graphical user interface library - vertical layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.VerticalLayout {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  cursor: default;
  max-height: 100%;
  overflow: auto;
}
.VerticalLayout > .item {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 2px;
  margin-bottom: 2px;
}
.VerticalLayout > .item:first-child {
  margin-top: 0px;
}
.VerticalLayout > .item:last-child {
  margin-bottom: 0px;
}
.VerticalLayout > .item.expand {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.VerticalLayout.space_around {
  -ms-flex-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

/*
 * Graphical user interface library - grid layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.GridLayout {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: normal;
}
.GridLayout > table {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  border-spacing: 0em;
  table-layout: fixed;
  line-height: 0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.GridLayout > table > tbody > tr {
  width: 100%;
}
.GridLayout > table > tbody > tr > td {
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 100%;
  overflow: hidden;
  padding: 0em !important;
  margin: 0em;
  font-size: 0px;
  line-height: 0px;
}
.GridLayout > table > tbody > tr > td .hdr_overflow, .GridLayout > table > tbody > tr > td .foot_overflow, .GridLayout > table > tbody > tr > td .content_overflow {
  display: inline-block;
  max-width: 100%;
  min-width: 100%;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll {
  display: inline-block;
  overflow: scroll;
  max-width: 100%;
  min-width: 100%;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll > table, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll > table, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll > table, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll > table, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll > table, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll > table, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll > table, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll > table, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll > table {
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  border-spacing: 0em;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll > table > tbody > tr, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll > table > tbody > tr {
  width: 100%;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll > table > tbody > tr > td, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll > table > tbody > tr > td {
  border: 1px solid blue;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 100%;
  padding: 2px;
  max-height: 100%;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll > table > tbody > tr > td > .item, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll > table > tbody > tr > td > .item {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
  padding: 2px;
  padding-top: 0px;
  padding-bottom: 3px;
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0px;
  line-height: 0px;
}
.GridLayout > table > tbody > tr > td .hdr_overflow .hdr_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .hdr_overflow .foot_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .hdr_overflow .content_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .foot_overflow .hdr_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .foot_overflow .foot_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .foot_overflow .content_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .content_overflow .hdr_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .content_overflow .foot_scroll > table > tbody > tr td.last_col, .GridLayout > table > tbody > tr > td .content_overflow .content_scroll > table > tbody > tr td.last_col {
  padding-right: 17px;
}
body.mobileApp .GridLayout {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - grid layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.GridLayout2 {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  max-width: 100%;
}
.GridLayout2 .data {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  overflow-x: scroll;
}
.GridLayout2 .col {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.GridLayout2 .col > .header {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  height: 20px;
  padding: 0px;
}
.GridLayout2 .col > .header > .HorizontalLayout {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}
.GridLayout2 .col > .header > .HorizontalLayout > * {
  margin: 0px;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1px;
  border-radius: 0px;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button .HorizontalLayout {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button .HorizontalLayout .Label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button .HorizontalLayout .Label {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button img {
  width: 10px;
  height: 10px;
}
.GridLayout2 .col > .header > .HorizontalLayout > .Button:last-child {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  visibility: hidden;
}
.GridLayout2 .col > .filter {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  height: 22px;
  padding: 1px;
}
.GridLayout2 .col > .filter > * {
  padding: 1px;
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
.GridLayout2 .col > .filter > * > input {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
  width: 1px;
}
.GridLayout2 .col > .content {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  overflow-y: scroll;
  overflow-x: hidden;
}
.GridLayout2 .col > .content > * {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 20px;
  padding: 2px;
}
.GridLayout2 .col > .content .Label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.GridLayout2 .col > .content .HorizontalLayout {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
}
.GridLayout2 .col > .sum {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  height: 22px;
  padding: 1px;
}
.GridLayout2 .col > .sum > * {
  padding: 1px;
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
.GridLayout2 .col > .sum > * > input {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
  width: 1px;
}
.GridLayout2 > .col.scroll {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.GridLayout2 > .col.scroll > .header {
  padding-left: 0px;
  padding-right: 0px;
}
.GridLayout2 > .col.scroll > .filter {
  padding-left: 0px;
  padding-right: 0px;
}
.GridLayout2 > .col.scroll > .sum {
  padding-left: 0px;
  padding-right: 0px;
}
.GridLayout2 > .col.scroll > .content > * {
  padding-left: 0px;
  padding-right: 0px;
}
.GridLayout2 .col.last {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-right: 1px;
}

.GridLayout2.manual .col > .header > .HorizontalLayout {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
.GridLayout2.manual .col > .header > .HorizontalLayout > .Button:first-child {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
.GridLayout2.manual .col > .header > .HorizontalLayout > .Button:first-child .HorizontalLayout {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}
.GridLayout2.manual .col > .header > .HorizontalLayout > .Button:first-child .HorizontalLayout .Label {
  -webkit-box-flex: 1 1 1px;
  -moz-box-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
}

/*
 * Graphical user interface library - grid mobile layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.GridMobileLayout {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 0px;
  line-height: 0px;
  width: 100%;
}
.GridMobileLayout .HorizontalLayout.row {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle {
  overflow-x: hidden;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .title .Label {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  line-height: normal;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .Label {
  margin-top: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .Label.r2c1 {
  padding-top: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .Label.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 5px;
  margin: 0px;
  font-size: 20px;
  line-height: normal;
  border-radius: 0px;
  border: none;
  text-align: left;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r2 {
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r2 > .r2c1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 2px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r2 > .r2c2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 2px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r3 {
  margin-top: 0px;
  overflow: hidden;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r3 > .r3c1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 15px;
  padding-left: 2px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.GridMobileLayout .HorizontalLayout.row > .VerticalLayout.middle > .HorizontalLayout.r3 > .r3c2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 15px;
  padding-left: 2px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.GridMobileLayout .HorizontalLayout.row > .datetime {
  padding-left: 10px;
  margin-bottom: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .datetime > .Label {
  text-align: right;
}
.GridMobileLayout .HorizontalLayout.row > .right {
  margin-left: 0px;
  padding-right: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .right > .datetime {
  margin-bottom: 0px;
  padding-top: 15px;
}
.GridMobileLayout .HorizontalLayout.row > .right > .datetime > .Label {
  padding-right: 5px;
}
.GridMobileLayout .HorizontalLayout.row > .right .icon {
  margin-top: 0px;
  padding-top: 3px;
  padding-bottom: 15px;
}
.GridMobileLayout .HorizontalLayout.row > .LeftLayout {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .LeftLayout > .imglayout {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-right: 0px;
  margin-bottom: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .LeftLayout > .imglayout > .image {
  padding-right: 12px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  margin-right: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .LeftLayout > .imglayout > .image.icon {
  width: 50px;
  text-align: center;
  padding-right: 12px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  margin-right: 0px;
}
.GridMobileLayout .HorizontalLayout.row > .LeftLayout > .Label.int {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

/*
 * Graphical user interface library - table layout.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.TableLayout {
  font-size: 0px;
  line-height: 0px;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.TableLayout > table {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: 100%;
  border-spacing: 0em;
  table-layout: fixed;
}
.TableLayout > table > tbody > tr {
  width: 100%;
}
.TableLayout > table > tbody > tr > td {
  vertical-align: middle;
  max-height: 100%;
  overflow: hidden;
  padding: 2px;
  margin: 0px;
}
.TableLayout > table > tbody > tr > td > .item {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.TableLayout > table > tbody > tr > td > .item > * {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.TableLayout > table > tbody > tr > td > .item > .Label {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.TableLayout > table > tbody > tr > td > .item > .Label.expand {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.VerticalLayout > .TableLayout > table {
  min-height: auto;
}

.HorizontalLayout > .TableLayout.expand > table {
  width: 10px;
}

/*
 * Graphical user interface library - container.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Container {
  display: inline-block;
  border-radius: 1px;
  /*3px*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: normal;
}
.Container > table {
  width: 100%;
  height: 100%;
  border-spacing: 0em;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Container > table > tbody > tr {
  width: 100%;
  height: 100%;
}
.Container > table > tbody > tr > td {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 0px;
  line-height: 0px;
}
.Container > table > tbody > tr > td > .item {
  font-size: 0px;
  line-height: 0px;
  width: auto;
  height: auto;
  display: inline-block;
}

body.mobileApp .Container {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - label.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Label {
  font-size: 11px;
  line-height: normal;
  text-align: left;
}

.Label.title {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  border-radius: 3px;
  padding: 3px;
}

.Label.bold {
  font-weight: bold;
}

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

.Label.nowrap {
  white-space: nowrap;
}

.Label.left, .Label.string {
  text-align: left;
}

.Label.right, .Label.int, .Label.float, .Label.datetime {
  text-align: right;
}

.Label.start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

.Label.center {
  text-align: center;
}

.Label.italic {
  font-style: italic;
}

.Label.underline {
  text-decoration: underline;
}

.Label.linethrough {
  text-decoration: line-through;
}

.Label.underline.linethrough {
  text-decoration: underline line-through;
}

body.mobileApp .Label {
  font-size: 16px;
  line-height: normal;
}
body.mobileApp .Label.title {
  font-size: 16px;
  line-height: normal;
}
body.mobileApp .small .Label {
  font-size: 12px;
  line-height: normal;
}
body.mobileApp .large.icon.Label::before {
  font-size: 20px;
  line-height: normal;
}

/*
 * Graphical user interface library - label.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Button {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding: 5px;
  cursor: pointer;
}
.Button > .item {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 11px;
  line-height: normal;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.Button > .item > * {
  cursor: pointer;
}
.Button > .item > .Label {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.Button > .item > .VerticalLayout > .Label {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.Button > .item > .HorizontalLayout > .Label {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.Button:focus {
  outline: none;
}

body.mobileApp .Button {
  padding: 15px;
}
body.mobileApp .Button > .item {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - text input.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.TextInput {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding: 4px;
  cursor: text;
}
.TextInput > input[type=text] {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: left;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.TextInput > textarea {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: left;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

body.mobileApp .TextInput {
  padding: 10px;
}
body.mobileApp .TextInput > input[type=text] {
  font-size: 16px;
  line-height: normal;
}
body.mobileApp .TextInput > textarea {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - resizable.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Resizable {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
}
.Resizable > .item {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.Resizable > .item > .content {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Resizable > .item > .vertical {
  font-size: 14px;
  line-height: normal;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 0 10px;
  -moz-box-flex: 0 0 10px;
  -webkit-flex: 0 0 10px;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  font-weight: bold;
  width: 10px !important;
  cursor: w-resize;
}
.Resizable > .horizontal {
  font-size: 14px;
  line-height: normal;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 0 10px;
  -moz-box-flex: 0 0 10px;
  -webkit-flex: 0 0 10px;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  font-weight: bold;
  height: 10px !important;
  cursor: s-resize;
}

body.mobileApp .Resizable > .item > .vertical {
  font-size: 20px;
  line-height: normal;
}
body.mobileApp .Resizable > .horizontal {
  font-size: 20px;
  line-height: normal;
}

/*
 * Graphical user interface library - password input.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.PasswordInput {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding: 4px;
  cursor: text;
}
.PasswordInput > input[type=password] {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: left;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

body.mobileApp .PasswordInput {
  padding: 10px;
}
body.mobileApp .PasswordInput > input[type=password] {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - image.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Image {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
}
.Image > img {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
  max-height: 100%;
}

.Canvas {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.Canvas > canvas {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/*
 * Graphical user interface library - dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Dialog {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 14px;
}
.Dialog > .item {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 1px;
  /*5px*/
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.Dialog > .item > .top > .left > .icon, .ErrorDialog > .item > .top > .left > .icon, .WarningDialog > .item > .top > .left > .icon, .InfoDialog > .item > .top > .left > .icon, .QuestionDialog > .item > .top > .left > .icon {
  font-size: 48px;
  line-height: normal;
}

body.mobileApp .Dialog {
  padding: 20px;
}
body.mobileApp .Dialog > .item > .top > .left > .icon {
  font-size: 64px;
  line-height: normal;
}

/*
 * Graphical user interface library - dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.ScreenDialog {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 0px;
}
.ScreenDialog > .Screen {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}
.ScreenDialog > .Screen > .content {
  padding: 0px;
}

.ScreenDialog.menu > .Screen > .content {
  padding-left: 15px;
  padding-right: 15px;
}

/*
 * Graphical user interface library - error dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.ErrorDialog {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 14px;
}
.ErrorDialog > .item {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 1px;
  /*5px*/
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.ErrorDialog > .item > .top {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 8px;
}
.ErrorDialog > .item > .top > .left {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-right: 8px;
}
.ErrorDialog > .item > .top > .left > .icon {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 48px;
  line-height: normal;
  width: 30px;
  text-align: center;
}
.ErrorDialog > .item > .top > .content {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ErrorDialog > .item > .top > .content > .Label {
  text-align: left;
}
.ErrorDialog > .item > .bottom {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.ErrorDialog > .item > .bottom > .Button {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

body.mobileApp .ErrorDialog {
  padding: 20px;
}
body.mobileApp .ErrorDialog > .item > .top > .left > .icon {
  font-size: 64px;
  line-height: normal;
}

/*
 * Graphical user interface library - error dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.desktop .WarningDialog, .mobile .WarningDialog {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: normal;
}
.desktop .WarningDialog > table, .mobile .WarningDialog > table {
  width: 100%;
  height: 100%;
  border-spacing: 0em;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.desktop .WarningDialog > table > tbody > tr, .mobile .WarningDialog > table > tbody > tr {
  width: 100%;
  height: 100%;
  font-size: 0px;
  line-height: 0px;
}
.desktop .WarningDialog > table > tbody > tr > td, .mobile .WarningDialog > table > tbody > tr > td {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 0px;
  line-height: 0px;
}
.desktop .WarningDialog > table > tbody > tr > td > .item, .mobile .WarningDialog > table > tbody > tr > td > .item {
  font-size: 0px;
  line-height: 0px;
  width: auto;
  height: auto;
  display: inline-block;
}
.desktop .WarningDialog > table > tbody > tr > td > .item .top, .mobile .WarningDialog > table > tbody > tr > td > .item .top {
  padding-bottom: 1em;
}
.desktop .WarningDialog > table > tbody > tr > td > .item .content, .mobile .WarningDialog > table > tbody > tr > td > .item .content {
  padding-left: 1em;
}

.mobile .WarningDialog > table > tbody > tr > td > .item {
  width: 100%;
  height: 100%;
}

body.mobileApp .WarningDialog {
  padding: 20px;
}
body.mobileApp .WarningDialog > .item > .top > .left > .icon {
  font-size: 64px;
  line-height: normal;
}

/*
 * Graphical user interface library - error dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.QuestionDialog {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 14px;
}
.QuestionDialog > .item {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 1px;
  /*5px*/
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.QuestionDialog > .item > .top {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 8px;
}
.QuestionDialog > .item > .top > .left {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-right: 20px;
}
.QuestionDialog > .item > .top > .left > .icon {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 48px;
  line-height: normal;
  width: 30px;
  text-align: center;
}
.QuestionDialog > .item > .top > .content {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.QuestionDialog > .item > .top > .content > .Label {
  text-align: left;
}
.QuestionDialog > .item > .bottom {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.QuestionDialog > .item > .bottom > .Button {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

body.mobileApp .QuestionDialog {
  padding: 20px;
}
body.mobileApp .QuestionDialog > .item > .top > .left > .icon {
  font-size: 64px;
  line-height: normal;
}

/*
 * Graphical user interface library - info dialog.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.InfoDialog {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  width: 100%;
  height: 100%;
  padding: 14px;
}
.InfoDialog > .item {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 1px;
  /*5px*/
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.InfoDialog > .item > .top {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 8px;
}
.InfoDialog > .item > .top > .left {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-right: 8px;
}
.InfoDialog > .item > .top > .left > .icon {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 48px;
  line-height: normal;
  width: 30px;
  text-align: center;
}
.InfoDialog > .item > .top > .content {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.InfoDialog > .item > .top > .content > .Label {
  text-align: left;
}
.InfoDialog > .item > .bottom {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.InfoDialog > .item > .bottom > .Button {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

body.mobileApp .InfoDialog {
  padding: 20px;
}
body.mobileApp .InfoDialog > .item > .top > .left > .icon {
  font-size: 64px;
  line-height: normal;
}

/*
 * Graphical user interface library - number input.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.NumberInput {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding: 4px;
  cursor: text;
}
.NumberInput > input[type=text] {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: right;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

body.mobileApp .NumberInput > input[type=text] {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - date input.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.DateInput {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding: 4px;
  cursor: text;
}
.DateInput > input[type=text] {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: right;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.DateInput > input[type=date] {
  font-size: 11px;
  line-height: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: right;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

body.mobileApp .DateInput {
  padding: 10px;
}
body.mobileApp .DateInput > input[type=text] {
  font-size: 16px;
  line-height: normal;
}
body.mobileApp .DateInput > input[type=date] {
  -webkit-appearance: none;
  font-size: 16px;
  line-height: normal;
}

body.ios .DateInput > input[type=date] {
  -webkit-appearance: none;
  width: 100%;
  height: 20px;
  padding-right: 30px;
  background: url(../img/ios7-arrow-down.png) right center;
  background-repeat-x: no-repeat !important;
  background-repeat-y: no-repeat !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}

/*
 * Graphical user interface library - checkbox.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.CheckBox {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  cursor: default;
}
.CheckBox > input[type=checkbox] {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.CheckBox > .item.text {
  font-size: 11px;
  line-height: normal;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  margin-left: 4px;
}

body.mobileApp .CheckBox > .item.text {
  font-size: 16px;
  line-height: normal;
}

/*
 * Graphical user interface library - CheckBox list - vertical
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.CheckBoxListVertical {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  max-width: 100%;
  overflow: auto;
  cursor: default;
}
.CheckBoxListVertical > .item {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 2px;
  margin-right: 2px;
}
.CheckBoxListVertical > .item:first-child {
  margin-left: 0px;
}
.CheckBoxListVertical > .item:last-child {
  margin-right: 0px;
}
.CheckBoxListVertical > .item.expand {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.CheckBoxListVertical > .Label.item {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.CheckBoxListVertical.dialog_buttons {
  -ms-flex-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.CheckBoxListVertical.dialog_buttons > .Button {
  padding-left: 10px;
  padding-right: 10px;
}

.CheckBoxListVertical.tabs > .Button {
  margin: 0px;
  border-radius: 0px;
}

/*
 * Graphical user interface library - combo box.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.ComboBox {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  font-size: 0px;
  line-height: 0px;
  border-radius: 1px;
  /*3px*/
  padding-top: 3px;
  padding-right: 4px;
  padding-bottom: 3px;
  padding-left: 4px;
  cursor: default;
}
.ComboBox > select {
  font-size: 11px;
  line-height: normal;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  outline: none;
  border-style: solid;
  border: none;
  text-align: left;
}
.ComboBox > select:disabled {
  font-size: 16px;
  line-height: normal;
}

body.mobileApp .ComboBox {
  overflow: hidden;
  padding: 10px;
}
body.mobileApp .ComboBox > select {
  font-size: 16px;
  line-height: normal;
}
body.mobileApp .ComboBox > select:disabled {
  font-size: 16px;
  line-height: normal;
}

body.ios .ComboBox > select {
  -webkit-appearance: none;
  width: 100%;
  padding-right: 30px;
  background: url(../img/ios7-arrow-down.png) right center no-repeat;
  background-size: 20px;
}

/*
 * Graphical user interface library - label.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
.Sketch .Label {
  font-size: 11px;
  line-height: normal;
  text-align: left;
}
.Sketch .Label.title {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  border-radius: 1px;
  /*3px*/
  padding: 3px;
}
.Sketch .Label.bold {
  font-weight: bold;
}
.Sketch .Label.normal {
  font-weight: normal;
}
.Sketch .Label.nowrap {
  white-space: nowrap;
}
.Sketch .Label.left, .Sketch .Label.string {
  text-align: left;
}
.Sketch .Label.right, .Sketch .Label.int, .Sketch .Label.float, .Sketch .Label.datetime {
  text-align: right;
}
.Sketch .Label.start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.Sketch .Label.center {
  text-align: center;
}
.Sketch .Label.italic {
  font-style: italic;
}
.Sketch .Label.underline {
  text-decoration: underline;
}
.Sketch .Label.linethrough {
  text-decoration: line-through;
}
.Sketch .Label.underline.linethrough {
  text-decoration: underline line-through;
}

.colorpicker {
  z-index: 1000000 !important;
}

/*
 * Graphical user interface - blue-green theme.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Common mixins.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Hide element.
 */
/**
 * Invisible element.
 */
/*
 * Set font size.
 *
 * Parameters:
 *   size - font size
 */
/*
 * Set direction of flexbox items.
 *
 * Parameters:
 *   direction - direction of flexbox items
 */
.display_none {
  display: none !important;
}

/*
 * Set font.
 *
 * Parameters:
 *   family - font family
 *   size - font size
 */
/*
 * Create box shadow.
 *
 * Parameters:
 *   inset - insert or null
 *   x - horizontal offset
 *   y - vertical offset
 *   blur - blur distance
 *   spread - spread distance or null
 *   color - color
 */
/*
 * Set box sizing.
 *
 * Parameters:
 *   sizing - sizing (content-box, border-box, initial, inherit)
 */
/*
 * Disabled color for foreground and background.
 *
 * Parameters:
 *   bg - background color (original)
 *   fg - foreground color (original)
 */
/*
 * Set scrollbar style.
 * 
 * Parameters:
 *   track - background color for track
 *   bbs - left/top border size for thumb
 *   bes - right/bottom border size for thumb
 *   thumb - background color for thumb
 */
body.greenTheme {
  background-color: #f3f4f5;
  color: #2f3c48;
  font-family: Arial, sans-serif;
  font-size: 0px;
  line-height: 0px;
}
body.greenTheme ::selection {
  color: #ffffff;
  background-color: #1abb9b;
}
body.greenTheme ::-moz-selection {
  color: #ffffff;
  background-color: #1abb9b;
}
body.greenTheme .Label {
  color: #2f3c48;
}
body.greenTheme .Label.title {
  background-color: #f0f0f0;
  border: 1px solid #a0a7ae;
  color: #2f3c48;
}
body.greenTheme .Button {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button .Label {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button.disabled {
  color: #c6eee6;
  opacity: 0.5;
}
body.greenTheme .Button:hover {
  background-color: #1dd4af;
}
body.greenTheme .Button:hover .Label {
  background-color: #1dd4af;
}
body.greenTheme .Button.focus {
  background-color: #1dd4af;
}
body.greenTheme .Button.focus .Label {
  background-color: #1dd4af;
}
body.greenTheme .Button.color {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button.color .Label {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button.color:hover {
  background-color: #1dd4af;
}
body.greenTheme .Button.color:hover .Label {
  background-color: #1dd4af;
}
body.greenTheme .Button.color.focus {
  background-color: #1dd4af;
}
body.greenTheme .Button.color.focus .Label {
  background-color: #1dd4af;
}
body.greenTheme .Button.dark {
  background-color: #2f3c48;
  color: #ffffff;
}
body.greenTheme .Button.dark .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.greenTheme .Button.dark:hover {
  background-color: #4b5966;
}
body.greenTheme .Button.dark:hover .Label {
  background-color: #4b5966;
}
body.greenTheme .Button.dark.focus {
  background-color: #4b5966;
}
body.greenTheme .Button.dark.focus .Label {
  background-color: #4b5966;
}
body.greenTheme .Button.dark.active {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button.dark.active .Label {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .Button.dark.active:hover {
  background-color: #1dd4af;
}
body.greenTheme .Button.dark.active:hover .Label {
  background-color: #1dd4af;
}
body.greenTheme .Button.dark.active.focus {
  background-color: #1abb9b;
}
body.greenTheme .Button.dark.active.focus .Label {
  background-color: #1abb9b;
}
body.greenTheme .Button.light {
  border: 1px solid #d0d4d7;
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.greenTheme .Button.light .Label {
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.greenTheme .Button.light:hover {
  background-color: #f0f0f0;
}
body.greenTheme .Button.light:hover .Label {
  background-color: #f0f0f0;
}
body.greenTheme .Button.light.focus {
  background-color: #f0f0f0;
}
body.greenTheme .Button.light.focus .Label {
  background-color: #f0f0f0;
}
body.greenTheme .HorizontalLayout.tabs {
  border-bottom: 4px solid #1abb9b;
}
body.greenTheme .HorizontalLayout.tabs > .Button {
  background-color: #2f3c48;
  color: #ffffff;
}
body.greenTheme .HorizontalLayout.tabs > .Button .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.greenTheme .HorizontalLayout.tabs > .Button.disabled {
  color: #cbced1;
}
body.greenTheme .HorizontalLayout.tabs > .Button.disabled .Label {
  color: #cbced1;
}
body.greenTheme .HorizontalLayout.tabs > .Button:hover {
  background-color: #4b5966;
}
body.greenTheme .HorizontalLayout.tabs > .Button:hover .Label {
  background-color: #4b5966;
}
body.greenTheme .HorizontalLayout.tabs > .Button.focus {
  background-color: #4b5966;
}
body.greenTheme .HorizontalLayout.tabs > .Button.focus .Label {
  background-color: #4b5966;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active .Label {
  background-color: #1abb9b;
  color: #ffffff;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active.disabled {
  color: #c6eee6;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active.disabled .Label {
  color: #c6eee6;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active:hover {
  background-color: #1abb9b;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active:hover .Label {
  background-color: #1abb9b;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active.focus {
  background-color: #1abb9b;
}
body.greenTheme .HorizontalLayout.tabs > .Button.active.focus .Label {
  background-color: #1abb9b;
}
body.greenTheme .TextInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.greenTheme .TextInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .TextInput > textarea {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .TextInput:hover {
  border: 1px solid #a0a7ae;
}
body.greenTheme .TextInput.focus {
  border: 1px solid #a0a7ae;
}
body.greenTheme .TextInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.greenTheme .TextInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .TextInput.disabled > textarea:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .TextInput.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.greenTheme .TextInput.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.greenTheme .PasswordInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.greenTheme .PasswordInput > input[type=password] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .PasswordInput:hover {
  border: 1px solid #a0a7ae;
}
body.greenTheme .PasswordInput.focus {
  border: 1px solid #a0a7ae;
}
body.greenTheme .PasswordInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.greenTheme .PasswordInput.disabled > input[type=password]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .DateInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.greenTheme .DateInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .DateInput:hover {
  border: 1px solid #a0a7ae;
}
body.greenTheme .DateInput.focus {
  border: 1px solid #a0a7ae;
}
body.greenTheme .DateInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.greenTheme .DateInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .NumberInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.greenTheme .NumberInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .NumberInput:hover {
  border: 1px solid #a0a7ae;
}
body.greenTheme .NumberInput.focus {
  border: 1px solid #a0a7ae;
}
body.greenTheme .NumberInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.greenTheme .NumberInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.greenTheme .ComboBox {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.greenTheme .ComboBox > select {
  background-color: #ffffff;
  color: #2f3c48;
}
body.greenTheme .ComboBox:hover {
  border: 1px solid #a0a7ae;
}
body.greenTheme .ComboBox.focus {
  border: 1px solid #a0a7ae;
}
body.greenTheme .ComboBox.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.greenTheme .ComboBox.disabled > select:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.greenTheme .ComboBox.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.greenTheme .ComboBox.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.greenTheme .CheckBox > .item.text {
  color: #2f3c48;
}
body.greenTheme .CheckBox.disabled > .item.text {
  color: #636d76;
}
body.greenTheme .Dialog, body.greenTheme .ErrorDialog, body.greenTheme .WarningDialog, body.greenTheme .InfoDialog, body.greenTheme .QuestionDialog {
  background: rgba(47, 60, 72, 0.5);
}
body.greenTheme .Dialog > .item, body.greenTheme .ErrorDialog > .item, body.greenTheme .WarningDialog > .item, body.greenTheme .InfoDialog > .item, body.greenTheme .QuestionDialog > .item {
  background: #ffffff;
  border: 14px solid #ffffff;
  -webkit-box-shadow: 0px 0px 10px #2f3c48;
  -moz-box-shadow: 0px 0px 10px #2f3c48;
  box-shadow: 0px 0px 10px #2f3c48;
}
body.greenTheme .Dialog > .item .dialog_buttons, body.greenTheme .ErrorDialog > .item .dialog_buttons, body.greenTheme .WarningDialog > .item .dialog_buttons, body.greenTheme .InfoDialog > .item .dialog_buttons, body.greenTheme .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #e2e5e7;
  padding-top: 4px;
}
body.greenTheme .Dialog > .item .dialog_buttons > .Button, body.greenTheme .ErrorDialog > .item .dialog_buttons > .Button, body.greenTheme .WarningDialog > .item .dialog_buttons > .Button, body.greenTheme .InfoDialog > .item .dialog_buttons > .Button, body.greenTheme .QuestionDialog > .item .dialog_buttons > .Button {
  margin-left: 4px;
  margin-right: 4px;
}
body.greenTheme .Dialog > .item .dialog_buttons > .Button:first-child, body.greenTheme .ErrorDialog > .item .dialog_buttons > .Button:first-child, body.greenTheme .WarningDialog > .item .dialog_buttons > .Button:first-child, body.greenTheme .InfoDialog > .item .dialog_buttons > .Button:first-child, body.greenTheme .QuestionDialog > .item .dialog_buttons > .Button:first-child {
  margin-left: 0px;
}
body.greenTheme .Dialog > .item .dialog_buttons > .Button:last-child, body.greenTheme .ErrorDialog > .item .dialog_buttons > .Button:last-child, body.greenTheme .WarningDialog > .item .dialog_buttons > .Button:last-child, body.greenTheme .InfoDialog > .item .dialog_buttons > .Button:last-child, body.greenTheme .QuestionDialog > .item .dialog_buttons > .Button:last-child {
  margin-right: 0px;
}
body.greenTheme .Dialog.only {
  background: #4b5966;
}
body.greenTheme .Sketch .panel {
  background-color: #e2e5e7;
  padding: 3px;
}
body.greenTheme .Sketch .panel .Button.dark {
  border: 1px solid #4b5966;
  background-color: #2f3c48;
}
body.greenTheme .Sketch .panel .Button.dark .Label {
  background-color: #2f3c48;
}
body.greenTheme .Sketch .panel .Button.dark.disabled {
  background-color: #a0a7ae;
  border: 1px solid #a0a7ae;
}
body.greenTheme .Sketch .panel .leftGap {
  margin-left: 20px;
}
body.greenTheme .Sketch .panel .selected {
  border: 1px solid black !important;
  background-color: #4b5966 !important;
}
body.greenTheme .Sketch .panel .selected .Label {
  background-color: #4b5966 !important;
}
body.greenTheme .Sketch .canvas-container, body.greenTheme .Sketch .lower-canvas, body.greenTheme .Sketch .upper-canvas {
  border: 1px solid #e2e5e7;
}
body.greenTheme .CheckBoxListVertical > .item.disabled {
  color: #404040;
}

/*
 * Graphical user interface - blue-green theme.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Common mixins.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Hide element.
 */
/**
 * Invisible element.
 */
/*
 * Set font size.
 *
 * Parameters:
 *   size - font size
 */
/*
 * Set direction of flexbox items.
 *
 * Parameters:
 *   direction - direction of flexbox items
 */
.display_none {
  display: none !important;
}

/*
 * Set font.
 *
 * Parameters:
 *   family - font family
 *   size - font size
 */
/*
 * Create box shadow.
 *
 * Parameters:
 *   inset - insert or null
 *   x - horizontal offset
 *   y - vertical offset
 *   blur - blur distance
 *   spread - spread distance or null
 *   color - color
 */
/*
 * Set box sizing.
 *
 * Parameters:
 *   sizing - sizing (content-box, border-box, initial, inherit)
 */
/*
 * Disabled color for foreground and background.
 *
 * Parameters:
 *   bg - background color (original)
 *   fg - foreground color (original)
 */
/*
 * Set scrollbar style.
 * 
 * Parameters:
 *   track - background color for track
 *   bbs - left/top border size for thumb
 *   bes - right/bottom border size for thumb
 *   thumb - background color for thumb
 */
body.yellowTheme {
  background-color: #f3f4f5;
  color: #2f3c48;
  font-family: Arial, sans-serif;
  font-size: 0px;
  line-height: 0px;
}
body.yellowTheme ::selection {
  color: #ffffff;
  background-color: #f0c30f;
}
body.yellowTheme ::-moz-selection {
  color: #ffffff;
  background-color: #f0c30f;
}
body.yellowTheme .Label {
  color: #2f3c48;
}
body.yellowTheme .Label.title {
  background-color: #f0f0f0;
  border: 1px solid #a0a7ae;
  color: #2f3c48;
}
body.yellowTheme .Button {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button .Label {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button.disabled {
  color: #fbf0c3;
  opacity: 0.5;
}
body.yellowTheme .Button:hover {
  background-color: #f3cf3f;
}
body.yellowTheme .Button:hover .Label {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.focus {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.focus .Label {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.color {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button.color .Label {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button.color:hover {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.color:hover .Label {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.color.focus {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.color.focus .Label {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.dark {
  background-color: #2f3c48;
  color: #ffffff;
}
body.yellowTheme .Button.dark .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.yellowTheme .Button.dark:hover {
  background-color: #4b5966;
}
body.yellowTheme .Button.dark:hover .Label {
  background-color: #4b5966;
}
body.yellowTheme .Button.dark.focus {
  background-color: #4b5966;
}
body.yellowTheme .Button.dark.focus .Label {
  background-color: #4b5966;
}
body.yellowTheme .Button.dark.active {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button.dark.active .Label {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .Button.dark.active:hover {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.dark.active:hover .Label {
  background-color: #f3cf3f;
}
body.yellowTheme .Button.dark.active.focus {
  background-color: #f0c30f;
}
body.yellowTheme .Button.dark.active.focus .Label {
  background-color: #f0c30f;
}
body.yellowTheme .Button.light {
  border: 1px solid #d0d4d7;
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.yellowTheme .Button.light .Label {
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.yellowTheme .Button.light:hover {
  background-color: #f0f0f0;
}
body.yellowTheme .Button.light:hover .Label {
  background-color: #f0f0f0;
}
body.yellowTheme .Button.light.focus {
  background-color: #f0f0f0;
}
body.yellowTheme .Button.light.focus .Label {
  background-color: #f0f0f0;
}
body.yellowTheme .HorizontalLayout.tabs {
  border-bottom: 4px solid #f0c30f;
}
body.yellowTheme .HorizontalLayout.tabs > .Button {
  background-color: #2f3c48;
  color: #ffffff;
}
body.yellowTheme .HorizontalLayout.tabs > .Button .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.disabled {
  color: #cbced1;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.disabled .Label {
  color: #cbced1;
}
body.yellowTheme .HorizontalLayout.tabs > .Button:hover {
  background-color: #4b5966;
}
body.yellowTheme .HorizontalLayout.tabs > .Button:hover .Label {
  background-color: #4b5966;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.focus {
  background-color: #4b5966;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.focus .Label {
  background-color: #4b5966;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active .Label {
  background-color: #f0c30f;
  color: #ffffff;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active.disabled {
  color: #fbf0c3;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active.disabled .Label {
  color: #fbf0c3;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active:hover {
  background-color: #f0c30f;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active:hover .Label {
  background-color: #f0c30f;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active.focus {
  background-color: #f0c30f;
}
body.yellowTheme .HorizontalLayout.tabs > .Button.active.focus .Label {
  background-color: #f0c30f;
}
body.yellowTheme .TextInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .TextInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .TextInput > textarea {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .TextInput:hover {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .TextInput.focus {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .TextInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .TextInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .TextInput.disabled > textarea:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .TextInput.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .TextInput.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .PasswordInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .PasswordInput > input[type=password] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .PasswordInput:hover {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .PasswordInput.focus {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .PasswordInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .PasswordInput.disabled > input[type=password]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .DateInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .DateInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .DateInput:hover {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .DateInput.focus {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .DateInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .DateInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .NumberInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .NumberInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .NumberInput:hover {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .NumberInput.focus {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .NumberInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .NumberInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .ComboBox {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .ComboBox > select {
  background-color: #ffffff;
  color: #2f3c48;
}
body.yellowTheme .ComboBox:hover {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .ComboBox.focus {
  border: 1px solid #a0a7ae;
}
body.yellowTheme .ComboBox.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.yellowTheme .ComboBox.disabled > select:disabled {
  background-color: #e2e5e7;
  color: #5c6670;
}
body.yellowTheme .ComboBox.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .ComboBox.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.yellowTheme .CheckBox > .item.text {
  color: #2f3c48;
}
body.yellowTheme .CheckBox.disabled > .item.text {
  color: #636d76;
}
body.yellowTheme .Dialog, body.yellowTheme .ErrorDialog, body.yellowTheme .WarningDialog, body.yellowTheme .InfoDialog, body.yellowTheme .QuestionDialog {
  background: rgba(47, 60, 72, 0.5);
}
body.yellowTheme .Dialog > .item, body.yellowTheme .ErrorDialog > .item, body.yellowTheme .WarningDialog > .item, body.yellowTheme .InfoDialog > .item, body.yellowTheme .QuestionDialog > .item {
  background: #ffffff;
  border: 14px solid #ffffff;
  -webkit-box-shadow: 0px 0px 10px #2f3c48;
  -moz-box-shadow: 0px 0px 10px #2f3c48;
  box-shadow: 0px 0px 10px #2f3c48;
}
body.yellowTheme .Dialog > .item .dialog_buttons, body.yellowTheme .ErrorDialog > .item .dialog_buttons, body.yellowTheme .WarningDialog > .item .dialog_buttons, body.yellowTheme .InfoDialog > .item .dialog_buttons, body.yellowTheme .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #e2e5e7;
  padding-top: 4px;
}
body.yellowTheme .Dialog > .item .dialog_buttons > .Button, body.yellowTheme .ErrorDialog > .item .dialog_buttons > .Button, body.yellowTheme .WarningDialog > .item .dialog_buttons > .Button, body.yellowTheme .InfoDialog > .item .dialog_buttons > .Button, body.yellowTheme .QuestionDialog > .item .dialog_buttons > .Button {
  margin-left: 4px;
  margin-right: 4px;
}
body.yellowTheme .Dialog > .item .dialog_buttons > .Button:first-child, body.yellowTheme .ErrorDialog > .item .dialog_buttons > .Button:first-child, body.yellowTheme .WarningDialog > .item .dialog_buttons > .Button:first-child, body.yellowTheme .InfoDialog > .item .dialog_buttons > .Button:first-child, body.yellowTheme .QuestionDialog > .item .dialog_buttons > .Button:first-child {
  margin-left: 0px;
}
body.yellowTheme .Dialog > .item .dialog_buttons > .Button:last-child, body.yellowTheme .ErrorDialog > .item .dialog_buttons > .Button:last-child, body.yellowTheme .WarningDialog > .item .dialog_buttons > .Button:last-child, body.yellowTheme .InfoDialog > .item .dialog_buttons > .Button:last-child, body.yellowTheme .QuestionDialog > .item .dialog_buttons > .Button:last-child {
  margin-right: 0px;
}
body.yellowTheme .Dialog.only {
  background: #4b5966;
}
body.yellowTheme .Sketch .panel {
  background-color: #e2e5e7;
  padding: 3px;
}
body.yellowTheme .Sketch .panel .Button.dark {
  border: 1px solid #4b5966;
  background-color: #2f3c48;
}
body.yellowTheme .Sketch .panel .Button.dark .Label {
  background-color: #2f3c48;
}
body.yellowTheme .Sketch .panel .Button.dark.disabled {
  background-color: #a0a7ae;
  border: 1px solid #a0a7ae;
}
body.yellowTheme .Sketch .panel .leftGap {
  margin-left: 20px;
}
body.yellowTheme .Sketch .panel .selected {
  border: 1px solid black !important;
  background-color: #4b5966 !important;
}
body.yellowTheme .Sketch .panel .selected .Label {
  background-color: #4b5966 !important;
}
body.yellowTheme .Sketch .canvas-container, body.yellowTheme .Sketch .lower-canvas, body.yellowTheme .Sketch .upper-canvas {
  border: 1px solid #e2e5e7;
}
body.yellowTheme .CheckBoxListVertical > .item.disabled {
  color: #404040;
}

/*
 * Graphical user interface - blue-green theme.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Common mixins.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Hide element.
 */
/**
 * Invisible element.
 */
/*
 * Set font size.
 *
 * Parameters:
 *   size - font size
 */
/*
 * Set direction of flexbox items.
 *
 * Parameters:
 *   direction - direction of flexbox items
 */
.display_none {
  display: none !important;
}

/*
 * Set font.
 *
 * Parameters:
 *   family - font family
 *   size - font size
 */
/*
 * Create box shadow.
 *
 * Parameters:
 *   inset - insert or null
 *   x - horizontal offset
 *   y - vertical offset
 *   blur - blur distance
 *   spread - spread distance or null
 *   color - color
 */
/*
 * Set box sizing.
 *
 * Parameters:
 *   sizing - sizing (content-box, border-box, initial, inherit)
 */
/*
 * Disabled color for foreground and background.
 *
 * Parameters:
 *   bg - background color (original)
 *   fg - foreground color (original)
 */
/*
 * Set scrollbar style.
 * 
 * Parameters:
 *   track - background color for track
 *   bbs - left/top border size for thumb
 *   bes - right/bottom border size for thumb
 *   thumb - background color for thumb
 */
body.redTheme {
  background-color: #f3f4f5;
  color: #2f3c48;
  font-family: Arial, sans-serif;
  font-size: 0px;
  line-height: 0px;
}
body.redTheme ::selection {
  color: #ffffff;
  background-color: #e64c3c;
}
body.redTheme ::-moz-selection {
  color: #ffffff;
  background-color: #e64c3c;
}
body.redTheme .Label {
  color: #2f3c48;
}
body.redTheme .Label.title {
  background-color: #f0f0f0;
  border: 1px solid #a0a7ae;
  color: #2f3c48;
}
body.redTheme .Button {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button .Label {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button.disabled {
  color: #f9d2ce;
  opacity: 0.5;
}
body.redTheme .Button.focus {
  background-color: #eb7063;
}
body.redTheme .Button.focus .Label {
  background-color: #eb7063;
}
body.redTheme .Button:active {
  background-color: #eb7063;
}
body.redTheme .Button:active .Label {
  background-color: #eb7063;
}
body.redTheme .Button.color {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button.color .Label {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button.color.focus {
  background-color: #eb7063;
}
body.redTheme .Button.color.focus .Label {
  background-color: #eb7063;
}
body.redTheme .Button.color:active {
  background-color: #eb7063;
}
body.redTheme .Button.color:active .Label {
  background-color: #eb7063;
}
body.redTheme .Button.dark {
  background-color: #2f3c48;
  color: #ffffff;
}
body.redTheme .Button.dark .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.redTheme .Button.dark.focus {
  background-color: #4b5966;
}
body.redTheme .Button.dark.focus .Label {
  background-color: #4b5966;
}
body.redTheme .Button.dark:active {
  background-color: #4b5966;
}
body.redTheme .Button.dark:active .Label {
  background-color: #4b5966;
}
body.redTheme .Button.dark.active {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button.dark.active .Label {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .Button.dark.active.focus {
  background-color: #e64c3c;
}
body.redTheme .Button.dark.active.focus .Label {
  background-color: #e64c3c;
}
body.redTheme .Button.dark.active:active {
  background-color: #e64c3c;
}
body.redTheme .Button.dark.active:active .Label {
  background-color: #e64c3c;
}
body.redTheme .HorizontalLayout.tabs {
  border-bottom: 4px solid #e64c3c;
}
body.redTheme .HorizontalLayout.tabs > .Button {
  background-color: #2f3c48;
  color: #ffffff;
}
body.redTheme .HorizontalLayout.tabs > .Button .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.redTheme .HorizontalLayout.tabs > .Button.disabled {
  color: #cbced1;
}
body.redTheme .HorizontalLayout.tabs > .Button.disabled .Label {
  color: #cbced1;
}
body.redTheme .HorizontalLayout.tabs > .Button:hover {
  background-color: #4b5966;
}
body.redTheme .HorizontalLayout.tabs > .Button:hover .Label {
  background-color: #4b5966;
}
body.redTheme .HorizontalLayout.tabs > .Button.focus {
  background-color: #4b5966;
}
body.redTheme .HorizontalLayout.tabs > .Button.focus .Label {
  background-color: #4b5966;
}
body.redTheme .HorizontalLayout.tabs > .Button.active {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .HorizontalLayout.tabs > .Button.active .Label {
  background-color: #e64c3c;
  color: #ffffff;
}
body.redTheme .HorizontalLayout.tabs > .Button.active.disabled {
  color: #f9d2ce;
}
body.redTheme .HorizontalLayout.tabs > .Button.active.disabled .Label {
  color: #f9d2ce;
}
body.redTheme .HorizontalLayout.tabs > .Button.active:hover {
  background-color: #e64c3c;
}
body.redTheme .HorizontalLayout.tabs > .Button.active:hover .Label {
  background-color: #e64c3c;
}
body.redTheme .HorizontalLayout.tabs > .Button.active.focus {
  background-color: #e64c3c;
}
body.redTheme .HorizontalLayout.tabs > .Button.active.focus .Label {
  background-color: #e64c3c;
}
body.redTheme .TextInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.redTheme .TextInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .TextInput > textarea {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .TextInput:hover {
  border: 1px solid #a0a7ae;
}
body.redTheme .TextInput.focus {
  border: 1px solid #a0a7ae;
}
body.redTheme .TextInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.redTheme .TextInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .TextInput.disabled > textarea:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .TextInput.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.redTheme .TextInput.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.redTheme .PasswordInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.redTheme .PasswordInput > input[type=password] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .PasswordInput:hover {
  border: 1px solid #a0a7ae;
}
body.redTheme .PasswordInput.focus {
  border: 1px solid #a0a7ae;
}
body.redTheme .PasswordInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.redTheme .PasswordInput.disabled > input[type=password]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .DateInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.redTheme .DateInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .DateInput > input[type=date] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .DateInput:hover {
  border: 1px solid #a0a7ae;
}
body.redTheme .DateInput.focus {
  border: 1px solid #a0a7ae;
}
body.redTheme .DateInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.redTheme .DateInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .DateInput.disabled > input[type=date]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .NumberInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.redTheme .NumberInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .NumberInput:hover {
  border: 1px solid #a0a7ae;
}
body.redTheme .NumberInput.focus {
  border: 1px solid #a0a7ae;
}
body.redTheme .NumberInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.redTheme .NumberInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.redTheme .ComboBox {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.redTheme .ComboBox > select {
  background-color: #ffffff;
  color: #2f3c48;
}
body.redTheme .ComboBox:hover {
  border: 1px solid #a0a7ae;
}
body.redTheme .ComboBox.focus {
  border: 1px solid #a0a7ae;
}
body.redTheme .ComboBox.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.redTheme .ComboBox.disabled > select:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.redTheme .ComboBox.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.redTheme .ComboBox.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.redTheme .CheckBox > .item.text {
  color: #2f3c48;
}
body.redTheme .CheckBox.disabled > .item.text {
  color: #2f3c48;
}
body.redTheme .Dialog, body.redTheme .ErrorDialog, body.redTheme .WarningDialog, body.redTheme .InfoDialog, body.redTheme .QuestionDialog {
  background: rgba(47, 60, 72, 0.5);
}
body.redTheme .Dialog > .item, body.redTheme .ErrorDialog > .item, body.redTheme .WarningDialog > .item, body.redTheme .InfoDialog > .item, body.redTheme .QuestionDialog > .item {
  background: #ffffff;
  border: 14px solid #ffffff;
  -webkit-box-shadow: 0px 0px 10px #2f3c48;
  -moz-box-shadow: 0px 0px 10px #2f3c48;
  box-shadow: 0px 0px 10px #2f3c48;
}
body.redTheme .Dialog > .item .dialog_buttons, body.redTheme .ErrorDialog > .item .dialog_buttons, body.redTheme .WarningDialog > .item .dialog_buttons, body.redTheme .InfoDialog > .item .dialog_buttons, body.redTheme .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #e2e5e7;
  padding-top: 4px;
}
body.redTheme .Dialog > .item .dialog_buttons > .Button, body.redTheme .ErrorDialog > .item .dialog_buttons > .Button, body.redTheme .WarningDialog > .item .dialog_buttons > .Button, body.redTheme .InfoDialog > .item .dialog_buttons > .Button, body.redTheme .QuestionDialog > .item .dialog_buttons > .Button {
  margin-left: 4px;
  margin-right: 4px;
}
body.redTheme .Dialog > .item .dialog_buttons > .Button:first-child, body.redTheme .ErrorDialog > .item .dialog_buttons > .Button:first-child, body.redTheme .WarningDialog > .item .dialog_buttons > .Button:first-child, body.redTheme .InfoDialog > .item .dialog_buttons > .Button:first-child, body.redTheme .QuestionDialog > .item .dialog_buttons > .Button:first-child {
  margin-left: 0px;
}
body.redTheme .Dialog > .item .dialog_buttons > .Button:last-child, body.redTheme .ErrorDialog > .item .dialog_buttons > .Button:last-child, body.redTheme .WarningDialog > .item .dialog_buttons > .Button:last-child, body.redTheme .InfoDialog > .item .dialog_buttons > .Button:last-child, body.redTheme .QuestionDialog > .item .dialog_buttons > .Button:last-child {
  margin-right: 0px;
}
body.redTheme .ScreenDialog {
  background: #f3f4f5;
}
body.redTheme .Dialog.only {
  background: #4b5966;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row {
  border-bottom: 1px solid #a0a7ae;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row > .VerticalLayout > .title .Label {
  color: #2f3c48;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row > .VerticalLayout .Label {
  color: #2f3c48;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.odd {
  background-color: #f3f4f5;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.odd > .VerticalLayout > .title .Label {
  background-color: #f3f4f5;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.odd > .VerticalLayout .Label {
  background-color: #f3f4f5;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.even {
  background-color: #e2e5e7;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.even > .VerticalLayout > .title .Label {
  background-color: #e2e5e7;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.even > .VerticalLayout .Label {
  background-color: #e2e5e7;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.odd {
  background-color: #e64c3c;
  border-bottom: 1px solid #eb7063;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.odd .Image {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout > .title .Label {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout .Label {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout .datetime {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.even {
  background-color: #e64c3c;
  border-bottom: 1px solid #eb7063;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.even .Image {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout > .title .Label {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout .Label {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout .datetime {
  background-color: #e64c3c !important;
  color: #ffffff !important;
}
body.redTheme .Sketch .panel {
  background-color: #e2e5e7;
  padding: 3px;
}
body.redTheme .Sketch .panel .Button.dark {
  border: 1px solid #4b5966;
  background-color: #2f3c48;
}
body.redTheme .Sketch .panel .Button.dark .Label {
  background-color: #2f3c48;
}
body.redTheme .Sketch .panel .Button.dark.disabled {
  background-color: #a0a7ae;
  border: 1px solid #a0a7ae;
}
body.redTheme .Sketch .panel .leftGap {
  margin-left: 20px;
}
body.redTheme .Sketch .panel .selected {
  border: 1px solid black !important;
  background-color: #4b5966 !important;
}
body.redTheme .Sketch .panel .selected .Label {
  background-color: #4b5966 !important;
}
body.redTheme .Sketch .canvas-container, body.redTheme .Sketch .lower-canvas, body.redTheme .Sketch .upper-canvas {
  border: 1px solid #e2e5e7;
}
body.redTheme .CheckBoxListVertical > .item.disabled {
  color: #404040;
}

body.redTheme.desktop .Button:hover {
  background-color: #eb7063;
}
body.redTheme.desktop .Button:hover .Label {
  background-color: #eb7063;
}
body.redTheme.desktop .Button.color:hover {
  background-color: #eb7063;
}
body.redTheme.desktop .Button.color:hover .Label {
  background-color: #eb7063;
}
body.redTheme.desktop .Button.dark:hover {
  background-color: #4b5966;
}
body.redTheme.desktop .Button.dark:hover .Label {
  background-color: #4b5966;
}
body.redTheme.desktop .Button.dark.active:hover {
  background-color: #eb7063;
}
body.redTheme.desktop .Button.dark.active:hover .Label {
  background-color: #eb7063;
}
body.redTheme.desktop .Button.light:hover {
  background-color: #f0f0f0;
}
body.redTheme.desktop .Button.light:hover .Label {
  background-color: #f0f0f0;
}

body.redTheme.mobile .Button.light, .body.redTheme.desktop .Button.light {
  border: 1px solid #d0d4d7;
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.redTheme.mobile .Button.light .Label, .body.redTheme.desktop .Button.light .Label {
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.redTheme.mobile .Button.light.focus, .body.redTheme.desktop .Button.light.focus {
  background-color: #f0f0f0;
}
body.redTheme.mobile .Button.light.focus .Label, .body.redTheme.desktop .Button.light.focus .Label {
  background-color: #f0f0f0;
}
body.redTheme.mobile .Button.light:active, .body.redTheme.desktop .Button.light:active {
  background-color: #f0f0f0;
}
body.redTheme.mobile .Button.light:active .Label, .body.redTheme.desktop .Button.light:active .Label {
  background-color: #f0f0f0;
}

body.redTheme.mobileApp .Button.light {
  border: 1px solid #a0a7ae !important;
  background-color: #d0d4d7 !important;
  color: #2f3c48 !important;
}
body.redTheme.mobileApp .Button.light .Label {
  background-color: #d0d4d7 !important;
  color: #2f3c48 !important;
}
body.redTheme.mobileApp .Button.light.focus {
  background-color: #d0d4d7 !important;
}
body.redTheme.mobileApp .Button.light.focus .Label {
  background-color: #d0d4d7 !important;
}
body.redTheme.mobileApp .Button.light:active {
  background-color: #e2e5e7 !important;
}
body.redTheme.mobileApp .Button.light:active .Label {
  background-color: #e2e5e7 !important;
}

body.redTheme.mobileApp .Dialog > .item .dialog_buttons, body.redTheme.mobileApp .ErrorDialog > .item .dialog_buttons, body.redTheme.mobileApp .WarningDialog > .item .dialog_buttons, body.redTheme.mobileApp .InfoDialog > .item .dialog_buttons, body.redTheme.mobileApp .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #ffffff;
}

/*
 * Graphical user interface - blue-green theme.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Common mixins.
 * Copyright (C) 2014 Tectronik s.r.o.
 */
/*
 * Hide element.
 */
/**
 * Invisible element.
 */
/*
 * Set font size.
 *
 * Parameters:
 *   size - font size
 */
/*
 * Set direction of flexbox items.
 *
 * Parameters:
 *   direction - direction of flexbox items
 */
.display_none {
  display: none !important;
}

/*
 * Set font.
 *
 * Parameters:
 *   family - font family
 *   size - font size
 */
/*
 * Create box shadow.
 *
 * Parameters:
 *   inset - insert or null
 *   x - horizontal offset
 *   y - vertical offset
 *   blur - blur distance
 *   spread - spread distance or null
 *   color - color
 */
/*
 * Set box sizing.
 *
 * Parameters:
 *   sizing - sizing (content-box, border-box, initial, inherit)
 */
/*
 * Disabled color for foreground and background.
 *
 * Parameters:
 *   bg - background color (original)
 *   fg - foreground color (original)
 */
/*
 * Set scrollbar style.
 * 
 * Parameters:
 *   track - background color for track
 *   bbs - left/top border size for thumb
 *   bes - right/bottom border size for thumb
 *   thumb - background color for thumb
 */
body.blueTheme {
  background-color: #f3f4f5;
  color: #2f3c48;
  font-family: Arial, sans-serif;
  font-size: 0px;
  line-height: 0px;
}
body.blueTheme ::selection {
  color: #ffffff;
  background-color: #3497da;
}
body.blueTheme ::-moz-selection {
  color: #ffffff;
  background-color: #3497da;
}
body.blueTheme .Label {
  color: #2f3c48;
}
body.blueTheme .Label.title {
  background-color: #f0f0f0;
  border: 1px solid #a0a7ae;
  color: #2f3c48;
}
body.blueTheme .Button {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button .Label {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button.disabled {
  color: #cce5f6;
  opacity: 0.5;
}
body.blueTheme .Button.focus {
  background-color: #5dace1;
}
body.blueTheme .Button.focus .Label {
  background-color: #5dace1;
}
body.blueTheme .Button:active {
  background-color: #5dace1;
}
body.blueTheme .Button:active .Label {
  background-color: #5dace1;
}
body.blueTheme .Button.color {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button.color .Label {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button.color.focus {
  background-color: #5dace1;
}
body.blueTheme .Button.color.focus .Label {
  background-color: #5dace1;
}
body.blueTheme .Button.color:active {
  background-color: #5dace1;
}
body.blueTheme .Button.color:active .Label {
  background-color: #5dace1;
}
body.blueTheme .Button.dark {
  background-color: #2f3c48;
  color: #ffffff;
}
body.blueTheme .Button.dark .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.blueTheme .Button.dark.focus {
  background-color: #4b5966;
}
body.blueTheme .Button.dark.focus .Label {
  background-color: #4b5966;
}
body.blueTheme .Button.dark:active {
  background-color: #4b5966;
}
body.blueTheme .Button.dark:active .Label {
  background-color: #4b5966;
}
body.blueTheme .Button.dark.active {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button.dark.active .Label {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .Button.dark.active.focus {
  background-color: #3497da;
}
body.blueTheme .Button.dark.active.focus .Label {
  background-color: #3497da;
}
body.blueTheme .Button.dark.active:active {
  background-color: #3497da;
}
body.blueTheme .Button.dark.active:active .Label {
  background-color: #3497da;
}
body.blueTheme .HorizontalLayout.tabs {
  border-bottom: 4px solid #3497da;
}
body.blueTheme .HorizontalLayout.tabs > .Button {
  background-color: #2f3c48;
  color: #ffffff;
}
body.blueTheme .HorizontalLayout.tabs > .Button .Label {
  background-color: #2f3c48;
  color: #ffffff;
}
body.blueTheme .HorizontalLayout.tabs > .Button.disabled {
  color: #cbced1;
}
body.blueTheme .HorizontalLayout.tabs > .Button.disabled .Label {
  color: #cbced1;
}
body.blueTheme .HorizontalLayout.tabs > .Button:hover {
  background-color: #4b5966;
}
body.blueTheme .HorizontalLayout.tabs > .Button:hover .Label {
  background-color: #4b5966;
}
body.blueTheme .HorizontalLayout.tabs > .Button.focus {
  background-color: #4b5966;
}
body.blueTheme .HorizontalLayout.tabs > .Button.focus .Label {
  background-color: #4b5966;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active .Label {
  background-color: #3497da;
  color: #ffffff;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active.disabled {
  color: #cce5f6;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active.disabled .Label {
  color: #cce5f6;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active:hover {
  background-color: #3497da;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active:hover .Label {
  background-color: #3497da;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active.focus {
  background-color: #3497da;
}
body.blueTheme .HorizontalLayout.tabs > .Button.active.focus .Label {
  background-color: #3497da;
}
body.blueTheme .TextInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.blueTheme .TextInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .TextInput > textarea {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .TextInput:hover {
  border: 1px solid #a0a7ae;
}
body.blueTheme .TextInput.focus {
  border: 1px solid #a0a7ae;
}
body.blueTheme .TextInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.blueTheme .TextInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .TextInput.disabled > textarea:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .TextInput.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.blueTheme .TextInput.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.blueTheme .PasswordInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.blueTheme .PasswordInput > input[type=password] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .PasswordInput:hover {
  border: 1px solid #a0a7ae;
}
body.blueTheme .PasswordInput.focus {
  border: 1px solid #a0a7ae;
}
body.blueTheme .PasswordInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.blueTheme .PasswordInput.disabled > input[type=password]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .PasswordInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .DateInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.blueTheme .DateInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .DateInput > input[type=date] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .DateInput:hover {
  border: 1px solid #a0a7ae;
}
body.blueTheme .DateInput.focus {
  border: 1px solid #a0a7ae;
}
body.blueTheme .DateInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.blueTheme .DateInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .DateInput.disabled > input[type=date]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .DateInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .NumberInput {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.blueTheme .NumberInput > input[type=text] {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .NumberInput:hover {
  border: 1px solid #a0a7ae;
}
body.blueTheme .NumberInput.focus {
  border: 1px solid #a0a7ae;
}
body.blueTheme .NumberInput.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.blueTheme .NumberInput.disabled > input[type=text]:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .NumberInput.disabled {
  border: 1px solid #d0d4d7;
}
body.blueTheme .ComboBox {
  background-color: #ffffff;
  border: 1px solid #d0d4d7;
}
body.blueTheme .ComboBox > select {
  background-color: #ffffff;
  color: #2f3c48;
}
body.blueTheme .ComboBox:hover {
  border: 1px solid #a0a7ae;
}
body.blueTheme .ComboBox.focus {
  border: 1px solid #a0a7ae;
}
body.blueTheme .ComboBox.disabled {
  background-color: #e2e5e7;
  border: 1px solid #d0d4d7;
}
body.blueTheme .ComboBox.disabled > select:disabled {
  background-color: #e2e5e7;
  color: #2f3c48;
  opacity: 1 !important;
  -webkit-text-fill-color: #2f3c48;
}
body.blueTheme .ComboBox.disabled:hover {
  border: 1px solid #d0d4d7;
}
body.blueTheme .ComboBox.disabled.focus {
  border: 1px solid #d0d4d7;
}
body.blueTheme .CheckBox > .item.text {
  color: #2f3c48;
}
body.blueTheme .CheckBox.disabled > .item.text {
  color: #2f3c48;
}
body.blueTheme .Dialog, body.blueTheme .ErrorDialog, body.blueTheme .WarningDialog, body.blueTheme .InfoDialog, body.blueTheme .QuestionDialog {
  background: rgba(47, 60, 72, 0.5);
}
body.blueTheme .Dialog > .item, body.blueTheme .ErrorDialog > .item, body.blueTheme .WarningDialog > .item, body.blueTheme .InfoDialog > .item, body.blueTheme .QuestionDialog > .item {
  background: #ffffff;
  border: 14px solid #ffffff;
  -webkit-box-shadow: 0px 0px 10px #2f3c48;
  -moz-box-shadow: 0px 0px 10px #2f3c48;
  box-shadow: 0px 0px 10px #2f3c48;
}
body.blueTheme .Dialog > .item .dialog_buttons, body.blueTheme .ErrorDialog > .item .dialog_buttons, body.blueTheme .WarningDialog > .item .dialog_buttons, body.blueTheme .InfoDialog > .item .dialog_buttons, body.blueTheme .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #e2e5e7;
  padding-top: 4px;
}
body.blueTheme .Dialog > .item .dialog_buttons > .Button, body.blueTheme .ErrorDialog > .item .dialog_buttons > .Button, body.blueTheme .WarningDialog > .item .dialog_buttons > .Button, body.blueTheme .InfoDialog > .item .dialog_buttons > .Button, body.blueTheme .QuestionDialog > .item .dialog_buttons > .Button {
  margin-left: 4px;
  margin-right: 4px;
}
body.blueTheme .Dialog > .item .dialog_buttons > .Button:first-child, body.blueTheme .ErrorDialog > .item .dialog_buttons > .Button:first-child, body.blueTheme .WarningDialog > .item .dialog_buttons > .Button:first-child, body.blueTheme .InfoDialog > .item .dialog_buttons > .Button:first-child, body.blueTheme .QuestionDialog > .item .dialog_buttons > .Button:first-child {
  margin-left: 0px;
}
body.blueTheme .Dialog > .item .dialog_buttons > .Button:last-child, body.blueTheme .ErrorDialog > .item .dialog_buttons > .Button:last-child, body.blueTheme .WarningDialog > .item .dialog_buttons > .Button:last-child, body.blueTheme .InfoDialog > .item .dialog_buttons > .Button:last-child, body.blueTheme .QuestionDialog > .item .dialog_buttons > .Button:last-child {
  margin-right: 0px;
}
body.blueTheme .ScreenDialog {
  background: #f3f4f5;
}
body.blueTheme .Dialog.only {
  background: #4b5966;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row {
  border-bottom: 1px solid #a0a7ae;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row > .VerticalLayout > .title .Label {
  color: #2f3c48;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row > .VerticalLayout .Label {
  color: #2f3c48;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.odd {
  background-color: #f3f4f5;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.odd > .VerticalLayout > .title .Label {
  background-color: #f3f4f5;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.odd > .VerticalLayout .Label {
  background-color: #f3f4f5;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.even {
  background-color: #e2e5e7;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.even > .VerticalLayout > .title .Label {
  background-color: #e2e5e7;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.even > .VerticalLayout .Label {
  background-color: #e2e5e7;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.odd {
  background-color: #3497da;
  border-bottom: 1px solid #5dace1;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.odd .Image {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout > .title .Label {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout .Label {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.odd > .VerticalLayout .datetime {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.even {
  background-color: #3497da;
  border-bottom: 1px solid #5dace1;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.even .Image {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout > .title .Label {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout .Label {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .GridMobileLayout .HorizontalLayout.row.selected.even > .VerticalLayout .datetime {
  background-color: #3497da !important;
  color: #ffffff !important;
}
body.blueTheme .Sketch .panel {
  background-color: #e2e5e7;
  padding: 3px;
}
body.blueTheme .Sketch .panel .Button.dark {
  border: 1px solid #4b5966;
  background-color: #2f3c48;
}
body.blueTheme .Sketch .panel .Button.dark .Label {
  background-color: #2f3c48;
}
body.blueTheme .Sketch .panel .Button.dark.disabled {
  background-color: #a0a7ae;
  border: 1px solid #a0a7ae;
}
body.blueTheme .Sketch .panel .leftGap {
  margin-left: 20px;
}
body.blueTheme .Sketch .panel .selected {
  border: 1px solid black !important;
  background-color: #4b5966 !important;
}
body.blueTheme .Sketch .panel .selected .Label {
  background-color: #4b5966 !important;
}
body.blueTheme .Sketch .canvas-container, body.blueTheme .Sketch .lower-canvas, body.blueTheme .Sketch .upper-canvas {
  border: 1px solid #e2e5e7;
}
body.blueTheme .CheckBoxListVertical > .item.disabled {
  color: #404040;
}

body.blueTheme.desktop .Button:hover {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button:hover .Label {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button.color:hover {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button.color:hover .Label {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button.dark:hover {
  background-color: #4b5966;
}
body.blueTheme.desktop .Button.dark:hover .Label {
  background-color: #4b5966;
}
body.blueTheme.desktop .Button.dark.active:hover {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button.dark.active:hover .Label {
  background-color: #5dace1;
}
body.blueTheme.desktop .Button.light:hover {
  background-color: #f0f0f0;
}
body.blueTheme.desktop .Button.light:hover .Label {
  background-color: #f0f0f0;
}

body.blueTheme.mobile .Button.light, .body.blueTheme.desktop .Button.light {
  border: 1px solid #d0d4d7;
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.blueTheme.mobile .Button.light .Label, .body.blueTheme.desktop .Button.light .Label {
  background-color: #e2e5e7;
  color: #2f3c48;
}
body.blueTheme.mobile .Button.light.focus, .body.blueTheme.desktop .Button.light.focus {
  background-color: #f0f0f0;
}
body.blueTheme.mobile .Button.light.focus .Label, .body.blueTheme.desktop .Button.light.focus .Label {
  background-color: #f0f0f0;
}
body.blueTheme.mobile .Button.light:active, .body.blueTheme.desktop .Button.light:active {
  background-color: #f0f0f0;
}
body.blueTheme.mobile .Button.light:active .Label, .body.blueTheme.desktop .Button.light:active .Label {
  background-color: #f0f0f0;
}

body.blueTheme.mobileApp .Button.light {
  border: 1px solid #a0a7ae !important;
  background-color: #d0d4d7 !important;
  color: #2f3c48 !important;
}
body.blueTheme.mobileApp .Button.light .Label {
  background-color: #d0d4d7 !important;
  color: #2f3c48 !important;
}
body.blueTheme.mobileApp .Button.light.focus {
  background-color: #d0d4d7 !important;
}
body.blueTheme.mobileApp .Button.light.focus .Label {
  background-color: #d0d4d7 !important;
}
body.blueTheme.mobileApp .Button.light:active {
  background-color: #e2e5e7 !important;
}
body.blueTheme.mobileApp .Button.light:active .Label {
  background-color: #e2e5e7 !important;
}

body.blueTheme.mobileApp .Dialog > .item .dialog_buttons, body.blueTheme.mobileApp .ErrorDialog > .item .dialog_buttons, body.blueTheme.mobileApp .WarningDialog > .item .dialog_buttons, body.blueTheme.mobileApp .InfoDialog > .item .dialog_buttons, body.blueTheme.mobileApp .QuestionDialog > .item .dialog_buttons {
  border-top: 1px solid #ffffff;
}

/*# sourceMappingURL=tectronik-gui.css.map */