body {
  padding-top: 50px;
}

span.overflow {
  text-overflow: ellipsis;
}

.btn-default {
  float:left;
}

.yellow_mark_small {
  color:#f0ad4e;
  font-size:1.2em;
}

.yellow_mark_big {
  color:#f0ad4e;
  font-size:2em;
}

.revision_item_desc {
  background-color: #C5B7B7;
  border: solid 1px #fff;
  border-radius: 5px;
  padding: 7px;
}

.macro_label, .macro_content {
  display:inline-block;
  min-width:30em;
  max-width:30em;
  margin-right:3.2em;
}
.macro_label {
  font-weight:bold;
}

#macros_list button:last-child{
  margin-left:4em;
}

#macros_list li{
  list-style:none;
  margin-bottom:0.2em;
  background-color:#EAE4D1;
  padding: 0.8em;
  border-radius: 5px;
  margin-top: 1em;
  max-width:54em;
}

.starter-template {
  padding: 40px 15px;
}

#new_project {
  margin-top: 10px;
}

#edit_project {
  margin-bottom: 10px;
}

#files_panel {
  margin-left:10px;
  margin-right:5px;
  padding-left:0px;
  padding-right:0px;
}

#merge {
  margin-left:0.5em;
}

input[name="task_content"] {
  width:100%;
  margin-bottom:0.5em;
}

.file_simple_diff {
  position:relative;
}

.hlink {
  cursor:pointer;
  cursor:hand;
}

.merge_trigger {
  position:absolute;
  right:0;
  top:0;
  border:none;
  background:transparent;
}

.low_gauge_container {
  padding: 15px 3px 15px 3px;
  background-color: rgb(252, 249, 249);
}

*:focus {
  outline-color: transparent;
}

#container_logs {
  position:fixed;
  bottom:0px;
  z-index:5;
  overflow:auto;
  width:100%;
  height:160px;
  border-top:solid 2px;
  background-color:white;
}

#container_alert {
  position:fixed;
  bottom:0px;
  z-index:100;
  padding:0px;
  width:100%;
  border:none;
}

#tasks ul {
  padding:0;
  list-style:none;
}

#tasks ul li {
  padding-bottom:10px;
}

#container_alert .alert {
  margin-bottom:0px;
}

.log {
  padding-top: 4px;
  padding-right: 50px;
  padding-left: 20px;
  list-style:none;
}

.log>li:nth-child(even){
  background-color:white; 
}
.log>li:nth-child(odd){
  background-color:#ececec; 
}
.row_log {
  list-style:none;
}
.row_log li {
  display: table-cell;
  padding-right:10px;
  padding-left:5px;
  border-right:solid 1px rgb(190, 190, 190);
}

.row_log li:last-child {
  border-right:none;
}

#filter {
  margin-left:20px;
  padding-right:0px;
  padding-left:0px;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.icon-spin{
  display:inline-block;
  -moz-animation:spin 2s infinite linear;
  -o-animation:spin 2s infinite linear;
  -webkit-animation:spin 2s infinite linear;
  animation:spin 2s infinite linear
}

@-moz-keyframes spin{
  0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg)}
}

@-webkit-keyframes spin{
  0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg)}
}

@-o-keyframes spin{
  0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(359deg)}
}

@-ms-keyframes spin{
  0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(359deg)}
}

@keyframes spin{
  0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}

@-moz-document url-prefix(){
  .icon-spin{height:.9em}
  .btn .icon-spin{height:auto}
  .icon-spin.icon-large{height:1.25em}
  .btn .icon-spin.icon-large{height:.75em}
}

ul.dropdown-menu {
  overflow-y: auto;
  max-height: 600px;
}
/**
 * SVG styles
 */

p.table_row {
  margin-bottom:4px;
  margin-top:2px;
}

#d3_container ul {
  display:table-row;
}

#d3_container ul.revision_row  li:nth-child(1),
#d3_container ul.revision_head li:nth-child(1) {
  display:table-cell;
}
#d3_container ul.revision_row  li:nth-child(2),
#d3_container ul.revision_head li:nth-child(2) {
  display:table-cell;
}

@media screen and (min-width: 1001px) {
  #d3_container ul.revision_row  li:nth-child(6),
  #d3_container ul.revision_head li:nth-child(6) {
    display:table-cell;
  }
}

@media screen and (min-width: 681px) {
  #d3_container ul.revision_row  li:nth-child(7),
  #d3_container ul.revision_head li:nth-child(7) {
    display:table-cell;
  }
}

#d3_container ul.revision_row li {
  border-top:1px solid #ddd;
}

ul.revision_row {
  border-bottom:solid 1px #ADACAC;
  padding-top:0px;
  padding-bottom:2px;
  padding-left:3px;
  line-height:20px;
  margin:0;
} 

ul.revision_head {
  padding-top:0px;
  padding-bottom:2px;
  padding-left:3px;
  line-height:20px;
  margin:0;
  font-weight:bold;
} 

ul.revision_row li, ul.revision_head li {
  display:inline-block;
  text-align:left
}

ul.revision_row li:nth-child(1), ul.revision_head li:nth-child(1) {
  min-width:50px;
}

ul.revision_row li:nth-child(2), ul.revision_head li:nth-child(2) {
  min-width:35px;
}

ul.revision_row li:nth-child(3), ul.revision_head li:nth-child(3) {
  text-align:center;
  min-width:40px;
}
ul.revision_row li:nth-child(4), ul.revision_head li:nth-child(4) {
  text-align:left;
  min-width:180px;
  padding-right:0.5em;
}

ul.revision_row li:nth-child(5), ul.revision_head li:nth-child(5) {
  text-align:left;
  min-width:200px;
}

ul.revision_row li:nth-child(6), ul.revision_head li:nth-child(6) {
  width:150px;
  min-width:100px;
  margin-right:0.5em;
}

ul.revision_row li:nth-child(7), ul.revision_head li:nth-child(7) {
  min-width:400px;
  max-width:450px;
  overflow-wrap:break-word;
  overflow:hidden;
  text-wrap:normal;
  margin-right:2em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

#users_overview tbody tr:nth-child(even) td{
  background-color:white;
}
#users_overview tbody tr:nth-child(odd) td{
  background-color:#E2E2E2;
}

.acls_overview tbody tr:nth-child(even) td{
  background-color:white;
}
.acls_overview tbody tr:nth-child(odd) td{
  background-color:#E2E2E2;
}

#login_form_responsive {
  display:none; 
}

#projects_list {
  padding-left:3px;
}

.drop_group_projects {
  vertical-align:bottom;
}

/**
* some responsive design fix
*
*/

@media screen and (max-height: 1500px) {
  ul.dropdown-menu {
    max-height: 600px;
  }
}

@media screen and (max-height: 1000px) {
  ul.dropdown-menu {
    max-height: 500px;
  }
}

@media screen and (max-height: 700px) {
  ul.dropdown-menu {
    max-height: 300px;
  }
}

@media screen and (max-height: 500px) {
  ul.dropdown-menu {
    max-height: 200px;
  }
}

@media screen and (max-height: 300px) {
  ul.dropdown-menu {
    max-height: 100px;
  }
}

@media screen and (min-width: 768px) {
  .responsive_link {
    display:none !important; 
  }
}

@media screen and (min-width: 381px) {
  #d3_container ul.revision_row  li:nth-child(4),
  #d3_container ul.revision_head li:nth-child(4) {
    display:table-cell;
  }
  #d3_container ul.revision_row  li:nth-child(3),
  #d3_container ul.revision_head li:nth-child(3) {
    display:table-cell;
  }
  #d3_container ul.revision_row  li:nth-child(5),
  #d3_container ul.revision_head li:nth-child(5) {
    display:table-cell;
  }
}

@media screen and (max-width: 1000px) {
  ul.revision_row li:nth-child(6),
  ul.revision_head li:nth-child(6) {
    display:none;
  }

  #filter {
    margin-left:10px; 
  }
}

@media screen and (max-width: 680px) {
  #filter {
    margin-left:0px; 
  }

  ul.revision_row li:nth-child(7),
  ul.revision_head li:nth-child(7) {
    display:none;
  }
  ul.revision_row li:nth-child(5),
  ul.revision_head li:nth-child(5) {
    min-width:80px;
  }
}

@media screen and (max-width: 380px) {
  ul.revision_row li:nth-child(4),
  ul.revision_head li:nth-child(4),
  ul.revision_row li:nth-child(3),
  ul.revision_head li:nth-child(3),
  ul.revision_row li:nth-child(5),
  ul.revision_head li:nth-child(5) {
    display:none;
  }

  #filter {
    padding-left:0px; 
  }

  .row_log li:nth-child(1) {
    display:none;
  }
  .row_log li:nth-child(3) {
    display:none;
  }
  .row_log li:nth-child(4) {
    display:none;
  }
  .row_log li:nth-child(5) {
    display:none;
  }
}

@media screen and (max-width: 767px) {
  form[name="view_project"] {
    display:none; 
  }
  .responsive_link {
    display:block; 
    text-align:center;
    color:white !important;
    font-weight:bold !important;
  }
  #login_form_responsive {
    display:block; 
  }
  #login_form_responsive input, #login_form_responsive button {
    display:block; 
    margin-left:2em;
    margin-bottom:0.5em;
  }
  #login_form {
    display:none; 
  }
  .row_log li:nth-child(1) {
    display:none;
  }
  .row_log li:nth-child(4) {
    display:none;
  }
}


/**
 * All the pygment style
 *
 */
.hll { background-color: #ffffcc; }
.c { color: #408080; font-style: italic; } /* Comment */
.err { border: 1px solid #FF0000; } /* Error */
.k { color: #008000; font-weight: bold; } /* Keyword */
.o { color: #666666; } /* Operator */
.cm { color: #408080; font-style: italic; } /* Comment.Multiline */
.cp { color: #BC7A00; } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic; } /* Comment.Single */
.cs { color: #408080; font-style: italic; } /* Comment.Special */
.gd { color: #A00000; } /* Generic.Deleted */
.ge { font-style: italic; } /* Generic.Emph */
.gr { color: #FF0000; } /* Generic.Error */
.gh { color: #000080; font-weight: bold; } /* Generic.Heading */
.gi { color: #00A000; } /* Generic.Inserted */
.go { color: #888888; } /* Generic.Output */
.gp { color: #000080; font-weight: bold; } /* Generic.Prompt */
.gs { font-weight: bold; } /* Generic.Strong */
.gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
.gt { color: #0044DD; } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold; } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold; } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold; } /* Keyword.Namespace */
.kp { color: #008000; } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold; } /* Keyword.Reserved */
.kt { color: #B00040; } /* Keyword.Type */
.m { color: #666666; } /* Literal.Number */
.s { color: #BA2121; } /* Literal.String */
.na { color: #7D9029; } /* Name.Attribute */
.nb { color: #008000; } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold; } /* Name.Class */
.no { color: #880000; } /* Name.Constant */
.nd { color: #AA22FF; } /* Name.Decorator */
.ni { color: #999999; font-weight: bold; } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold; } /* Name.Exception */
.nf { color: #0000FF; } /* Name.Function */
.nl { color: #A0A000; } /* Name.Label */
.nn { color: #0000FF; font-weight: bold; } /* Name.Namespace */
.nt { color: #008000; font-weight: bold; } /* Name.Tag */
.nv { color: #19177C; } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold; } /* Operator.Word */
.w { color: #bbbbbb; } /* Text.Whitespace */
.mf { color: #666666; } /* Literal.Number.Float */
.mh { color: #666666; } /* Literal.Number.Hex */
.mi { color: #666666; } /* Literal.Number.Integer */
.mo { color: #666666; } /* Literal.Number.Oct */
.sb { color: #BA2121; } /* Literal.String.Backtick */
.sc { color: #BA2121; } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic; } /* Literal.String.Doc */
.s2 { color: #BA2121; } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold; } /* Literal.String.Escape */
.sh { color: #BA2121; } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold; } /* Literal.String.Interpol */
.sx { color: #008000; } /* Literal.String.Other */
.sr { color: #BB6688; } /* Literal.String.Regex */
.s1 { color: #BA2121; } /* Literal.String.Single */
.ss { color: #19177C; } /* Literal.String.Symbol */
.bp { color: #008000; } /* Name.Builtin.Pseudo */
.vc { color: #19177C; } /* Name.Variable.Class */
.vg { color: #19177C; } /* Name.Variable.Global */
.vi { color: #19177C; } /* Name.Variable.Instance */
.il { color: #666666; } /* Literal.Number.Integer.Long */