body { font-family: Verdana, Geneva, sans-serif; margin: 4px; background-color: #222; color: #ffffff;}
input { display:block; }
label.form-label { display:block; }
label.error { color: red; font-style: italic; }
input.text, input[type="password"] { margin-bottom:5px; width:95%; padding: .4em; }
select { margin-bottom:5px; padding: .4em; width: 100%;}
fieldset { padding:0; border:0; margin-top:10px; }
h1 { font-size: 1.2em; margin: .6em 0; }
.jsgrid { font-size: 13px; margin-top: 5px; }
.jsgrid-cell { padding: 0.28em; } 
.text-mono { font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !important; }
.text-small { font-size: 12px !important; }
.logs {
  background: #101010;
  color: #d0d7de; margin-top: 5px; border: 1px solid #888; height:280px; overflow: scroll; 
}
.ui-checkboxradio-label { margin-top: 5px; margin-bottom:5px;}
.ms-container  {width: 450px;}
.ms-container .ms-list {height: 250px;}

.ui-selectmenu-button.ui-button {
  width: 90%;
  margin-bottom: 5px;
}

.jsgrid-header-row > .jsgrid-header-cell {
  background: #333333;
}

.jsgrid-nodata-row > .jsgrid-cell,
.jsgrid-row > .jsgrid-cell,
.jsgrid-alt-row > .jsgrid-cell,
.jsgrid-grid-body {
  background: #101010;
}


.jsgrid-edit-row>.jsgrid-cell,
.jsgrid-filter-row>.jsgrid-cell,
.jsgrid-grid-body,
.jsgrid-grid-header,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-insert-row>.jsgrid-cell,
.jsgrid-cell {
 border:1px solid #666666;
}

.jsgrid {
  color: #eeeeee;
}

.jsgrid-selected-row>.jsgrid-cell {
  border: 1px solid #59b4d4;
  background: #0078a3 url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;
  color: #ffffff;
}

.jsgrid-edit-row > .jsgrid-cell {
  background: #666;
}