float: left;

  width: 150px;

  padding-right: 35px;

  color: #393939;

  font-weight: 700;

}

.panel-body.settings .nav-pills > li {

  padding: 0 !important;

}

.panel-body.settings .nav-pills > li > a {

  border-radius: 4px;

  padding: 10px;

  display: block;

  position: relative;

  color: inherit;

}

.panel-body.settings > ul.nav-stacked li.active > a,

.panel-body.settings > ul.nav-stacked li.active:hover > a {

  color: #fff;

  background-color: #577632;

}

.panel-body.settings > ul.nav-stacked li:hover > a {

  text-decoration: none;

  background-color: #eee;

}

.panel-body.settings > div,

.panel-body.settings > form {

  float: left;

  width: 750px;

  margin: 0;

}

.panel-body.no-padding {

  padding: 0;

}

.panel-body ~ .panel-body {

  padding-top: 0;

}

.panel-body.no-padding ~ .panel-body {

  padding-top: 15px;

}

.panel-body > :last-child {

  margin-bottom: 0;

}

.panel-body.settings .text-muted {

  margin: 5px 0;

}

/* No white Bootstrap buttons */

body .btn.btn-default {

  background-color: #DADADA;

  background-repeat: repeat-x;

  background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);

  border-top: 1px solid #DDD;

  border-left: 1px solid #c6c6c6;

  border-right: 1px solid #DDD;

  border-bottom: 1px solid #c6c6c6;

}

body .btn.btn-default:hover {

  background-image: none;

}

/* use our link color for btn-link */

.btn-link {

  color: #577632;

}

ins,

div.options a:hover {

  text-decoration: none;

}

img,

nav.navbar #quick li a:hover span.normal,

#clone_url,

#clone_url_id {

  border: none;

}

img.icon,

.right .merge img {

  vertical-align: bottom;

}

#content div.panel div.panel-heading ul.links,

#content div.panel div.message div.dismiss,

#content div.panel div.traffic div.legend ul {

  float: right;

  margin: 0;

  padding: 0;

}

nav.navbar #home,

#content div.panel ul.left,

#content div.panel ol.left,

div#commit_history,

div#legend_data,

div#legend_container,

div#legend_choices {

  float: left;

}

div#commit_history {

  width: 450px;

  height: 300px;

}

div#overview {

  clear: both;

  width: 450px;

  height: 100px;

}

#content #left #menu ul.closed,

#content #left #menu li ul.collapsed,

.yui-tt-shadow {

  display: none;

}

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

  display: block !important;

}

#context-bar .select2-container .select2-choice .select2-chosen,

nav.navbar #quick .select2-container .select2-choice .select2-chosen {

  margin-right: 0;

}

.branch-switcher .select2-choice,

.repo-switcher .select2-choice {

  height: 100%;

  padding: 0;

}

.branch-switcher .select2-container,

.repo-switcher .select2-container,

.branch-switcher .select2-choice,

.repo-switcher .select2-choice,

.branch-switcher .select2-choice > span,

.repo-switcher .select2-choice > span {

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  color: #FFFFFF !important;

}

.branch-switcher .select2-arrow,

.repo-switcher .select2-arrow {

  display: none !important;

}

.select2-container.form-control {

  padding: 0;

  border: none;

}

.branch-switcher-dropdown.select2-drop.select2-drop-active,

.repo-switcher-dropdown.select2-drop.select2-drop-active {

  box-shadow: none;

  background-color: #577632;

  border: 1px solid rgba(0, 0, 0, 0.15);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}

.repo-switcher-dropdown.select2-drop.select2-drop-active {

  color: black;

}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {

  color: white;

}

#content div.panel ol.lower-roman,

#content div.panel ol.upper-roman,

#content div.panel ol.lower-alpha,

#content div.panel ol.upper-alpha,

#content div.panel ol.decimal {

  margin: 10px 24px 10px 44px;

}

/* formencode htmlfill adds 'error' to failing input fields */

#content div.panel div.form div.form-group > div input.error,

#login div.form div.form-group > div input.error,

#register div.form div.form-group > div input.error {

  background: #FBE3E4;

  border-top: 1px solid #e1b2b3;

  border-left: 1px solid #e1b2b3;

  border-right: 1px solid #FBC2C4;

  border-bottom: 1px solid #FBC2C4;

}

/* formencode htmlfill injects 'error-message' */

#content div.panel div.form div.form-group span.error-message,

#login div.form div.form-group span.error-message,

#register div.form div.form-group span.error-message {

  display: inline-block;

  color: red;

  margin: 4px 0 0;

}

#content div.panel table th.selected input,

#content div.panel table td.selected input {

  margin: 0;

}

#content div.panel div.form div.form-group > div {

  margin: 0 0 10px 200px;

}

#content div.panel div.form div.form-group > div a:hover,

#content div.panel div.form div.form-group > div a.ui-selectmenu:hover,

#content div.panel div.action a:hover {

  color: #000;

  text-decoration: none;

}

#content div.panel div.form div.form-group > div a.ui-selectmenu-focus,

#content div.panel div.action a.ui-selectmenu-focus {

  border: 1px solid #666;

}

div.form div.form-group div.button input,

#content div.panel div.form div.buttons input,

div.form div.buttons input,

#content div.panel div.action div.button input {

  font-size: 11px;

  font-weight: 700;

  margin: 0;

}

div.form div.form-group div.highlight,

#content div.panel div.form div.buttons div.highlight {

  display: inline;

}

#content div.panel div.form div.buttons,

div.form div.buttons {

  margin: 10px 10px 0 200px;

  padding: 0;

}

#content div.panel table td.user,

#content div.panel table td.address {

  width: 10%;

  text-align: center;

}

#content div.panel div.action div.button {

  text-align: right;

  margin: 6px 0 0;

  padding: 0;

}

#login,

#register {

  width: 520px;

  margin: 10% auto 0;

  padding: 0;

}

#register div.form div.form-group span.error-message {

  height: 1%;

  display: block;

  color: red;

  margin: 8px 0 0;

  padding: 0;

  max-width: 320px;

}

.ac .match {

  font-weight: 700;

  padding-top: 5px;

  padding-bottom: 5px;

}

div#legend_container table td,

div#legend_choices table td {

  border: none !important;

  height: 20px !important;

  padding: 0 !important;

}

.q_filter_box {

  border-radius: 4px;

  border: 0 none;

  margin-bottom: -4px;

  margin-top: -4px;

  padding-left: 3px;

}

#node_filter {

  border: 0px solid #545454;

  color: #AAAAAA;

  padding-left: 3px;

}

.reviewer_status {

  float: left;

}

.reviewers_member {

  height: 15px;

  padding: 0px 0px 0px 10px;

}

.emails_wrap .email_entry {

  height: 30px;

  padding: 0px 0px 0px 10px;

}

.emails_wrap .email_entry .email {

  float: left;

}

.emails_wrap .email_entry .email_action {

  float: left;

}

.ips_wrap .ip_entry {

  height: 30px;

  padding: 0px 0px 0px 10px;

}

.ips_wrap .ip_entry .ip {

  float: left;

}

.ips_wrap .ip_entry .ip_action {

  float: left;

}

/*README STYLE*/

div.readme h2 {

  font-weight: normal;

}

div.readme {

  clear: both;

  overflow: hidden;

}

div.readme h1,

div.readme h2,

div.readme h3,

div.readme h4,

div.readme h5,

div.readme h6 {

  border-bottom: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1.5em !important;

}

div.readme h2,

div.readme h3 {

  margin: 1em 0 !important;

}

div.readme h2 {

  margin-top: 1.5em !important;

  border-top: 4px solid #e0e0e0 !important;

  padding-top: .5em !important;

}

div.readme p {

  color: black !important;

  margin: 1em 0 !important;

  line-height: 1.5em !important;

}

div.readme ul {

  list-style: disc !important;

  margin: 1em 0 1em 2em !important;

}

div.readme ol {

  list-style: decimal;

  margin: 1em 0 1em 2em !important;

}

div.readme code {

  font-size: 12px !important;

  background-color: ghostWhite !important;

  color: #444 !important;

  padding: 0 .2em !important;

  border: 1px solid #dedede !important;

}

div.readme pre code {

  padding: 0 !important;

  font-size: 12px !important;

  background-color: #eee !important;

  border: none !important;

}

div.readme pre {

  margin: 1em 0;

  font-size: 12px;

  background-color: #eee;

  border: 1px solid #ddd;

  padding: 5px;

  color: #444;

  overflow: auto;

  border-radius: 3px;

}

div.readme table {

  display: table;

  border-collapse: separate;

  border-spacing: 2px;

  border-color: gray;

  width: auto !important;

}

/** comment main **/

.comment .panel {

  max-width: 978px;

}

.comment .panel-body {

  background-color: #FAFAFA;

}

.comments-number {

  padding: 10px 0;

  color: #666;

}

.automatic-comment {

  font-style: italic;

}

/** comment form **/

.status-block {

  margin: 5px;

  clear: both;

}

.comment-form textarea {

  width: 100%;

  height: 100px;

  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;

}

form.comment-form {

  margin-top: 10px;

  margin-left: 10px;

}

.comment-inline-form .comment-block-ta,

.comment-form .comment-block-ta {

  border: 1px solid #ccc;

  border-radius: 3px;

  box-sizing: border-box;

}

.comment-form-submit {

  margin-top: 5px;

  margin-left: 525px;

}

.file-comments {

  display: none;

}

.comment-form .comment {

  margin-left: 10px;

}

.comment-form .comment-help {

  padding: 5px 5px 5px 5px;

  color: #666;

}

.comment-form .comment-button {

  padding-top: 5px;

}

.add-another-button {

  margin-left: 10px;

  margin-top: 10px;

  margin-bottom: 10px;

}

.panel-heading .pull-left input[type=checkbox],

.panel-heading .pull-right input[type=checkbox] {

  position: relative;

  top: 4px;

  margin: -10px 2px 0;

}

/** comment inline form **/

.comment-inline-form {

  margin: 4px;

  max-width: 978px;

}

#comments-general-comments .comment-inline-form {

  margin: 0;

}

.comment-inline-form .submitting-overlay {

  height: 0;

  text-align: center;

  font-size: 16px;

  opacity: 0.5;

}

.comment-inline-form .clearfix,

.comment-form .clearfix {

  background: #EEE;

  border-radius: 4px;

  padding: 5px;

  margin: 0px;

}

div.comment-inline-form {

  padding: 4px 0px 6px 0px;

}

.comment-inline-form textarea {

  width: 100%;

  height: 100px;

  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;

}

form.comment-inline-form {

  margin-top: 10px;

  margin-left: 10px;

}

.comment-inline-form-submit {

  margin-top: 5px;

  margin-left: 525px;

}

.file-comments {

  display: none;

}

.comment-inline-form .comment {

  margin-left: 10px;

}

.comment-inline-form .comment-help {

  padding: 5px 5px 5px 5px;

  color: #666;

}

.comment-inline-form .comment-button {

  padding-top: 5px;

}

/** comment inline **/

.inline-comments .comment {

  margin: 3px 3px 5px 5px;

}

.inline-comments #comments-general-comments .comment {

  margin-left: 0;

}

.inline-comments .add-button-row {

  padding: 2px 4px 8px 5px;

}

.inline-comments .comments-number {

  padding: 0px 0px 10px 0px;

  color: #666;

}

input.status_change_checkbox,

input.status_change_radio {

  margin: 0 0 5px 15px;

}

.badge {

  padding: 4px 4px !important;

  text-align: center;

  color: #888 !important;

  background-color: #DEDEDE !important;

  border-radius: 4px !important;

}

@keyframes animated-comment-background {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: 20px 0;

  }

}

.comment-preview.failed .user,

.comment-preview.failed .panel-body {

  color: #666;

}

.comment-preview .comment-submission-status {

  float: right;

}

.comment-preview .comment-submission-status .btn-group {

  margin-left: 10px;

}

.comment-preview.submitting .panel-body {

  background-image: linear-gradient(-45deg, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%, #FAFAFA 50%, #FAFAFA 75%, #FFF 75%, #FFF 100%);

  background-size: 20px 20px;

  animation: animated-comment-background 0.4s linear infinite;

}

/****

PULL REQUESTS

*****/

.pullrequests_section_head {

  padding: 10px 10px 10px 0px;

  margin: 0 15px;

  font-size: 16px;

  font-weight: bold;

}

div.pr-details-title.closed {

  color: #555;

  background: #eee;

}

div.pr {

  margin: 0px 15px;

  padding: 4px 4px;

}

div.pr-desc {

  margin: 0px 15px;

}

tr.pr-closed td {

  background-color: #eee !important;

  color: #555 !important;

}

span.pr-closed-tag {

  margin-bottom: 1px;

  margin-right: 1px;

  padding: 1px 3px;

  font-size: 10px;

  color: #577632;

  white-space: nowrap;

  border-radius: 4px;

  border: 1px solid #d9e8f8;

  line-height: 1.5em;

}

.panel-body .pr-box {

  max-width: 978px;

  margin-right: 15px;

}

#s2id_org_ref,

#s2id_other_ref,

#s2id_org_repo,

#s2id_other_repo {

  min-width: 150px;

  margin: 5px;

}

#pr-summary .msg-div {

  margin: 5px 0;

}

#pr-summary > .pr-not-edit {

  min-height: 50px !important;

}

#pr-edit-btn {

  margin: 20px 0 0 !important;

  position: absolute;

}

/****

  PERMS

*****/

#perms .perms_section_head {

  padding: 10px 10px 10px 0px;

  font-size: 16px;

  font-weight: bold;

  text-transform: capitalize;

}

#perms .perms_section_head label {

  margin-left: 10px;

}

input.perm_filter {

  position: relative;

  top: 2px;

}

.perm-gravatar {

  vertical-align: middle;

  padding: 2px;

}

.perm-gravatar-ac {

  vertical-align: middle;

  padding: 2px;

  width: 14px;

  height: 14px;

}

.cs_files .progress {

  margin-bottom: 0;

}

.cs_files .changes {

  float: right;

  color: #577632;

}

.cs_files .changes .added {

  color: inherit;

  background-color: #BBFFBB;

  float: left;

  text-align: center;

  font-size: 9px;

  padding: 2px 0px 2px 0px;

}

.cs_files .changes .deleted {

  background-color: #FF8888;

  float: left;

  text-align: center;

  font-size: 9px;

  padding: 2px 0px 2px 0px;

}

/*new binary

NEW_FILENODE = 1

DEL_FILENODE = 2

MOD_FILENODE = 3

RENAMED_FILENODE = 4

CHMOD_FILENODE = 5

BIN_FILENODE = 6

*/

.cs_files .changes .bin {

  background-color: #BBFFBB;

  float: left;

  text-align: center;

  font-size: 9px;

  padding: 2px 0px 2px 0px;

}

.cs_files .changes .bin.bin1 {

  background-color: #BBFFBB;

}

/*deleted binary*/

.cs_files .changes .bin.bin2 {

  background-color: #FF8888;

}

/*mod binary*/

.cs_files .changes .bin.bin3 {

  background-color: #DDDDDD;

}

/*rename file*/

.cs_files .changes .bin.bin4 {

  background-color: #6D99FF;

}

/*chmod file*/

.cs_files .changes .bin.bin5 {

  background-color: #6D99FF;

}

.cs_files .cs_added {

  height: 16px;

  margin-top: 7px;

  text-align: left;

}

.cs_files .cs_changed,

.cs_files .cs_modified {

  height: 16px;

  margin-top: 7px;

  text-align: left;

}

.cs_files .cs_removed {

  height: 16px;

  margin-top: 7px;

  text-align: left;

}

.cs_files .cs_renamed {

  height: 16px;

  margin-top: 7px;

  text-align: left;

}

.diff-collapse {

  text-align: center;

  margin-bottom: 15px;

}

table.code-difftable {

  border-collapse: collapse;

  border-radius: 0px !important;

  width: 100%;

}

table.code-difftable td {

  padding: 0 !important;

  background: none !important;

  border: 0 !important;

  vertical-align: baseline !important;

}

table.code-difftable .context {

  background: none repeat scroll 0 0 #DDE7EF;

  color: #999;

}

table.code-difftable .add {

  background: none repeat scroll 0 0 #DDFFDD;

}

table.code-difftable .add ins {

  background: none repeat scroll 0 0 #AAFFAA;

  text-decoration: none;

}

table.code-difftable .del {

  background: none repeat scroll 0 0 #FFDDDD;

}

table.code-difftable .del del {

  background: none repeat scroll 0 0 #FFAAAA;

  text-decoration: none;

}

table.code-difftable td.code pre u:before {

  content: "\21a6";

  display: inline-block;

  width: 0;

}

table.code-difftable td.code pre u.cr:before {

  content: "\21a4";

  display: inline-block;

  color: rgba(0, 0, 0, 0.5);

}

table.code-difftable td.code pre u {

  color: rgba(0, 0, 0, 0.15);

}

table.code-difftable td.code pre i {

  border-style: solid;

  border-width: 0 0 0 1px;

  color: rgba(0, 0, 0, 0.5);

}

/** LINE NUMBERS **/

table.code-difftable .lineno {

  padding-left: 2px;

  padding-right: 2px !important;

  width: 30px;

  -moz-user-select: none;

  -webkit-user-select: none;

  border-right: 1px solid #CCC !important;

  border-left: 0px solid #CCC !important;

  border-top: 0px solid #CCC !important;

  border-bottom: none !important;

  vertical-align: middle !important;

  text-align: center;

}

table.code-difftable .lineno.new {

  text-align: right;

}

table.code-difftable .lineno.old {

  text-align: right;

}

table.code-difftable .lineno a {

  color: #aaa !important;

  font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;

  padding-left: 6px;

  padding-right: 6px;

  display: block;

}

table.code-difftable .line:hover .lineno a {

  color: #333 !important;

}

table.code-difftable .lineno-inline {

  background: none repeat scroll 0 0 #FFF !important;

  padding-left: 2px;

  padding-right: 2px;

  text-align: right;

  width: 30px;

  -moz-user-select: none;

  -webkit-user-select: none;

}

/** CODE **/

table.code-difftable .code {

  display: block;

}

table.code-difftable .code pre {

  margin: 0 0 0 12px !important;

  padding: 0;

  min-height: 17px;

  line-height: 17px;

  white-space: pre-wrap;

  word-break: break-all;

}

table.code-difftable .del .code pre:before {

  content: "-";

  color: #800;

  float: left;

  left: -1em;

  position: relative;

  width: 0;

}

table.code-difftable .add .code pre:before {

  content: "+";

  color: #080;

  float: left;

  left: -1em;

  position: relative;

  width: 0;

}

table.code-difftable .unmod .code pre:before {

  content: " ";

  float: left;

  left: -1em;

  position: relative;

  width: 0;

}

.add-bubble {

  position: relative;

  display: none;

  float: left;

  width: 0px;

  height: 0px;

  left: -8px;

  box-sizing: border-box;

}

/* comment bubble, only visible when in a commentable diff */

.commentable-diff tr.line.add:hover td .add-bubble,

.commentable-diff tr.line.del:hover td .add-bubble,

.commentable-diff tr.line.unmod:hover td .add-bubble {

  display: block;

  z-index: 1;

}

.add-bubble div {

  background: #577632;

  width: 16px;

  height: 16px;

  cursor: pointer;

  padding: 0 2px 2px 0.5px;

  border: 1px solid #577632;

  border-radius: 3px;

  box-sizing: border-box;

}

.add-bubble div:before {

  font-size: 14px;

  color: #ffffff;

  font-family: "kallithea";

  content: '\1f5ea';

}

.add-bubble div:hover {

  transform: scale(1.2, 1.2);

}

/* file diff icons */

.icon-diff-modified:before {

  color: #d0b44c;

}

.icon-diff-removed:before {

  color: #bd2c00;

}

.icon-diff-added:before {

  color: #6cc644;

}

.icon-diff-renamed:before {

  color: #677a85;

}

/* show some context of link targets - but only works when the link target

   can be extended with any visual difference */

div.comment:target:before {

  display: block;

  height: 100px;

  margin: -100px 0 0;

  content: "";

}

div.comment:target > .panel {

  border: solid 2px #ee0 !important;

}

.lineno:target a {

  border: solid 2px #ee0 !important;

  margin: -2px;

}

.btn-image-diff-show,

.btn-image-diff-swap {

  margin: 5px;

}

.img-diff {

  max-width: 45%;

  height: auto;

  margin: 5px;

  /* http://lea.verou.me/demos/css3-patterns.html */

  background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%);

  background-size: 10px 10px;

  background-color: #999;