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

}

/* search highlighting */

div.search-code-body pre .match {

  background-color: @highlight-color;

}

div.search-code-body pre .break {

  background-color: @highlight-line-color;

  width: 100%;

  display: block;

}

/* use @alert-danger-text for form error messages and .alert-danger for the input element */

.form-group .error-message {

  color: @alert-danger-text;

  display: inline-block;

  padding-top: 5px;

  &:empty{

    display: none;

  }

}

input.error {

  .alert-danger;

}

/* datatable */

.dataTables_left {

  .pull-left;

}

.dataTables_right {

  .pull-right;

}

/* make all datatable paginations small */

.dataTables_paginate .pagination {

  .pagination-sm;

}

/* show column sort icons in our font ... and before column header */

table.dataTable {

  .sorting_asc:before {

    font-family: "kallithea";

    content: "\23f6";

    padding-right: 8px;

  }

  .sorting_desc:before {

    font-family: "kallithea";

    content: "\23f7";

    padding-right: 8px;

  }

  .sorting:before {

    font-family: "kallithea";

    content: "\2195";

    padding-right: 8px;

    opacity: 0.5;

  }

  .sorting_asc:after,

  .sorting_desc:after,

  .sorting:after {

    content: "" !important;

  }

}

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

  }

}

/* use pointer cursor for expand_commit */

.expand_commit .icon-align-left {

  cursor: pointer;

  color: #999;

}

/* don't break author, date and comment cells into multiple lines in changeset table */

table.changesets {

  .author,

  .date,

  .comments {

    white-space: nowrap;

  }

}

/* textareas should be at least 100px high and 400px wide */

textarea.form-control {

  min-height: 100px;

  min-width: 400px;

}

/* add some space between the code-browser icons and the file names */

.browser-dir > i[class^='icon-'],

.submodule-dir > i[class^='icon-'],

.browser-file > i[class^='icon-'] {

  padding-right: 0.3em;

}

.form-group > label {

  float: left;

}

.dt_repo_pending {

  opacity: 0.5;

}

div.panel-primary {

  border: none;

}

/* no extra vertical margin */

#content div.panel ul.pagination {

  margin: 0;

}

/* remove margin below footer */

.navbar.footer {

  margin-bottom: 0;

}

.user-menu {

  padding: 0 !important;

}

#quick_login {

  width: 360px;

  margin-top: 15px;

  min-height: 110px;

}

#quick_login input#username,

#quick_login input#password {

  display: block;

  margin: 5px 0 10px;

}

#quick_login .password_forgotten a,

#quick_login .register a {

  padding: 0 !important;

  line-height: 25px !important;

  float: left;

  clear: both;

}

#quick_login .submit {

  float: right;

}

#quick_login .submit input#sign_in {

  margin-top: 5px;

}

#quick_login > .pull-left {

  width: 170px;

}

#quick_login > .pull-right {

  width: 140px;

}

#quick_login .full_name {

  font-weight: bold;

  padding: 3px;

}

#quick_login .email {

  padding: 3px 3px 3px 0;

}

#quick_login :not(input) {

  color: @kallithea-theme-inverse-color;

  padding-bottom: 3px;

}

#register div.form div.form-group > label {

  width: 135px;

  float: left;

  text-align: right;