/**
 * Title:   Colorized, a MantisBT Stylesheet
 * Author:  Frank Bültge
 * Contact: frank@bueltge.de
 * URL:     https://github.com/bueltge/MantisBT-Colorized
 *
 * Description: Alternative colorized style for the Manits Bugtracker
 *
 * @since   02/2009
 * @version 08/14/2013
 * @author  fb
 */

/**
 * @section  Import of Stylesheets (also google fonts)
 */
@import url( 'buttons.css' );

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(font/open_sans.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans light';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(font/open_sans_light.woff) format('woff');
}

::selection {
  background: #ffff76;
}

::-moz-selection {
  background: #ffff76;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

body {
  margin: 0;
  padding: 0;
  font: 400 17px/1.6 "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

small {
  font-size: 12px;
  color: #646464;
}

textarea {
  font-size: 14px;
}

#header {
  background: #f1f1f1;
  height: 70px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

#header_logo {
  float: left;
  width: 350px;
  height: 45px;
  margin: 1px 0 0 50px;
  border-right: 1px solid #e5e5e5;
}

#header_title {
  float: left;
  height: 45px;
  line-height: 45px;
  margin: 12px 0 0 50px;
  font-size: 32px;
  font-weight: 300;
  color: #9fa2a6;
}

#header_title:first-letter {
  color: #004650;
}

#sub_title {
  color: #c1c4c9;
  font-size: 20px;
}

#header_connected a {
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 20px 50px 0 0;
  padding: 0 45px 0 0;
  background: #9fa2a6 url(../images/connect.png) no-repeat top right;
  color: #9fa2a6;
  text-decoration: none;
  font-size: 16px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -ms-transition: background 0.5s;
}

#header_connected a:hover {
  background: #eb5146 url(../images/connect.png) no-repeat top right;
}

input.error,
select.error,
textarea.error {
  border: 2px solid #d73d32;
  background: url(../images/input-error.png);
}

.error,
select.error:hover {
  color: #d73d32;
  text-shadow: none;
}

#form_errors {
  background: #f1f1f1 url(../images/smileys/oups.png) 5px 8px no-repeat;
  margin: 20px 0;
  padding: 10px 10px 10px 30px;
  border: 1px solid #d73d32;
  border-left: 5px solid #d73d32;
  color: #d73d32;
  height: 15px;
  width: 80%;
  text-align: left;
  line-height: 15px;
}

.form_notice {
  background: #f1f1f1 url(../images/notice.png) 5px 8px no-repeat;
  margin: 20px 0 0 0;
  padding: 10px 10px 10px 30px;
  border: 1px solid #6fb31a;
  border-left: 5px solid #6fb31a;
  color: #6fb31a;
  height: 15px;
  width: 80%;
  line-height: 15px;
}

.clear {
  clear: both;
}

a,
a:link,
a:visited  {
  font-size: 12px;
  text-decoration: none;
  color: #d73d32;
}

a:hover,
a:focus {
  text-decoration: underline;
  color: #eb5146;
}

a:active {
  text-decoration: none;
}

a.subtle {
  color: #3c8dde;
  text-decoration: none;
}

a.resolved {
  text-decoration: none;
}

a[href*='/main_page.php'] {
  display: none !important;
}

#bugnotes:hover,
#monitors:hover,
#history:hover {
  text-decoration: none !important;
}

form {
  display: inline;
}

span {
  font-size: 10pt;
}

span.print {
  font-size: 10pt;
}

span.required {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 500px;
  overflow: hidden;
  background: url(../images/mandatory.gif);
  font-size: 10pt;
  color: #bb0000;
}

span.small {
  font-size: 10pt;
  font-weight: normal;
}

span.pagetitle {
  font-size: 12pt;
  font-weight: bold;
  text-align: center
}

span.bracket-link {
  white-space: nowrap;
}

span.dependency_dated {
  color: brown;
}

span.dependency_met {
  color: green;
}

span.dependency_unmet {
  color: red;
}

span.dependency_upgrade {
  color: orange;
}

table {
  color: #646464;
  border-radius: 0.2em;
}

table.hide {
  width: 100%;
  border: solid 0px #f4f5ef;
}

table.width100 {
  width: 100%;
  border: solid 1px #e9e9e9;
}

table.width90 {
  width: 90%;
  border: solid 1px #e9e9e9;
}

table.width75 {
  width: 75%;
  border: solid 1px #e9e9e9;
}

table.width60 {
  width: 60%;
  border: solid 1px #e9e9e9;
}

table.width50 {
  width: 50%;
  border: solid 1px #e9e9e9;
}

td {
  color: #484848;
  font-size: 10pt;
  padding: 4px;
  text-align: left;
}

td.center {
  text-align: center;
}

td.left {
  text-align: left;
}

td.right {
  text-align: right;
}

td.category {
  background-color: #ccc;
  color: #484848;
  font-weight: 600;
  vertical-align: top;
}

td.overdue {
  background-color: #ce4027;
  color: #f4f5ef;
}

td.col-1 {
  background-color: #d8d8d8;
  color: #42484b;
}

td.col-2 {
  background-color: #e8e8e8;
  color: #42484b;
}

td.form-title {
  font-weight: bold;
  text-align: left;
}

td.nopad {
  padding: 0px;
}

td.small-caption {
  font-size: 10pt;
}

td.print {
  font-size: 10pt;
  text-align: left;
  padding: 2px;
}

td.print-category {
  font-size: 10pt;
  color: #42484b;
  font-weight: bold;
  text-align: right;
  padding: 2px;
}

td.print-overdue {
  font-size: 10pt;
  color: #42484b;
  font-weight: bold;
  padding: 2px;
}

td.print-bottom {
  border-bottom: 1px solid #42484b;
}

td.print-spacer {
  background-color: #f4f5ef;
  color: #42484b;
  font-size: 1pt;
  line-height: 0.1;
  padding: 0px;
}

tr {
}

tr.spacer {
  background-color: #f4f5ef;
  color: #42484b;
  height: 5px;
}

tr.row-1 {
  background-color: #eaeaea;
  color: #e9e9e9;
}

tr.row-2 {
  background-color: #f5f5f5;
  color: #42484b;
}

tr.row-category {
  background-color: #e9e9e9;
  color: #646464;
  font-weight: bold;
}

tr.row-category td {
  text-align: center;
}

tr.row-category2 {
  background-color: #f5f5f5;
  color: #646464;
}

tr.row-category-history {
  background-color: #ccc;
  color: #42484b;
  font-weight: bold;
}

tr.row-category-history td {
  text-align: left;
}

tr.vcenter {
  vertical-align: middle;
}

tr.print {
  vertical-align: top;
}

tr.print-category {
  color: #42484b;
  font-weight: bold;
}

#buglist tr,
#buglist td {
  text-align: center;
}

#buglist td.left {
  text-align: left;
}

#buglist td.right {
  text-align: right;
}

#buglist tr:hover td {
  background: rgba(54, 25, 25, .1);
}

#buglist tr:hover td.overdue {
  background: rgba(206, 64, 39, .9);
}

tr.bugnote {
  vertical-align: top;
}

td.bugnote-public {
  background-color: #ccc;
  color: #42484b;
  font-weight: bold;
  width: 25%;
  line-height: 1.4;
}

td.bugnote-private {
  background-color: #e8e8e8;
  color: #42484b;
  font-weight: bold;
  width: 25%;
  line-height: 1.4;
}

td.bugnote-note-public {
  background-color: #e8e8e8;
  color: #42484b;
  width: 75%;
}

td.bugnote-note-private {
  background-color: #e8e8e8;
  color: #42484b;
  width: 75%;
}

td.login-info-left {
  width: 33%;
  padding: 0px;
  text-align: left;
}

td.login-info-middle {
  width: 33%;
  padding: 0px;
  text-align: center;
}

td.login-info-right {
  width: 33%;
  padding: 0px;
  text-align: right;
  white-space: nowrap;
}

td.news-heading-public {
  background-color: #ccc;
  color: #42484b;
  text-align: left;
  border-bottom: 1px solid #42484b;
}

td.news-heading-private {
  background-color: #d8d8d8;
  color: #42484b;
  text-align: left;
  border-bottom: 1px solid #42484b;
}

td.news-body {
  background-color: #f4f5ef;
  color: #42484b;
  padding: 16px;
}

tt {
  font: 400 13px/1.6 "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img {
}

img.icon {
  width: 11px;
  height: 11px;
}

img.delete-icon {
  position: relative;
  top: 5px;
  border: 0;
}

div {
  padding: 3px;
}

div.menu {
  background-color: #e8e8e8;
  color: #42484b;
  text-align: center;
  width: 100%;
  padding: 1px;
}

div.center {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

div.border {
  background-color: #f4f5ef;
  border: solid 1px #000;
  text-align: center;
  position: relative;
}

div.quick-summary-left {
  width: 49%;
  padding: 2px;
  text-align: left;
  float: left;
}

div.quick-summary-right {
  width: 49%;
  padding: 2px;
  text-align: right;
  float: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.small {
}

.small-normal {
  font-weight: normal;
}

.small-subprojects {
  width: 200px;
}

.bold {
  font-weight: bold;
}

.bold-small {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.italic-small {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.underline-small {
  text-decoration: underline;
}

.strike {
  text-decoration: line-through;
}

.strike-small {
  text-decoration: line-through;
}

.hidden {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.positive {
  color: green;
}

.negative {
  color: red;
}

.issue-status {
  border-bottom: 1px dotted black;
}

.avatar {
  float: right;
  border: 0;
}

.progress400 {
  position: relative;
  width: 400px;
  border: 1px solid #d7d7d7;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1px;
}

.progress400 .bar {
  display: block;
  position: relative;
  background: #6bba70;
  text-align: center;
  font-weight: normal;
  color: #333;
  height: 2em;
  line-height: 2em;
}

/*
 * @section Open/Close elements
 *
 * Simple transition for "open/close" elements
 * Copy, Idea from Tim Pietrusky
 * @see  https://github.com/TimPietrusky/mantisbt-is-a-rockstar
 */
#filter_open,
#filter_closed,
#relationships_open,
#relationships_closed,
#upload_form_open,
#upload_form_closed,
#monitoring_open,
#monitoring_closed,
#bugnotes_open,
#bugnotes_closed,
#bugnote_add_open,
#bugnote_add_closed,
#history_open,
#history_closed {
  opacity: 1;
  height: auto;
  margin-top: 0;
  -webkit-transform-origin: 0;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

#filter_open.hidden,
#filter_closed.hidden,
#relationships_open.hidden,
#relationships_closed.hidden,
#upload_form_open.hidden,
#upload_form_closed.hidden,
#monitoring_open.hidden,
#monitoring_closed.hidden,
#bugnotes_open.hidden,
#bugnotes_closed.hidden,
#bugnote_add_open.hidden,
#bugnote_add_closed.hidden,
#history_open.hidden,
#history_closed.hidden {
  opacity: .2;
  height: 0;
  overflow: hidden;
  display: block;
  -webkit-transform: scale(.975) translate(0, 6px);
  -moz-transform: scale(.975) translate(0, 6px);
  -ms-transform: scale(.975) translate(0, 6px);
  -o-transform: scale(.975) translate(0, 6px);
  transform: scale(.975) translate(0, 6px);
}

#filter_closed.hidden,
#relationships_closed.hidden,
#upload_form_closed.hidden,
#monitoring_closed.hidden,
#bugnotes_closed.hidden,
#bugnote_add_closed.hidden,
#history_closed.hidden {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

code {
  display: block;
  font: 13px/19px Consolas, Menlo, "Liberation Mono", Courier, monospace;
  text-shadow: none;
  color: #444;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: .4em;
}

.show_summary_title {
 font-weight: bold;
 color: #3c8dde;
 font-size: 15px;
}

.show_summary_description {
  background: #fff;
  font-size: 14px;
  border:1px solid #ccc;
}