/*
 * This file is part of the Eventum (Issue Tracking System) package.
 *
 * @copyright (c) Eventum Team
 * @license GNU General Public License, version 2 or later (GPL-2+)
 *
 * For the full copyright and license information,
 * please see the COPYING and AUTHORS files
 * that were distributed with this source code.
 */

body {
    background: white;
    font-family: Verdana, Arial, Helvetica;
    font-size: .8em;
    padding: 0;
    margin: 0;
}

input, select {
    font-size: .9em;
}

a {
    color: #000000;
}

blockquote {
    margin: 8px 0;
    padding: 4px 8px;
    border-left: 3px solid #a1a1a1;
}

#issue_overview .js_link:hover,
div#header a:hover {
    color: #c0c0c0;
}
.js_link:hover,
div#header #user_menu a:hover,
.bordered .title th a:hover,
a:hover {
    color: #255282;
}

a.closed {
    text-decoration: line-through;
}

.js_link {
    text-decoration: underline;
    cursor: pointer;
}

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

label {
    font-weight: bold;
}

div#container {
    margin: .3em;
}

div#header {
    margin-bottom: 1em;
}

div#header #header_1 {
    background: #255282;
    color: white;
    padding: .3em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}

div#header #header_2 {
    background:  #dddddd;
    color: #000000;
    padding: .3em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    text-align: center;
}

div#header a {
    color: white;
    text-decoration: none;
}

div#header #app_title {
    font-weight: bolder;
    font-size: 1.2em;
    float: left;
}

div#header #user_menu {
    width: 75%;
    font-size: 0.9em;
    background: #dddddd;
    color: black;
    font-weight: bold;
    padding-top: .5em;
    margin: 0 auto;
    text-align: center;
}

div#header #user_menu a {
    color: #000000;
}

div#header #project_chooser {
    float: left;
    text-align: left;
    padding-top: .1em;
}

div#header #project_chooser select {
    font-size: .9em;
}

div#header #search_menu, div#header #go_issue_menu {
    float: right;
    text-align: center;
    text-align: right;
}

div#header #go_issue_menu {
    margin-left: 1em;
}

div#header #search_menu input, div#header #go_issue_menu input {
    font-size: .9em;
}

ul#main_menu {
    float: right;
    font-size: .9em;
    font-weight: bold;
    list-style: none;
    padding-left: 0;
    margin: .3em 0 0 0;
}

ul#main_menu li {
    float: left;
    padding: 0 .5em;
    border-right: 1px solid #dddddd;
}

ul#main_menu li:first-child {
    padding-left: 0;
}

ul#main_menu li:last-child {
    border: none;
}

div#footer {
    margin-top: 1em;
    border-top: 1px solid #255282;
    font-size: .8em;
    font-style: italic;
}

div#content {
}

.clear {
    clear: both;
    height: 1px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.custom_field_checkbox {
    margin: 0;
    padding-left: 0;
}

.custom_field_checkbox li {
    list-style: none;
}

/* Bordered Table & div */
.bordered {
    width: 100%;
    border: 1px solid #255282;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    margin-bottom: 1em;
    border-spacing: 1px;
}

table.bordered tr:first-child > td:first-child {
    border-top-left-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
}

table.bordered tr:first-child > td:last-child {
    border-top-right-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topright: 0.5em;
}

table.bordered tr:last-child > td:first-child {
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
}

table.bordered tr:last-child > td:last-child {
    border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}


.bordered .title {
    font-weight: bold;
    text-align: left;
    color: #000000;
    padding: .3em;
}

.bordered .title th {
    background: #FFFFFF;
    color: #000000;
    font-weight: bold;
}

.bordered .title th a {
    color: #000000;
}

.bordered .title span.menu {
    float: right;
    font-weight: normal;
}

table.bordered th {
    background: #255282;
    color: white;
    text-align: left;
    padding-left: .3em;
}

table.bordered tr.buttons th {
    text-align: center;
}

table.bordered th.internal, table.bordered td.internal {
    background: #9c494b;
    color: #FFFFFF;
}

table.bordered.internal {
    border-color:  #9c494b;
}

table.bordered.internal th, table.bordered .internal th {
    background: #9c494b;
    color: #FFFFFF;
}

table.bordered.internal .title th {
    background: #FFFFFF;
    color: #000000;
}


table.bordered th a {
    color: white;
}

table.bordered td {
    background: #dddddd;
    padding: .3em;
}

.bordered .buttons, .bordered .buttons td, .bordered .buttons td a, .bordered.white .buttons td {
    background: #255282;
    color: #FFFFFF;
    padding: .3em;
    text-align: center;
}

.bordered.internal .buttons, .bordered.internal .buttons td, .bordered .buttons.internal td {
    background: #9c494b;
    color: #FFFFFF;
}

.bordered.white td {
    background: #ffffff;
}

.bordered.filters {
    width: 400px;
    margin: 0 auto;
}

.bordered.narrow {
    width: 400px;
    margin: 0 auto;
}

.bordered.medium {
    width: 600px;
    margin: 0 auto;
}


.bordered.large {
    width: 800px;
    margin: 0 auto;
}

.bordered.left {
    margin: 0;
}

/* End Bordered Table */

/* Grid table */
table.grid {
    border-spacing: 1px;
}

table.grid th {
    background: #255282;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: .3em;
}

table.grid th.initial_description {
    vertical-align: top;
}

table.grid.internal th, table.grid th.internal {
    background: #9c494b;
}

table.grid td {
    padding: .3em;
}

table.grid tr.odd {
    background: #cacaca;
}

table.grid tr.even {
    background: #dddddd;
}

table.grid tr.no_results td {
    background: #dddddd;
    text-align: center;
    font-style: italic;
}
/* if issue description is too wide */
#issue_description {
    display: inline-block;
/* 82% from viewport width */
    max-width: 82vw;
    overflow: auto;
}

/* End Grid */

/* Two column table */
table.two_column th {
    width: 150px;
}

table.two_column td.footer {
    background: #255282;
    color: white;
    text-align: center;
}

table.two_column td.footer .right {
    float: right;
}

table.two_column td.footer .middle {
    width: 300px;
}

table.two_column td.footnote {
    font-weight: bold;
}
/* End Two column table */


/* Messages */
div.note_box {
    width: 480px;
    margin: 1em auto;
    border: 1px solid red;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

div.yellow_note {
    margin: 1em auto;
    width: 480px;
    background: #FFFFCC;
    padding: 1em;
}

div#global_messages div {
    margin: 1.5em 0;
}

div#global_messages span {
    padding: .5em;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

div#global_messages div.note_box span {
    color: #000000;
}

div#full_width_messages div#global_messages span {
    display: block;
}

div#full_width_messages {
    margin-bottom: 2px;
}

div#full_width_messages.error {
    background: #cc0029;
    color: #000000;
}

div#full_width_messages.info {
    background: #076486;
    color: #ffffff;
}

div#full_width_messages.warning {
    background: #ef6830;
}

div#global_messages div.error span {
    background: rgba(204,00,41,0.5);
    color: #000000;
}

div#global_messages div.info span {
    background: #076486;
}

div#global_messages div.warning span {
    background: #ef6830;
}

div.html_box {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #255282;
}

/* End Messages */

.hidden {
    display: none;
}

.error_icon {
    display: none;
    color: darkred;
}

.error_field {
    background: #FF9999;
}

.banner_red {
    text-align: center;
    font-weight: bold;
    color: red;
    border: 2px solid red;
    padding: 4px;
}

.fixed_width {
    font-family: Mono, Monaco, Courier New, Courier;
    white-space: pre;
    overflow: scroll;
}

.reply_note,
.reply_email_note {
    color: darkred;
}

/* Table widths */
table.narrow {
    width: 500px;
}

#severity_desc {
    background: #FFFF00;
    padding: 2px;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}


/* Dropzone */
.dz-status {
    font-size: .8em;
}

.dz-status img {
    height: 15px;
    width: 15px;
}

/* Old compat styles */
td.light {
    background: #dddddd;
}


/* for jquery-chosen */
.chosen-container .chosen-drop {
    position: relative;
}

.chosen-select {
    width:290px;
}

.chosen-container {
    height: 27px;
}

.chosen-container .chosen-drop {
    top: 0;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}

/* add timetracking box */
#add_time_form th {
    text-align: right;
    padding-right: 0.3em;
}
#add_time_form .title th {
    text-align: left;
}
#add_time_form img {
    vertical-align: middle;
}

span.toggle-trimmed-email a {
    display: inline-block;
    height: 12px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: bold;
    line-height: 6px;
    color: #555;
    text-decoration: none;
    vertical-align: middle;
    background: #bbb;
    border-radius: 1px;
}

span.toggle-trimmed-email a:hover {
    background-color: #aaa;
}

span.toggle-trimmed-email a:active {
    color: #fff;
    background-color: #4078c0;
}

.ui-sortable {
    margin: 0;
    padding: 0;
}

.ui-sortable-handle {
    border: 1px dashed #000000;
    list-style: none;
    margin: 1em;
    padding: 1em;
    cursor: move;
}

/* http://stackoverflow.com/a/22118667 */
.fa-sm {
    font-size: 0.63em;
}

/* markdown related */
.markdown-body table {
    border-spacing: 0;
}

.markdown-body table tr {
    background-color: #fff;
}

.markdown-body table td, .markdown-body table th {
    border: 1px solid #dfe2e5;
    padding: 6px 13px;
}

/* the bordered rule is too heavy, override inside markdown block */
table.bordered .markdown-body tr td {
    background: inherit;
}