/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 13px;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 13px;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

@font-face {
  font-family: 'vthroundup';
  src: url("../fonts/vthroundup.eot?28911344");
  src: url("../fonts/vthroundup.eot?28911344#iefix") format("embedded-opentype"), url("../fonts/vthroundup.woff?28911344") format("woff"), url("../fonts/vthroundup.ttf?28911344") format("truetype"), url("../fonts/vthroundup.svg?28911344#vthroundup") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'vthroundup';
    src: url('../fonts/vthroundup.svg?28911344#vthroundup') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "vthroundup";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-eye-off:before {
  content: '\e800';
}

/* '?' */
.icon-eye:before {
  content: '\e801';
}

/* '?' */
.icon-globe:before {
  content: '\e802';
}

/* '?' */
.icon-pencil:before {
  content: '\e803';
}

/* '?' */
.icon-trash-empty:before {
  content: '\e804';
}

/* '?' */
.icon-reply:before {
  content: '\e805';
}

/* '?' */
.icon-attach:before {
  content: '\e806';
}

/* '?' */
.icon-lock-open:before {
  content: '\e807';
}

/* '?' */
.icon-lock:before {
  content: '\e808';
}

/* '?' */
h2 {
  font-size: 130%;
  margin-bottom: 20px;
}

h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}

#login-heading {
  margin-bottom: 10px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none;
  color: #6F6F6F;
}

a:hover {
  color: black;
}

a:visited:hover {
  color: black;
}

p + p {
  margin-top: 10px;
}

fieldset + p {
  margin-top: 10px;
}

p + section {
  margin-top: 10px;
}

section + section {
  margin-top: 10px;
}

textarea {
  width: 100%;
}

.right {
  float: right;
}

.left {
  float: left;
}

.hidden {
  display: none;
}

.required {
  font-weight: bold;
}

.clearfix {
  float: none;
}

.bold {
  font-weight: bold;
}

.secondary {
  color: #6F6F6F;
}

fieldset {
  margin-top: 10px;
}

fieldset.border {
  border: 1px solid #E8E8E8;
  padding: 8px;
}

header {
  width: 100%;
  display: inline-block;
  line-height: 4em;
  border-bottom: 1px solid;
  margin-bottom: 20px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#45434e), to(#1a1616));
  background: -moz-linear-gradient(top, #45434e, #1a1616);
  background: linear-gradient(#45434e, #1a1616);
  color: white;
  position: relative;
}

header nav {
  margin-right: 20px;
  height: 100%;
  display: block;
  float: right;
}

header nav ul > li {
  padding-top: 3em;
  padding-bottom: 1em;
  line-height: 1em;
}

header nav a {
  color: white;
}

header nav a:visited:hover {
  color: black;
}

main {
  position: relative;
  margin-right: 20px;
}

main[role=main] {
  width: 83%;
  float: right;
  padding-bottom: 20px;
}

main[role=main] aside h4 {
  float: left;
  font-size: 12px;
  margin: 0;
  margin-right: 5px;
}

main[role=main] aside a {
  line-height: 1em;
  font-size: 12px;
}

main[role=main] aside .heading {
  margin-bottom: 5px;
  display: inline-block;
}

aside {
  display: inline-block;
  width: 14%;
}

aside form {
  margin-top: 10px;
}

aside h4:first-child {
  margin-top: 0;
}

aside a {
  line-height: 1.2em;
}

aside label {
  width: 100%;
}

aside label > span {
  width: 100%;
}

#login {
  width: 15%;
  min-width: 30px;
  margin: 0 auto;
}

#login label {
  display: block;
}

#login label + label {
  margin-top: 2px;
}

#login label[for=remember] {
  margin: 3px 0;
}

#forgotten, #register-user {
  margin: 0 auto;
  width: 50%;
}

#register {
  margin-top: 10px;
}

.box {
  border: 1px solid;
  border-radius: 3px;
  margin: 0 10px 10px 10px;
  padding: 10px;
  border-color: #6F6F6F;
}

#searchbox {
  width: 50%;
  margin: 0 auto;
  height: 100%;
  padding-top: 2.8em;
  line-height: 1em;
}

#search-text {
  width: 80%;
}

#info {
  margin-top: 10px;
}

#info p span {
  margin-left: 5px;
}

.new-item-anchor {
  margin-left: 10px;
}

#brand {
  float: left;
  display: block;
  padding-bottom: 1em;
  padding-left: 20px;
  height: 4em;
  position: relative;
}

#brand img {
  height: 100%;
}

#brand span {
  color: #1adaff;
  margin-left: 0.5em;
  vertical-align: bottom;
}

#brand span > strong {
  vertical-align: bottom;
  color: white;
  font-weight: bold;
}

nav ul {
  height: 100%;
  float: left;
}

nav ul a {
  display: block;
  white-space: nowrap;
}

nav ul li {
  position: relative;
  height: 100%;
  float: left;
  padding: 0 10px;
}

nav ul li:hover {
  color: #1adaff;
}

nav ul li.current-menu-item {
  background: #1adaff;
}

nav ul li:hover > ul {
  display: inline-block;
  background: black;
  height: auto;
  padding: 10px 0;
  z-index: 100;
}

nav ul li:hover > ul a:hover {
  color: #1adaff;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0;
}

nav ul ul li {
  padding: 0px 10px;
  float: none;
  line-height: 1.5em;
}

nav ul ul ul {
  top: 0;
  left: 100%;
}

th {
  text-align: right;
  padding-right: 5px;
}

table.form-small td {
  padding: 2px 5px;
}

table.list, table.history, table.otherinfo, table.classlist, table.form,
table.files {
  width: 100%;
  margin-bottom: 20px;
}

table.list th, table.history th, table.otherinfo th, table.classlist th, table.form th,
table.files th {
  text-align: left;
  padding: 4px;
  border: 2px solid white;
  background: #ECECEC;
}

table.list th.group, table.list th.center, table.history th.group, table.history th.center, table.otherinfo th.group, table.otherinfo th.center, table.classlist th.group, table.classlist th.center, table.form th.group, table.form th.center,
table.files th.group,
table.files th.center {
  text-align: center;
}

table.list th.group, table.list tr.navigation, table.history th.group, table.history tr.navigation, table.otherinfo th.group, table.otherinfo tr.navigation, table.classlist th.group, table.classlist tr.navigation, table.form th.group, table.form tr.navigation,
table.files th.group,
table.files tr.navigation {
  line-height: 2em;
}

table.list tr.navigation th, table.history tr.navigation th, table.otherinfo tr.navigation th, table.classlist tr.navigation th, table.form tr.navigation th,
table.files tr.navigation th {
  border: none;
}

table.list td, table.history td, table.otherinfo td, table.classlist td, table.form td,
table.files td {
  padding: 4px;
  background: #F6F6F6;
  border: 2px solid white;
}

table.list td.date, table.history td.date, table.otherinfo td.date, table.classlist td.date, table.form td.date,
table.files td.date {
  white-space: nowrap;
}

table.list .priority-blocker td, table.history .priority-blocker td, table.otherinfo .priority-blocker td, table.classlist .priority-blocker td, table.form .priority-blocker td,
table.files .priority-blocker td {
  background-color: #FFB1AC;
}

table.list .priority-critical td, table.history .priority-critical td, table.otherinfo .priority-critical td, table.classlist .priority-critical td, table.form .priority-critical td,
table.files .priority-critical td {
  background-color: #FFD3AC;
}

table.list .priority-high td, table.history .priority-high td, table.otherinfo .priority-high td, table.classlist .priority-high td, table.form .priority-high td,
table.files .priority-high td {
  background-color: #FAFFB9;
}

table.list .priority-low td, table.history .priority-low td, table.otherinfo .priority-low td, table.classlist .priority-low td, table.form .priority-low td,
table.files .priority-low td {
  background-color: #F6F6F6;
  color: #6F6F6F;
}

table.list .priority-low td a, table.history .priority-low td a, table.otherinfo .priority-low td a, table.classlist .priority-low td a, table.form .priority-low td a,
table.files .priority-low td a {
  color: #6F6F6F;
}

table.list .priority-low td a i, table.history .priority-low td a i, table.otherinfo .priority-low td a i, table.classlist .priority-low td a i, table.form .priority-low td a i,
table.files .priority-low td a i {
  color: #6F6F6F;
}

table.list .priority-low td a i span, table.history .priority-low td a i span, table.otherinfo .priority-low td a i span, table.classlist .priority-low td a i span, table.form .priority-low td a i span,
table.files .priority-low td a i span {
  color: #6F6F6F;
  font-style: normal;
}

table.list .priority-low td a:hover, table.history .priority-low td a:hover, table.otherinfo .priority-low td a:hover, table.classlist .priority-low td a:hover, table.form .priority-low td a:hover,
table.files .priority-low td a:hover {
  color: black;
}

table.list .priority-low td a:hover i, table.history .priority-low td a:hover i, table.otherinfo .priority-low td a:hover i, table.classlist .priority-low td a:hover i, table.form .priority-low td a:hover i,
table.files .priority-low td a:hover i {
  color: #6F6F6F;
}

table.list .priority-low td a:hover i span, table.history .priority-low td a:hover i span, table.otherinfo .priority-low td a:hover i span, table.classlist .priority-low td a:hover i span, table.form .priority-low td a:hover i span,
table.files .priority-low td a:hover i span {
  color: black;
  font-style: normal;
}

table.list a, table.history a, table.otherinfo a, table.classlist a, table.form a,
table.files a {
  color: black;
}

table.list a i, table.history a i, table.otherinfo a i, table.classlist a i, table.form a i,
table.files a i {
  color: #6F6F6F;
}

table.list a i span, table.history a i span, table.otherinfo a i span, table.classlist a i span, table.form a i span,
table.files a i span {
  color: black;
  font-style: normal;
}

table.list a:hover, table.history a:hover, table.otherinfo a:hover, table.classlist a:hover, table.form a:hover,
table.files a:hover {
  color: #6F6F6F;
}

table.list a:hover i, table.history a:hover i, table.otherinfo a:hover i, table.classlist a:hover i, table.form a:hover i,
table.files a:hover i {
  color: #6F6F6F;
}

table.list a:hover i span, table.history a:hover i span, table.otherinfo a:hover i span, table.classlist a:hover i span, table.form a:hover i span,
table.files a:hover i span {
  color: #6F6F6F;
  font-style: normal;
}

table.table-condensed, table.history {
  margin-top: 25px;
  width: 73%;
  font-size: 11px;
}

table.table-condensed td, table.history td {
  padding: 2px;
}

table.files {
  width: 73%;
  margin-top: 10px;
  margin-bottom: 0px;
}

table.classlist th.header {
  padding: 6px;
}

table.classlist td, table.classlist th {
  padding: 2px;
}

table.form {
  width: 60%;
}

table.form th.header {
  padding: 6px;
  text-align: left;
}

table.form th {
  text-align: right;
  padding-right: 5px;
}

ol.messages {
  width: 74%;
  position: relative;
  padding-top: 10px;
}

ol.messages li {
  list-style-type: none;
}

ol.messages li span, ol.messages li time {
  margin: 0px 10px 0px 0px;
}

ol.messages li .message-header, ol.messages li .message-content, ol.messages li .message-footer {
  width: 100%;
}

ol.messages li .message-header {
  display: inline-block;
  margin-bottom: 10px;
}

ol.messages li .message-content {
  display: block;
  white-space: pre-wrap;
  font-family: monospace;
  overflow: auto;
  padding: 5px 0;
}

ol.messages li .message-footer {
  display: inline-block;
}

.stream-box {
  border: 1px solid #E8E8E8;
  border-top: 0px;
  padding: 8px;
}

.stream-box:first-child {
  border-top: 1px solid #E8E8E8;
}

#message-attributes {
  width: 25%;
  float: right;
  margin-left: 15px;
}

#new-message-section {
  margin-bottom: 0;
}

#new-message-section.invisible {
  display: none;
}

#make-copy {
  margin-left: 10px;
}

#controls {
  display: inline-block;
  width: 70%;
}

#controls fieldset:first-child {
  margin-top: 0;
}

#title-new-message {
  display: inline-block;
  width: 73%;
}

#title-new-message p {
  padding-top: 10px;
}

#title-new-message h2 {
  float: left;
  margin: 0 5px 0 0;
  padding-top: 3px;
}

#title-new-message a {
  display: inline-block;
  float: left;
}

#title-new-message a i {
  margin-top: 5px;
  margin-right: 3px;
}

#issue-title-heading {
  max-width: 84%;
}

#issue-title-edit {
  margin-left: 5px;
  margin-top: 5px;
  float: left;
}

#message-fieldset .expanding {
  width: 87%;
  float: right;
}

#timelog-fieldset {
  display: inline-block;
  max-width: 72%;
}

#timelog-fieldset .expanding {
  margin-top: 5px;
}

.audience {
  text-align: left;
}

.message-link {
  text-align: right;
}

.reply {
  min-width: 40px;
}

#activity {
  max-width: 40%;
}

.select2-selection__choice {
  padding: 2.5px 5px !important;
}

.notify {
  border: 2px solid;
  width: 25%;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  border-radius: 7px;
}

.notify .clear-message-anchor {
  margin-top: 5px;
}

.notify.ok {
  border-color: #4F8A10;
  background-color: #DFF2BF;
  color: #4F8A10;
}

.notify.error {
  border-color: #D8000C;
  background-color: #FFBABA;
  color: #D8000C;
}

input[name=title] {
  resize: horizontal;
  width: 90%;
}

input[name=title]:active {
  width: auto;
}

input[name=title]:focus {
  min-width: 84%;
}

.expanding {
  resize: none;
}

i.hover-effect:hover {
  color: black;
  cursor: pointer;
}

i.hover-effect {
  color: #6F6F6F;
}

label.switch-audience {
  display: inline-block;
  margin-left: 20px;
  min-width: 90px;
}

label[for=activity] {
  display: inline-block;
}

input.button-submit {
  padding: 1px 4px;
  background: #ECECEC;
  border: 2px solid #6F6F6F;
  cursor: pointer;
  border-radius: 5px;
}

input.button-submit:hover {
  background: #6F6F6F;
}