@error-border-color: #cc6666;
@error-background-color: #ffcccc;
@error-text-color: #aa3333;

.errorBlock, .error-hover .tooltip-inner {
  padding: 8px 9px 10px 9px;
  border: 1px solid @error-border-color;
  background-color: @error-background-color;
  font-weight: bold;
  color: @error-text-color;
  background-image: none;
  ul {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-position: inside;
  }
}

.control-input {
  .error-message {
    display: none;
  }
}

.error-hover {
  position: relative;
  .control-input {
    position: relative;
    &.select {
      .error-message {
        z-index: 1;
      }
    }
  }
  .error-message {
    overflow: hidden;
    display: block;
    width: 20px;
    height: 100%;
    max-height: 26px;
    position: absolute;
    top: 22px;
    right: 0;
    .opacity(0);
    background-color: #ff0000;
  }
  .select, .checkbox, .radio, .checkbox-input-group, .radio-input-group {
    .error-message {
      top: 0;
      z-index: 1;
    }
  }
  .tooltip {
    .opacity(1);
    .tooltip-inner {
      padding: 8px 9px;
    }
  }
}