@import '../custom.css';
@import url(//fonts.googleapis.com/css?family=Open+Sans);

/* ////// CSS RESET ///// */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}

hr + br,
div + br,
center + br,
ol > br,
ul > br,
pre + br,
code br:first-child { display:none; }

article, aside, nav, section, dialog, figure, header, footer, hgroup { 
    display:block;
}

:focus {
	outline: 0;
}

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

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}

ul {
	list-style: none;
}

input, textarea, select, button {
	font-family: inherit;
}

input, select {
    vertical-align:middle;
}

select {
	margin: inherit;
}

button {
	border: 0;
	padding: 0;
	background: transparent;
	cursor: pointer;
}


/* NEW CODE */

/* //////////////// Principal ////////////////////// */
body { 
	font-family: "Open Sans";
	padding: 0px 5px 5px 5px;
	font-size:11pt;
	margin:0;
	color:#222;
	background-color: #EEF1F5;
}

h2 { font: bold 20px Arial}

textarea {
	border:solid 1px #ededed;
	padding:8px;
	outline: none;
	resize: none;
	font-size: 15px;
	width: 98%;
	background-color: #f7f7f7;
}



.form-title	{ background-color: #ffffff; color: #000000;  text-align: left;}

.width100          { width: 100%; border: solid 1px #000000; }
.width90           { width: 90%;  border: solid 1px #000000; margin-left: 5%}
.width80           { width: 80%;  border: solid 1px #000000; margin-left: 10%}
.width75           { width: 75%;  border: solid 1px #000000; margin-left: 12%}
.width60           { width: 60%;  border: solid 1px #000000; margin-left: 20%}
.width50           { width: 50%;  border: solid 1px #000000; margin-left: 25%}

/* //// Links //// */
span.bracket-link a:hover, 
a:hover, 
a:visited, 
a:link, 
a:active {text-decoration:none}


/* ////// Principal Menu ////// */
.principal-menu {
	background: #303030;
	padding: 10px 10px 10px 10px;
	top:0; left:0;
	position: sticky;position:-webkit-sticky; 
	z-index: 10;
	}

.principal-menu a {
	color: #fff;
	padding-bottom:4px;
}

.principal-menu .material-icons {
        font-size: 30px;
	padding: 2px;
}

.principal-menu a:hover,
.principal-menu a:active {
    color:#fff;
    text-shadow: 0 0 20px;
}

.principal-menu input[type="search"] {background: transparent; border: none; border-bottom: solid #fff 1px; color: #fff;float: right}
.principal-menu input[type="search"]::placeholder {color: #fff}

.principal-menu input[type="search"]:focus, 
.principal-menu div select:focus {background: #fff; color: #000; box-shadow: 0px 0px 10px #fff;  }

.principal-menu a[href$="plugin.php?page=FAQ/faq_menu_page.php"] > i,
.principal-menu a[href$="bug_report_page.php"] > i {
	position:fixed;
	right: 30px;
        text-shadow: 0px 0px 5px #303030;
        padding: 10px;
	font-size: 35px;
        z-index: 11;
        border-radius: 100px;
}

.principal-menu a[href$="bug_report_page.php"] > i {
        bottom: 50px;
        background: green;
}
.principal-menu a[href$="plugin.php?page=FAQ/faq_menu_page.php"] > i {
        bottom: 110px;
        background: #303030;
}

.principal-menu div {float: right; margin-right:10px; width: 50%}
.principal-menu div select {width:auto;float:right; background: transparent; color: #fff; border: none; border-bottom: solid #fff 1px;font-size: 15px}

/* ///////////////// Login Page //////////////////// */

#loginpage {
background: radial-gradient(#fff, #bdbdbd);
}

#loginpage .container {
	margin: 100px auto;
}

#loginpage .container3 input[type="submit"] { float:none; width: 40%;margin:10px}
#loginpage .container2 input[name="captcha"] {width: 30% !important; border:none; font-size:15px; color: #303030}
#loginpage .container2 input[type="text"],
#loginpage .container2 input[type="password"],
#loginpage .container2 input[type="email"] {
	border:none !important;
	width:100%;
        font-size:15px;
        color: #303030 !important;
	
	}

#loginpage .container2 {padding:10px;text-align:center}
#loginpage .container2 input[type="checkbox"] {width:10% !important}
#loginpage .bracket-link {padding:5px; background: #fff; box-shadow: 0 0 1px; float: right; border: none !important }

/* /////// My View Page //// */
#myviewpage {background: transparent; border: none; box-shadow: none}
#myviewpage .center a { font-size: 20px }
#myviewpage .center { width:10%}
#myviewpage td.center { vertical-align: middle; }


/* ////////// View All Page ///////// */
#buglist tr 		{ text-align: center; }
#buglist td             { text-align: center; vertical-align: middle;}
#buglist td a[href^="/view.php"]  {font-size: 20px}

/* /////////// View Page ////////////// */

#view_page fieldset { border:1px solid #eee; margin: 0px;padding:10px}
#view_page legend { margin-left: 20px }
#view_page .container2 div.column {width:48%;float:left;margin-left:1%; margin-right:1%}
#view_page fieldset:hover {box-shadow:0px 0px 1px #303030}
#view_page .tag_submit input[type="submit"] {width:20%;margin-top: 5px;}
#view_page .tag_submit {width: 100%; text-align:center;margin-top: 5px}
#view_page .view_title p {font-weight: bold; font-size: 12pt; border-bottom: 1px dotted #303030}
#view_page .container2 input[type="button"]{width:20%;}
#view_page .container2 input[name="time_tracking"]{width:10%;}
#view_page .button-small {width:80%}


/* ////// Buttons /////// */
.action_buttons {position:fixed; bottom: 0px; left: 0px; width: 100%;text-align:center;padding: 5px; background: #303030; z-index: 10}
.action_buttons div {display: inline-block;margin: 2px}

.button_delete { 
	background: transparent !important;
	color:  #ff7d7c !important;
	font-weight: normal !important;
}

.button_delete:hover {
	box-shadow: none !important;	
}

.container3 .bracket-link,
.success .bracket-link,
.container a.button,
.container input.button,
.container input[type="submit"],
span.button,
input[type="submit"],
input[type="reset"] {
	background-color:#d9d9d9;
	display:inline-block;
	padding:7px 7px;
	text-decoration:none;
	cursor:pointer;
	font-weight: normal !important;
	font-size: 10pt;
	font-family: "Open Sans";
	color: #000;
	border:none;
}

.container3 .bracket-link:hover,
.success .bracket-link:hover,
span.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    background-color:#bfbfbf;
    color:#777;
    text-decoration: none;
}

.container3 .bracket-link a:hover {text-decoration:none}
.success .bracket-link a:hover {text-decoration:none}

.form-title .bracket-link a:hover{background-color: rgba(134, 134, 134, 0.6)}

/* /////// Required Inputs //////// */

.container2 *:required {border-left: solid 2px  #ff7d7c !important;}
div.report_custom_required {display:inline}

.required { position:relative; margin:0 5px; font-size: 8pt; color: #ff7d7c; display: inline }

div.required input[type="text"],
div.required input[type="number"],
div.required input[type="email"],
div.required  select {border-left: solid 2px #ff7d7c}


#trigger {width:20px;border:none} 

/* /////// Tables and Div Containers Style ////// */

.width100,
.width90,
.width80,
.width75,
.width50 {
    border:none;
    background:#fff;
    border-collapse: collapse;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);

}
table.width100 {box-shadow:none}
table.width100 td:nth-child(2), table.width100 td:nth-child(3), table.width100 td:nth-child(4) {text-align:center}

.container {margin-top: 10px;}

.container2 {padding:10px}

.container2 ul {
    width:100%;
    margin:0px;
    padding:0px;
    list-style-type:none;

}

.container2 li{
    padding:10px;
    border-bottom:1px solid #e3e3e3;
    position:relative;
}

.container2 li:hover{
    border-bottom:1px solid #ababab;
}


.container2 li:last-child {border:none}

.container2 label {
    width:40%;
    margin-top: 3px;
    display:inline-block;
    padding:3px;
}

.container2 input[disabled="disabled"] {background: #fff;}

.container2 input[type="checkbox"] {width: 25px}
.container2 input[type="radio"] {
    width: 50px !important;
}
.container2 input,
.container2 input[disabled="disabled"],
.container2 input[type="text"],
.container2 input[type="password"],
.container2 input[name="password"],
.container2 input[name="password_confirm"],
.container2 input[name="email"],
.container2 select  {
	 width:50%;
	padding:5px 8px;
	border: none;
        border-bottom:solid 1px #eee;
        color: #303030;
	background-color: #f7f7f7;
}

.container2 select {outline:none; font-size: 15px }

.container3 {text-align:center}
.container3 input[type="submit"] {width:40%}
.container3 input[name="copy_from"],
.container3 input[name="copy_to"] {width: 20%}

.custom_field_table td {word-break: break-all}

/* ///// Bug Report Page //////// */

#reportdiv input[type="checkbox"] { width:25px}
#reportdiv input[type="file"]{ border: none; background: transparent}


/* ///// Prefs page ////// */
#prefs_page label {width:50%} 
#prefs_page input,
#prefs_page select {width:20%}
#prefs_page input[type="number"]{text-align:center}
#prefs_page input[type="radio"],
#prefs_page input[type="checkbox"]{width:20px}


/* //// Title //////// */
.form-title {
    overflow: auto;
    background:#363636;
    font-size: 12pt;
    line-height:35px;
    padding:5px
}
.form-title a {font-size: 12pt;padding:9px}

.form-title,
.form-title a {   color:#fff !important;   text-shadow:none; }

.form-title input {float:right}

/* ///////// Footer //////// */
#footerdiv {margin-bottom:0px; margin-top:50px; column-count: 2}

/* //// Admin Menu And Reports Menu//////// */

div.admin_menu {
	text-align:center;
	font-size:0;
	padding:10px;
}
div.summary_menu span,
div.admin_menu span {
    display: inline-block;
    padding: 0 20px;
    margin-right:1px;
    margin-top: 3px;
    line-height: 24px;
    border:1px solid #CAD0DB;
    color:#666;
    vertical-align:top;
    text-decoration:none;
    cursor: pointer;
    font-weight:bold;
	font-size: 9pt;
}
div.summary_menu span:hover,
div.admin_menu span:hover {
	border: solid 1px #000;
}

div.summary_menu span > a,
div.admin_menu span > a {
	font-weight:normal;
}

div.summary_menu a:hover,
div.summary_menu a:active,
div.admin_menu a:hover,
div.admin_menu a:active
{
    text-decoration:none;
}

/* /////// Manage user edit page  and Project Docs page//////// */
#manage_user_list_projects input {
	width: 100px;
	background: transparent;
	border: none !important;
	color:  #ff7d7c;
	padding: 2px;
	box-shadow: none;
	position: absolute;
	right:0px
}

#manage_user_list_projects {overflow: auto;width:55%; display: inline-block}
#manage_user_page .container3 a {padding:1px}

#proj_doc	 input {width:100px;margin-top:10px}

/* /////////// Summary Page ////////////// */
#summary_page table {border:none; box-shadow: none;margin-top:5px}
#summary_page td.form-title {background: #fff !important; color: #333 !important; font-weight: bold}
#summary_page tr:first-child {border-bottom:solid 1px #333; font-weight: bold}
#summary_page hr {display: none}


/* ////// Print Page //////// */
@media print {

.summary_menu,
.principal-menu {display: none}

body {background: #fff}
.container {box-shadow: none}

#footerdiv {display: none}
input.button {display: none}

#summary_page hr {page-break-before: always; display: block}

#bugnotes_open {page-break-before: always; display: block}
#relationships_closed, 
#relationships_open,
#monitoring_open,
#monitoring_closed {display: none}
#view_page .form-title .bracket-link {display:none}
#view_page li {padding:5px}
#view_page .action_buttons {display:none}
#view_page input[type=submit],
#view_page input[type=button]
{display:none}
#view_page .container2 div.column {width:100%}

#print_all_bug_page {page-break-after: always; display: block}

}


/* /////// SUCCESS PAGE ///// */
.success {
	background-color: #a9e0b9 !important;
	text-align:center;
	}

/* ////// Bugs and Status Colors //////////////// */
 

tr[bgcolor] td.left {position:relative;padding-left:20px;text-align:left !important}

*[bgcolor] td {
border-bottom: dotted 1px #bbb;
}

/* new */
[bgcolor="#EC644B"],
[bgcolor="#EC644B"] {background-color: transparent; box-shadow: inset -10px 0px 0px 0px #EC644B}

[bgcolor="#EC644B"]:hover,
[bgcolor="#EC644B"]:hover {background-color:#EC644B;box-shadow: inset -300px 0px 0px #EC644B}

/* feedback */
[bgcolor="#DCC6E0"],
[bgcolor="#DCC6E0"] {background-color:transparent;box-shadow:inset -10px 0px 0px 0px #DCC6E0}

[bgcolor="#DCC6E0"]:hover,
[bgcolor="#DCC6E0"]:hover {background-color:#DCC6E0;box-shadow: -300px 0px 0px #DCC6E0 inset}

/* acknowledged */
[bgcolor="#FDE3A7"],
[bgcolor="#FDE3A7"] {background-color:transparent;box-shadow: inset -10px 0px 0px 0px #FDE3A7}

[bgcolor="#FDE3A7"]:hover,
[bgcolor="#FDE3A7"]:hover {background-color:#FDE3A7;box-shadow: inset -300px 0px 0px #FDE3A7}

/* confirmed */
[bgcolor="#F5D76E"],
[bgcolor="#F5D76E"] {background-color:transparent;box-shadow: inset -10px 0px 0px 0px #F5D76E}

[bgcolor="#F5D76E"]:hover,
[bgcolor="#F5D76E"]:hover {background-color:#F5D76E;box-shadow: -300px 0px 1px #F5D76E inset}

/* assigned */
[bgcolor="#6BB9F0"],
[bgcolor="#6BB9F0"] {background-color:transparent;box-shadow: inset -10px 0px 0px 0px #6BB9F0}

[bgcolor="#6BB9F0"]:hover,
[bgcolor="#6BB9F0"]:hover {background-color:#6BB9F0;box-shadow: -300px 0px 0px #6BB9F0 inset}

/* resolved */
[bgcolor="#66CC99"],
[bgcolor="#66CC99"] {background-color:transparent;box-shadow: inset -10px 0px 0px 0px #66CC99}

[bgcolor="#66CC99"]:hover,
[bgcolor="#66CC99"]:hover {background-color:#66CC99;box-shadow: -300px 0px 1px #66CC99 inset}

/* closed */
[bgcolor="#ABB7B7"],
[bgcolor="#ABB7B7"]{background-color:transparent;box-shadow: inset -10px 0px 0px 0px #ABB7B7}

[bgcolor="#ABB7B7"]:hover,
[bgcolor="#ABB7B7"]:hover {background-color:#ABB7B7;box-shadow: -300px 0px 1px #ABB7B7 inset}

/* overdue */
.overdue	{ color: red; font-weight: bold}


/* ////////// Transition //////////// */
tr[bgcolor],
td[bgcolor],
textarea,
input,
select,
a,
li,
fieldset {
            transition: all .3s ease-in-out;
}

/* ///// Bug notes //////////////// */
.bugnote-note-public	{ background-color: #fff59b;  }
.bugnote-note-private	{ background-color: #ffcd85;  }

.bugnote-note-private,
.bugnote-note-public {
	font-weight:normal; 
	border-radius: 5px; 
	padding: 10px; 
	vertical-align:middle; 
	color: #000;
	display: inline-block;
	width: 98%;
	word-wrap: break-word;
}

.bugnote-buttons {text-align:center;padding-top:15px;}
.bugnote-buttons  input[type="submit"],
.bugnote-buttons  input[type="submit"] {width: 32% !important}

.bugnote-note-private ol,
.bugnote-note-public ol, 
.bugnote-note-private ul,
.bugnote-note-public ul {padding:10px}

.bugnote-note-private li,
.bugnote-note-public  li {padding:0px; border: none}

.bugnote-note-private li:hover,
.bugnote-note-public  li:hover { border: none}


.bugnote-public, .bugnote-private {
vertical-align: middle;
background:transparent;
text-align:center;
color: #000000; 
font-weight: bold; 
width: 100% !important; 
line-height: 1.4;
}


/* /////// Input: "Fields" ///////// */
input[name="username"],
input[name="realname"],
input[name="email"],
input[name="password"],
input[name="password_confirm"],
input[disabled="disabled"] {
	width:80%;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="datetime-local"],
input[type="date"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="password"] {
    display:inline-block;
    color:#333;
    padding:5px 5px;
    outline: none;
	font-size: 15px
}


input[type="text"].small {font-size:10pt;}

input[type="search"]
{
margin-left:5px;
margin-right:5px;
}

/* ////// Select /////////// */ 

select {
	width: 240px;
	height: 30px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
}

select[multiple] {
        height: 70px;
        overflow-y:auto;
}


/* ///////// Smartphones /////// */
@media screen and (max-device-width: 800px) {


body{background-color: #fff !important; padding: 0px 0px 0px 0px !important;}

.width100,
.width90,
.width80 {box-shadow:none}

.container {margin-top:0px !important}

#myviewpage, #view_page, #reportdiv, .container {font-size: 1.3em !important}

#loginpage {margin-top:30% !important}
#loginpage input {font-size: 1.3em !important}
#loginpage input[type="checkbox"] {transform: scale(3);margin-top:10px}
#loginpage ul {margin-bottom:10px}
#loginpage .container2 input[name="captcha"] {width:95% !important;}
#loginpage .container2 img {height:100px !important; width: 300px !important}
#loginpage {background: #303030 !important}
#loginpage .container {box-shadow: none; margin-top:30%}
#loginpage .form-title {
	background: #fff !important; 
	color: #303030 !important; 
	text-align: center
	}
#loginpage a > img {position: absolute; top: 10%; left: 50%; margin-left: -250px;  width: 500px !important}
#loginpage .bracket-link {box-shadow: none; text-decoration: underline; float: none }

#myviewpage .form-title a{font-size: 1em; padding: 20px; line-height: 60px}
#myviewpage .form-title {padding: 10px}
#myviewpage td {display: inline-table; width: 100% !important}
#myviewpage .small {font-size: 1.3em}
#myviewpage .center { width: 24% !important; border: none}
#myviewpage .center a{font-size: 4em; }
#myviewpage .left {width: 75% !important; vertical-align: middle}
#myviewpage .left img {width: 30px; height: 30px}
#myviewpage .left a::before{font-size: 40px !important}
#myviewpage .bracket-link {display: none}

.form-title, .form-title > .small a {font-size:2em !important}
.form-title img {width:30px}

#view_page .form-title > .small a {margin-right: 25px !important}
#view_page div.form-title {text-align:center}
#view_page .container {margin: 0px !important}
#view_page .container2 {padding:0px !important}
#view_page .container2 div.column {width:100%; margin: 0px !important;display:block;float:none}
#view_page .view_title p {font-size:2em !important}
#view_page .container2 div.column li,
#view_page legend {font-size: 1.5em !important}
#view_page .action_buttons {position: relative !important;width: auto !important;z-index: 0 !important;}
#view_page .action_buttons input,
#view_page .action_buttons select {font-size: 1.3em !important}
#view_page .action_buttons select {height: 50px}
#view_page .action_buttons form[action="bug_monitor_add.php"],
#view_page .action_buttons form[action="bug_stick.php"] {display: none}
#view_page label.bugnote-public > br, 
#view_page label.bugnote-public,
#view_page label.bugnote-private,
#view_page div.bugnote-note-private,
#view_page div.bugnote-note-public {width:100%;margin:0px}
#view_page div.bugnote-note-private,
#view_page div.bugnote-note-public,
#view_page div.bugnote-note-public ul > li,
#view_page div.bugnote-note-private ol > li {font-size: 1em !important}

.width80, .width50, .width90 {width:100% !important; margin:0px}

.principal-menu a > i {font-size: 5em !important; margin-left: 4px}
.principal-menu div {width:51%}
.principal-menu img {display:none}
.principal-menu input[type="search"] {width:200px; font-size: 2em !important; text-align: center}
.principal-menu input[type="search"]:focus {position: absolute;	padding: 10px;	top:2px; left:0px;right: 1px;z-index: 1000;width:97%;text-align:center;height: 94%;font-size: 4em; }

.principal-menu	a[href$="view_all_bug_page.php"],
.principal-menu a[href$="summary_page.php"],
.principal-menu a[href$="proj_doc_page.php"],
.principal-menu a[href$="billing_page.php"],
.principal-menu a[href^="/manage"] {display:none}
.principal-menu a[href$="plugin.php?page=FAQ/faq_menu_page.php"] > i {
        bottom: 150px;
        background: #303030;
}

.principal-menu select {
	width: 45px !important;
        background: url("https://www.materialui.co/materialIcons/navigation/more_vert_white_54x54.png") no-repeat center !important;
	font-size: 1px !important;
	height: 45px;
	margin: 10px !important;	
	-webkit-appearance: none;
	appearance: none;
	-mz-appearance: none;
	border: none !important;
	}

#reportdiv .container {padding: 0px !important;}
#reportdiv .container2 {padding: 0px !important}
#reportdiv .container2 * {font-size: 1.3em !important}
#reportdiv .container2 select {height: 70px}
#reportdiv .container2 .small,
#reportdiv .container2 li:last-child {display:none}
#reportdiv .container2 label {width:46%}
#reportdiv input[type="submit"]	{width:100%}

#updatediv .container {padding: 0px !important;}
#updatediv .container2 {padding: 0px !important}
#updatediv .container2 * {font-size: 1.3em !important}
#updatediv .container2 select {height: 70px}
#updatediv .container2 .small,
#updatediv .container2 li:last-child {display:none}
#updatediv .container2 label {width:46%}
#updatediv input[type="submit"] {width:100%}
}

/* ///////////// END NEW CODE /////////////////// */

pre				{ margin-top: 0px; margin-bottom: 0px; }
a.subtle			{ color: blue; text-decoration: none; }
a.resolved			{ text-decoration: line-through underline; }
a > img				{ border: none; }
form				{ display: inline; }
input				{}


span.print			{ font-size: 8pt; }
span.pagetitle			{ font-size: 12pt; font-weight: bold; text-align: center }
span.bracket-link		{ white-space: nowrap;}

span.dependency_dated		{ color: maroon; }
span.dependency_met			{ color: green; }
span.dependency_unmet		{ color: red; }
span.dependency_upgrade		{ color: orange; }

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

td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right; }

td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title-caps	{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; text-transform: uppercase; }
td.nopad			{ padding: 0px; }
td.small-caption	{ font-size: 8pt; }
td.print			{ font-size: 8pt; text-align: left; padding: 2px; }
td.print-category	{ font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-overdue	{ font-size: 8pt; color: #000000; padding: 2px; }
td.print-bottom		{ border-bottom: 1px solid #000000; }
td.print-spacer		{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}

tr					{}
tr.row-1:hover, tr.row-2:hover	{background-color:#c9c9c9}
tr.spacer			{ height: 0px; display: none }
tr.row-1			{ background-color: #ffffff; color: #000000;}
tr.row-1 td 			{ border: none !important }
tr.row-2			{ background-color: #f7f7f7; color: #000000; }
tr.row-category td  {  text-align:center; }
tr.row-category2	{ background-color: #c8c8e8; color: #000000; }
tr.row-category-history { background-color: #303030; color: #fff; 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: #000000; font-weight: bold; }

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; }

.tblheader {background-color: #333}


td.news-heading-public	{ background-color: #c8c8e8; color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-heading-private	{ background-color: #d8d8d8;       color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-body			{ background-color: #ffffff;         color: #000000; padding: 16px; }

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


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

div.border
{
	background-color: #ffffff;
	border: solid 1px #000000;
	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; }
.floatright				{ float: right; }
.floatleft				{ float: left; }
.small				{font-size: 10pt}
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.small-subprojects		{ font-size: 8pt; width: 200px; }
.bold					{ font-weight: bold; }
.bold-small				{ font-weight: bold; font-size: 8pt; }
.italic					{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline				{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike					{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }
.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;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 5px;
}

.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; }



/*
 * /// Simple transition for "open/close" elements ////////////////
 */
#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;
}

#filter_closed,
#relationships_closed,
#upload_form_closed,
#monitoring_closed,
#bugnotes_closed,
#bugnote_add_closed,
#history_closed {
    opacity:.9;

}


table.width100 tr:last-child td,
table.width90 tr:last-child td,
table.width75 tr:last-child td,
table.width50 tr:last-child td {
    border-bottom:none;
}


.category,
.row-category,
.row-category-history {
    background: #363636;
    padding:10px 4px 4px 4px;
}

.category,
td.category,
td.category a,
.row-category,
.row-category a,
.row-category-history,
.row-category-history a {
    color:#fff ;
    text-shadow:none;
}

tr {
	height:0px;
}


tr.row-category2 {
    background:#363636;
    border-bottom:1px solid #ccc;
    border-bottom:2px solid rgba(240, 240, 240, .3);
    border-top:2px solid #999;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

tr.row-category2:first-child {
    border-top:none;
}

tr.row-category2,
tr.row-category2 a {
    color:#eee;
}

tr.row-category2 td {
    padding:10px 4px;
}

td {padding:2px;}

td.left {position:relative;}

td.small-caption {font-size:inherit;}


/*
 * /// Anchors ////////////////
 */
a,
a.subtle {
    color:#222;
    text-decoration:none;
    -moz-user-focus: none;
   -moz-outline: none;
         outline: none;
}


/*
 * /// Menu ////////////////
 */
table.width100[cellspacing="0"] {
    position:relative;
    margin-top:26px;
    margin-bottom:20px;
    border-collapse: separate;
}

#history_open table.width100[cellspacing="0"]:before,
#history_open table.width100[cellspacing="0"]:after,
#history_closed table.width100[cellspacing="0"]:before,
#history_closed table.width100[cellspacing="0"]:after {
    border:none;
}


/*
 * /// Recently Visited ////////////////
 */
div[align="right"] {
    margin-top:25px;
    margin-right:-2%;
}

div[align="right"] small {
    position:relative;
    background:rgba(60, 60, 60, .1);
    padding:10px;
    padding-left:25px;

    padding-right:3%;

            border-radius: 5px;

            box-shadow: 0 0 10px rgba(60, 60, 60, .3);
}

div[align="right"] small:before {
    content: "";
    position:absolute;
    top: 10px;
    left:5px;

    width:14px;
    height:14px;
    background:#555;
    border-radius:12px 0 12px 0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

div[align="right"] small:after {
    content: "";
    position:absolute;
    top: 13px;
    left:8px;

    width:4px;
    height:4px;
    border:2px solid #fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

/*
 * /// Filter ////////////////
 */
#filter_closed table {
    color:inherit;

}


#filter_closed table tr {
    color:#222;
    border:none;
}

/*
 * /// Avatar ////////////////
 */
.avatar {
    border:3px solid #fff;
}

td.bugnote-public .avatar {
    -webkit-box-shadow: 2px 2px 10px #D1D1D1;
       -moz-box-shadow: 2px 2px 10px #D1D1D1;
            box-shadow: 2px 2px 10px #D1D1D1;
}

td.bugnote-private .avatar {
    -webkit-box-shadow: 2px 2px 10px #9D9D9D;
       -moz-box-shadow: 2px 2px 10px #9D9D9D;
            box-shadow: 2px 2px 10px #9D9D9D;
}

/*
 * /// Add bug ////////////////
 */
#bugnote_add_open {position:relative;}

/*
 * /// Icons ////////////////
 */


a[href^="bug_update_page"] img {
    display:none;
}

a[href^="bug_update_page"] {
    display:inline-block;
}

a[href^="bug_update_page"]:before {
    font-size:24px;
    font-weight:normal;
    content:'\270E';
}

/* http://jsfiddle.net/TimPietrusky/R7gQn/ */
img[src="images/ok.gif"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height:0;
    width:0;
    padding:10px 5px 5px;
    content:"";

    background:#E6EFC2;
    border:2px solid #C6D880;

}

img[src="images/ok.gif"]:after {
    font-size:24px;
    line-height:24px;
    content:'\272F';
}

/*
 * /// Code ////////////////
 */

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: 6px 10px;

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;

}