body {
  font-family: 'Open Sans', sans-serif;
}

:root {
  --primary: #4d8275;
  --secondary: #2b2b2b;
  --accent: #e6e7e8;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #e6e7e8;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

  --link-fg: var(--secondary);
  --link-hover-color: black;
  --link-selected-fg: black;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--secondary);
  --button-hover-bg: black;
  --default-button-bg: var(--primary);
  --default-button-hover-bg: #9fb9ac;
  --close-button-bg: #404040; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #f2f2f2;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);

  --background-color: #fafafa
}

.content {
  background: var(--background-color);
}

.object-tools a:link{
  padding: 10px 25px;
  font-weight: bold;
  border-radius: 27.5px;
}

.object-tools a:hover, .object-tools a:focus {
  color: var(--secondary)
}

.object-tools a:active {
  background: black;
  color: #ffffff;
}

.object-tools a.addlink{
  background-image: none;
}

#content-main{
  background-color: var(--background-color);
}

#content-main .object-tools li a.addlink:before{
  content: "+";
  font-size: 2em;
  line-height: 0.5em;
}

#content-main form fieldset{
  background: var(--background-color);
}

#user-tools a:focus, #user-tools a:hover {
    text-decoration: none;
    border-bottom-color: #c2c2c2;
    color: white;
}

/* FORMS */

input[type='text']:not(.errors input), select, input[type='number']:not(.errors input) {
  border-color: var(--secondary);
}

.submit-row{
  background: #f2f2f2;
}

.submit-row input[type='submit']:not(.default){
  background: #fff;
  color: var(--secondary);
}

.submit-row input[type='submit']:not(.default):hover{
  background: #e3e3e3;
}

.submit-row input[type='submit'], .submit-row a.deletelink{
  font-weight: bold;
  border-radius: 27.5px !important;
}

ul.errorlist, .errornote{
  background: var(--background-color)
}

form fieldset h2{
  background: var(--secondary) !important;
}