:root {
  --layout-bg-color: white;
  --layout-color: black;
  --navigator-bg-color: black;
  --navigator-color: white;
  --navigator-active-color: #57a83b;
  --component-bg-color: #394054;
  --component-color: black;
  --primary-bg-color: white;
  --primary-color: black;
  --primary-border-color: #57a83b;
  --primary-tint-color: #57a83b;
}

.btn-primary {
  border-radius: 1px;
  width: 100%;
  padding: 10px 0;
  height: 35px;
  color: var(--primary-color);
  background-color: var(--primary-bg-color);
  border: 2px solid var(--primary-border-color);
  font-weight: bold;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: var(--primary-color);
  background-color: var(--primary-bg-color);
  border: 2px solid var(--primary-border-color);
}

.text-center {
  text-align: center;
}

.pull-right {
  text-align: right;
}

.actions-listing {
  display: inline-block;
}

.actions-listing button {
  margin-left: 4px;
}

.tags-listing a {
  margin-right: 8px;
}

.ql-container .ql-editor {
  min-height: 80px;
}