.searchBoxContent{display:table;table-layout:fixed;width:100%;box-sizing:border-box}.searchBoxContent .searchBoxFieldEdit{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.searchBoxContent .searchBoxFieldEdit>*{margin:0!important}.searchBoxContent .searchBoxField>.clear,.searchBoxContent .searchBoxFieldHint,.searchBoxContent .searchBoxFieldSpacer{display:none}.searchBoxContent .searchBoxField{display:table-row}.searchBoxContent .searchBoxFieldLabel{display:table-cell;padding:8px 0 0;vertical-align:middle;width:133px;color:var(--text-inactive-color)}.searchBoxContent .searchBoxFieldOperator{display:table-cell;padding-top:8px;padding-right:5px;vertical-align:middle;width:200px}.searchBoxContent .searchBoxFieldOperator select{width:100%;margin:0;border:1px solid var(--border-color);padding:2px;box-sizing:border-box}.searchBoxContent .searchBoxFieldValue{display:table-cell;padding-top:8px;vertical-align:middle;overflow:visible}.searchBoxContent .searchBoxFieldText{padding:0}.searchBoxContent .searchBoxFieldValue input{flex:1;border:1px solid var(--border-color);padding:4px;vertical-align:middle}.searchBoxContent .searchBoxFieldValue label.upper{margin:0 5px}.searchBoxContent .searchBoxFieldValue input[type=checkbox]{width:auto;height:auto;margin:12px 5px 12px 7px}.searchBoxContent .searchBoxFieldValue input[type=date]{max-width:150px}.searchBoxContent .searchBoxFieldValue select{flex:1;max-width:100%;margin:3px 0 2px;border:1px solid var(--border-color);padding:2px}.searchBoxContent .searchBoxField.focused .searchBoxFieldValueContent{position:relative}.searchBoxContent .searchBoxField.focused .searchBoxFieldHint{position:absolute;max-width:300px;padding:5px;top:0;transform:translateY(calc(-100% - 10px));display:block;color:var(--alert-text-color);border:1px solid var(--alert-border-color);background-color:var(--alert-bk-color)}.searchBoxContent .searchBoxField.focused .searchBoxFieldHint:before{bottom:-16px;border-bottom:0 solid var(--alert-bk-color);border-top:15px solid var(--alert-bk-color)}.searchBoxContent .searchBoxField.focused .searchBoxFieldHint:after,.searchBoxContent .searchBoxField.focused .searchBoxFieldHint:before{position:absolute;display:block;content:"";left:50%;transform:translateX(-50%);width:0;border-left:15px solid transparent;border-right:15px solid transparent;z-index:1}.searchBoxContent .searchBoxField.focused .searchBoxFieldHint:after{bottom:-15px;border-bottom:0 solid var(--alert-border-color);border-top:15px solid var(--alert-border-color)}@media screen and (hover:hover){.searchBoxContent .searchBoxFieldOperator select:hover,.searchBoxContent .searchBoxFieldValue input:hover,.searchBoxContent .searchBoxFieldValue select:hover,.searchBoxContent .searchBoxFieldValue textarea:hover{border-color:var(--highlight-active-bk-color)}}.searchBoxContent .searchBoxFieldOperator select:focus,.searchBoxContent .searchBoxFieldValue input:focus,.searchBoxContent .searchBoxFieldValue select:focus,.searchBoxContent .searchBoxFieldValue textarea:focus{border-color:var(--highlight-bk-color)}.searchBoxFieldLabelHint{display:block}.searchBoxField.operator-1 .searchBoxFieldHint,.searchBoxField.operator-11 .searchBoxFieldHint{display:none!important}.searchBoxField.operator-10 .searchBoxFieldHint{bottom:116%!important}.App_FireFox .searchBoxContent .searchBoxFieldOperator{padding-top:7px}.App_FireFox .searchBoxContent select{height:26px}.searchBoxFieldList{flex:1;margin:0;padding:0;list-style-type:none}.searchBoxFieldList:not(:empty){margin-right:5px}.searchBoxFieldEdit button{margin:0 0 0 5px}.searchBoxField button.clear,.searchBoxField button.select{align-self:flex-start}.searchBoxField .button.period.remove,.searchBoxField button.period.select{align-self:center}.searchBoxField.empty button.clear,.searchBoxField.searchBoxFieldValueWithPeriod input[type=date],.searchBoxField.searchBoxFieldWithPeriod input,.searchBoxField.searchBoxFieldWithPeriod label.upper,.searchBoxField:not(.searchBoxFieldValueWithUpper) .searchBoxFieldValue .upper,.searchBoxFieldValue .aux{display:none}