html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;

  font-size: 10pt;
}

/* */
.ui-widget {
  font-size: 1.1em;
}

.ui-button-text-only .ui-button-text {
  padding: .2em 1em;
}

/* */

.CodeMirror {
  height: auto;
}

.CodeMirror-scroll {
  height: auto;
  overflow-y: hidden;
  overflow-x: auto;
}

.activeline {
  background: #FFEB90 !important;
}

.surface-content {
  padding: 0.2em;
  margin-bottom: 0.5em;
}

.surface-header {
  padding: 0.4em 1em;
}

.surface-footer {
  padding: 0.2em 1em;
  font-size: 0.8em;
}

.surface-actions {
  margin: 0.5em;
}

a:hover {
  color: #E78F08;
}

#appLeft {
  float: left;
  width: 14em;
}

#appLeft>.panel>p,
#appLeft>.panel>form {
  margin: 0;
  padding: 0.4em 1em 0.4em 1em;
}

#appLeft>.panel>form>input {
  width: 94%;
}

#appLeft>.panel>ul {
  list-style: none;

  margin: 0;
  padding: 0.4em 1em 0.4em 1em;

  line-height: 1.8em;
}

#appLeft>.panel>ul>li>a {
  display: inline-block;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  width: 100%;
}

#appContent {
  /*overflow: auto;*/
  margin-left: 14.5em;
  /*margin-right: 14.5em;*/

  margin-bottom: 0.5em;
}

#appFooter {
  clear: both;
}

/* index */
#appContent>.index>.dashisinvalid th {
  border-bottom: 1px solid black;
}

#appContent>.index>.dashisinvalid th:last-child,
#appContent>.index>.dashisinvalid td:last-child {
  text-align: right;
}

#appContent>.index>.dashisinvalid tr:not(:first-child) th {
  padding-top: 1.5em;
}

/* module */
#appContent>.module>ul {
  list-style: none;

  margin: 0;
  padding: 0.4em 0.4em 0.4em 0.4em;
}

#appContent>.module>ul>li>a {
  display: block;
  padding: 0.2em 1em 0.2em 1em;
  /*width: 14em;*/
}

/* editor */
#appContent>.editor>div:not(.surface-header) {
  margin: 0.5em;
}

#appContent>.editor>div:not(.surface-header)>div {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5em;
}

#appContent>.editor>div:not(.surface-header)>div>h5 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#appContent>.editor>div:not(.surface-header)>div>ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#appContent>.editor>div:not(.surface-header)>div>ul>li {
  margin-bottom: 0.2em;
}

/* surface_form */
div[data-type="surface_form"]>table {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-collapse: collapse;
}

/* surface_field */
tr[data-type="surface_field"]>th,
tr[data-type="surface_field"]>td {
  text-align: left;
  border-bottom: 1px solid lightgray;
  vertical-align: top;
  padding: 0.3em 0.8em;
  line-height: 1.4em;
}

tr[data-type="surface_field"]:last-child>th,
tr[data-type="surface_field"]:last-child>td {
  border-bottom: none;
}

/* surface_componentboolean */
td[data-type="surface_componentboolean"] {}

/* surface_componentinteger */
td[data-type="surface_componentinteger"]>input {
  width: 30em;
}

/* surface_componentstring */
td[data-type="surface_componentstring"]>input {
  width: 30em;
}

/* surface_componenttextarea */
td[data-type="surface_componenttextarea"] {}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: black;
  font-weight: bold;
}

div.tooltip {
  display: none;
}

div.tooltip.show {
  display: block;
  position: absolute;

  border-radius: 4px;
  border: 1px solid #e78f08;

  background: #eee;
  padding: 4px 8px;

  font-size: 1.1em;
}