@import (reference) "../../../../../node_modules/bootstrap/less/mixins.less";
@import (reference) "../../../../../node_modules/bootstrap/less/variables.less";
@import "../variables";
@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%);
  }
}

.survey-content {
  padding: 10px;

  label.required:after {
    content: " *";
    color: red;
  }

  div.has-error > label, p {
    color: red;
  }

  .radio_list {
    list-style: none;
    padding-left: 0px;
  }

  label.control-label {
    font-weight: 600;
    font-size: 12px;
    text-align: left;
  }

  .select2-container {
    width: 100% !important;
  }

  .form-control {
    width: auto !important;
    display: inline-block;
  }
}