body {
  background-color: #fff;
  background-image: url('../img/diagonal-noise.png');
  font-family: 'Ubuntu', 'Arial';
}

.wrapper {
  background-color: #fff;
  box-shadow: #555 0px 0px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-radius: 10px;
  padding-bottom: 5px;
  margin-top: 20px;
}

.header {
  border-bottom: 5px solid #000;
  margin-top: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 10px;
  /* fallback */
  background-color: #55b;
  /*background: url('../img/linear_bg_2.png');
  background-repeat: repeat-x;*/
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#558), to(#55f));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #55b, #55f);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #55b, #55f);
  /* IE 10 */
  background: -ms-linear-gradient(top, #55b, #55f);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #55b, #55f);
}

.header.development_header {
  /* fallback */
  background-color: #b55;
  /*background: url('../img/linear_bg_2.png');
  background-repeat: repeat-x;*/
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#855), to(#f55));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #b55, #f55);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #b55, #f55);
  /* IE 10 */
  background: -ms-linear-gradient(top, #b55, #f55);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #b55, #f55);
}

.header.testing_header {
  /* fallback */
  background-color: #5b5;
  /*background: url('../img/linear_bg_2.png');
  background-repeat: repeat-x;*/
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585), to(#5f5));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #5b5, #5f5);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #5b5, #5f5);
  /* IE 10 */
  background: -ms-linear-gradient(top, #5b5, #5f5);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #5b5, #5f5);
}

.header .version {
  float: right;
  margin-right: 8px;
  margin-top: 3px;
  color: #fff;
  font-weight: bold;
}

.header .version span {
  font-weight: normal;
}

.header a {
  text-decoration: none;
  border: none;
  color: #fff;
  text-shadow: 1px 1px #333;
}

.header a:hover {
  text-decoration: none;
}

.header h1 {
  margin: 20px 0 10px 0;
}

.header img.logo_centraal_importeren {
  float: left;
  margin: 10px 5px 0 10px;
}

.subheader {
  font-size: 11px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #bbb;
}

.breadcrumbs {
  color: #888;
}

.account {
  float: right;
}

.sidebar {

}

.sidebar ul li {
  list-style: none;
  margin: 0;
}

.sidebar ul li.selected > a {
  color: #333;
  font-weight: bold;
}

.sidebar ul ul li {
  padding-left: 15px;
  background: url('../img/bullet_blue_small.png') no-repeat 0px 3px;
}

.sidebar_image {
  max-width: 220px;
}

.content {
}

.content h2 {
  border-bottom: 3px solid #bbb;
  margin-bottom: 10px;
  text-shadow: #888 1px 1px 1px;
}

.content h2 a {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 0 5px 0px 5px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.content h2 a:hover {
  border: 1px solid #bbb;
}

.content h3 {
  border-bottom: 3px solid #ddd;
  margin-bottom: 10px;
  font-size: 16px;
}

.content h3 span {
  color: #f55;
}

.content h4 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background-color: #fff;
  border-bottom: 3px solid #eee;
  margin-bottom: 5px;
}

p strong {
  /*text-shadow: #888 1px 1px 2px;*/
}

a {
  color: #33f;
  /*text-shadow: #88f 1px 1px 2px;*/
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.footer {
  border-top: 5px solid #000;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  color: #888;
  font-size: 11px;
}

.footer a {
  color: #000;
  text-shadow: none;
  text-decoration: underline;
}

.emphasis {
  color: #000;
  background-color: #ffb;
  padding: 3px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 3px;
}

.highlight {
  background-color: #ff0;
  padding: 1px 3px;
  border-radius: 3px;
  box-shadow: #bbb 2px 2px 2px;
}

.warning {
  color: #f00;
  background-color: #000;
  padding: 1px 3px 2px 3px;
  border-radius: 2px;
  font-weight: normal;
}

.footer img.logo_bolt_mplus {
  float: right;
  width: 100px;
}

.form_error {
  border-radius: 5px;
  color: #fff;
  background-color: #b00;
  box-shadow: #777 1px 1px 3px;
  padding: 3px;
  font-size: 11px;
}

.error {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fdd;
  padding: 3px;
  color: #f00;
}

.message_error td {
  background-color: #b77;
}

.message_error:nth-child(odd) td {
  background-color: #a66;
}

.message_error td,
.message_error td a,
.message_error td code,
.message_error .messagetype {
  color: #fff !important;
}

.messagetype {
  padding-left: 20px;
}

.messagetype.messagetype_error {
  background: url('../img/exclamation.png') no-repeat 0px 0px;
  color: #600;
}

.messagetype.messagetype_info {
  background: url('../img/information.png') no-repeat 0px 0px;
  color: #006;
}

.messagetype.messagetype_success {
  background: url('../img/accept.png') no-repeat 0px 0px;
  color: #060;
}

.messagetype.messagetype_progress {
  background: url('../img/ajax-loader.gif') no-repeat 0px 0px;
  color: #006;
}

.messagetype.messagetype_none {
  color: #555;
}

.status {
  padding-left: 20px;
  font-weight: bold;
  font-style: italic;
}

.status_approved {
  background: url('../img/accept.png') no-repeat 0px 0px;
  color: #060;
}

.status_scheduled {
  background: url('../img/time.png') no-repeat 0px 0px;
}

.status_finished {
  background: url('../img/tick.png') no-repeat 0px 0px;
}

.status_new {
  background: url('../img/star.png') no-repeat 0px 0px;
}

.status_ready_to_start {
  background: url('../img/arrow_right.png') no-repeat 0px 0px;
}

.status_in_progress {
  background: url('../img/ajax-loader.gif') no-repeat 0px 0px;
}

.status_failed {
  background: url('../img/cross.png') no-repeat 0px 0px;
}

/* Tables */

table.listing {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: #555 0px 0px 10px;
}

table.listing tr th {
  font-weight: bold;
  color: #333;
  background-color: #fff;
  border-bottom: 3px solid #eee;
  padding: 0 3px;
  border-top-right-radius: 5px;
}

table.listing tr th small {
  font-weight: normal;
  color: #555;
}

table.listing tr:nth-child(odd) {
  background-color: #eee;
}

table.listing tr td {
  padding-left: 2px;
  padding-right: 2px;
}

table.form tr th {
  font-weight: bold;
  color: #333;
  padding-right: 10px;
}

table.form tr th,
table.form tr td {
  padding-bottom: 5px;
}

table.form tr td {
  padding-right: 5px;
}

table.listing tr td {
  border-right: 2px solid #ddd;
}

table.listing tr td:last-child {
  border-right: none;
}

table.listing tr th.other_import,
table.listing tr td.other_import {
  background-color: #000;
  color: #fff;
  padding: 0 5px;
  border-radius: 0px;
  border-bottom: 3px solid #000;
  border-right: 2px solid #000;
}

table.listing tr td.other_import a {
  color: #fff;
}

table.listing tr.divider td {
  height: 2px;
  background-color: #888;
}

table.listing tr.small_divider td {
  height: 2px;
  background-color: #ccc;
}

span.other_import {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 0 3px;
}

table.form tr td {
}

table.form tr .required {
  color: #f00;
}

/* Notifications */

.notifications li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 5px;
  border-radius: 5px;
  box-shadow: #000 1px 1px 4px;
  padding: 3px 3px 3px 22px;
  background: #ff8 url('../img/information.png') 3px 3px no-repeat;
  font-size: 11px;
}

/* Buttons */

.button {
  padding: 5px 10px;
  display: inline;
  background: #777 url('../img/button.png') repeat-x bottom;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 1px 1px #666;
  }
.button:hover {
  background-position: 0 -48px;
  }
.button:active {
  background-position: 0 top;
  position: relative;
  top: 1px;
  padding: 6px 10px 4px;
  }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.grey { background-color: #888; }
.button.lightgrey { background-color: #ccc; color: #000; text-shadow: 1px 1px #ccc;}
.button.darkgrey { background-color: #555; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

/* Miscellaneous */

.usertype_beheerder {
  background: url('../img/crown.png') no-repeat;
  padding-left: 20px;
}

.usertype_leverancier {
  background: url('../img/crate.png') no-repeat;
  padding-left: 20px;
}

#filelist {
  margin-bottom: 20px;
}

#codeigniter_profiler {
  margin-top: 50px;
}

.listing tr.not_certain {
  opacity: 0.3;
}

.listing tr.not_certain:hover {
  opacity: 1.0;
}

.sidebar ul ul {
  margin-bottom: 0;
}

#div_dashboard_searchbar {
  float: right;
  color: #888;
}

#div_dashboard_searchbar input {
  width: 200px;
}

span.note {
  background-color: #ff8;
  font-size: 10px;
  font-weight: bold;
  padding: 0px 2px;
}

table code {
  font-size: 10px;
  margin: 4px;
  display: inline-block;
  color: #555;
  margin-left: 14px;
}

table.listing tr.row_separator {
  border-top: 2px solid #880;
}

table.listing tr th.ext_column,
table.listing tr td.ext_column {
  color: #888;
}

pre {
  background-color: #ff8;
  font-size: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 5px;
}