body {
  background: #eaeff2;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  padding-top: 8px;
}
/* Logo and Title */
#headerbar {
  height: 18px;
}
#headerbar #title a {
  font-weight: bold;
  font-size: 100%;
}
#headerbar #rbinfo > a {
  display: block;
  width: 60px;
  height: 60px;
  background: url("../mozreview/logo.fb7058f374c1.svg") 3px -6px no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 8px;
  z-index: 50;
}
#headerbar #rbinfo > a img {
  display: none;
}
@media screen and (max-width: 720px), screen and (max-device-width: 720px) and (orientation: landscape) {
  #headerbar #rbinfo a {
    display: none;
  }
  #headerbar #nav_toggle {
    top: -10px;
  }
  #headerbar #search {
    position: absolute;
    top: -10px;
    right: 0;
    left: 60px;
  }
  #navbar-container {
    display: none;
  }
  #headerbar,
  .reviewable-page #headerbar {
    border-bottom-color: #d4dde4;
  }
}
/* Account Navigation */
#accountnav li {
  /* background colors on hover; set twice for reviewable-page :( */
}
#accountnav li:hover,
#accountnav li:hover > a,
#accountnav li ul,
#accountnav li ul:hover,
.reviewable-page #accountnav li:hover,
.reviewable-page #accountnav li ul {
  background: #fff;
  border-color: #fff;
}
#accountnav li ul {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  min-width: 150px;
  border-color: #d4dde4;
}
#accountnav li:hover ul,
.reviewable-page #accountnav li:hover ul {
  margin-top: -1px;
  border-color: #eaeff2;
}
.reviewable-page #accountnav li:hover ul li:hover a,
#accountnav li:hover ul li:hover a {
  background: #d4dde4;
}
/* Main Navigation */
#navbar {
  border-bottom: 0;
}
#navbar-container {
  padding-bottom: 10px;
}
#topbar,
#navbar-container,
.reviewable-page #topbar,
.reviewable-page #navbar-container {
  background: inherit !important;
}
.reviewable-page #navbar-container,
#navbar-container {
  border-bottom: 1px solid #d4dde4;
}
/* Search Bar */
#headerbar #search input,
.reviewable-page #headerbar #search input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 3px 6px;
  border-color: #bbb;
}
/* Diff Tables and Data Grids */
#page-container #page_sidebar .page-sidebar-items li.has-url:hover .page-sidebar-row {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.6);
  border-color: transparent !important;
}
#page-container #page_sidebar .page-sidebar-items li.active .page-sidebar-row {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 !important;
}
#page-container #page_sidebar .page-sidebar-items li.active.has-url:hover .page-sidebar-row {
  border: 0 !important;
}
#page-container #page_sidebar .page-sidebar-items li .page-sidebar-row {
  font-size: 14px;
}
#page-container .datagrid-header {
  background: #d4dde4;
}
body.datagrid-page #page-container .datagrid-main {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 !important;
}
body.datagrid-page #page-container .datagrid-head {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 0;
}
body.datagrid-page #page-container .datagrid-body .datagrid-headers {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 0;
}
body.datagrid-page #page-container .datagrid-header:first-child {
  border-top-left-radius: 0;
}
body.datagrid-page #page-container .datagrid-header:last-child {
  border-top-right-radius: 0;
}
body.datagrid-page #page-container .datagrid tbody td {
  padding: 10px;
}
body.datagrid-page #page-container .datagrid tbody th {
  padding: 10px;
}
body.datagrid-page #page-container .datagrid tbody tr:hover {
  background: #eaeff2;
}
body.datagrid-page #page-container .datagrid-wrapper .datagrid-titlebox {
  margin-left: 0;
}
body.datagrid-page #page-container .datagrid-title-tabs .datagrid-tab {
  border: 0;
}
body.datagrid-page #page-container .datagrid-title-tabs .datagrid-tab.active {
  background: #d4dde4;
}
body.datagrid-page #page-container .datagrid-title-tabs .datagrid-tab:first-child {
  border-top-left-radius: 0;
}
body.datagrid-page #page-container .datagrid-title-tabs .datagrid-tab:last-child {
  border-top-right-radius: 0;
}
.datagrid-header-drag.datagrid-header {
  background: #d4dde4;
}
.datagrid tr.datagrid-empty-row {
  visibility: hidden;
}
.datagrid-titlebox ul li a,
a.markdown-info {
  color: #777;
}
.datagrid-header {
  padding: 10px;
}
#view_controls {
  font-size: 12px;
}
.review-request #review_request_details {
  display: none;
}
.review-request #review_request_main {
  margin-right: 0;
}
/* Review Actions Bar */
.actions-container,
.actions.page-tabs {
  background: #d4dde4;
  border: 0;
}
.actions-container {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.review-request-header {
  line-height: 20px;
}
.review-request-header,
.actions.page-tabs li {
  border-bottom: 0;
}
.actions.page-tabs li.active {
  border: 0;
  background: #fff;
}
.actions.page-tabs {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.actions-left li:hover,
.actions li:hover,
.actions .menu,
.actions .menu li,
.actions-right-container > li > .actions-right,
.actions-right-container > li > .actions-right li {
  background-color: #d4dde4;
}
.review-request .actions-container .star,
.actions-left .rb-icon.star {
  margin: 8px 5px;
}
.actions-right-container > li > .actions-right {
  border: 0;
}
.actions .menu li:hover {
  background: #eaeff2;
}
.actions .menu {
  border: 0;
}
/* Image attachment detail page */
.review-ui-box .review-ui-box-content {
  border: 0;
}
.image-review-ui,
.review-ui-box .actions-container,
.review-ui-box.has-review-ui-box-content .actions-container {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.review-ui-box .actions.page-tabs .active,
.review-ui-box .review-ui-header {
  background: #fff;
}
.review-ui-box .review-ui-header {
  background: #eaeff2;
  border-bottom-color: #eaeff2;
}
/* Diffs in Reviews */
#diffs .diff-box {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  margin-top: 0;
}
#diff-details #diff_revision_label h1,
.review-request label {
  color: #000;
}
#diff_index,
.diff-index {
  border: 0;
  margin: 0;
}
#diff_index table tr:first-child td,
.diff-index table tr:first-child td {
  vertical-align: middle;
}
#diff_index table td,
.diff-index table td {
  background: none;
  border-top: 1px solid #eee;
}
.sidebyside {
  font-size: 11px;
}
.sidebyside thead .filename-row th {
  background: #d4dde4;
}
.sidebyside thead .revision-row th .rb-icon {
  vertical-align: sub;
}
/* Dialogs */
.modalbox-inner,
.modalbox-title,
.modalbox {
  background-image: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.modalbox-title {
  background: #d4dde4;
  border-bottom-color: #888a85;
}
.modalbox-inner {
  background: #eaeff2;
}
.modalbox-bg {
  background: rgba(255, 255, 255, 0.6) !important;
  /* overriding JS */
}
/* Comment Dialogs */
.comment-dlg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* Tooltips */
#user_infobox,
#bug_infobox {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #f8f8f8;
  border-color: #ccc;
  box-shadow: none;
}

#accountnav li {
  visibility: hidden;
}
/* hide trophies */
.yay {
  display: none;
}