* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  scrollbar-face-color: #808080;
  scrollbar-highlight-color: #808080;
  scrollbar-3dlight-color: #707070;
  scrollbar-darkshadow-color: #808080;
  scrollbar-shadow-color: #7e7e7e;
  scrollbar-arrow-color: #fff;
  scrollbar-track-color: #505050;
  height: 100%;
  min-height: 100%;
}
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
  min-height: 100%;
}
#__blaze-root {
  height: 100%;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.clickable {
  cursor: pointer;
}
.nonclickable {
  cursor: default;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #ddddf9;
}
.table > thead > tr > th {
  border: 0;
  padding: 4px 4px 8px 4px;
  vertical-align: top;
  color: #fff;
  background: #6f6fec;
}
.table > thead > tr > th input {
  padding: 2px;
  border-radius: 3px;
}
.table > tbody > tr {
  border-bottom: 1px solid #aaa;
}
.table > tbody > tr > td {
  padding: 4px 4px;
}
.table > tbody > tr.selected {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: linear-gradient(to left, #e0dcba 70%, #f1da36 100%);
}
.table > tbody > tr:nth-child(odd).selected {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: linear-gradient(to left, #fcf8d1 70%, #f1da36 100%);
}
.table-striped > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.table-hover > tbody > tr:hover {
  background-color: #ded;
}
.pagination {
  text-align: right;
  font-size: 15px;
  line-height: 34px;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  margin: 0 0 10px 0;
  overflow: visible;
  white-space: nowrap;
  display: inline-block;
}
.pagination span {
  padding: 2px 8px 3px 8px;
  margin: 0 8px;
  border: 2px solid #7b9961;
  border-radius: 5px;
  background-color: #90b272;
  cursor: pointer;
  overflow: visible;
  whitespace: nowrap;
}
.pagination span:hover {
  background-color: #4ca84c;
}
.pagination span:active {
  background-color: #3c983c;
}
.pagination span.disabled {
  background-color: #ccc;
  border-color: #c5c5c5;
  color: #fff;
  cursor: default;
}
.pagination span.disabled:hover {
  background-color: #ccc;
}
.pagination span.disabled:active {
  background-color: #ccc;
}
.grid {
  overflow: visible !important;
  max-width: none !important;
}
.mCSB_1_scrollbar {
  z-index: 999;
}
@-webkit-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-moz-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-webkit-keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-moz-keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-moz-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-webkit-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-o-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-moz-keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-webkit-keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-o-keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@keyframes neon7 {
  from {
    text-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #bbb, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #bbb, 0 0 10px #bbb, 0 0 15px #bbb, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
@-moz-keyframes neon6_drop {
  from {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(120%);
  }
  50% {
    filter: drop-shadow(0px 0px 20px #f00) brightness(80%);
  }
  to {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(100%);
  }
}
@-webkit-keyframes neon6_drop {
  from {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(120%);
  }
  50% {
    filter: drop-shadow(0px 0px 20px #f00) brightness(80%);
  }
  to {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(100%);
  }
}
@-o-keyframes neon6_drop {
  from {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(120%);
  }
  50% {
    filter: drop-shadow(0px 0px 20px #f00) brightness(80%);
  }
  to {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(100%);
  }
}
@keyframes neon6_drop {
  from {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(120%);
  }
  50% {
    filter: drop-shadow(0px 0px 20px #f00) brightness(80%);
  }
  to {
    filter: drop-shadow(0px 0px 20px rgba(194,0,0,0.7)) brightness(100%);
  }
}
span.button {
  margin: 0 0 0 1px;
  padding: 0.5em 1em;
  border: 1px solid #d4d4d4;
  border-radius: 50em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  color: #333;
  font: 11px/normal sans-serif;
  text-shadow: 1px 1px 0 #fff;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
span.button:hover {
  color: #00f;
}
span.button:active {
  color: #fff;
  background-color: #141414;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #292929;
}
span.button.primary {
  font-weight: 800;
}
span.button.selected {
  color: #fff;
  background-color: #141414;
  text-shadow: 1px 1px 0 #000;
  cursor: default;
}
span.buttonGroup :not(:first-child):not(:last-child) {
  border-radius: 0;
}
span.buttonGroup :first-child {
  border-top-left-radius: 50em;
  border-bottom-left-radius: 50em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
}
span.buttonGroup :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50em;
  border-bottom-right-radius: 50em;
}
section.maxHeightContainer,
div.maxHeightContainer {
  display: table;
  height: 100%;
  width: 100%;
}
section.maxHeightContainer section.maxHeightRow,
div.maxHeightContainer section.maxHeightRow,
section.maxHeightContainer div.maxHeightRow,
div.maxHeightContainer div.maxHeightRow {
  display: table-row;
}
section.maxHeightContainer section.maxHeightRow section.maxHeightContent,
div.maxHeightContainer section.maxHeightRow section.maxHeightContent,
section.maxHeightContainer div.maxHeightRow section.maxHeightContent,
div.maxHeightContainer div.maxHeightRow section.maxHeightContent,
section.maxHeightContainer section.maxHeightRow div.maxHeightContent,
div.maxHeightContainer section.maxHeightRow div.maxHeightContent,
section.maxHeightContainer div.maxHeightRow div.maxHeightContent,
div.maxHeightContainer div.maxHeightRow div.maxHeightContent {
  display: table-cell;
  height: 1px;
}
section.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll,
div.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll,
section.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll,
div.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll,
section.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll,
div.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll,
section.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll,
div.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll {
  display: table-cell;
  height: 100%;
  position: relative;
}
section.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
div.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
section.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
div.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
section.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
div.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
section.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
div.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll section.maxHeightContentScrolled,
section.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
div.maxHeightContainer section.maxHeightRow section.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
section.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
div.maxHeightContainer div.maxHeightRow section.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
section.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
div.maxHeightContainer section.maxHeightRow div.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
section.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll div.maxHeightContentScrolled,
div.maxHeightContainer div.maxHeightRow div.maxHeightContentExpandAndScroll div.maxHeightContentScrolled {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  overflow-y: auto;
}
.vscFixed {
  flex: 0 0 auto;
  width: 100%;
}
.vscExpand {
  flex: 1 1 1px;
  width: 100%;
}
.verticalStack {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
}
.columnContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  overflow-x: auto;
}
.columnContent {
  flex: none;
}
ul.tabRow {
  position: relative;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 24px;
  height: 26px;
  font-size: 12px;
  overflow: hidden;
}
ul.tabRow li {
  position: relative;
  z-index: 0;
  border: 1px solid #aaa;
  background: #d1d1d1;
  display: inline-block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: -o-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
  background: -ms-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
  background: -moz-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
  background: -webkit-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
  background: linear-gradient(top, #ececec 50%, #d1d1d1 100%);
  box-shadow: 0 3px 3px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
  text-shadow: 0 1px #fff;
  margin: 0 -5px;
  padding: 0 20px;
}
ul.tabRow li:before,
ul.tabRow li:after {
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 5px;
  content: " ";
  border: 1px solid #aaa;
}
ul.tabRow li:before {
  left: -6px;
  border-bottom-right-radius: 6px;
  border-width: 0 1px 1px 0;
  box-shadow: 2px 2px 0 #d1d1d1;
}
ul.tabRow li:after {
  right: -6px;
  border-bottom-left-radius: 6px;
  border-width: 0 0 1px 1px;
  box-shadow: -2px 2px 0 #d1d1d1;
}
ul.tabRow li.selected {
  z-index: 2;
  background: #fff;
  color: #333;
  border-bottom-color: #fff;
}
ul.tabRow li.selected:before {
  box-shadow: 2px 2px 0 #fff;
}
ul.tabRow li.selected:after {
  box-shadow: -2px 2px 0 #fff;
}
ul.tabRow:before {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #aaa;
  z-index: 1;
  content: " ";
}
.select2-container {
  font-size: 10px;
}
.select2-selection {
  font-size: 13px;
  margin-bottom: 0px;
  min-height: 10px !important;
  padding-bottom: 2px;
}
input {
  padding: 6px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.form-control,
.select2-selection {
  font-size: 14px;
  margin-bottom: 0px;
}
.form-group {
  margin: 4px 0;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"] {
  align-items: center;
  -webkit-padding-start: 1px;
  overflow: hidden;
  padding-left: 10px;
}
input {
  -webkit-appearance: textfield;
  background-color: #fff;
  -webkit-rtl-ordering: logical;
  user-select: text;
  cursor: auto;
  padding: 1px;
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
input,
textarea,
keygen,
select,
button {
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin: 0em 0em 0em 0em;
  font: 13.3333px Arial;
}
input,
textarea,
keygen,
select,
button,
meter,
progress {
  -webkit-writing-mode: horizontal-tb;
}
.comboList {
  z-index: 1000;
  max-height: 160px;
  overflow-y: auto;
  -moz-box-shadow: 0 2px 3px #ccc;
  -webkit-box-shadow: 0 2px 3px #ccc;
  box-shadow: 0 2px 3px #ccc;
  border: 1px solid #d1d1d1;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
  background: #fff;
}
.comboList li {
  display: block;
  padding: 5px 10px;
  margin: 0;
  text-indent: 0;
  background: #fff;
}
.comboList li.selected {
  background-color: #ffe184 !important;
}
.comboList li[role='node'] {
  font-weight: 800;
}
.comboList li[role='leaf'] {
  padding-left: 2em;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
#mainBody {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
@media not print {
  #mainBody nav.leftSidebarContainer {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 220px;
    padding: 0;
    height: 100%;
    border: 0;
    vertical-align: top;
    text-align: left;
    background-color: #90b272;
    background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%);
    background: -webkit-linear-gradient(-180deg, #90b272 0%, #4d7727 100%);
    background: linear-gradient(180deg, #90b272 0%, #4d7727 100%);
    font-size: 14px;
    font-weight: 700;
    overflow: visible;
    margin: 0 0 0 -220px;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
  }
  #mainBody nav.leftSidebarContainer .leftSidebarMenuButton {
    position: absolute;
    right: -30px;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    width: 30px;
    height: 30px;
    padding: 5px 0;
    background-color: #90b272;
    display: block;
    border-top: 1px solid #494;
    border-right: 1px solid #494;
    border-bottom: 1px solid #494;
  }
  #mainBody nav.leftSidebarContainer .leftSidebarMenuButton:hover {
    color: rgba(150,0,0,0.5);
  }
  #mainBody nav.generalSidebar .leftSidebarMenuButton {
    top: 10px;
  }
  #mainBody nav.graphsSidebar .leftSidebarMenuButton {
    top: 50px;
  }
  #mainBody nav.settingsSidebar .leftSidebarMenuButton {
    top: 90px;
  }
  #mainBody nav.menuHide .leftSidebarMenuButton {
    right: 60px;
  }
  #mainBody nav.menuShow {
    margin: 0;
  }
  #mainBody nav.menuShow .leftSidebarMenuButton {
    right: -15px;
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
  #mainBody .leftSidebar {
    flex: 0 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    height: 100%;
    border: 0;
    vertical-align: top;
    padding: 0;
    text-align: left;
    width: 220px;
    background-color: #90b272;
    background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%);
    background: -webkit-linear-gradient(-180deg, #90b272 0%, #4d7727 100%);
    background: linear-gradient(180deg, #90b272 0%, #4d7727 100%);
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
  }
  #mainBody .leftSidebar .logoArea {
    flex: 0 0 auto;
    width: 100%;
  }
  #mainBody .leftSidebar .logoArea .signOut {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    cursor: pointer;
  }
  #mainBody .leftSidebar .logoArea .signOut:hover {
    color: #bbb;
  }
  #mainBody .leftSidebar .logoArea .signOut:active {
    color: #000;
  }
  #mainBody .leftSidebar .logoArea .logo {
    text-align: center;
    margin-top: 20px;
  }
  #mainBody .leftSidebar .logoArea .logo img:hover {
    animation: neon6_drop 1.5s ease-in-out infinite alternate;
  }
  #mainBody .leftSidebar .menuArea {
    flex: 1 1 auto;
    width: 100%;
  }
  #mainBody .leftSidebar .menuArea ul {
    padding: 20px 0 0 0;
    margin: 0;
    list-style: none;
  }
  #mainBody .leftSidebar .menuArea ul li:first-child {
    border-top: 1px solid #e4e5e7;
  }
  #mainBody .leftSidebar .menuArea ul li {
    border-bottom: 1px solid #e4e5e7;
    color: #96a2ae;
    text-transform: uppercase;
    display: block;
  }
  #mainBody .leftSidebar .menuArea ul li a {
    color: #000;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    display: block;
  }
  #mainBody .leftSidebar .menuArea ul li a .tag {
    padding: 0.3em 0.6em;
    margin-top: -0.2em;
    font-size: 0.8em;
    color: #ddd;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5em;
    border: 1px solid #000;
    float: right;
  }
  #mainBody .leftSidebar .menuArea ul li a .subMenu {
    background-color: #999;
    padding: 0.3em 0.6em;
    margin-top: -0.2em;
    font-size: 0.8em;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5em;
    border: 1px solid #000;
    float: right;
  }
  #mainBody .leftSidebar .menuArea ul li a .subMenu.active {
    background-color: #333;
  }
  #mainBody .leftSidebar .menuArea ul li:hover {
    background-color: #666;
    -webkit-animation: neon6 1.5s ease-in-out infinite alternate;
    -moz-animation: neon6 1.5s ease-in-out infinite alternate;
    animation: neon6 1.5s ease-in-out infinite alternate;
  }
  #mainBody .leftSidebar .menuArea ul li:hover .subMenu {
    background-color: #999;
    -webkit-animation: neon7 1.5s ease-in-out infinite alternate;
    -moz-animation: neon7 1.5s ease-in-out infinite alternate;
    animation: neon7 1.5s ease-in-out infinite alternate;
  }
  #mainBody .leftSidebar .menuArea ul li.active {
    background-color: #333;
  }
  #mainBody .leftSidebar .menuArea ul li.active > a {
    color: #96a2ae;
  }
  #mainBody .leftSidebar .menuArea ul li.active:hover {
    background-color: #333;
  }
  #mainBody .leftSidebar .menuArea ul li.active:hover > a {
    color: #fff;
  }
  #mainBody .leftSidebar .footer {
    flex: 0 0 auto;
    width: 100%;
    font-size: 9px;
    text-align: center;
  }
  #mainBody .contentBody {
    flex: 1 1 1px;
    padding: 10px 20px;
    -webkit-box-shadow: inset 4px 2px 10px -3px #a8a5a8;
    -moz-box-shadow: inset 4px 2px 10px -3px #a8a5a8;
    box-shadow: inset 8px 0 10px -3px #a8a5a8;
    overflow: hidden;
  }
}
@media print {
  #mainBody nav.leftSidebarContainer {
    display: none;
  }
  #mainBody .contentBody {
    flex: 1 1 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}
#login.content {
  background: #fff;
}
#login.content .contentBox {
  margin: 0 auto;
  max-width: 600px;
  background-color: #88d15a;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  margin-top: 5%;
  padding: 40px 10px;
  text-align: center;
}
#login.content .contentBox img {
  height: 120px;
  vertical-align: top;
}
#login.content .contentBox .form {
  display: inline-block;
  margin-left: 20px;
}
#login.content .contentBox .form input {
  padding: 8px;
  width: 300px;
  margin-bottom: 10px;
}
#login.content .contentBox .form label {
  display: none;
}
#login.content .contentBox .form fieldset {
  border: none;
}
#login.content .contentBox .form .at-btn {
  margin-bottom: 6px;
  text-align: center;
  width: 300px;
  background: #34d955;
  background-image: -webkit-linear-gradient(top, #5d942b, #4b7d26);
  background-image: -moz-linear-gradient(top, #5d942b, #4b7d26);
  background-image: -ms-linear-gradient(top, #5d942b, #4b7d26);
  background-image: -o-linear-gradient(top, #5d942b, #4b7d26);
  background-image: linear-gradient(to bottom, #5d942b, #4b7d26);
  font-family: "Arial Black", Arial;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
#login.content .contentBox .form .at-btn:hover {
  background: #29b54f;
  background-image: -webkit-linear-gradient(top, #29b54f, #186b31);
  background-image: -moz-linear-gradient(top, #29b54f, #186b31);
  background-image: -ms-linear-gradient(top, #29b54f, #186b31);
  background-image: -o-linear-gradient(top, #29b54f, #186b31);
  background-image: linear-gradient(to bottom, #29b54f, #186b31);
  text-decoration: none;
  cursor: pointer;
}
#login.content .contentBox .form .at-link {
  color: #1555b4;
  font: Arial;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
#login.content .contentBox .form .at-link:hover {
  text-decoration: underline;
}
#userManagement {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#userManagement .tableControls {
  display: table;
  width: 100%;
  text-align: right;
  margin-right: 20px;
}
#userManagement .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#userManagement .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#userManagement .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#userManagement .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#userManagement .editor {
  height: 100%;
  overflow-y: auto;
}
#userManagement .insert {
  flex: none;
  width: 100%;
}
#userManagement .insert .col-md-6 {
  padding: 10px 30px 0 30px;
  background: #efefef;
  border-radius: 1em;
}
#userManagement .insert .formGroupHeading {
  font-size: 1.6em;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
}
#userManagement .table {
  table-layout: fixed;
  min-width: 100%;
}
#userManagement .table thead > tr > .username,
#userManagement .table tbody > tr > .username {
  width: 50%;
  min-width: 100px;
}
#userManagement .table thead > tr > .email,
#userManagement .table tbody > tr > .email {
  width: 50%;
  min-width: 100px;
}
#userManagement .table thead > tr > .roles,
#userManagement .table tbody > tr > .roles {
  width: 260px;
  min-width: 260px;
}
#userManagement .table thead > tr > .actions,
#userManagement .table tbody > tr > .actions {
  width: 80px;
  min-width: 80px;
}
#userManagement .separatedTableHeader .actions {
  text-align: center;
}
#userManagement .separatedTableHeader .actions .newUserButton {
  margin-top: 4px;
  padding: 0 12px;
}
#userManagement .separatedTableHeader .actions .newUserButton .fa-plus-circle {
  display: inline-block;
}
#userManagement .separatedTableHeader .actions .newUserButton .fa-times-circle {
  display: none;
}
#userManagement .separatedTableHeader .actions .newUserButton.active {
  background-color: #fb557b;
  color: #000;
}
#userManagement .separatedTableHeader .actions .newUserButton.active .fa-times-circle {
  display: inline-block;
}
#userManagement .separatedTableHeader .actions .newUserButton.active .fa-plus-circle {
  display: none;
}
#userManagement .listRow {
  display: table-row;
}
#userManagement .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#userManagement .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#userManagement .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#userManagement .listRow .listCell .tableContainer table thead {
  display: none;
  visibility: hidden;
}
#userManagement .listRow .listCell .tableContainer table .userRemove {
  color: #f00;
}
#userManagement .listRow .listCell .tableContainer table .userEdit {
  color: #00008b;
}
#userManagement .listRow .listCell .tableContainer table .editorApply {
  color: #008000;
}
#userManagement .listRow .listCell .tableContainer table .editorCancel {
  color: #f00;
}
#userManagement .listRow .listCell .tableContainer table .userEditor > div {
  display: table;
}
#userManagement .listRow .listCell .tableContainer table .userEditor > div > div {
  display: table-cell;
  padding: 10px;
}
#userManagement .listRow .listCell .tableContainer table .userEditor > div .roles .role {
  vertical-align: middle;
}
#userManagement td.roles .role {
  padding: 4px 4px;
  border: 1px solid #555;
  border-radius: 0.25em;
  background: #fff;
  color: #999;
  cursor: pointer;
}
#userManagement td.roles .selected {
  color: #000;
}
#userManagement div.roles {
  padding: 4px 0;
}
#userManagement div.roles .role {
  padding: 4px 4px;
  border: 1px solid #555;
  border-radius: 0.25em;
  background: #fff;
  color: #999;
  cursor: pointer;
}
#userManagement div.roles .selected {
  color: #000;
}
#userManagement .center {
  vertical-align: middle !important;
}
#miscManagement {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#miscManagement .controls {
  text-align: right;
  margin-right: 20px;
}
#miscManagement .pageContentRow {
  display: table-row;
}
#miscManagement .pageContentRow .pageContentCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#miscManagement .pageContentRow .pageContentCell .pageContentContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#miscManagement .pageContentRow .pageContentCell .pageContentContainer .logs {
  list-style-type: none;
  height: 100%;
}
#miscManagement .pageContentRow .pageContentCell .pageContentContainer .logs :hover {
  background: #ccc;
}
#measures {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#measures .tableControls {
  display: table;
  width: 100%;
  text-align: right;
  margin-right: 20px;
}
#measures .tableControls .showHidden {
  display: table-cell;
  width: 100%;
}
#measures .tableControls .showHidden .controlLabel {
  font-size: 9px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
  top: -2px;
}
#measures .tableControls .showHidden .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#measures .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#measures .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#measures .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#measures .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#measures .table {
  table-layout: fixed;
  min-width: 100%;
}
#measures .table thead > tr > .name,
#measures .table tbody > tr > .name {
  width: 50%;
  min-width: 100px;
}
#measures .table thead > tr > .postfix,
#measures .table tbody > tr > .postfix {
  width: 50%;
  min-width: 100px;
}
#measures .table thead > tr > .actions,
#measures .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
}
#measures .separatedTableHeader table thead > tr .actions {
  text-align: center;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton {
  margin-top: 4px;
  padding: 0 12px;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton .fa-plus-circle {
  display: inline-block;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton .fa-times-circle {
  display: none;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton.active {
  background-color: #fb557b;
  color: #000;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton.active .fa-times-circle {
  display: inline-block;
}
#measures .separatedTableHeader table thead > tr .actions .newMeasureButton.active .fa-plus-circle {
  display: none;
}
#measures .listRow {
  display: table-row;
}
#measures .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#measures .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#measures .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#measures .listRow .listCell .tableContainer table .measureSearch {
  margin: 3px 0 2px 1px;
}
#measures .listRow .listCell .tableContainer table .measureEditorTd {
  background: #deeac0;
}
#measures .listRow .listCell .tableContainer table input[name="name"],
#measures .listRow .listCell .tableContainer table input[name="postfix"] {
  width: 100%;
}
#measures .listRow .listCell .tableContainer table .editorDiv {
  margin: 4px 0;
}
#measures .listRow .listCell .tableContainer table .editorDiv label {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 0.9em;
  padding-bottom: 4px;
}
#measures .listRow .listCell .tableContainer table .editorDiv select2 {
  font-size: 0.4em;
}
#measures .listRow .listCell .tableContainer table > thead {
  display: none;
  visibility: hidden;
}
#measures .listRow .listCell .tableContainer table > tbody > tr .actionRemove {
  color: #f77;
}
#measures .listRow .listCell .tableContainer table > tbody > tr .actionEdit {
  color: #44f;
}
#measures .listRow .listCell .tableContainer table > tbody > tr .editorApply {
  color: #008000;
}
#measures .listRow .listCell .tableContainer table > tbody > tr .editorCancel {
  color: #f00;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionActivate {
  color: #158b18;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionHide {
  color: #6a0707;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionEdit {
  color: #0101e4;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.hidden {
  background-color: #e995ff;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.hidden .actionEdit {
  color: #0101e4;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.hidden .actionShow {
  color: #027905;
}
#measures .listRow .listCell .tableContainer table > tbody > tr.hidden:hover {
  background-color: #ffb5ff;
}
#venues {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#venues .tableControls {
  display: table;
  width: 100%;
  text-align: right;
  margin-right: 20px;
}
#venues .tableControls .showHidden {
  display: table-cell;
  width: 100%;
}
#venues .tableControls .showHidden .controlLabel {
  font-size: 9px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
  top: -2px;
}
#venues .tableControls .showHidden .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#venues .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#venues .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#venues .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#venues .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#venues .table {
  table-layout: fixed;
  min-width: 100%;
}
#venues .table thead > tr > .name,
#venues .table tbody > tr > .name {
  width: 33%;
  min-width: 100px;
}
#venues .table thead > tr > .type,
#venues .table tbody > tr > .type {
  width: 33%;
  min-width: 100px;
}
#venues .table thead > tr > .frequency,
#venues .table tbody > tr > .frequency {
  width: 33%;
  min-width: 100px;
}
#venues .table thead > tr > .actions,
#venues .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
}
#venues .separatedTableHeader table thead > tr .actions {
  text-align: center;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton {
  margin-top: 4px;
  padding: 0px 12px;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton .fa-plus-circle {
  display: inline-block;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton .fa-times-circle {
  display: none;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton.active {
  background-color: #fb557b;
  color: #000;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton.active .fa-times-circle {
  display: inline-block;
}
#venues .separatedTableHeader table thead > tr .actions .newVenueButton.active .fa-plus-circle {
  display: none;
}
#venues .listRow {
  display: table-row;
}
#venues .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#venues .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#venues .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#venues .listRow .listCell .tableContainer table .venueSearch {
  margin: 3px 0 2px 1px;
}
#venues .listRow .listCell .tableContainer table .venueEditorTd {
  background: #deeac0;
}
#venues .listRow .listCell .tableContainer table input[name="name"],
#venues .listRow .listCell .tableContainer table input[name="type"] {
  width: 100%;
}
#venues .listRow .listCell .tableContainer table .editorDiv {
  margin: 4px 0;
}
#venues .listRow .listCell .tableContainer table .editorDiv label {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 0.9em;
  padding-bottom: 4px;
}
#venues .listRow .listCell .tableContainer table .editorDiv select2 {
  font-size: 0.4em;
}
#venues .listRow .listCell .tableContainer table > thead {
  display: none;
  visibility: hidden;
}
#venues .listRow .listCell .tableContainer table > tbody > tr .actionRemove {
  color: #f77;
}
#venues .listRow .listCell .tableContainer table > tbody > tr .actionEdit {
  color: #44f;
}
#venues .listRow .listCell .tableContainer table > tbody > tr .editorApply {
  color: #008000;
}
#venues .listRow .listCell .tableContainer table > tbody > tr .editorCancel {
  color: #f00;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionActivate {
  color: #158b18;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionHide {
  color: #6a0707;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionEdit {
  color: #0101e4;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.hidden {
  background-color: #e995ff;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.hidden .actionEdit {
  color: #0101e4;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.hidden .actionShow {
  color: #027905;
}
#venues .listRow .listCell .tableContainer table > tbody > tr.hidden:hover {
  background-color: #ffb5ff;
}
#products {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#products .tableControls {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 4px;
  display: table;
  width: 100%;
}
#products .tableControls .showHidden {
  display: table-cell;
  text-align: right;
  width: 100%;
}
#products .tableControls .showHidden .controlLabel {
  font-size: 9px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
  top: -2px;
}
#products .tableControls .showHidden .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#products .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#products .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#products .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#products .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#products .table {
  table-layout: fixed;
  min-width: 100%;
}
#products .table thead > tr > .name,
#products .table tbody > tr > .name {
  width: 100%;
}
#products .table thead > tr > .tags,
#products .table tbody > tr > .tags {
  width: 220px;
  min-width: 220px;
}
#products .table thead > tr > .aliases,
#products .table tbody > tr > .aliases {
  width: 220px;
  min-width: 220px;
}
#products .table thead > tr > .measures,
#products .table tbody > tr > .measures {
  width: 220px;
  min-width: 220px;
}
#products .table thead > tr > .actions,
#products .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
}
#products .separatedTableHeader table thead > tr > th.actions {
  text-align: center;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton {
  margin-top: 4px;
  padding: 0 12px;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton .fa-plus-circle {
  display: inline-block;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton .fa-times-circle {
  display: none;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton:active {
  background-color: #fb557b;
  color: #000;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton:active .fa-times-circle {
  display: inline-block;
}
#products .separatedTableHeader table thead > tr > th.actions .newButton:active .fa-plus-circle {
  display: none;
}
#products .listRow {
  display: table-row;
}
#products .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#products .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#products .listRow .listCell .tableContainer table thead {
  visibility: hidden;
  display: none;
}
#products .listRow .listCell .tableContainer table .search {
  margin: 3px 0 2px 1px;
}
#products .listRow .listCell .tableContainer table .editorTd {
  background: #deeac0;
}
#products .listRow .listCell .tableContainer table input[name="name"],
#products .listRow .listCell .tableContainer table .productTagsEditor,
#products .listRow .listCell .tableContainer table .productAliasesEditor,
#products .listRow .listCell .tableContainer table .productMeasuresEditor {
  width: 100%;
}
#products .listRow .listCell .tableContainer table .editorDiv {
  margin: 4px 0;
}
#products .listRow .listCell .tableContainer table .editorDiv label {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 0.9em;
  padding-bottom: 4px;
}
#products .listRow .listCell .tableContainer table .editorDiv select2 {
  font-size: 0.4em;
}
#products .listRow .listCell .tableContainer table > tbody > tr .actionRemove {
  color: #f77;
}
#products .listRow .listCell .tableContainer table > tbody > tr .actionEdit {
  color: #44f;
}
#products .listRow .listCell .tableContainer table > tbody > tr .editorApply {
  color: #008000;
}
#products .listRow .listCell .tableContainer table > tbody > tr .editorCancel {
  color: #f00;
}
#products .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#products .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionActivate {
  color: #158b18;
}
#products .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionHide {
  color: #6a0707;
}
#products .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionEdit {
  color: #0101e4;
}
#products .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#products .listRow .listCell .tableContainer table > tbody > tr.hidden {
  background-color: #e995ff;
}
#products .listRow .listCell .tableContainer table > tbody > tr.hidden .actionEdit {
  color: #0101e4;
}
#products .listRow .listCell .tableContainer table > tbody > tr.hidden .actionShow {
  color: #027905;
}
#products .listRow .listCell .tableContainer table > tbody > tr.hidden .actionConvert {
  color: #fb0909;
}
#products .listRow .listCell .tableContainer table > tbody > tr.hidden:hover {
  background-color: #ffb5ff;
}
#productTags {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#productTags .tagInfo {
  display: block;
  margin-bottom: 20px;
}
#productTags .tagInfo .tagControls {
  display: block;
  width: 100%;
}
#productTags .tagInfo .tagControls label {
  display: inline-block;
}
#productTags .tagInfo .tagControls input[name="tagName"] {
  width: 140px;
  display: inline-block;
}
#productTags .tagInfo .tagControls input[name="addTag"] {
  margin-top: -4px;
}
#productTags .tagInfo .floatRight {
  float: right;
}
#productTags .tagInfo .floatRight .editTags {
  font-size: 2em;
  border: 1px solid #999;
  background: #f7f3a0;
  border-radius: 4px;
  padding: 2px 3px;
}
#productTags .tagInfo .floatRight .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
/* Hide default HTML checkbox */
/* The slider */
/* Rounded sliders */
}
#productTags .tagInfo .floatRight .switch input {
  display: none;
}
#productTags .tagInfo .floatRight .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#productTags .tagInfo .floatRight .switch .slider:before {
  position: absolute;
  font-family: FontAwesome;
  padding-left: 4px;
  font-size: 20px;
  line-height: 26px;
  color: #ffa398;
  content: "\f040";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#productTags .tagInfo .floatRight .switch input:checked + .slider {
  background-color: #5cb85c;
}
#productTags .tagInfo .floatRight .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
#productTags .tagInfo .floatRight .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#productTags .tagInfo .floatRight .switch .slider.round {
  border-radius: 34px;
}
#productTags .tagInfo .floatRight .switch .slider.round:before {
  border-radius: 50%;
}
#productTags .tagInfo .tableTop {
  display: table;
  width: 100%;
  margin-top: 10px;
}
#productTags .tagInfo .tableTop .tagDisplay {
  display: table-cell;
  width: auto;
}
#productTags .tagInfo .tableTop .tagDisplay .productTagExp {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 14px;
  line-height: 34px;
  margin: 0;
  padding: 4px 14px;
  border: 1px solid #999;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}
#productTags .tagInfo .tableTop .tagDisplay .productTagExp .hidden {
  display: none;
}
#productTags .tagInfo .tableTop .tagDisplay .productTagExp .productTagEditor {
  display: inline-block;
  font-size: 1em;
  height: 20px;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}
#productTags .tagInfo .tableTop .tagDisplay .productTagExp .productTagName {
  border: 0;
  padding: 0;
  margin: 0;
}
#productTags .tagInfo .tableTop .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#productTags .tagInfo .tableTop .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#productTags .tagInfo .tableTop .contentControls a:hover {
  text-decoration: underline;
}
#productTags .tagInfo .tableTop .contentControls a.disabled {
  visibility: hidden;
}
#productTags .table {
  table-layout: fixed;
  min-width: 100%;
}
#productTags .table thead > tr > .name,
#productTags .table tbody > tr > .name {
  width: 100%;
  min-width: 100px;
}
#productTags .table thead > tr > .tags,
#productTags .table tbody > tr > .tags {
  width: 100%;
  min-width: 100px;
}
#productTags .listRow {
  display: table-row;
}
#productTags .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#productTags .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#productTags .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#productTags .listRow .listCell .tableContainer table > thead > tr.deactivated,
#productTags .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#productTags .listRow .listCell .tableContainer table > thead > tr.deactivated:hover,
#productTags .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#productTags td.roles .role {
  padding: 4px 4px;
  border: 1px solid #555;
  border-radius: 0.25em;
  background: #fff;
  color: #999;
  cursor: pointer;
}
#productTags td.roles .selected {
  color: #000;
}
#productTags div.roles {
  padding: 4px 0;
}
#productTags div.roles .role {
  padding: 4px 4px;
  border: 1px solid #555;
  border-radius: 0.25em;
  background: #fff;
  color: #999;
  cursor: pointer;
}
#productTags div.roles .selected {
  color: #000;
}
#productTags .center {
  vertical-align: middle !important;
}
#salesMain {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#salesMain .controls {
  text-align: left;
  display: table;
  width: 100%;
}
#salesMain .controls .pageControls {
  padding: 4px 8px;
  margin: 4px 8px;
  display: table-cell;
  width: 240px;
}
#salesMain .controls .tableControls {
  text-align: right;
  padding: 4px 8px;
  margin: 4px 12px 4px 8px;
  display: table-cell;
}
#salesMain .table {
  table-layout: fixed;
  min-width: 100%;
}
#salesMain .table thead > tr > .amount,
#salesMain .table tbody > tr > .amount {
  width: 90px;
  min-width: 90px;
}
#salesMain .table thead > tr > .product,
#salesMain .table tbody > tr > .product {
  width: 100%;
  min-width: 140px;
}
#salesMain .table thead > tr > .price,
#salesMain .table tbody > tr > .price {
  width: 140px;
  min-width: 140px;
}
#salesMain .table thead > tr > .measure,
#salesMain .table tbody > tr > .measure {
  width: 100px;
  min-width: 100px;
}
#salesMain .table thead > tr > .saleDate,
#salesMain .table tbody > tr > .saleDate {
  width: 150px;
  min-width: 150px;
}
#salesMain .table thead > tr > .createdDate,
#salesMain .table tbody > tr > .createdDate {
  width: 100px;
  min-width: 100px;
}
#salesMain .table thead > tr > .venue,
#salesMain .table tbody > tr > .venue {
  width: 160px;
  min-width: 160px;
}
#salesMain .table thead > tr > .actions,
#salesMain .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton {
  padding: 0 12px;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton .fa-plus-circle {
  display: inline-block;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton .fa-times-circle {
  display: none;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton.active {
  background-color: #fb557b;
  color: #000;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton.active .fa-times-circle {
  display: inline-block;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .newSaleButton.active .fa-plus-circle {
  display: none;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .showOnlyComments {
  color: #bcb95f;
  padding: 4px 8px;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .showOnlyCommentshover {
  color: #fff;
  text-shadow: 0px 0px 10px #ff6d1f;
}
#salesMain .separatedTableHeader table thead > tr > th.actions .showOnlyComments.on {
  color: #fff;
}
#salesMain .separatedTableHeader table thead > tr > th.saleDate input {
  width: 130px;
}
#salesMain .listRow {
  display: table-row;
}
#salesMain .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#salesMain .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: scroll;
}
#salesMain .listRow .listCell .tableContainer label {
  font-size: 10px;
  font-weight: 800;
}
#salesMain .listRow .listCell .tableContainer table thead {
  visibility: hidden;
  display: none;
}
#salesMain .listRow .listCell .tableContainer table .saleRemove {
  color: #f00;
  margin-left: 8px;
}
#salesMain .listRow .listCell .tableContainer table .saleEdit {
  color: #00008b;
  margin-right: 8px;
}
#salesMain .listRow .listCell .tableContainer table .editorApply {
  color: #008000;
}
#salesMain .listRow .listCell .tableContainer table .editorCancel {
  color: #f00;
}
#salesMain .listRow .listCell .tableContainer table .saleDate {
  text-align: left;
}
#salesMain .listRow .listCell .tableContainer table .createdDate {
  text-align: left;
}
#salesMain .listRow .listCell .tableContainer .editComment {
  color: #808080;
}
#salesMain .listRow .listCell .tableContainer .hasComment {
  color: #000;
}
#salesMain .listRow .listCell .tableContainer .actionEdit {
  margin-right: 6px;
  color: #44f;
}
#salesMain .saleEditor .heading {
  font-size: 2em;
  font-family: verdana, arial, helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 6px 0 14px 0;
}
#salesMain .saleEditor .priceContainer {
  display: table;
  width: 100%;
}
#salesMain .saleEditor .priceContainer .price {
  display: table-cell;
  padding-right: 10px;
}
#salesMain .saleEditor .priceContainer .priceButtons {
  display: table-cell;
  width: 1.5em;
}
#salesMain .saleEditor .priceContainer .priceButtons .setDefaultPrice {
  font-size: 1.5em;
  padding: 6px 8px;
  margin-left: 8px;
  border-radius: 8px;
}
#salesMain .saleEditor .priceContainer .priceButtons .setDefaultPricehover {
  text-shadow: 0px 0px 6px #00b900;
}
#salesMain .saleEditor .priceContainer .priceButtons .setDefaultPriceactive {
  text-shadow: 0px 0px 6px #808080;
}
#salesMain .insertSaleForm .form-group,
#salesMain .insertSaleForm label {
  text-align: left;
}
#salesMain .insertSaleForm .formGroupHeading {
  font-size: 1.6em;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
}
#salesMain .insertSaleForm input[name='product'] {
  display: table-cell;
  width: 100%;
}
#salesMain .insertSaleForm .speechBtn {
  display: table-cell;
  width: 1px;
}
#salesMain .insertSaleForm .speechLink {
  width: 6px;
  margin: 3px;
  margin-left: 6px;
  margin-right: 0;
  padding: 6px;
  border: 2px solid #000;
  border-radius: 4px;
}
#salesMain .insertSaleForm .speechLink:hover {
  background-color: #cbcbcb;
  border-color: #4b4b4b;
}
#salesMain .insertSaleForm .speechLink:active {
  background-color: #b0b0b0;
  border-color: #000;
}
#salesMain .insertSaleForm .form-group-line {
  display: table;
  width: 100%;
  white-space: nowrap;
}
#saleDuplicates {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#saleDuplicates .controls {
  text-align: left;
  display: table;
  width: 100%;
}
#saleDuplicates .controls .pageControls {
  padding: 4px 8px;
  margin: 4px 8px;
  display: table-cell;
  width: 240px;
}
#saleDuplicates .controls .tableControls {
  text-align: right;
  padding: 4px 8px;
  margin: 4px 12px 4px 8px;
  display: table-cell;
}
#saleDuplicates .controls .tableControls .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#saleDuplicates .listRow {
  display: table-row;
}
#saleDuplicates .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#saleDuplicates .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#saleDuplicates .listRow .listCell .tableContainer label {
  font-size: 10px;
  font-weight: 800;
}
#saleDuplicates .listRow .listCell .tableContainer table {
  table-layout: fixed;
  min-width: 100%;
}
#saleDuplicates .listRow .listCell .tableContainer table .saleRemove {
  color: #f00;
  margin-left: 8px;
}
#saleDuplicates .listRow .listCell .tableContainer table .saleEdit {
  color: #00008b;
  margin-right: 8px;
}
#saleDuplicates .listRow .listCell .tableContainer table .editorApply {
  color: #008000;
}
#saleDuplicates .listRow .listCell .tableContainer table .editorCancel {
  color: #f00;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.amount {
  width: 90px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.product {
  width: auto;
  min-width: 140px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.price {
  width: 140px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.measure {
  width: 100px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.saleDate {
  width: 140px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.createdDate {
  width: 100px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.venue {
  width: 160px;
}
#saleDuplicates .listRow .listCell .tableContainer table thead > tr > th.actions {
  width: 90px;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .ignoreDuplicatesButton {
  padding: 0 2px;
  color: #008000;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .ignoreDuplicatesButton:hover {
  color: #0b0;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .ignoreDuplicatesButton:active {
  color: #000;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .ignoreDuplicatesButton.hidden {
  visibility: hidden;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeAllDuplicatesButton,
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeOneDuplicateButton {
  padding: 0 2px;
  color: #a00000;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeAllDuplicatesButton:hover,
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeOneDuplicateButton:hover {
  color: #f00;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeAllDuplicatesButton:active,
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr > td.actions .removeOneDuplicateButton:active {
  color: #000;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr.hidden:nth-child(odd) {
  background-color: #f4f0ab;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr.hidden:nth-child(even) {
  background-color: #fff6c0;
}
#saleDuplicates .listRow .listCell .tableContainer table tbody > tr.hidden:hover {
  background-color: #ded;
}
#saleDuplicates .listRow .listCell .tableContainer .editComment {
  color: #808080;
}
#saleDuplicates .listRow .listCell .tableContainer .hasComment {
  color: #000;
}
#saleDuplicates .listRow .listCell .tableContainer .actionEdit {
  margin-right: 6px;
  color: #44f;
}
#saleDuplicates .saleEditor .heading {
  font-size: 2em;
  font-family: verdana, arial, helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 6px 0 14px 0;
}
#saleDuplicates .saleEditor .priceContainer {
  display: table;
  width: 100%;
}
#saleDuplicates .saleEditor .priceContainer .price {
  display: table-cell;
  padding-right: 10px;
}
#saleDuplicates .saleEditor .priceContainer .priceButtons {
  display: table-cell;
  width: 1.5em;
}
#saleDuplicates .saleEditor .priceContainer .priceButtons .setDefaultPrice {
  font-size: 1.5em;
  padding: 6px 8px;
  margin-left: 8px;
  border-radius: 8px;
}
#saleDuplicates .saleEditor .priceContainer .priceButtons .setDefaultPrice:hover {
  text-shadow: 0px 0px 6px #00b900;
}
#saleDuplicates .saleEditor .priceContainer .priceButtons .setDefaultPrice:active {
  text-shadow: 0px 0px 6px #808080;
}
#saleDuplicates .insertSaleForm .form-group,
#saleDuplicates .insertSaleForm label {
  text-align: left;
}
#saleDuplicates .insertSaleForm .formGroupHeading {
  font-size: 1.6em;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
}
#salesSheetsMain {
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#salesSheetsMain label {
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}
#salesSheetsMain .optionsSection {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
  width: 100%;
}
#salesSheetsMain .optionsSection .options {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  padding: 6px 20px 10px 20px;
  white-space: nowrap;
  overflow: hidden;
  height: 50px;
}
#salesSheetsMain .optionsSection .options .form-control {
  display: inline;
}
#salesSheetsMain .optionsSection .options label {
  flex: 0 0 auto;
  vertical-align: text-bottom;
  font-size: 1.2em;
}
#salesSheetsMain .optionsSection .options select[name="sheetSelection"] {
  flex: 0 0 auto;
  font-size: 1.2em;
  padding: 2px;
  margin-right: 4px;
  min-width: 160px;
  width: auto;
}
#salesSheetsMain .optionsSection .options input[name="newSheetName"] {
  flex: 0 0 auto;
  transition: all 0.75s ease;
  width: 0;
  border: 0;
  opacity: 0;
  font-size: 1.2em;
}
#salesSheetsMain .optionsSection .options input[name="newSheetName"].show {
  opacity: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 200px;
  transform: translateX(4px);
}
#salesSheetsMain .optionsSection .options .createSheet,
#salesSheetsMain .optionsSection .options .editSheet,
#salesSheetsMain .optionsSection .options .deleteSheet {
  flex: 0 0 auto;
  padding: 6px;
  margin: 0 4px;
  width: 33px;
  text-align: center;
  font-size: 1.5em;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0);
  box-sizing: border-box;
}
#salesSheetsMain .optionsSection .options .createSheet:hover,
#salesSheetsMain .optionsSection .options .editSheet:hover,
#salesSheetsMain .optionsSection .options .deleteSheet:hover {
  border: 1px inset #b100d1;
  -webkit-box-shadow: inset 0px 0px 20px 0px #de7cff;
  -moz-box-shadow: inset 0px 0px 20px 0px #de7cff;
  box-shadow: inset 0px 0px 20px 0px #de7cff;
}
#salesSheetsMain .optionsSection .options .editSheet.selected {
  color: #fff;
  border: 1px inset #b100d1;
  -webkit-box-shadow: inset 0px 0px 36px 0px #57006c;
  -moz-box-shadow: inset 0px 0px 36px 0px #57006c;
  box-shadow: inset 0px 0px 36px 0px #57006c;
}
#salesSheetsMain .optionsSection .options .editSheet {
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .optionsSection .options .disabled {
  color: #808080;
  cursor: default;
}
#salesSheetsMain .optionsSection .options .createSheet {
  transform: translateX(-25px) rotate(0deg);
  transition: all 0.75s ease;
}
#salesSheetsMain .optionsSection .options .createSheet.move {
  transform: translateX(6px) rotate(720deg);
}
#salesSheetsMain .optionsSection .separator {
  flex: 0 0 auto;
  width: 100%;
  margin: 0 auto;
  padding-top: 6px;
  height: 1px;
  border-bottom: 1px solid #333;
}
#salesSheetsMain .optionsSection .separator:last-child {
  margin-bottom: 10px;
}
#salesSheetsMain .salesSheetProducts > div {
  width: 400px;
  margin: 0 4px 0 4px;
}
#salesSheetsMain .salesSheetProducts .header {
  padding-top: 4px;
}
#salesSheetsMain .salesSheetProducts .header .name {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #0a6f10;
  text-shadow: 0px 0px 12px #8fa4d1;
  background: #fff;
  font-weight: 800;
  width: 100%;
  padding: 4px 6px 6px 6px;
  border-bottom: 2px solid #335a4a;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .salesSheetProducts .product {
  background-color: #ffecde;
  -webkit-box-shadow: inset 0px 0px 40px 14px #fff;
  -moz-box-shadow: inset 0px 0px 40px 14px #fff;
  box-shadow: inset 0px 0px 40px 14px #fff;
}
#salesSheetsMain .salesSheetProducts .product .nameAndTotal {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  margin-bottom: 4px;
}
#salesSheetsMain .salesSheetProducts .product .nameAndTotal .name {
  flex: 1 1 auto;
  font-size: 1.5em;
  color: #575757;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .salesSheetProducts .product .nameAndTotal .total {
  flex: 0 0 auto;
  width: 80px;
  font-size: 1.2em;
  color: #00378b;
  text-shadow: 0px 0px 8px #7690d1;
  overflow: hidden;
}
#salesSheetsMain .salesSheetProducts .product .measures {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  margin-bottom: 6px;
}
#salesSheetsMain .salesSheetProducts .product .measures .measure {
  flex: 1 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
#salesSheetsMain .salesSheetProducts .product .measures .measure .label {
  font-size: 1em;
  font-weight: 600;
  margin-right: 4px;
}
#salesSheetsMain .salesSheetProducts .product .measures .measure input[name="price"] {
  width: 63px;
}
#salesSheetsMain .salesSheetProducts .product .measures .measure input[name="amount"] {
  width: 47px;
}
#salesSheetsMain .salesSheetProducts .product.odd {
  background-color: #ede0f1;
  -webkit-box-shadow: inset 0px 0px 40px 14px #fff;
  -moz-box-shadow: inset 0px 0px 40px 14px #fff;
  box-shadow: inset 0px 0px 40px 14px #fff;
}
#salesSheetsMain .salesSheetProducts .sheetControls {
  padding-top: 4px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
#salesSheetsMain .salesSheetProducts .sheetControls .saveSheet,
#salesSheetsMain .salesSheetProducts .sheetControls .resetSheet {
  flex: 1 1 auto;
  font-size: 1em;
  color: #e9e9e9;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  margin: 4px;
}
#salesSheetsMain .salesSheetProducts .sheetControls .saveSheet {
  background: #007200;
  -webkit-box-shadow: inset 0px 0px 20px -2px #fff;
  -moz-box-shadow: inset 0px 0px 20px -2px #fff;
  box-shadow: inset 0px 0px 20px -2px #fff;
}
#salesSheetsMain .salesSheetProducts .sheetControls .resetSheet {
  background: #960000;
  -webkit-box-shadow: inset 0px 0px 20px -2px #fff;
  -moz-box-shadow: inset 0px 0px 20px -2px #fff;
  box-shadow: inset 0px 0px 20px -2px #fff;
}
#salesSheetsMain .salesSheetProducts .sheetControls .saveSheet:hover,
#salesSheetsMain .salesSheetProducts .sheetControls .resetSheet:hover {
  text-shadow: 0px 0px 16px #fff;
}
#salesSheetsMain .salesSheetProducts .sheetControls .saveSheet:hover {
  background: #005600;
}
#salesSheetsMain .salesSheetProducts .sheetControls .resetSheet:hover {
  background: #7f0000;
}
#salesSheetsMain .salesSheetProducts .sheetControls .saveSheet:active {
  background: #009000;
}
#salesSheetsMain .salesSheetProducts .sheetControls .resetSheet:active {
  background: #b90000;
}
#salesSheetsMain .salesSheetEditorControls {
  margin-bottom: 8px;
}
#salesSheetsMain .tableControls {
  margin-bottom: 8px;
  width: 100%;
  border-bottom: 2px solid #a7a8ff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
#salesSheetsMain .tableControls div,
#salesSheetsMain .tableControls span,
#salesSheetsMain .tableControls i {
  flex: 0 0 auto;
  margin-right: 4px;
}
#salesSheetsMain .tableControls .controlLabel {
  font-size: 9px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
  top: -2px;
}
#salesSheetsMain .tableControls .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#salesSheetsMain .tableControls input[name='productFilter'] {
  font-size: 1.2em;
  display: inline;
  width: auto;
}
#salesSheetsMain .tableControls .showAlternateNames {
  margin-right: 20px;
}
#salesSheetsMain .tableControls .heading {
  display: inline-block;
}
#salesSheetsMain .tableControls .heading .name {
  padding: 6px 10px;
  margin-bottom: 6px;
  border-radius: 10px;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: 800;
  background: #c1c2ff;
}
#salesSheetsMain .tableControls .heading .nameEditor {
  display: none;
}
#salesSheetsMain .tableControls .clearFilter {
  font-size: 1.6em;
}
#salesSheetsMain .selectionProductsListing {
  width: 100%;
}
#salesSheetsMain .selectionProductsListing .selectionProduct {
  color: #9f9f9f;
  font-size: 1.3em;
  width: 400px;
}
#salesSheetsMain .selectionProductsListing .selectionProduct .include,
#salesSheetsMain .selectionProductsListing .selectionProduct .includeAs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .selectionProductsListing .selectionProduct .includedRemove,
#salesSheetsMain .selectionProductsListing .selectionProduct .includedAdd {
  cursor: pointer;
}
#salesSheetsMain .selectionProductsListing .selectionProduct .includedRemove:hover,
#salesSheetsMain .selectionProductsListing .selectionProduct .includedAdd:hover {
  color: #00f;
}
#salesSheetsMain .selectionProductsListing .selectionProduct span.deactivated {
  background: #ff0;
  box-shadow: inset 0px 0 100px 0px #fff;
}
#salesSheetsMain .selectionProductsListing .selectionProduct span.hidden {
  background: rgba(255,20,20,0.7);
  box-shadow: inset 0px 0px 100px 0px #fff;
}
#salesSheetsMain .selectionProductsListing .selectionProduct.selected {
  color: #000;
}
#salesSheetsMain .configurationProductsListing {
  width: 100%;
}
#salesSheetsMain .configurationProductsListing .product {
  width: 300px;
}
#salesSheetsMain .configurationProductsListing .product .name {
  color: #4a4a4a;
  font-size: 1.1em;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .configurationProductsListing .product .name.edit {
  display: none;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor {
  display: none;
  margin-bottom: 6px;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor input[name='name'] {
  flex: 1 1 auto;
  display: inline-block;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor .accept,
#salesSheetsMain .configurationProductsListing .product .nameEditor .reject {
  flex: 0 0 auto;
  font-size: 1.7em;
  margin-left: 8px;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor .accept:hover {
  color: #008000;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor .reject:hover {
  color: #f00;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor .accept:active {
  text-shadow: 0px 0px 10px #fda1ff;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor .reject:active {
  text-shadow: 0px 0px 10px #fda1ff;
}
#salesSheetsMain .configurationProductsListing .product .nameEditor.edit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
#salesSheetsMain .configurationProductsListing .product .measures {
  margin: 1px 0 8px 0;
}
#salesSheetsMain .configurationProductsListing .heading {
  width: 300px;
}
#salesSheetsMain .configurationProductsListing .heading .headingNameRow {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  margin-top: 4px;
  margin-bottom: 2px;
  border-bottom: 1px solid #808080;
}
#salesSheetsMain .configurationProductsListing .heading .headingNameRow .name {
  flex: 1 0 auto;
  color: #000;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#salesSheetsMain .configurationProductsListing .heading .headingNameRow .sort {
  flex: 0 0 auto;
}
#salesSheetsMain .configurationProductsListing .heading .headingNameRow.edit {
  display: none;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor {
  display: none;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor input[name='name'] {
  flex: 1 1 auto;
  display: inline-block;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor .accept,
#salesSheetsMain .configurationProductsListing .heading .nameEditor .reject {
  flex: 0 0 auto;
  font-size: 1.7em;
  margin-left: 8px;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor .accept:hover {
  color: #008000;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor .reject:hover {
  color: #f00;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor .accept:active {
  text-shadow: 0px 0px 10px #fda1ff;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor .reject:active {
  text-shadow: 0px 0px 10px #fda1ff;
}
#salesSheetsMain .configurationProductsListing .heading .nameEditor.edit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.heading.gu-mirror {
  width: 300px;
}
.heading.gu-mirror .name {
  color: #000;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 4px;
  margin-bottom: 2px;
  border-bottom: 1px solid #808080;
}
.heading.gu-mirror .nameEditor {
  display: none;
}
.product.gu-mirror {
  color: #9f9f9f;
  font-size: 1.5em;
  width: 300px;
}
.product.gu-mirror .name {
  font-size: 1em;
}
.product.gu-mirror .nameEditor {
  display: none;
}
.product.gu-mirror .measures {
  display: none;
}
#pricing {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#pricing .controls {
  text-align: left;
  display: table;
  width: 100%;
}
#pricing .controls .measureGroup {
  padding: 4px 8px;
  margin: 4px 8px;
  display: table-cell;
  width: 240px;
}
#pricing .controls .measureGroup select {
  width: 100%;
}
#pricing .controls .measureGroup option.deactivated {
  color: #a6a6a6;
}
#pricing .controls .controlGroup {
  padding: 4px 8px;
  margin: 4px 8px;
  display: table-cell;
}
#pricing .controls .pagination {
  display: table-cell;
  width: 240px;
  vertical-align: bottom;
}
#pricing .controls .previousSettings {
  padding: 4px 8px;
  margin: 4px 8px;
  display: inline-block;
}
#pricing .controls .outline {
  border: 2px dotted #32747e;
  border-radius: 10px;
}
#pricing .controls .floatLeft {
  float: left;
}
#pricing .controls .floatRight {
  float: right;
}
#pricing .controls .controlLabel {
  font-size: 0.9em;
  font-weight: 700;
  margin-top: -2px;
}
#pricing .controls select[name="measures"] {
  padding: 4px 8px;
  font-size: 1.5em;
}
#pricing .controls input {
  padding: 4px 8px;
  font-size: 1.5em;
}
#pricing .controls input[type="number"] {
  width: 80px;
}
#pricing .controls input[type="button"] {
  margin-top: -6px;
  margin-right: 20px;
}
#pricing .controls .toggleUpdateHistory {
  margin: 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#pricing .controls input[type="date"] {
  width: 180px;
  display: inline-block;
}
#pricing .controls .resetButton {
  margin-left: 20px;
}
#pricing .controls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
}
#pricing .controls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#pricing .controls .contentControls a:hover {
  text-decoration: underline;
}
#pricing .controls .contentControls a.disabled {
  visibility: hidden;
}
#pricing .table {
  table-layout: fixed;
  min-width: 100%;
}
#pricing .table thead tr > .name,
#pricing .table tbody tr > .name {
  width: 100%;
  min-width: 100px;
}
#pricing .table thead tr > .current,
#pricing .table tbody tr > .current {
  width: 200px;
  min-width: 200px;
}
#pricing .table thead tr > .previous,
#pricing .table tbody tr > .previous {
  width: 200px;
  min-width: 200px;
}
#pricing .table thead tr > .changeDate,
#pricing .table tbody tr > .changeDate {
  width: 200px;
  min-width: 200px;
}
#pricing .listRow {
  display: table-row;
}
#pricing .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#pricing .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#pricing .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#pricing .listRow .listCell .tableContainer table > thead {
  visibility: hidden;
  display: none;
}
#pricing .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#pricing .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#production {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#production .tableControls {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 4px;
  display: table;
  width: 100%;
}
#production .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#production .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#production .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#production .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#production .table {
  table-layout: fixed;
  min-width: 100%;
}
#production .table thead > tr > .hasLabels,
#production .table tbody > tr > .hasLabels {
  width: 30px;
}
#production .table thead > tr > .hasLabels .hasLabels,
#production .table tbody > tr > .hasLabels .hasLabels {
  color: #008000;
}
#production .table thead > tr > .hasLabels .noLabels,
#production .table tbody > tr > .hasLabels .noLabels {
  color: #f00;
}
#production .table thead > tr > .name,
#production .table tbody > tr > .name {
  width: 100%;
}
#production .table thead > tr > .date,
#production .table tbody > tr > .date {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
#production .table thead > tr > .amount,
#production .table tbody > tr > .amount {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
#production .table thead > tr > .cook,
#production .table tbody > tr > .cook {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
#production .table thead > tr > .canner,
#production .table tbody > tr > .canner {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
#production .table thead > tr > .comment,
#production .table tbody > tr > .comment {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
#production .table thead > tr > .actions,
#production .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}
#production .table thead > tr.deleted,
#production .table tbody > tr.deleted {
  background-color: #808080;
}
#production .separatedTableHeader table thead > tr > th.actions {
  text-align: center;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton {
  margin-top: 4px;
  padding: 0 12px;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton .fa-plus-circle {
  display: inline-block;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton .fa-times-circle {
  display: none;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton:active {
  background-color: #fb557b;
  color: #000;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton:active .fa-times-circle {
  display: inline-block;
}
#production .separatedTableHeader table thead > tr > th.actions .newButton:active .fa-plus-circle {
  display: none;
}
#production .separatedTableHeader table thead > tr > th.actions .showDeletedButton {
  margin-top: 4px;
  padding: 0 12px;
  color: #808080;
}
#production .separatedTableHeader table thead > tr > th.actions .showDeletedButton.selected {
  color: #000;
}
#production .listRow {
  display: table-row;
}
#production .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#production .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#production .listRow .listCell .tableContainer table thead {
  visibility: hidden;
  display: none;
}
#production .listRow .listCell .tableContainer table .search {
  margin: 3px 0 2px 1px;
}
#production .listRow .listCell .tableContainer table .editorTd {
  background: #deeac0;
}
#production .listRow .listCell .tableContainer table input,
#production .listRow .listCell .tableContainer table select {
  width: 100%;
}
#production .listRow .listCell .tableContainer table .editorDiv {
  margin: 4px 0;
}
#production .listRow .listCell .tableContainer table .editorDiv label {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 0.9em;
  padding-bottom: 4px;
}
#production .listRow .listCell .tableContainer table .editorDiv select2 {
  font-size: 0.4em;
}
#production .listRow .listCell .tableContainer table > tbody > tr .actionRemove {
  color: #f77;
}
#production .listRow .listCell .tableContainer table > tbody > tr .actionEdit {
  color: #44f;
}
#production .listRow .listCell .tableContainer table > tbody > tr .editorApply {
  color: #008000;
}
#production .listRow .listCell .tableContainer table > tbody > tr .editorCancel {
  color: #f00;
}
#workers {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#workers .tableControls {
  display: table;
  width: 100%;
  text-align: right;
  margin-right: 20px;
}
#workers .tableControls .showHidden {
  display: table-cell;
  width: 100%;
}
#workers .tableControls .showHidden .controlLabel {
  font-size: 9px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
  top: -2px;
}
#workers .tableControls .showHidden .toggleShowHidden {
  margin: 0 40px 0 0;
  position: relative;
  top: -4px;
  display: inline-block;
}
#workers .tableControls .contentControls {
  vertical-align: bottom;
  display: table-cell;
  text-align: right;
  min-width: 100px;
}
#workers .tableControls .contentControls a {
  font-size: 12px;
  font-family: "Arial", san-serif;
  font-weight: 800;
  color: #2d1b8c;
  text-decoration: none;
}
#workers .tableControls .contentControls a:hover {
  text-decoration: underline;
}
#workers .tableControls .contentControls a.disabled {
  visibility: hidden;
}
#workers .table {
  table-layout: fixed;
  min-width: 100%;
}
#workers .table thead > tr > .name,
#workers .table tbody > tr > .name {
  width: 30%;
  min-width: 100px;
}
#workers .table thead > tr > .activities,
#workers .table tbody > tr > .activities {
  width: 50%;
  min-width: 100px;
}
#workers .table thead > tr > .hourlyRate,
#workers .table tbody > tr > .hourlyRate {
  width: 20%;
  min-width: 100px;
}
#workers .table thead > tr > .actions,
#workers .table tbody > tr > .actions {
  width: 90px;
  min-width: 90px;
}
#workers .separatedTableHeader table thead > tr .actions {
  text-align: center;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton {
  margin-top: 4px;
  padding: 0 12px;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton .fa-plus-circle {
  display: inline-block;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton .fa-times-circle {
  display: none;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton.active {
  background-color: #fb557b;
  color: #000;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton.active .fa-times-circle {
  display: inline-block;
}
#workers .separatedTableHeader table thead > tr .actions .newWorkerButton.active .fa-plus-circle {
  display: none;
}
#workers .listRow {
  display: table-row;
}
#workers .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: 100%;
}
#workers .listRow .listCell .tableContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: auto;
}
#workers .listRow .listCell .tableContainer table {
  table-layout: fixed;
  width: 100%;
}
#workers .listRow .listCell .tableContainer table .workerSearch {
  margin: 3px 0 2px 1px;
}
#workers .listRow .listCell .tableContainer table .workerEditorTd {
  background: #deeac0;
}
#workers .listRow .listCell .tableContainer table input[name="name"],
#workers .listRow .listCell .tableContainer table .activitiesEditor,
#workers .listRow .listCell .tableContainer table input[name="hourlyRate"] {
  width: 100%;
}
#workers .listRow .listCell .tableContainer table .editorDiv {
  margin: 4px 0;
}
#workers .listRow .listCell .tableContainer table .editorDiv label {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 0.9em;
  padding-bottom: 4px;
}
#workers .listRow .listCell .tableContainer table .editorDiv select2 {
  font-size: 0.4em;
}
#workers .listRow .listCell .tableContainer table > thead {
  display: none;
  visibility: hidden;
}
#workers .listRow .listCell .tableContainer table > tbody > tr .actionRemove {
  color: #f77;
}
#workers .listRow .listCell .tableContainer table > tbody > tr .actionEdit {
  color: #44f;
}
#workers .listRow .listCell .tableContainer table > tbody > tr .editorApply {
  color: #008000;
}
#workers .listRow .listCell .tableContainer table > tbody > tr .editorCancel {
  color: #f00;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionActivate {
  color: #158b18;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionHide {
  color: #6a0707;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.deactivated .actionEdit {
  color: #0101e4;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.hidden {
  background-color: #e995ff;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.hidden .actionEdit {
  color: #0101e4;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.hidden .actionShow {
  color: #027905;
}
#workers .listRow .listCell .tableContainer table > tbody > tr.hidden:hover {
  background-color: #ffb5ff;
}
#graphs {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
}
#graphs svg {
  width: 100%;
}
#graphs .bar {
  fill: #4682b4;
}
#graphs .xAxisLabels {
  font-size: 7px;
  font-family: "Arial", Gadget, sans-serif;
  font-weight: 100;
}
#graphs .yAxisLabels {
  font-size: 12px;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-weight: 800;
}
#graphs .barText {
  font-size: 14px;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-weight: 800;
}
#graphs .table {
  table-layout: fixed;
}
#graphs .table .total {
  width: 200px;
}
#graphs .table .market {
  width: 200px;
}
#graphs .table .week {
  width: 200px;
}
#graphs .table .month {
  width: 200px;
}
#graphs .table .year {
  width: 200px;
}
#graphs .listRow {
  display: table-row;
}
#graphs .listRow .listCell {
  display: table-cell;
  position: relative;
  height: 100%;
  width: auto;
  min-width: 300px;
}
#graphs .listRow .listCell .salesTable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border: 0;
  font-size: 12.5px;
  overflow-y: scroll;
}
#graphs .listRow .listCell .salesTable .table > thead {
  display: none;
}
#graphs .listRow .listCell .salesTable .table > tbody > tr.deactivated {
  background-color: #fac0d1;
}
#graphs .listRow .listCell .salesTable .table > tbody > tr.deactivated:hover {
  background-color: #ffcadb;
}
#graphs .listRow .spacerCell {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 100%;
}
#reports {
  display: table;
  content-box: border-box;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
  text-align: left;
  margin-left: 20px;
}
#labelMaker {
  margin: 10px 20px;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
@media not print {
  #labelMaker .labelOptions .radioGroup input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    color: #666;
    height: 30px;
    width: 30px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
  }
  #labelMaker .labelOptions .radioGroup input[type='radio']:hover {
    background-color: #f7f7f7;
  }
  #labelMaker .labelOptions .radioGroup input[type='radio']:checked::before {
    position: absolute;
    font: 13px/1 'Open Sans', sans-serif;
    left: 11px;
    top: 7px;
    content: '\02143';
    transform: rotate(40deg);
  }
  #labelMaker .labelOptions .radioGroup input[type='radio']:checked {
    background-color: #f1f1f1;
  }
  #labelMaker .labelOptions .radioGroup label {
    position: relative;
    top: -10px;
  }
  #labelMaker .labelOptions label {
    font-family: TimesNewRoman, Times New Roman, Times;
    font-weight: 200;
    font-size: 14px;
  }
  #labelMaker .labelOptions .title1 {
    width: 500px;
    font-family: TimesNewRoman, Times New Roman, Times;
    font-size: 0.142in;
    font-weight: 800;
    line-height: 0.142in;
  }
  #labelMaker .labelOptions .title2 {
    width: 500px;
    font-family: TimesNewRoman, Times New Roman, Times;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
  }
  #labelMaker .labelOptions .ingredients {
    width: 500px;
    height: 100px;
    font-family: TimesNewRoman, Times New Roman, Times;
    font-size: 12px;
    font-weight: 100;
    line-height: 14px;
  }
  #labelMaker .labelOptions .date {
    width: 500px;
    font-family: TimesNewRoman, Times New Roman, Times;
    font-size: 12px;
    font-weight: 100;
    line-height: 14px;
  }
  #labelMaker .labelBackground {
    text-align: center;
    width: 100%;
    width-min: 5in;
    height-min: 5in;
    background-color: #808080;
    padding: 20px;
  }
}
#testList {
  margin: 10px 20px;
  height: 100%;
}
#PrintLabel .labelContainer {
  text-align: center;
}
#PrintLabel .label {
  position: relative;
  background-color: #fff;
  color: #000;
  text-align: center;
  font-family: TimesNewRoman, Times New Roman, Times;
  font-size: 0.1in;
}
#PrintLabel .label .qrcode {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
}
#PrintLabel .label .labelLogo {
  width: 8em;
  padding: 0;
  margin: 0;
  padding-top: 0.15em;
  margin-bottom: 0.2em;
}
#PrintLabel .label .labelLogo3 {
  width: 14em;
  padding: 0;
  margin: 0;
  padding-top: 0.15em;
  margin-bottom: 0.8em;
}
#PrintLabel .label .labelTagline {
  font-size: 1em;
  font-weight: 100;
  line-height: 1em;
}
#PrintLabel .label .title1 {
  width: 100%;
  font-size: 2.5em;
  line-height: 0.9em;
  font-weight: 800;
  text-transform: uppercase;
}
#PrintLabel .label .title2 {
  width: 100%;
  font-size: 1.5em;
  line-height: 0.9em;
  font-weight: 800;
  padding-bottom: 0.2em;
}
#PrintLabel .label .ingredients {
  width: 100%;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1em;
  min-height: 2em;
}
#PrintLabel .label .ingredientsEnding {
  width: 100%;
  font-size: 1.2em;
  font-weight: 100;
}
#PrintLabel .label .instructions {
  width: 100%;
  font-size: 1.2em;
  font-weight: 800;
}
#PrintLabel .label .address {
  width: 100%;
  font-size: 1.2em;
  font-weight: 100;
}
#PrintLabel .label .website {
  width: 100%;
  font-size: 1.2em;
  font-weight: 100;
}
#PrintLabel .label.oz8 {
  width: 76.2mm;
  height: 50.8mm;
}
#PrintLabel .label.barcode {
  width: 30.5mm;
  height: 30.5mm;
}
#PrintLabel .label.barcode .qrcode {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
#PrintLabel .label.barcode .labelText,
#PrintLabel .label.barcode .labelLogo {
  display: none;
}