@charset "utf-8";
.validatorList {
  position: relative;
  margin-bottom: 1em;
  border: 1px solid black;
  color: black;
}
.validatorList .vlIcon,
.validatorList .vlTitle {
  color: black;
}
.validatorList li {
  list-style-type: square;
}
.validatorList > .vlSpacer {
  padding: 10px;
  font-size: 1.2em;
  min-height: 72px;
}
.validatorList .vlTitle {
  margin: 0 0 0 53.2px;
  background-image: none;
}
.validatorList .vlMessages {
  margin-bottom: 0;
  /*margin-left: @text-indent;*/
}
.validatorList .vlSectionTitle {
  font-weight: bold;
}
.validatorList .vlColorBar {
  position: absolute;
  height: 100%;
  padding: 5.7px;
  display: none;
  color: white;
  background: black;
}
.validatorList .vlColorBar .vlIcon {
  width: 38px;
  height: 38px;
  font-size: 26.6px;
  font-weight: bold;
  text-align: center;
  line-height: 36.1px;
  text-shadow: 2px 1px 2px #BBB;
  padding-top: 2px;
}
.validatorList .vlColorBar .vlIcon.vlCircle {
  background-color: white;
  border-radius: 19px;
}
.validatorList .vlColorBar .vlIcon.vlSquere {
  background-color: white;
}
.validatorList .vlColorBar .vlIcon.vlTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 19px 38px 19px;
  border-color: transparent transparent white transparent;
  line-height: 43.7px;
}
.validatorList .vlColorBar .vlIcon.vlTriangle:before {
  margin-left: -4.56px;
}
.validatorList.Error .vlColorBar .vlIcon:before {
  content: "!";
}
.validatorList.Info .vlColorBar .vlIcon:before {
  content: "i";
}
.validatorList.OK .vlColorBar .vlIcon:before {
  content: "\2714";
}
.validatorList.Warning .vlColorBar .vlIcon:before {
  content: "?";
}
/*.setValidatorListColor(@modeName, @textColor, @backgroundColor)
{
    &.@modeName {
        background-color: @backgroundColor;
        border: 1px solid @textColor;
        color: @textColor;
        .vlIcon, .vlTitle {
            color: @textColor;
        }

        .vlColorBar {
            background: @textColor;
        }
    }
}*/