body {
  color: #000;
  background-color: #c0c0c0;
}

body > header {
    background-color: rgba(224, 224, 224, 0.4);
    border-bottom: 1px solid #bbb;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 4px 4px;
}

#title {
  color: #202020;
}

body > header *,
#title,
#top-bar > nav > a:hover {
    color: #000;
}

#top-bar > div > a,
#top-bar > nav > a {
    color: #202020;
}

/* METRO LINKS */

.MetroLinks > a,
.normal-color {
  color: #000 !important;
}

/* CONTENT WRAPPER + COLUMNS */

#content {
  background-color: #f0f0f0;
}

  #content > .columns > div > .left-column,
  #content > .columns > div > .right-column {
    background-color: rgba(0, 0, 0, 0.025);
  }

  #content > .columns > div > .left-column {
    border-right: 2px solid rgba(0, 0, 0, 0.1);
  }

  #content > .columns > div > .right-column {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
  }

.sidebar-links li > a {
  color: #000 !important;
}

/* FOOTER */

footer {
    border-top: 1px solid #aaa;
    color: #666;
}

/* INPUT */

input[type=text],
input[type=password],
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=number],
textarea,
select {
  border-color: #808080;
}

  input[type=text]:hover,
  input[type=password]:hover,
  input[type=date]:hover,
  input[type=time]:hover,
  input[type=datetime-local]:hover,
  input[type=number]:hover,
  textarea:hover,
  select:hover {
    border-color: #343434;
  }

  input[type=text]:focus,
  input[type=password]:focus,
  input[type=date]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  textarea:focus,
  select:focus {
    border-color: #000;
  }

/* TABLES */

.borders,
.bordersleft,
.bordersleft tr td:first-child {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

  .borders tr,
  .bordersleft tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }

    .borders > thead > tr,
    .borders .header,
    .bordersleft tr td:first-child {
      background-color: rgba(0, 0, 0, 0.2) !important;
    }

    .borders tr:nth-child(odd),
    .bordersleft tr:nth-child(odd) {
      background-color: rgba(0, 0, 0, 0.05);
    }

    .borders tr:nth-child(even),
    .bordersleft tr:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.1);
    }

/* HTML EDITOR */

.ajax__html_editor_extender_buttoncontainer {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.ajax__html_editor_extender_texteditor {
  background-color: rgba(255, 255, 255, 0.8);
}

/* MESSAGE BOXES */

.messagebox {
  background-color: #ddd;
}

.messagebox-ok {
    background-color: #ccffee !important;
}

.messagebox-info {
    background-color: #cceaff !important;
}

.messagebox-warning {
    background-color: #fff4cc !important;
}

.messagebox-error {
    background-color: #ffdccc !important;
}

/* TOOLBAR */

.toolbar {
    background-color: #ddd;
    border-bottom: 1px solid #aaa;
}

/* BUTTONS */

button,
.button,
.button-default,
.products > div > a {
    color: #222 !important;
}

button,
.button,
.products > div > a {
    background-color: #ccc;
    border-color: #666;
}

button:hover,
.button:hover,
.button-default:hover,
.products > div > a:hover {
    color: #000 !important;
}

button:hover,
.button:hover,
.products > div > a:hover {
    background-color: #eee;
    border-color: #444;
}

button.disabled,
input[type=button].disabled,
button[disabled],
button.disabled:hover,
input[type=button].disabled:hover,
button[disabled]:hover {
    background-color: #eee !important;
    color: #888 !important;
    border-color: #aaa !important;
}