.rui-form-group,
.form-group {
    box-sizing: border-box;
    color: var(--rui-text-regular, #09175b);
    font-family: var(--rui-font-family, "Segoe UI", "Open Sans", "Helvetica Neue", Arial, sans-serif);
    font-size: var(--rui-font-size, 13px);
    font-weight: var(--rui-font-weight, 400);
    margin: var(--rui-form-group-margin, 4px 0 15px);
    min-height: 35px;
    user-select: text;
    -webkit-font-smoothing: antialiased
}

body[data-rui-dense] .rui-form-group,
body[data-rui-dense] .form-group {
    margin-bottom: 4px
}

.rui-form-control,
.form-control {
    background-color: var(--rui-content-primary-bg, #fff);
    border: 1px solid var(--rui-line, #e0e8f5);
    border-radius: 6px;
    box-shadow: var(--rui-box-shadow-form-control, none);
    box-sizing: border-box;
    color: var(--rui-text-regular, #09175b);
    display: block;
    font-family: var(--rui-font-family, "Segoe UI", "Open Sans", "Helvetica Neue", Arial, sans-serif);
    font-size: 13px;
    margin: 0;
    padding: 6px 12px;
    width: 100%
}

input.rui-form-control,
input.form-control {
    height: 32px
}

rui-form-field[inputprefix] .rui-form-control {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

rui-form-field[inputSuffix] .rui-form-control,
rui-form-field[actionbuttonicontype] .rui-form-control,
rui-form-field svg + .p-element .rui-form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

body[data-rui-dense] .rui-form-control,
body[data-rui-dense] .form-control,
body[data-rui-dense] .rui-form-control-label {
    font-size: 13px
}

.rui-form-control:focus,
.form-control:focus {
    outline: var(--rui-outline-width, 1px) var(--rui-outline-style, solid) var(--rui-btn-primary-border, #085ce5);
    outline-offset: var(--rui-outline-offset-btn, 0);
    position: relative;
    z-index: 1
}

.rui-form-has-error .rui-form-control:focus,
.rui-form-has-error.rui-form-control:focus,
.rui-form-has-error.form-control:focus,
.has-error .form-control:focus {
    outline: var(--rui-outline-width, 1px) var(--rui-outline-style, solid) var(--rui-text-error, #e13329);
    outline-offset: var(--rui-outline-offset-btn, 0)
}

select.rui-form-control,
select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='%23000000'><path d='M256 377.6l-201.6-201.6 28.8-28.8 172.8 172.8 172.8-172.8 28.8 28.8z'></path></svg>");
    background-position: top 9px right 6px;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-right: 28px
}

.rui-form-input-highlighted.form-control,
.jha-input-highlighted.form-control {
    background-color: #ffffde;
    color: #181830
}

div.rui-string-list-input-wrapper .rui-form-input-highlighted.form-control,
div.rui-string-list-input-wrapper .jha-input-highlighted.form-control {
    background-color: #ffffde;
    color: #181830
}

.rui-form-control-label,
.control-label {
    color: var(--rui-text-regular, #09175b);
    display: inline-block;
    font-weight: 400 !important;
    line-height: 17px;
    margin: 8px 0 5px 0;
    max-width: 100%;
    text-align: left !important;
    vertical-align: middle
}

.rui-form-input-group,
.input-group {
    border-collapse: separate;
    box-sizing: border-box;
    display: table;
    position: relative;
    user-select: text
}

.rui-form-input-group-addon,
.input-group-addon {
    background-color: var(--rui-well-bg, #f2f5f8);
    border: 1px solid var(--rui-line, #e0e8f5);
    border-collapse: separate;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    box-sizing: border-box;
    color: var(--rui-text-regular, #09175b);
    display: table-cell;
    height: 32px;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%
}

.rui-form-input-group-addon:last-child,
.input-group-addon:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-top-left-radius: 0
}

.rui-form-input-group-middle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rui-form-input-group-first,
.rui-form-input-group-addon:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 4px
}

.rui-form-input-group-last,
.rui-form-input-group-addon:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-top-left-radius: 0
}

.rui-form-input-group-btn,
.input-group-btn {
    border: none;
    border-collapse: separate;
    box-sizing: border-box;
    display: table-cell;
    font-size: 0;
    position: relative;
    user-select: text;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap
}

.rui-text-input-right,
.jha-text-input-right {
    text-align: right
}

.rui-text-input-center,
.jha-text-input-center {
    text-align: center
}

.rui-text-input-left,
.jha-text-input-left {
    text-align: left
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 11px;
    width: 11px;
    background: var(--rui-icon-close-search, url("data:image/svg+xml;charset=UTF-8,<svg viewPort='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg'><line x1='1' y1='9' x2='9' y2='1' stroke='%23181830' stroke-width='1'/><line x1='1' y1='1' x2='9' y2='9' stroke='%23181830' stroke-width='1'/></svg>"))
}

.form-group jha-checkbox:first-child {
    display: inline-block;
    margin-top: 7px;
}

.rui-form-validation-errors,
.jha-form-validation-errors {
    box-sizing: border-box;
    color: var(--rui-text-error, #e13329);
    display: block;
    font-style: italic;
    list-style-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 64 64' fill='%23e13329'><path d='M48.1,48.9l10.1-10.1c0.6-0.6,0.8-1.8,0.2-2.4l-1.6-1.6c-0.8-0.8-2-0.6-2.6,0l-10.1,10L34,34.7c-0.6-0.6-1.8-0.6-2.4,0 L30,36.1c-0.8,0.8-0.6,2,0,2.6l10.1,10.2l-9.9,9.9c-0.8,0.8-1,2-0.2,2.8l1.4,1.4c0.8,0.8,2,0.6,2.8-0.2l9.9-9.9l9.9,9.9 c0.8,0.8,2,1,2.8,0.2l1.4-1.4c0.8-0.8,0.6-2-0.2-2.8C58,58.7,48.1,48.9,48.1,48.9z'></path></svg>");
    margin: -3px 0 15px 0;
    padding: 0 0 0 24px;
    word-wrap: break-word;
    user-select: text;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: var(--rui-text-regular, #09175b);
    -webkit-text-size-adjust: 100%
}

.rui-form-validation-errors li,
.jha-form-validation-errors li {
    list-style-type: square
}

.rui-form-help-block,
.help-block {
    box-sizing: border-box;
    color: var(--rui-text-help, rgba(24, 24, 48, 0.5));
    display: block;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 4px;
    word-wrap: break-word;
    user-select: text;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: var(--rui-text-regular, #09175b);
    -webkit-text-size-adjust: 100%
}

.rui-form-has-error,
.has-error,
.rui-form-has-error .rui-form-help-block,
.has-error .help-block {
    color: var(--rui-text-error, #e13329)
}

.rui-form-has-error.rui-form-control,
.rui-form-has-error.form-control,
.has-error.rui-form-control,
.has-error.form-control,
.rui-form-has-error .rui-form-help-block.rui-form-control,
.rui-form-has-error .rui-form-help-block.form-control,
.has-error .help-block.rui-form-control,
.has-error .help-block.form-control {
    color: var(--rui-text-error, #e13329)
}

.rui-form-has-error .rui-form-control,
.rui-form-has-error.rui-form-control,
.rui-form-has-error.form-control,
.has-error .form-control {
    border-color: var(--rui-text-error, #e13329)
}

.rui-form-has-error .rui-form-control,
.has-error .form-control,
.rui-form-has-error .rui-form-control:enabled:hover,
.has-error .form-control:enabled:hover,
.rui-form-has-error.rui-form-control,
.has-error.form-control,
.rui-form-has-error.rui-form-control:enabled:hover,
.has-error.form-control:enabled:hover {
    border-color: var(--rui-text-error, #e13329)
}

.rui-form-control[disabled],
.form-control[disabled],
.rui-form-control[readonly],
.form-control[readonly],
fieldset[disabled] .rui-form-control,
fieldset[disabled] .form-control {
    background-color: var(--rui-form-disabled-bg, #eee);
    color: var(--rui-form-disabled-fg, #999)
}

.rui-form-required-indicator:after,
.jha-required-indicator:after {
    content: "*";
    color: var(--rui-form-required-field, #f81);
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    font-weight: 700;
    line-height: 13px;
    padding-left: 4px
}

legend {
    border: none;
    color: var(--rui-text-bright, #203660);
    font-size: 24px
}

.jha-validation-error-navigator {
    display: flex;
    max-height: 32px
}

.jha-validation-error-navigator-container {
    color: var(--rui-text-error, #e13329);
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    padding: 6px 0
}

.jha-validation-error-navigator-container a {
    border-radius: 10px;
    color: var(--rui-text-error, #e13329);
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px
}

.jha-validation-error-navigator-container a:hover {
    background: rgba(244, 67, 54, .25);
    color: var(--rui-text-error, #e13329)
}

.jha-validation-error-navigator-container a.jha-validation-error-prev jha-icon {
    margin-right: 2px
}

.jha-validation-error-navigator-container a.jha-validation-error-next jha-icon {
    margin-left: 2px
}

.jha-validation-error-navigator-container jha-icon {
    margin-top: .11em
}

.jha-validation-error-navigator-container .jha-validation-error-summary {
    font-weight: 600;
    margin: 0 6px
}

@media print {

    .rui-form-group,
    .form-group,
    .rui-form-control-label,
    .control-label,
    .rui-form-required-indicator:after,
    .jha-required-indicator:after,
    legend {
        color: #000
    }

    .rui-form-control,
    .form-control {
        background-color: rgba(0, 0, 0, 0);
        border-color: #000;
        color: #000
    }
}