/**
 * Copyright 2020 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

 th {
  color: #fff !important;
}

.sticky {
  background-color: #ffc;
  border: 1px solid #cc9;

  padding: 0.6em;
  margin: 0.4em;

  clear: right;
  float: left;
  width: 10em;
  word-wrap: break-word;

  box-shadow: 2px 2px 8px #ccc;
}

.sticky-title {
  font-family: "Comic Sans MS", cursive, sans-serif;
  padding-right: 0.25em;
}

.sticky-id {
  color: #866;
}

.sticky a {
  color: #191919;
}

.kanban-assignee {
  width: 1em;
}

#kanban-table td {
  border-right: 1px solid #e5e5e5;
  padding: 0.2em !important;
}

.sticky-reaction {
  display: inline !important;
}


/* sticky colors based on GitHub labels! */
.kind-process {
  background-color: #A5FF8F;
  border: 1px solid #85DF6F;
}

.kind-bug {
  background-color: #FDBABC;
  border: 1px solid #DD9A9C;
}


.kind-documentation {
  background-color: #A0F2FF;
  border: 1px solid #80D2DF;
}

.prority-urgent {
  font-weight: bold;
}

.sticky-overflow {
  background-color: #999;
  border: 1px solid #99F;
  font-style: italic;
  font-size: 90%;
  color: #333;
}

.unassigned-icon:before {
  content: "🤷";
  font-size: xx-large;
}

.kanban-assignee {
  width: 2em;
}

.unassigned-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.unassigned-lane {
  background-color: #858585 !important;
  color: #000;
  border-top: 1px solid #000 !important;
}

.unassigned-lane td {
  border-right: 1px solid #666 !important;
}

.unassigned-lane .sticky {
 box-shadow: 2px 2px 8px #333;
}

.late-eta {
  color: #FF0 !important;
  font-weight: bold !important;
}

.very-late-eta {
  color: #FB54A3 !important;
  font-weight: bold !important;
  font-size: 90% !important;
}

.early-eta {
  font-style: italic;
}

.refs {
  margin-top: 0.3em;
  float: right;
}

.refs li {
  border: 1px solid rgba(0, 0, 0, .2);
  padding-left: 0.3em;
  padding-right: 0.3em;
  display: inline-block;
  word-wrap: break-word;
  font-size: smaller;
  background-color: #FFF;
}