/* CSS for inf-help-container and inf-help-content borrowed from M2GA */

.wkit-doc-form .inf-help-container {
    display: inline-block;
    position: relative;
    text-indent: 0;
}
.wkit-doc-form .inf-help-container span:first-child {
    background: cornflowerblue;
    color: white;
    padding: 0 3px;
    line-height: 1.3;
    cursor: pointer;
}
.wkit-doc-form .inf-help-container .inf-help-content {
    display: none;
    position: absolute;
    bottom: 100%;
    white-space: nowrap;
    left: -50%;
    background: white;
    border: 1px solid black;
    padding: 3px;
    font-size: 11px;
}
.wkit-doc-form .inf-help-container:hover .inf-help-content {
    display: block;
}

/* custom bb-test CSS for forms*/

.wkit-doc-form.form-highlights .wkit-oblk {
    border-color: blue;
    border-style: double;
}

.wkit-doc-form.form-highlights .wkit-oinl {
    border-color: green;
    border-style: double;
}

.wkit-doc-form.form-highlights .wkit-ablk {
    border-color: orangered;
    border-style: double;
}

.wkit-doc-form.form-highlights .wkit-ablk-item {
    border-style: dashed;
    border-color: orangered;
    border-width: 1px;
}

.wkit-doc-form.form-highlights .wkit-ainl {
    border-color: violet;
    border-style: double;
}

.wkit-doc-form.form-highlights .wkit-ainl-item {
    border-style: dashed;
    border-color: violet;
    border-width: 1px;
}

/* reproduce the angular ng-hide */
.wkit-doc-form .ng-hide:not(.ng-hide-animate) {
    /* These are just alternative ways of hiding an element */
    display: none;
}

.wkit-doc-form .userInputValue {
    background-color: #f0f0f0;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.wkit-doc-form input[type="TEXT"] {
    font-family:   'Fira Sans', sans-serif;
    font-size:     12pt;
}

/* this seems to be missing in the cdc.css (or content has mistaked span instead of div */
.wkit-doc-form:not(.for-print) input[type="RADIO"]+span.label         { color:#DADADA; }
.wkit-doc-form input[type="RADIO"]:checked+span.label { color:inherit; }
.wkit-doc-form:not(.for-print) input[type="RADIO"]+span.label input[type="TEXT"]        { color:#DADADA; }
.wkit-doc-form input[type="RADIO"]:checked+span.label input[type="TEXT"] { color:inherit; }

.wkit-doc-form:not(.for-print) input[type="RADIO"]+div.label input[type="TEXT"]{ color:#DADADA; }
.wkit-doc-form input[type="RADIO"]:checked+div.label input[type="TEXT"] { color:inherit; }

/* hiding and transforming form elements for print (export to RTF/PDF) */
.wkit-doc-form.for-print input[type="TEXT"] {
    display: none;
}

.wkit-doc-form.for-print .wkit-ablk-item input[type='RADIO'] {
    display: none;
}

.wkit-doc-form.for-print .wkit-ainl-item input[type='RADIO'] {
    display: none;
}

.wkit-doc-form.for-print .wkit-oblk input[type='CHECKBOX'] {
    display: none;
}

.wkit-doc-form.for-print .wkit-oinl input[type='CHECKBOX'] {
    display: none;
}

.wkit-doc-form.for-print .wkit-check input[type='CHECKBOX'] {
    display: none;
}

.wkit-doc-form.for-print .printable-checkbox {
    display: inline-block;
    background-color: inherit;
}

.wkit-doc-form.for-print .userInputValue {
    display: inline-block;
    background-color: inherit;
}

.wkit-doc-form.for-print .inf-help-container {
    display: none;
}

.wkit-doc-form.for-print .hide-for-print {
    display: none;
}

/* utility */

.sticky-toolbox.enabled {
    position: sticky; top:0;
    width: 350px;
    background: #e4e4e4;
    padding: 5px;
}