/*
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: #ba122b;
    color: #ba122b;
}

.ui-generis-widget .validation-container {
    color: #ba122b;
    text-align: right;
    width: 99%;
}

/*# sourceMappingURL=widget.css.map */