.templates-list .template-list-item {
  box-shadow: 0 1px 2px rgba(80, 85, 108, 0.3);
  position: relative;
  background: var(--content-bg);
  color: var(--text-main);
  width: 80%; }
  .templates-list .template-list-item.selected {
    background: var(--text-main); }
  .templates-list .template-list-item a {
    color: var(--text-main); }
  .templates-list .template-list-item span {
    color: var(--content-bg); }
  .templates-list .template-list-item .delete-item {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    color: var(--text-main);
    display: flex;
    align-items: center;
    justify-content: center; }
    .templates-list .template-list-item .delete-item i {
      flex: 1;
      display: block;
      cursor: pointer; }
      .templates-list .template-list-item .delete-item i:hover {
        color: var(--text-light); }

.tpl-msg {
  border-bottom: 1px solid var(--text-main); }

.reporting-template-editor {
  background: var(--content-bg);
  border: 1px solid var(--text-main);
  max-width: 1100px; }
  .reporting-template-editor .report-templates-datamodel-selection-container {
    display: flex; }
    .reporting-template-editor .report-templates-datamodel-selection-container .report-templates-datamodel-selection {
      flex: 1; }

.report-template-datamodel-item {
  background: var(--bg);
  color: var(--text-main);
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  width: 85%; }

.create-reporting-tpl {
  width: 85%; }
  .create-reporting-tpl fieldset input {
    font-size: 1.5em; }