body {
    background-color: #ffffff;
    color: #000000;
    font-family: arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    /*margin: 6px 4px;*/
}

p 					{ font-family: Verdana, Arial, Helvetica, sans-serif; }

address 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }

pre				{ margin-top: 0px; margin-bottom: 0px; }
a					{color: blue;}
a:active 			{color: blue;}
a:link    			{color: blue;}
a:visited 			{color: blue;}

td.statusbugs	{ font-size: 8pt;width: 12.5%; }
.statusbugs a { color:#fff;}
.statusbugs a:active { color:#fff;}
.statusbugs a:link { color:#fff;}
.statusbugs a:visited { color:#fff;}
.row-category2 a					{color: blue;}
.row-category2 a:active 			{color: blue;}
.row-category2 a:link    			{color: blue;}
.row-category2 a:visited 			{color: blue;}

.search-home a					{color: blue;}
.search-home a:active 			{color: blue;}

.search-home a:link    			{color: blue;}
.search-home a:visited 			{color: blue;}
.menu a					{
    color: #fff;
    font-weight: bold;
}
/*.menu a:active 			{color: #fff;}
.menu a:link    			{color: #fff;}
.menu a:visited 			{color: #fff;}*/
.floatright a					{color: blue;}
.floatright  a:active 			{color: blue;}
.floatright  a:link    			{color: blue;}
.floatright  a:visited 			{color: blue;}

.bracket-link a					{color:blue;}
.bracket-link a:active 			{color: blue;}
.bracket-link a:link    			{color: blue;}
.bracket-link a:visited 			{color: blue;}
a.subtle			{  text-decoration: none; }
a.resolved			{  }
a > img				{ border: none; }

form				{ display: inline; }

input				{}
input.button			{padding: 3px;}
input.button-small		{ font-size: 8pt; }
input.button-medium		{ font-size: 10pt;min-width: 100px; }

textarea			{}
select				{}

span				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
span.print			{ font-size: 8pt; }
span.required 		{ font-size: 8pt; color: #bb0000; }
span.small 			{ font-size: 8pt; font-weight: normal; }
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; }
table.width100		{ width: 100%; border: solid 1px #000000; }
table.width90		{ width: 90%;  border: solid 1px #000000; }
table.width75		{ width: 75%;  border: solid 1px #000000; }
table.width60		{ width: 60%;  border: solid 1px #000000; }
table.width50		{ width: 50%;  border: solid 1px #000000; }

td 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; padding: 4px; text-align: left; }
td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right;width: auto; }
td.category			{ background-color: #c8c8e8; color: #000000; font-weight: bold; vertical-align : top; width: 250px; }
td.overdue			{ background-color: #ff0000; color: #000000; font-weight: bold; }

td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title		{ color: #fff; font-weight: bold; text-align: left;min-width: 400px;background-color: #119096; }
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;width: 12.5%; }
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; font-weight: bold; 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.spacer			{ background-color: #ffffff; color: #000000; height: 5px; }
tr.row-1			{ background-color: #d8d8d8; color: #000000; }
tr.row-2			{ background-color: #e8e8e8; color: #000000; }
tr.row-category		{ background-color: #119096; color: #000000; font-weight: bold;}
tr.row-category td  {  text-align:center; }
tr.row-category2	{ background-color: #c8c8e8; color: #000000; }
tr.row-category-history { background-color: #c8c8e8; color: #000000; 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; }
#buglist {float: left;}
#buglist tr			{ text-align: center; }

td.bugnote-public		{ background-color: #c8c8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-private		{ background-color: #e8e8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-note-public	{ background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }
td.bugnote-note-private	{ background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }

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.menu
{
    /*background-color: #599696;*/
    background-color: #08787D;
    color: #084B8A;
    text-align: center;
    width: 100%;
    padding: 6px;
    font-size: 16px;
}

td.menu a
{
    white-space: nowrap;
}

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						{ padding: 3px; }*/
div.menu				{ background-color: #e8e8e8; color: #000000; text-align: center; width: 100%; padding: 1px; }

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: 8pt; }
.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; }
.more-detail{
    background-color: #d8d8d8;
    color: #000000;
    /*display: none;*/
}
.more-detail1{
    background-color: #d8d8d8;
    color: #000000;
    /*display: none;*/
}
.more-detail2{
    background-color: #e8e8e8;
    color: #000000;
    /*display: none;*/
}
#moredetail{
    cursor: pointer;
    text-decoration: underline;
}
.input-search{
    width: 800px;
    margin-left: 20px;
}
.search-home{

    float: left;
    border: none;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
/* TaylorTruong add CSS*/
/** {
	margin: 0;
	padding: 0;
}*/

.left-column > .search-table {
    width: 800px;
}
.input_container {
	float: left;
    padding-right: 5px;
}
.input_container input {
	height: 38px;
    width: 800px;
    font-size: 20px;
	padding-left: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 1px;
}
.input_container ul {
	width: 610px;

	position: absolute;
	z-index: 9;
	font-size:15px;
	background: #f3f3f3;
	list-style: none;
	text-align: justify;
    padding: 0px;
}
.input_container ul li {
	padding: 16px;
	border-bottom: 1px #999 dashed;
}
.input_container ul li:hover {
	background: #eaeaea;
}

.search-button {
    height: 36px;
    line-height: 27px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    -webkit-border-radius: 2px;
    -webkit-user-select: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    color: #757575;
    cursor: default;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 11px 4px;
    min-width: 54px;
    padding: 0 16px;
    text-align: center;
    border: 1px solid #ccc;
}
.search-button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f8f8f8;
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #222
}
.search-button:focus {
    border: 1px solid #4d90fe;
    outline: none
}
#country_list_id {
	display: none;
}
/*----End Add---- */
.input-search-home{
    width: 800px;
    height: 43px;
    font-size: 20px;
    padding-left: 10px;
}
.input-search-issues{
    width: 800px;
    height: 43px;
    font-size: 20px;
    padding-left: 10px;
}
.button-larger{
    height: 40px;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;
}
.form-search-left{
    float: left;
    width: 48%;
    text-align: right;
}
.form-filter-right{
    float: left;
    text-align: left;
    width: 48%;
    padding: 7px;
}
.form-header{
    float: left;
    width: 100%;
}
.right-column{
    float: right;
    width: 49%;
    padding: 7px;
}
.left-column{
    float: left;
    width: 99%;
    min-height: 120px;
}
.right-column TABLE{
    width: 100%;
    border-spacing: 1px;
}
.left-column TABLE{
     margin: 0 auto;
    padding-left: 20px;
    width: 937px;
}
.add-bobby-select{
    max-width: 900px;
}
.add-bobby-select select{
    height: 24px;
}
a {
    text-decoration: none;
}
.summary-detail{
    color: #095B5F;
    font-size: 18px;
    font-weight: bold;
}
.contact-us {
    width: 100%;
    text-align: left;
    font-size: 13px;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}
.banner{
    background: url('../images/banner.png') center no-repeat;
    width: 100%;
    height: 161px;
}
.contact-us-col1 {
    width: 30%;
    height: auto;
    float: left;
}
.contact-us-col2{
    width: 70%;
    height: auto;
    float: left;
}
.contact-us-form {
    width: 500px;
    margin: 0 auto;
}
.contact-us-form textarea {
    width: 100%;
    color: #000;
    height: 100px;
}
.lsbug a {
    color:#02565a;

}
.lsbug a:active { color:red;}
.lsbug a:link {
    color:#02565a;
    font-weight: bold;
}
.lsbug a:visited {
    color:#424242;

}
.lsbug{
    background: #E6E6E6;
    color: #666;
}
.lsbug-title{
    background-color: #119096;

}
.row-category a { color:#fff;}
.row-category a:active { color:#fff;}
.row-category a:link { color:#fff;}
.row-category a:visited { color:#fff;}
.form-title a { color:#fff;}
.form-title a:active { color:#fff;}
.form-title a:link { color:#fff;}
.form-title a:visited { color:#fff;}
.feedback-form{
    width: 800px;
    margin: 0 auto;
}
.feedback-input-text{
    width: 600px;
}
.feedback-input-text-important{
    width: 100%;

}
.form-submit-button{
    padding: 10px;
}
.div-feedback {
    width: 98%;
    text-align: right;
}

/*button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 15px 45px;
  font-size: 48px;
  line-height: 1.8;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}*/

.flat {
    color: #fff;
    background-color: #119096;
    text-shadow: -1px 1px #417cb8;
    border: none;
    padding: 5px!important;
}
.flat:hover,
.flat.hover {
    background-color: #14AFB8;
    text-shadow: -1px 1px #0A585C
}
.flat:active,
.flat.active {
    background-color: #0A585C;
    text-shadow: -1px 1px #193047
}

.qtip-content {
    font-size:12px;
    line-height: 120%;
}

.change-department span, .change-department a {
    /*font-size: 11px;*/
}
.change-department span.disabled {
    color: #898989;
}

.change-department span.selected {
    /*font-size: 10pt;*/
    font-weight: bold;
}

.category input {
    display: none;
}

.category .link-category, .category .selected-category {
    font-size: 14px;
    font-weight: bold;
}
.category .link-category {
    color: #577DAF;
}
.category .selected-category {
    /*pointer-events: none;
    cursor: default;*/
    color: #609!important;
    /*font-weight: bold;*/
}

.category {
    line-height: 140%;
}
.answer-text ul, .answer-text ol {
    list-style-position: inside;
}




figure
{
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block;
}

figure > figcaption
{
    text-align: center;
    display: block; /* For IE8 */
}
/** {
    box-sizing: border-box;
}*/

figure {
    margin: 10px 0;
}

/* Never exceed parent's size. */
figure, img {
    max-width: 100%;
    height: auto;
}

/* Let the image have figure's size. */
figure img {
    max-width: 100%;
    height: auto;
}

/* Image narrow style. */
figure.image-narrow img, img.image-narrow {
    max-width: 300px;
    height: auto;
}

/* Image wide style. */
figure.image-wide img, img.image-wide {
    max-width: 500px;
    height: auto;
}

/* Image alignment styles. */
.image-align-right {
    float: right;
    margin-left: 20px;
}

.image-align-left {
    float: left;
    margin-right: 20px;
}

.image-align-center {
    text-align: center;
}

.image-align-center > figure {
    display: inline-block;
}

/* Embed narrow style. */
.embed-narrow {
    width: 75%;
}

/* Embed center style. */
.embed-align-center {
    margin-left: auto;
    margin-right: auto;
}
.webui-popover .arrow{
    border-bottom-color: transparent!important;
}

.department-list {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ebebeb;
    height: 34px;
}
.department-list li {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
}
.department-list li.selected {
    border-bottom: 3px solid #4285f4
}
.department-list li.selected a {
    color: #4285f4;
}
.department-list a {
    color: #777;
}
.sub-department {
    text-align: center;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
}
.sub-department li {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}
.sub-department a {
    color: #777;
    font-size: 14px;
}
.sub-department .selected {
    border-bottom: 3px solid #4285f4
}
.sub-department .selected a {
    color: #4285f4;
}
.popup-selected {
    color: #000;
}
#instructor {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#instructor {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 15px;
    font-weight: bold;
    border: #000 1px solid;
    padding: 0px;
}
#instructor a {
    color: #BBE4CE;
}
#smqt {
    padding: 5px;
    background-color: #009344;
    border-bottom: #fff solid 1px;
}
#rpis {
    padding: 5px;
    background-color: #008DFF;
}

#help {
    padding: 5px;
    background-color: #FF9400;
    border-bottom: #fff solid 1px;
}
#login_hr {
    padding: 5px;
    background-color: #05474A;
    border-bottom: #fff solid 1px;
}
#t_popup {
    font-size: 15px;

}
#t_popup div.small{
    font-size: 12px;
}
#t_popup input[type="submit"] {
    color: #fff;
    background-color: #119096;
    text-shadow: -1px 1px #417cb8;
    border: none;
    font-size: 15px;
    padding: 5px;
    width: 40px;
    cursor: pointer;
}
.introjs-tooltiptext {
    font-size: 17px;
}
.main-menu {
    margin-bottom: 10px;
}
.main-menu .menu {
    font-size: 18px;
}
.right-buttons {
    position: fixed;
    bottom: 250px;
    right: 0px;
    background-color: #02565a;
}
.right-buttons span {
    display: block;
    width: 35px;
    height: 35px;
}
.right-buttons span:hover {
    background-color: #00939A;
}
.right-buttons span:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.right-buttons img {
    width: 20px;
    height: 20px;
    padding: 8px;
}
.header-logo img{
    height: 75px;
}
.header-logo {
    float: left;
}
.header-menu {
    float: right;
    padding-top: 5px;
    padding-bottom: 2px;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #119096;
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-right: 0px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content li {
    list-style: none;
    position: relative;
    min-width: 200px;
}
.dropdown-content, .dropdown-content .sub-menu ul {
    position: absolute;
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0px;
    z-index: 6969;
}
.dropdown-content ul {
    padding: 0px;
    margin: 0px;
}
.dropdown-content li > a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content li > a:hover {
    background-color: #f1f1f1
}

.dropdown-content .sub-menu:hover ul {
    display: block;
}
.dropdown-content .sub-menu ul {
    top: 0px;
    right: 100%
}
.dropdown-content .sub-menu:hover > a {
    background-color: #f1f1f1
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  width: 810px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

#clear_filter {
    display: inline;
}

.row-category td:nth-child(2) {
    /*min-width: 200px;*/
}
.search-highlight {
    color: #000;
    background: #ff0;
}
.sp_cnt {
    padding-top: 6px;
    margin: 5px 0 10px 0;
    line-height: 21px;
}
.spell {
    font-size: 18px;
}
.spell_orig {
    font-size: 15px;
}
.report-form select {
    min-width: 200px;
}

.hidden {
    display: none;
}

#dropbox_request_template input[type="text"], #hr_request_template input[type="text"]{
    width: 100%;
}
.select2-dropdown {
    z-index: 9909!important;
}


/* qtip bigger */
.qtip {
    max-width: 700px!important;
}

table#result span {
    cursor: pointer;
}

.dp_visible {
    z-index: 9999!important;
}
.editable {
    cursor: pointer;
}


.widget {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
}

.widget-tabs {
  padding: 9px 12px 0;
  text-align: center;
  /* Make the last tab in the DOM the left-most tab on the screen.
     That way we can activate it by default and still be able to
     deactivate it later using the ~ selector. */
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}

.widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
  color: #777;
}

.widget-tab + .widget-tab {
  margin-right: -1px;
}

.widget-tab.active {
  bottom: -1px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
}
.widget-tab.active > .widget-tab-link {
  margin: 0 -1px;
  color: #4285f4;
  border-top: 4px solid #4285f4;
}

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}