/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/* Do not edit */
.ui-generis-widget {
  margin: 10px 0px;
}
.ui-generis-widget > .left {
  display: inline-block;
  margin-top: 8px;
  width: 34%;
  vertical-align: top;
}
.ui-generis-widget > .right {
  display: inline-block;
  min-width: 150px;
  width: 65%;
}
.ui-generis-widget > .right > input,
.ui-generis-widget > .right > select,
.ui-generis-widget > .right > textarea {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #222;
  font-family: "Source Sans Pro", sans-serif;
  padding: 8px;
  width: 100%;
}
.ui-generis-widget > .right > input,
.ui-generis-widget > .right > select {
  font: inherit;
  height: 36px;
}
.ui-generis-widget > .right > .check-box-input {
  color: #222;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  padding: 4px;
  width: 100%;
}
.ui-generis-widget > .right > .check-box-input > .option {
  padding-top: 4px;
}
.ui-generis-widget > .right input.error,
.ui-generis-widget > .right select.error,
.ui-generis-widget > .right textarea.error,
.ui-generis-widget > .right .check-box-input.error {
  border-color: rgb(186, 18, 43);
  color: rgb(186, 18, 43);
}
.ui-generis-widget .validation-container {
  color: rgb(186, 18, 43);
  text-align: right;
  width: 99%;
}
/*# sourceMappingURL=widget.css.map */