@namespace svg url(http://www.w3.org/2000/svg);
@namespace xhtml url(http://www.w3.org/1999/xhtml);

xhtml|* {
  font-family: Roboto;
  font-size: inherit;
}

html {
  font-size: 14px;
}

.elu-margin-vertical {
  margin-top: 10px;
  margin-bottom: 10px;
}

.elu-margin-top {
  margin-top: 10px;
}

.elu-margin-bottom {
  margin-bottom: 10px;
}

.elu-margin-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}

.elu-margin-left {
  margin-left: 10px;
}

.elu-margin-right {
  margin-right: 10px;
}

.elu-margin {
  margin: 10px;
}

.elu-filled-panel {
  background: "red";
  border: solid 1px lightgray;
  border-radius: 6px;
  padding: 10px;
}

.elu-filled-panel-dark {
  background: #272725;
}

.elubutton {
  border-radius: 3px;
  text-align: center;
  background: rgb(80, 162, 229);
  color: white;
  position: relative;
  opacity: 0.9;
  cursor: pointer;
  padding: 5px;
  box-sizing: border-box;
}

.elubutton:hover {
  opacity: 1;
}

.elubutton > span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.elu-smooth-value-editing .eluScrollbar {
  top: 0px !important;
}

.elu-spacer-line {
  height: 100%;
  width: 1px;
  margin-top: 2.5%;
  position: absolute;
  left: 50%;
  background: #999999;
}

.elu-spacer-line-horizontal {
  height: 1px;
  margin: 0 1em;
  background: #999999;
}