@import (reference) "../../../../../node_modules/bootstrap/less/mixins.less";
@import (reference) "../../../../../node_modules/bootstrap/less/variables.less";
@import "../variables.less";
@import "../mixins.less";
@import "../forms.less";
@icon-tools-select2-image-path: "/images/icons/tools/select2.png";
@icon-tools-select2-spinner-image-path: "/images/icons/tools/select2-spinner.gif";
@import "../select2-old";
@import "../toastr";
@import "../datepicker.less";

.highlight-env {
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: @red;
  background-color: fade(@red, 80%);

  span {
    color: @red;
    border-radius: 2px;
    padding: 0 5px;
    background-color: #ffffff;
    background-color: fade(#ffffff, 80%);
  }
}

.obsolete-state {
  color: #cc0000;
}