/*
    elements in groups of standard "dataform"
*/
#dataform div.formgroup { padding:1.5em 0.5em; border-bottom:1px dotted #999; }
#dataform div.formgroup-strict {  padding-bottom:0.5em; border-bottom:1px dotted #999; }

#dataform.compact div.formgroup  { padding:0.8em 0.5em; }
#dataform div.formgroup:last-child { border-bottom:0px; }
#dataform div.formgroup dt, form.compact dl.zend_form dt {
            display:inline;
            background:transparent;
            }
#dataform div.formgroup dt label {
        font-weight:bold;
    color:#003;
    background-color:#e0e0f3;
    padding:3px;
    margin:2px;
    margin-top:4px;
    margin-left:0px;
}

#dataform div.formgroup dd   {
    display:inline;

    }

/*
    special styling for certain elements
*/

div.form-note {
    background:#f5f5f5;
    padding:0.5em;
    border:1px solid #999;
    width:90%;
    min-height:2em;
}

select {font-size:1.1em; padding:0.1em; }
select option {
    padding:0.1em 0.3em;
    margin:0.0em;
}
select option:hover {

}

/*
    "compact" form - more inline like style
*/

form.compact div.formgroup { padding:3px; }
form.compact dl.zend_form div.formgroup dt,
form.compact dl.zend_form dt {
            display:inline;
            background:transparent;
            border: 2px solid redd
}
form.compact div.formgroup dt label {
            }

form.compact div.formgroup dd , form.compact  dd {
    display:inline;
    }

/*
    form frame  + opts bar
*/
div.formframe {
    min-width:380px; background:#f5f5f5;
    border:1px dotted #aaa;
    margin-bottom:1em;
}

div.formframe div.opts { text-align:right; font-size:0.7em;  }
div.formframe div.opts a {color:#999; text-decoration:none}
div.formframe div.opts a.clear:before { content:url(../../../gui-icons/cross.png); height:10px;}
fieldset dl, form dl.zend_form {
    padding-left:4px; margin:0.2em;
}
div.formframe h4 {
    text-shadow: none;
    background:#C4DEED;
    color:#555;
    font-size:0.8em;
    padding:0.2em;
    margin:0.2em 0.3em;
}

#logviewer-element {margin:0; }

textarea.logviewer {
    width:100%;
    border:1px solid #999;
    background:#f5fff0;
    color:#211;
    font-size:8pt;
    /*color:#9fc;*/
}

/* select2 box*/
.select2-big { min-width:220px; }

/* input text error color */
#error-text { border:2px solid red; background-color:rgba(250, 0, 0, 0.1); }
#error-text::-webkit-input-placeholder { color:red; }
#error-text::-moz-placeholder { color:red; }
#error-text:-ms-input-placeholder { color:red; }


.select2-choice { min-width:12em;}


form.small-fields input[type="text"] { width:7em;}
form.small-fields input[type="text"].big { width:unset; }