/* This file has been generated with less on Wed May 29 09:55:01 CEST 2019. */
/* Width / height / margins */
/* Fonts */
/* Effects */
.theme-text-over-effect-shadow {
  text-shadow: 0px 0px 1px;
}
/* Colors */
/*
 * Html tags
 */
body {
  font-family: Tahoma, Arial, Sans;
}
a {
  text-decoration: none;
  color: inherit;
}
select {
  background-color: transparent;
}
.theme-narrowText {
  font-size: 10pt;
}
/* 
 * Theme colored blocks
 */
._theme-block {
  padding: 5px 10px 5px 10px;
}
.theme-block-1 {
  background-color: #f4f6f9;
  border-color: #6f6f6f;
  border-style: solid;
  border-width: 1px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  scrollbar-width: thin;
  padding: 5px 10px 5px 10px;
}
.theme-block-2 {
  background-color: #edf1f5;
  padding: 5px 10px 5px 10px;
}
.theme-block-3 {
  background-color: #e7ebf1;
  padding: 5px 10px 5px 10px;
}
.theme-block-4 {
  background-color: #e0e6ed;
  padding: 5px 10px 5px 10px;
}
.theme-block-5 {
  background-color: #dae1ea;
  padding: 5px 10px 5px 10px;
}
.theme-block-6 {
  background-color: #d3dce6;
  padding: 5px 10px 5px 10px;
}
.theme-block-7 {
  background-color: #cdd6e2;
  padding: 5px 10px 5px 10px;
}
.theme-block-8 {
  background-color: #c6d1df;
  padding: 5px 10px 5px 10px;
}
/* 
 * Widgets
 */
/* General */
.theme-text {
  text-align: left;
}
.theme-date {
  text-align: left;
}
.theme-time {
  text-align: left;
}
.theme-number {
  text-align: right;
}
/* Buttons */
.theme-button,
.theme-button-inactive,
.theme-icon-button,
.theme-icon-button-inactive,
.theme-secondary-button,
.theme-secondary-icon-button-inactive {
  margin: 2px 2px 2px 2px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  border-width: 1px;
  border-color: #a6b7cc;
  border-style: outset;
  background-color: #ddf5ff;
  color: #000000;
  font-size: 10pt;
}
.theme-button,
.theme-button-inactive,
.theme-secondary-button {
  font-family: Tahoma, Arial, Sans;
}
.theme-button:hover,
.theme-icon-button:hover,
.theme-secondary-button:hover,
.theme-secondary-icon-button:hover {
  border-style: outset;
  background-color: #aae6ff;
  color: #000000;
  text-align: right;
}
.theme-button:active,
.theme-icon-button:active,
.theme-secondary-button:active,
.theme-secondary-icon-button:active {
  border-style: inset;
  background-color: #ddf5ff;
  color: #000000;
}
.theme-button-inactive,
.theme-icon-button-inactive,
.theme-secondary-icon-button-inactive {
  background-color: #ffffff;
  color: #dddddd;
}
.theme-secondary-button {
  background-color: #aae6ff;
}
.theme-secondary-button-inactive {
  margin: 2px 2px 2px 2px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  border-width: 1px;
  border-color: #a6b7cc;
  border-style: outset;
  background-color: #ddf5ff;
  color: #000000;
  font-size: 10pt;
  font-family: Tahoma, Arial, Sans;
  background-color: #ffffff;
  color: #dddddd;
  background-color: #aae6ff;
}
.theme-secondary-button:active {
  background-color: #aae6ff;
}
.theme-secondary-button:hover {
  background-color: #77d7ff;
}
.theme-secondary-icon-button {
  margin: 2px 2px 2px 2px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  border-width: 1px;
  border-color: #a6b7cc;
  border-style: outset;
  background-color: #ddf5ff;
  color: #000000;
  font-size: 10pt;
  background-color: #aae6ff;
}
.theme-secondary-icon-button-inactive {
  background-color: #aae6ff;
}
.theme-secondary-icon-button:active {
  background-color: #aae6ff;
}
.theme-secondary-icon-button:hover {
  background-color: #77d7ff;
}
/*
 * Editables
 */
.theme-editable,
.theme-editable-read-only {
  border-style: solid;
  border-width: 1px;
  transition: box-shadow 0.3s, border 0.3s;
  margin: 2px 2px 2px 2px;
  padding: 6px 8px 6px 8px;
  vertical-align: middle;
  font-family: Tahoma, Arial, Sans;
  font-size: 10pt;
}
.theme-editable {
  border-color: #cccccc;
  background-color: #f8f8f8;
}
.theme-editable:focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.theme-editable-read-only {
  border-color: #eeeeee;
  background-color: #fafafa;
}
.theme-radio {
  border-style: none;
}
.theme-radio-item,
.theme-radio-selected-item {
  margin: 0px 8px 0px 20px;
  vertical-align: middle;
}
.theme-radio > input:first-child {
  margin: 0px 8px 0px 0;
}
.theme-radio-item-label,
.theme-radio-selected-item-label,
.theme-radio-item-label-read-only,
.theme-radio-selected-item-label-read-only {
  vertical-align: middle;
  font-size: 10pt;
}
.theme-radio-item-label-read-only,
.theme-radio-selected-item-label-read-only {
  color: grey;
}
.theme-checkbox {
  margin: 8px 2px 8px 2px;
}
.theme-mandatory-button {
  vertical-align: top;
  margin: 0 2px 0 2px;
  color: #a6b7cc;
}
.theme-mandatory-button:before {
  font-size: 6pt;
}
.theme-bad-input {
  background-color: #ffeeee;
  border-style: solid;
  border-width: 1px;
  border-color: #ff0000;
}
.theme-bad-input-label {
  color: #ff0000;
}
.theme-bad-input-label:before {
  content: "\f11d";
  font: normal normal normal 9px/1 "Font Awesome 5 Pro";
  padding: 0 6px 0 0;
}
.theme-corrected-input {
  background-color: #eeffee;
  border-color: #ff0000;
}
/* Multi-lan */
.theme-multilan-language {
  display: inline-block;
  width: 25px;
  font-size: 8pt;
}
.theme-multilan-text {
  display: inline-block;
}
/**
 * Date
 */
.theme-editable-date-block {
  position: relative;
}
.theme-editable-date-input {
  width: 90px;
}
.theme-editable-date-format {
  display: inline-block;
  font-size: 8pt;
  margin: 0 0 0 4px;
}
.theme-editable-date-calendar-block {
  position: relative;
  background-color: #888888;
  color: #ffffff;
  width: 250px;
  left: 0;
  top: 24px;
  text-align: center;
  z-index: 50;
}
.theme-editable-date-calendar-year {
  width: 60px;
}
.theme-editable-date-calendar-day-block {
  margin: auto;
}
.theme-editable-date-calendar-weekday {
  text-align: center;
  background-color: #aaaaaa;
  color: #000000;
  font-size: 10pt;
}
.theme-editable-date-calendar-day {
  visibility: visible;
  text-align: right;
  padding: 2px 2px 2px 2px;
  background-color: #dddddd;
  color: #000000;
  cursor: pointer;
  font-size: 10pt;
}
.theme-editable-date-calendar-day-empty {
  visibility: hidden;
}
/* 
 * Labels
 */
.theme-label {
  margin: 2px 2px 2px 0;
}
.theme-error-label {
  color: #ff0000;
}
/*
 * Choice list 
 */
.theme-choice-list,
.theme-choice-list-inactive {
  /*-webkit-appearance: none; */

  /*-moz-appearance: none;*/

  /*appearance: none;*/

  /*background-image: url();*/

}
.theme-choice-list-multi,
.theme-choice-list-multi-read-only {
  max-width: 300px;
}
.theme-choice-list-multi-selected,
.theme-choice-list-multi-unselected {
  display: inline-block;
  margin: 2px 2px 2px 2px;
  padding: 2px 8px 2px 8px;
  cursor: pointer;
}
.theme-choice-list-multi-selected {
  background-color: #a6b7cc;
  color: #000000;
}
.theme-choice-list-multi-unselected {
  background-color: white;
  color: black;
}
/*
 * Drop down menu
 */
.theme-drop-down-menu {
  font-size: 10pt;
  padding: 0 20px 0 0;
}
.theme-drop-down-menu:hover .theme-drop-down-menu-item-block {
  display: block;
}
.theme-drop-down-menu-label {
  display: inline-block;
}
.theme-drop-down-menu-button {
  display: inline-block;
  margin: 0 0 0 4px;
  cursor: pointer;
}
.theme-drop-down-menu-item-block {
  display: none;
  position: absolute;
  border: 2px solid;
  border-color: #a6b7cc;
}
.theme-drop-down-menu-item,
.theme-drop-down-menu-item-selected {
  display: block;
  padding: 4px;
  cursor: pointer;
}
.theme-drop-down-menu-item:hover {
  color: #666666;
}
.theme-drop-down-menu-item,
.theme-drop-down-menu-item-selected {
  background-color: #ddf5ff;
}
.theme-drop-down-menu-item-selected {
  background-color: #a6b7cc;
}
.theme-drop-down-menu-item-separator {
  width: 80%;
  height: 1px;
  margin: 2px auto;
  background-color: #a6b7cc;
  opacity: 0.3;
}
/**
 * Grid
 */
.theme-grid {
  border-spacing: 0;
}
.theme-grid-header {
  background-color: #6f6f6f;
  color: #ffffff;
}
.theme-grid-header-column {
  padding: 12px 25px 12px 25px;
  font-size: 11pt;
  color: #ffffff;
}
.theme-grid-item-hover {
  background-color: #fdf5ff;
  color: #000000;
}
.theme-grid-item:hover {
  background-color: #fdf5ff;
  color: #000000;
}
.theme-grid-item-column {
  padding: 12px 25px 12px 25px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #a6b7cc;
  font-size: 11pt;
}
/*
 * Other buttons 
 */
.theme-text-button {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.theme-help-button {
  margin: 0 2px 0 2px;
  vertical-align: top;
  cursor: pointer;
  color: #a6b7cc;
}
.theme-delete-button {
  cursor: pointer;
  color: #cc3333;
}
.theme-delete-button:hover {
  color: rgba(204, 51, 51, 0.8);
}
.theme-delete-button:active {
  color: #d65c5c;
}
.theme-add-button {
  cursor: pointer;
  color: #3333cc;
}
.theme-add-button:hover {
  color: rgba(51, 51, 204, 0.8);
}
.theme-add-button:active {
  color: #5c5cd6;
}
/*
 * Other label
 */
.theme-editable-label,
.theme-editable-small-label {
  margin: 6px 2px 2px 0;
  vertical-align: top;
}
.theme-editable-small-label {
  margin: 10px 2px 2px 0;
  font-size: 8pt;
}
/*
 * Upload
 */
.theme-upload-container {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  transition: box-shadow 0.3s, border 0.3s;
  margin: 2px 2px 2px 2px;
  padding: 6px 8px 6px 8px;
  vertical-align: middle;
  font-family: Tahoma, Arial, Sans;
  font-size: 10pt;
}
.theme-upload-file {
  width: 19px;
  height: 0px;
  left: -19px;
  cursor: pointer;
}
.theme-upload-upload {
  position: absolute;
  font-size: 14pt;
  cursor: pointer;
}
.theme-upload-filename {
  vertical-align: top;
  cursor: pointer;
  margin: 0 0 0 6px;
}
.theme-upload-new {
  position: absolute;
  margin: -4px 0 0 0;
  font-size: 8pt;
  opacity: 0.4;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}
.theme-upload-new:hover {
  opacity: 0.8;
}
/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
.tooltip-top,
.tooltip-bottom {
  position: relative;
  z-index: 99;
  font-size: 10pt;
  cursor: pointer;
}
/* Hide the tooltip content by default */
.tooltip-top:before,
.tooltip-top:after,
.tooltip-bottom:before,
.tooltip-bottom:after {
  z-index: 99;
  visibility: hidden;
  left: 50%;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.tooltip-top:before,
.tooltip-top:after {
  bottom: 150%;
}
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 150%;
}
/* Position tooltip above the element */
.tooltip-top:before,
.tooltip-bottom:before {
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 8pt;
  line-height: 1.2;
}
.tooltip-top:before {
  margin-bottom: 5px;
}
.tooltip-bottom:before {
  margin-top: 5px;
}
/* Triangle hack to make tooltip look like a speech bubble */
.tooltip-top:after,
.tooltip-bottom:after {
  z-index: 99;
  margin-left: -5px;
  width: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.tooltip-top:after {
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
}
.tooltip-bottom:after {
  border-bottom: 5px solid #000;
  border-bottom: 5px solid rgba(51, 51, 51, 0.9);
}
/* Show tooltip content on hover */
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after {
  visibility: visible;
  opacity: 1;
}
/* NOTHING TO DO HERE */
.uigrid_add_button,
.uigrid_edit_button,
.uigrid_delete_button {
  padding: 0 2px 0 2px;
  text-align: center;
  cursor: pointer;
}
.uigrid_add_button {
  color: #dddddd;
}
.uigrid_edit_button {
  color: #3333cc;
}
.uigrid_delete_button {
  color: #cc3333;
}
tr.uigrid-row:nth-child(even) {
  background-color: #f9f9f9;
  color: #000000;
}
tr.uigrid-row:nth-child(odd) {
  background-color: #f0f0f0;
  color: #000000;
}
td.uigrid-column {
  padding: 8px 3px 8px 3px;
  font-size: 10pt;
}
.debug {
  font-size: 12pt;
  width: 100%;
  border-width: 3px;
  border-color: #FF0000;
  border-style: solid;
  background-color: #E0E655;
}