.changes .bin.bin1 {

  background-color: #BBFFBB;

}

/* deleted binary*/

.changes .bin.bin2 {

  background-color: #FF8888;

}

/* mod binary*/

.changes .bin.bin3 {

  background-color: #DDDDDD;

}

/* rename file*/

.changes .bin.bin4 {

  background-color: #6D99FF;

}

/* chmod file*/

.changes .bin.bin5 {

  background-color: #6D99FF;

}

/* center collapse button */

.diff-collapse {

  text-align: center;

  margin-bottom: 15px;

}

.code-difftable {

  /* the whole line should be colored */

  border-collapse: collapse;

  border-radius: 0px !important;

  width: 100%;

  /* line coloring */

  .context {

    background: none repeat scroll 0 0 #DDE7EF;

    color: #999;

  }

  .add {

    background: none repeat scroll 0 0 #DDFFDD;

  }

  .add ins {

    background: none repeat scroll 0 0 #AAFFAA;

    text-decoration: none;

  }

  .del {

    background: none repeat scroll 0 0 #FFDDDD;

  }

  .del del {

    background: none repeat scroll 0 0 #FFAAAA;

    text-decoration: none;

  }

  /* tabs */

  td.code pre u:before {

    content: "\21a6";

    display: inline-block;

    width: 0;

  }

  /* CR */

  td.code pre u.cr:before {

    content: "\21a4";

    display: inline-block;

  }

  /* whitespace characters */

  td.code pre u {

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

  }

  /* trailing spaces */

  td.code pre i {

    border-style: solid;

    border-width: 0 0 0 1px;

    border-color: rgba(0, 0, 0, 0.3);

  }

  /** LINE NUMBERS **/

  .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;

  }

  .lineno.new {

    text-align: right;

  }

  .lineno.old {

    text-align: right;

  }

  .lineno a {

    color: #aaa !important;

    padding-left: 6px;

    padding-right: 6px;

    display: block;

  }

  .line:hover .lineno a {

    color: #333 !important;

  }

  .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 **/

  .code {

    display: block;

  }

  .code pre {

    border: 0;

    padding: 0;

    margin: 0;

    background: none;

    min-height: 17px;

    line-height: 17px;

    white-space: pre-wrap;

    word-break: break-all;

  }

  /* leading +/- on changed lines */

  .del .code pre:before {

    content: "-";

    color: #800;

  }

  .add .code pre:before {

    content: "+";

    color: #080;

  }

  .code pre:before {

    content: " ";

    margin: 0 2px;

  }

}

/* comment bubble */

.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;

}

@kallithea-logo-url:                "../images/kallithea-logo.svg";

@kallithea-logo-width:              140px;

@kallithea-logo-height:             30px;

@kallithea-logo-bottom:             4px;

body {

  background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;

}

a {

  color: #577632;

  text-decoration: none;

}

a:hover {

  color: #576622;

  text-decoration: underline;

}

code,

.code pre,

.linenos pre,

div.readme pre,

div.formatted-fixed,

.CodeMirror .CodeMirror-code pre {

  font-size: 12px;

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

}

/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */

.formatted-fixed {

  white-space: pre-wrap;

}

.changeset_hash {

}

/* Note: class 'icon-empty' or 'icon-gravatar' can be used to get icon-ish styling without an actual glyph */

i[class^='icon-empty'],

i[class^='icon-gravatar'] {

  background-repeat: no-repeat;

  background-position: center;

  display: inline-block;

  min-width: 16px;

  min-height: 16px;

  margin: -2px 0 -4px 0;

}

.inline-comments-general.show-general-status .hidden.general-only {

  display: block !important;

}

.truncate {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  -ms-text-overflow: ellipsis;

}

.truncate.autoexpand:hover {

  overflow: visible;

}

/* show comment anchors when hovering over panel-heading */

a.permalink {

  visibility: hidden;

}

.panel-heading:hover .permalink {

  visibility: visible;

}

.navbar-inverse {

  border: none;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

  background-color: inherit;

}

nav.navbar .navbar-brand:hover,

nav.navbar .navbar-brand {

  font-size: 20px;

  padding-top: 12px;

  color: white !important;

  height: 44px;

}

nav.navbar {

  min-height: 44px;

  background-color: #577632;

}

/* logo */

.navbar-brand .branding {

  &:before {

    content: "";

    display: inline-block;

    margin-right: .2em;

    background-image: url(@kallithea-logo-url);

    width: @kallithea-logo-width;

    height: @kallithea-logo-height;

    margin-bottom: -@kallithea-logo-bottom;

    margin-top: -12px;

  }

}

/* code highlighting */

/* don't use bootstrap style for code blocks */

.code-highlighttable pre {

  background: inherit;

  border: 0;

}

/* every direct child of a panel, that is not .panel-heading, should auto

 * overflow to prevent overflowing of elements like text boxes and tables */

.panel > :not(.panel-heading){

  overflow-x: auto;

  min-height: 0.01%;

}

/* language bars (summary page) */

#lang_stats {

  .progress-bar {

    min-width: 15px;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

  }

  td {

    padding: 1px 0 !important;

  }

}

/* every direct child of a main panel, that is not .panel-heading, should auto